*, html, body, td, th, p, h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	/*font-size: 14px;*/
}

a {
	color: #016AEA;
}


a:hover {
	color: #222;
}

b {
font-weight: 500;
color: #000;	
}

strong {
font-weight: 500;
color: #000;	
}

.menu_kontener_kulso {
	height: 3em;
	position: relative;
}

.menu_kontener {
	width: 100%;
	height: 3em;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	background: #fff;
        border-top: 3px solid #3753A1;
	border-bottom: 3px solid #3753A1;
}

#logo {
	max-height: 3em;
	padding: 0em;
}

.fejlec {
	margin: 0.5em 0;
}

#menu-toggle {
	font-size: 2rem;
	color: #3753A1;
        
}

.fomenu {
	display: none;
	position: relative;
	/*top: -1em;*/
        margin-top: 3em;
        
}
/*mobil nézet menü ikon méretezés*/
.title-bar-title {
 font-weight: normal; 
	font-size: 1.6rem;
	color: #ffffff;
}
/* cégnév, telszám méretezés #3753A1*/
.menu .menu-text {
    padding: 0.6rem 1rem;
    font-weight: normal;
    line-height: 1;
    color: #3753A1;
    font-size: 1.5rem;
 }

.menu a {
	padding: 0.3em 0.4em;
	margin-left: 0.1em;
	color: #fff;
	display: block !important;
	background: #3753A1;
	width: auto;
	font-weight: 500;
        font-size: 1.3rem;
	
}

.menu a:hover,
.menu a.aktiv,
.menu a.aktiv:hover {
	background: #697EB9;
        color: #ffffff;
}

#kereso input,
#kereso a {
	font-size: 0.9rem;
	padding: 0.2rem !important;
	height: 2rem !important;
	box-shadow: none;
}

#kereso a {
	padding: 0.2rem 0.6rem !important;
}

.tartalom {
	padding: 1em;
}

img.referencia {
	padding: 0 1em 1em 0;
}

.technikai_adatok {
	margin: 1em 0;
	padding: 0.4em 1em;
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-left: none;
	border-right: none;
}

.lablec_kontakt_kontener {
	border-top: 6px solid #3753A1;
	background: #fff url(./../pic/kapcsolat-hatter.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.lablec_kontakt_kontener_lebego {
	background: rgba(255, 255, 255, 0.8);
	padding: 1em;
}

.lablec_kontener {
	width: 100%;
	background: #7386d6;
	border-top: 3px solid #3753A1;
}

footer {
	padding: 1em;
}

footer p,
footer a,
footer label {
	color: #ffffff;
	margin: 0;
}

footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

footer li {
	color: #ffffff;
}

footer h1,
footer h2,
footer h3,
footer h4, 
footer h5 {
	color: #ffffff;
}

.feher-separator-left {
  text-align: left !important; }
  .feher-separator-left::before, footer .feher-separator-left::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
.feher-separator-left::after {
    clear: both; }
.feher-separator-left::after {
    position: relative !important;
    width: 3rem;
    border-bottom: 0.125rem solid #ffffff;
    margin: 1rem auto 0;
    margin-left: 0 !important; }


.also_menu a {
	color: #000;
	padding-left: 0.3em;
	display: block;
}

@media screen and (min-width: 960px) {
	#logo {
		max-height: 10em;
		padding: 1em;
	}
	.menu_kontener_kulso {
		height: 4em;
		position: relative;
	}
	.menu_kontener {
		width: 100%;
		height: 4em;
		background: #ffffff;
	}
	.fomenu {
		display: block !important;
		 margin-top: 1em;
		
	}
	.fomenu a {
		display: inline-block !important;
		font-size: 0.9rem;
		
	}
	#menu-toggle {
		display: none;
	}
}

@media screen and (min-width: 1150px) {
	.fomenu a {
		font-size: 1.1rem;
                background: #fff;
	}
}

.kiemeltszoveghattere {
	margin: 1em 0;
	padding: 0.4em 1em;
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-left: none;
	border-right: none;
}

/* niytolapra szolg*/
.image-hover-wrapper {
  position: relative;
}

.image-hover-wrapper a {
  display: inline-block;
  letter-spacing: normal;
  line-height: initial;
  margin: 0;
  padding: 0;
  position: relative;
}

.image-hover-wrapper a img {
  float: left;
  overflow: hidden;
  width: 100%;
}

.image-hover-wrapper a .image-hover-wrapper-reveal {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fefefe;
  display: inline;
  height: 100%;
  margin-left: -100%;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 80;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 0.25s;
}

.image-hover-wrapper a .image-hover-wrapper-reveal:hover {
  opacity: 1;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.image-hover-wrapper a .image-hover-wrapper-reveal:hover p {
  opacity: 1;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 0.25s;
}

.image-hover-wrapper a .image-hover-wrapper-reveal p {
  bottom: 0;
  display: block;
  opacity: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.image-hover-wrapper a .fa {
  font-size: 24px;
}

.image-hover-wrapper .image-hover-wrapper-banner {
  background-color: rgba(254, 254, 254, 0.8);
  color: #000000;
  font-weight: 600;
  left: 0;
  padding: 0.5rem;
  position: absolute;
  top: 25%;
  width: 75%;
  z-index: 10;
}

.youtube-container {
border: 1px solid #CCCCCC;
height: 0;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 30px;
position: relative;
}

.youtube-container iframe, .youtube-container object, .youtube-container embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

.thumbnail{border:4px solid #fefefe;box-shadow:0 0 0 1px hsla(0,0%,4%,.2);display:inline-block;line-height:0;max-width:100%;transition:box-shadow .2s ease-out;border-radius:0;margin-bottom:1rem}.thumbnail:focus,.thumbnail:hover{box-shadow:0 0 6px 1px rgba(33,153,232,.5)}


.responsive-blog-post {
  margin-bottom: 4rem;
}

.responsive-blog-post h2 {
  margin-bottom: 0;
}

.responsive-blog-post h2:hover {
  text-decoration: underline;
  transition: color 0.3s ease-in;
}

@media screen and (max-width: 39.9375em) {
  .responsive-blog-post h4 {
    font-size: 1.5rem;
  }
}

.responsive-blog-post img {
  margin-bottom: 1.5rem;
}

.responsive-blog-post .date {
  font-size: 0.8rem;
  color: #8a8a8a;
}