/*
 * FONTS:
 * font-family: 'Raleway', sans-serif;
 * 
 * COLORS:
 * Base text - #231f20
 * Gray - #e6e7e8
 * Gray dark - #5d5d5d
 */


body{color:#231f20;font-family: 'Raleway', sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased}
ul{display:block;list-style-type:none;margin:0;padding:0}
a,.link{color: #00aeed;cursor:pointer}
a:hover{color: #0099d1; text-decoration: none}
hr{width:100%;background:#000;margin:1.5rem auto}
a,input,textarea,select,button, .btn{transition:.4s}
.custom-checkbox {margin-bottom: 0.25rem}
.custom-checkbox .custom-control-label::before{border-radius: 0;width:1.3rem;height:1.3rem;top: 0.1rem;background-color: transparent;border:1px solid #d7d7d7 }
.custom-checkbox .custom-control-label::after {width:1.3rem;height:1.3rem;top: 0.15rem;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {background: #54a276;border-color: #54a276}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{content: "\f00c";font-size: 0.9rem; font-family:'Font Awesome 5 Pro';color: #fff;text-align: center; background-image:none}
.pagination-bg{background: #e7e7e7;padding: 1.5rem 0.75rem}
.imgholder{position: relative;overflow: hidden}
.line-through{text-decoration: line-through}
small {display:block;}

.btn-download{color:#fff;background: #51a376;line-height:1;text-align:left;}
.btn-download:hover {color:#fff;background: #389462;}
.btn-download .fa-download {float:left;margin:5px 10px 5px 0;}

.imgleft, .imgright, .imgcenter {display:block;margin:0 auto}

h1 {font-size:1.6rem;position:relative;margin-bottom:1.5rem;padding-bottom:0.5rem;}
h1:after {content:" ";position:absolute;bottom:0;left:0;width:80px; height:2px; background: #d01d19;}
h2 {font-size:1.4rem;}
h3 {font-size:1.3rem;margin:1.6rem 0 1.4rem;color:#606060;}
.textcontent {margin-top:2rem;}
.textcontent ul {margin:1rem 0  1rem 1.5rem;}
.textcontent ul li{position:relative;margin-bottom:5px;padding-left:17px}
.textcontent ul li:before{content:"\f192";position:absolute;left:0;top:5px;font-family:'Font Awesome 5 Pro';font-size:10px;color:#54a276}

/* 
 * Global Header
 */

/* MENU */
.navigation-btn {font-size:1.2rem;text-transform: uppercase;cursor: pointer;color: #5d5d5d;transition: 0.3s}
.navigation-btn span{font-size:1.6rem}
.navigation-btn:hover {color: #54a276}
.overlay {height: 100%;width: 0;position: fixed;z-index: 1090;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-x: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 25%;width: 100%;text-align: center;margin-top: 30px;}
.overlay a {padding: 8px;text-decoration: none;font-size: 2.1rem;color: #9f9f9f;display: block;transition: 0.3s;}
.overlay a:hover, .overlay a:focus {color: #f1f1f1;}
.overlay .closebtn {position: absolute;top: 1.2rem;right: 2.6rem;font-size: 3.6rem;}
@media screen and (max-width: 450px) {
  .overlay-content{top:2rem;}
  .overlay a {font-size: 1.3rem}
  .overlay .closebtn {font-size: 2.2rem;top: 1rem;right: 2rem;}
}

.breadcrumb {border-bottom:1px dotted #dfdfdf}

.triangle {position: relative; text-align: center;max-width:325px;}
.triangle span{position: absolute;bottom: 7%;left: 40%;transform: translate(-30%);color: #fff;font-weight: 800;text-transform: uppercase;padding:5px 10px;background: rgba(0,0,0,0.5);}
.triangle img {max-width: 100%;height: auto;opacity:0.3;transition: .3s;}
.triangle:hover img {opacity:1}
.triangle-wrap img {margin: 0 auto}

.mobilmenu a {display:block;text-align:center;text-transform:uppercase;color:#6b6b6b;margin-bottom:0.5rem;padding: 0.6rem 0 0.3rem;transition:.3s;border-bottom:3px solid transparent;background: #eee;}
.mobilmenu a:hover, .mobilmenu a.active{color:#fff;background:#54a276;border-color:#367753;}

/*
 * Kezdőlap 3 kép
 */
.imgholder h2 {position: absolute;left:0;bottom:0;margin:0;padding:1rem;width:100%;color:#fff;font-size:1.2rem;font-weight: 600; background: rgba(0,0,0,0.4)}
.imgholder img {opacity: 0.7;transition: .4s}
.imgholder:hover img{opacity: 1}

/*
 * Fejléc keresés
 */
.searchset .title {display:block;font-size:1.3rem;}
.searchset .found {font-size: 1.4rem;}
.custom-control-label small{display:block}

.maincontent {margin:0 auto 2rem auto;padding:2rem 15px;background: #e6e7e8}

.logo-text {padding:2rem 0;font-size:1.6rem;text-transform: uppercase; text-align: center}
.logo-text img {margin:0 15px;vertical-align: initial}

.login {font-size:0.9rem;text-transform: uppercase}

/* 
 * Szolgáltató box
 */
.item{margin-top:1.5rem;padding:1rem;height:100%;background: #fff}
.item h5 {font-size:1.2rem;}
.item .companyname{font-size: 1.5rem}
.item .name{font-weight: 600}
.item .btn{margin-top:0.5rem;color:#fff;background: #5d5d5d}
.item .btn:hover {color: #5d5d5d;background: #e6e7e8}
.item .intro{margin:0.75rem 0}
.item .close {position:absolute;top:0;right:1rem;opacity:1;color: #5d5d5d;font-size: 2rem;}
.item .close:hover, .item .close:focus {opacity:.5}
.item .close .fas {color: #54a276}
.item .install ul{margin:0 0 1rem;}
.item .install ul li {position:relative;margin-bottom:0.3rem;padding-left: 15px;}
.item .install ul li:before{position:absolute;left:0;top:0;content:"\f105";font-family:'Font Awesome 5 Pro';color: #00aeed}
.photos {margin-bottom: 1rem}
.item .web { word-wrap: break-word;margin-bottom: 0.3rem;}
.item .referenciaimg {position: relative;background: rgba(0,0,0,0.8);max-height: 50px;max-width: 79px;overflow: hidden;line-height: 1;opacity: 0.5}
.item .referenciaimg img {opacity: 0.5;margin:0 auto;}
.item .referenciaimg span{position: absolute;left:50%;top: 50%;transform: translate(-50%, -50%);color: #fff; text-align: center;font-size: 0.8rem;}


/* 
 * GLOBAL footer 
 */
footer {margin-top:3.25rem;font-size:1rem;}
footer a{margin:0.5rem;color: #5d5d5d}
footer a:hover{color: #54a276}
footer .copyright {margin-bottom:2rem;padding:0.5rem 0;font-size: 0.9rem;text-align: center}
footer .copyright span{display: block;margin-top:0.5rem;font-size:1rem;text-transform: uppercase}

/* MEDIA QUERY */
@media (min-width:768px){
	.imgleft {float: left;margin: 0 1rem 0 0}
	.imgright {float: right;margin: 0 0 0 1rem}
}

@media (min-width:992px){
	h1 {font-size:2.1rem;}
	h2 {font-size:1.75rem;}
	h3 {font-size:1.5rem}

	#map-hungary {
		width: 430px;
		height: 280px;
	}
}

@media (max-width:768px){
	.fancybox-content .item {padding: 0;}
	.fancybox-content {padding: 0 !important;}
}

@media (max-width:576px){
	.logo-text img {margin:0}
}

@media (max-width:992px){
	html,body{font-size:16px}
}



.cssmap-search-link {
	display: none;
}

.hungary {
	display: none;
}

.fancybox-slide--iframe .fancybox-content {
	width  : 800px;
	height : 600px;
	max-width  : 80%;
	max-height : 80%;
	margin: 0;
}

#cookie-policy {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 1em 2em;
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1000;
	display: block;
	width: 100%;
}

#cookie-policy p {
	display: inline-block;
	margin-bottom: 0;
}

#cookie-policy-more-info {
	color: #00aeed;
}

#accept-cookie-policy {
	display: inline-block;
	border-radius: 4px;
	background-color: #e6e7e8;
	color: #333;
	margin-left: 10px;
	padding: 6px;
}

#accept-cookie-policy:hover {
	background-color: #00aeed;
	color: #fff;
	text-decoration: none;
}

@media all and (-ms-high-contrast:none)
{
	/* IE10 */
	.foo { color: green } 
	
	/* IE11 */
	*::-ms-backdrop, .fancybox-content {
		width: 1288px;
	}
}

.ms-nav-prev, .ms-nav-next {
	border: 1px solid transparent !important;
	background-color: transparent !important;
}

.cssmap-loader {
	display: none !important;
}

.page-more {
	display: block;
	padding: 0.5rem 0.25rem;
	margin-left: 8px;
	line-height: 1.25;
	color: #6c757d;
	background-color: #fff;
}

.wr_popup {
	position: absolute;
	padding: 15px 5px 5px 5px !important;
	z-index: 1000;
}

.popup {
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 4px;
	box-shadow: 5px 5px 10px #666;
	padding: 15px 5px 5px 5px !important;
}

.popup .close {
	position: absolute;
	top: 2px;
	right: 2px;
	font-size: 7pt;
}

.popup .close a {
	display: inline-block;
	font-size: 7pt;
	line-height: 0.7em;
	padding: 3px;
	color: #666;
}

.popup_sidebar {
	position: absolute;
}

.popup_sidebar_header {
	margin-bottom: 0.5em;
}

.popup_sidebar_header a {
	color: white;
}