/*------------------------------------------------------------------
[Color codes]
Buttons, etc:	#726FB9 (blue)
hover color:	#fed136 (yellow)
-------------------------------------------------------------------*/
/* main font for menu. */
@import url(http://fonts.googleapis.com/css?family=Lora:400|Raleway:100,200,300,400,500,700,800);
/* latin */
@font-face {
  font-family: 'Original Surfer';
  font-style: normal;
  font-weight: 400;
  src: local('Original Surfer'), local('OriginalSurfer-Regular'), url(https://fonts.gstatic.com/s/originalsurfer/v7/RWmQoKGZ9vIirYntXJ3_MbekzNMSC0Fu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {font-family: "GrilledCheese BTN Toasted";
    src: url("//db.onlinewebfonts.com/t/49ff7851a24885d5e46c3361ff9815e3.eot");
    src: url("//db.onlinewebfonts.com/t/49ff7851a24885d5e46c3361ff9815e3.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/49ff7851a24885d5e46c3361ff9815e3.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/49ff7851a24885d5e46c3361ff9815e3.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/49ff7851a24885d5e46c3361ff9815e3.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/49ff7851a24885d5e46c3361ff9815e3.svg#GrilledCheese BTN Toasted") format("svg");
}
/*- General -*/
body {
	font-family: "Raleway", Sans-serif;
	-webkit-font-smoothing: antialiased;
	position: relative;
}
/*body::after {
  content: '';
  display: block;
  height: 68px; /* Set same as footer's height 
}*/
h1,
h2,
h3,
h4,
h5,
h6 {
	letter-spacing: -0.04em;
	font-weight: 700;
	font-style: normal;
	font-family: "Raleway", Sans-serif;
	color: #4A4A4A;
}
p {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	color: #000;
}
img {
	max-width: 100%;
	height: auto;
}
a {
    color: #4A4A4A;	
}
a:hover, a:focus, a:active, a.active {
	color: #5fd13c;
}
a, a:hover, a:focus, a:active, a.active {
	outline: 0;
	text-decoration: none;
}
::selection {
	text-shadow: none;
	background: #5fd13c;
}
section {
	padding-bottom: 0px;
}
section:last-child {
	padding-bottom: 0px;
}
/*- Reset bootstrap -*/
@media (min-width: 1200px)
.container {
	width: 1260px;
}
.row-gutter {
	margin-left: -20px;
	margin-right: -20px;
}
.col-gutter {
	padding-left: 20px;
	padding-right: 20px;
}
.sidebar-gutter {
	padding-left: 50px;
	/*padding-top: 50px;*/
}
.navbar .navbar-nav > li > a {
	color:#fff;
}
header {
	margin: 0px 0 50px;
	text-align: center;
}
/*- BX Slaider reset -*/
.bxslider {
	margin: 0;
	padding: 0;
}
.bx-wrapper .bx-viewport {
	left: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}
.bx-wrapper .bx-prev {
	border: 1px solid #000;
	background-image: none !important;
	background-color: rgba(223, 223, 223, 0.34);
}
.bx-wrapper .bx-next {
	border: 1px solid #000;
	background-image: none !important;
	background-color: rgba(223, 223, 223, 0.34);
}
.bx-wrapper .bx-prev:hover {
	background-color: rgba(223, 223, 223, 0.34);
}
.bx-wrapper .bx-next:hover {
	background-color: rgba(223, 223, 223, 0.34);
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 50px;
	height: 50px;
	text-indent: inherit;
	z-index: 99;
	color: #fff;
	text-align: center;
	line-height: 50px;
}
.main-slider img {
	position: relative;
}
.main-slider h2 {
	position: absolute;
	bottom: 2px;
	left: 15px;
	/*background-color: rgba(90, 4, 4, 0.9);*/
	color: #fff;
    padding: 5px 5px 2px;
    font-size: 36px;
    font-family: 'GrilledCheese BTN Toasted';
    letter-spacing: 0.02em;
    font-weight: 100;
    /*transform: scale(1, 0.75);*/
	/*background: -webkit-linear-gradient(#f9001b, #59140e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
}
.main-slider h2 a {
	color: #fff;
}
.main-slider h2 a:hover {
	color: #5fd13c;
}
/*- blog post -*/
.blog-post {
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CECECE;
}
.blog-post:last-child {
	border-bottom: none;
}
.blog-post .blog-post-body {
	text-align: center;
	padding: 20px 0;
}
@media (max-width: 990px) {
  .blog-post .blog-post-body {
    padding: 0px 0;
  }
}
  .blog-post-body div{
    padding-top: 20px;
  }
/*@media (min-width: 1200px) {
  .blog-post-body div{
    padding-top: 20px;
  }
}
@media (min-width: 1400px) {
  .blog-post-body div{
    padding-top: 30px;
  }
}
@media (min-width: 1700px) {
  .blog-post-body div{
    padding-top: 40px;
  }
}*/
@media (min-width: 1200px) {
  .news div {
    padding-top: 0px;
  }
}
@media (min-width: 1400px) {
  .news div {
    padding-top: 0px;
  }
}
@media (min-width: 1700px) {
  .news div {
    padding-top: 0px;
  }
}
@media (min-width: 1200px) {
  .message div{
    padding-top: 0px;
  }
}
@media (min-width: 1400px) {
  .message div{
    padding-top: 0px;
  }
}
@media (min-width: 1700px) {
  .message div{
    padding-top: 0px;
  }
}

@media (min-width: 700px) {
  div.row {
	padding-top: 20px;
  }
}
@media (min-width: 800px) {
  div.row {
	padding-top: 25px;
  }
}
@media (min-width: 900px) {
  div.row {
	padding-top: 30px;
  }
}
@media (min-width: 1000px) {
  div.row {
	padding-top: 20px;
  }
}
@media (min-width: 1200px) {
  .contact div{
    padding-top: 20px;
  }
  div.row {
	padding-top: 50px;
  }
}
@media (min-width: 1300px) {
  .contact div{
    padding-top: 20px;
  }
  /*.blog-post-body h2 {
    padding: 30px 0px 0px;
  }*/
  div.row {
	padding-top: 60px;
  }
}
@media (min-width: 1400px) {
  div.row {
	padding-top: 70px;
  }
}
@media (min-width: 1500px) {
  div.row {
	padding-top: 80px;
  }
}
@media (min-width: 1600px) {
  .contact div{
    padding-top: 40px;
  }
  /*.blog-post-body h2 {
    padding: 65px 0px 0px;
  }*/
  div.row {
	padding-top: 100px;
  }
}
@media (min-width: 1800px) {
  .contact div{
    padding-top: 20px;
  }
  /*.blog-post-body h2 {
    padding: 80px 0px 0px;
  }*/
  div.row {
	padding-top: 130px;
  }
}
@media (min-width: 2000px) {
  .contact div{
    padding-top: 20px;
  }
  /*.blog-post-body h2 {
    padding: 95px 0px 0px;
  }*/
  div.row {
	padding-top: 160px;
  }
}
@media (min-width: 2100px) {
  .contact div{
    padding-top: 20px;
  }
  /*.blog-post-body h2 {
    padding: 100px 0px 0px;
  }*/
  div.row {
	padding-top: 170px;
  }
}
@media (min-width: 2200px) {
  .contact div{
    padding-top: 20px;
  }
  /*.blog-post-body h2 {
    padding: 110px 0px 0px;
  }*/
  div.row {
	padding-top: 180px;
  }
}
@media (min-width: 2300px) {
  .contact div{
    padding-top: 20px;
  }
  /*.blog-post-body h2 {
    padding: 120px 0px 0px;
  }*/
  div.row {
	padding-top: 200px;
  }
}
@media (min-width: 2400px) {
  .contact div{
    padding-top: 20px;
  }
  /*.blog-post-body h2 {
    padding: 130px 0px 0px;
  }*/
  div.row {
	padding-top: 210px;
  }
}
@media (min-width: 2500px) {
  .contact div{
    padding-top: 20px;
  }
  /*.blog-post-body h2 {
    padding: 150px 0px 0px;
  }*/
  div.row {
	padding-top: 220px;
  }
}
/*@media (max-width: 1199px) {
	.blog-post .blog-post-body h2 {
		padding: 15px 0px 20px;
	}
}*/
.blog-post .blog-post-body h2 {
	margin: 0;
	
	font-size: 41px;
	line-height: 49px;
}
.blog-post .blog-post-body p {
	padding: 0 0 0;
	text-align: justify;
	font-size: 16px;
	font-weight: 300;
	line-height: 25px;
	color: #000;
}
.blog-post .blog-post-body span {
	text-align: justify;
	padding: 0 0 0;
	font-size: 16px;
}
.blog-post .blog-post-szoveg {
	text-align: justify;
	padding: 0 0 0;
	font-size: 16px;
}
.blog-post .blog-post-body a {
	color: #4A4A4A;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
/*.blog-post .blog-post-body a:hover  {		ez zavar, miért kell a pl. címek színét változtatni ha fölétolom az egeret???
	color: #f76700;
}*/
.blog-post .post-meta {
	margin: 5px 0 20px;
	font-weight: 400;
	font-size: 16px;
	color: #848484;
	font-family: "Lora";
	font-style: italic;
}
.blog-post .post-meta a {
	color: #848484;
}
.blog-post .post-meta a:hover {
	color: #fed136;
}
.blog-post .post-meta span {
	padding-left: 15px;
	padding-right: 15px;
}
.blog-post .post-meta span:first-child {
	padding-left: 0;
	padding-right: 15px;
}
.blog-post .post-meta i {
	padding-right: 5px;
	font-size: 12px;
}
.blog-post .read-more a {
	display: inline-block;
	padding: 12px 40px;
	margin: 30px 0 0px;
	border: 1px solid;
	border-radius: 25px;
	border-color: #E6E6E6;
	background-color: #F3F3F3;
	font-family: "Open Sans", Sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1.7px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.blog-post .read-more a:hover {
	background-color: #4ba330;
	border-color: #3e8429;
	color: #fff;
}
.blog-post .blog-post-text {
	text-align: left;
}
.blog-post .blog-post-text p {
	text-align: justify;
	font-size: 17px;
	font-weight: 400;
	line-height: 28px;
	color: #000;
	letter-spacing: 0.1px;
	margin-bottom: 30px;
}
/*- Sidebar -*/
.sidebar-title {
	background-color: #014516; /*145102*/
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.8px;
	font-size: 14px;
	padding: 15px 0;
	margin: 0 0 25px;
	font-family: "Raleway", Sans-serif;
}
.sidebar-widget {
	margin-bottom: 40px;	
}

@media (min-width: 1200px) {
  .sidebar-widget div{
    padding-top: 20px;
  }
}
@media (min-width: 1400px) {
  .sidebar-widget div{
    padding-top: 30px;
  }
}
@media (min-width: 1700px) {
  .sidebar-widget div{
    padding-top: 40px;
  }
}

.sidebar-widget li {
	font-size: 17px;
	margin-bottom: 10px;
}
.widget-socials {
	text-align: center;
}
.widget-socials a {
	margin: 3px 8px;
	padding: 5px;
	font-size: 17px;
	color: #3C3C3C;
}
.widget-about img {
	width: 100%;
}
.widget-about h4 {
	text-align: center;
	margin: 20px 0 5px;
}
.widget-about .author-title {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #B5B5B5;
	text-align: center;
}
.widget-about p {
	margin-top: 10px;
	font-size: 17px;
	line-height: 24px;
	color: #000000;
}
.widget-post {
	display: table;
	margin: 0 0 20px 0;
	border-bottom: 1px solid;
	border-color: #E4E4E4;
	padding-bottom: 20px;
	width: 100%;
}
.widget-post:last-child {
	border-bottom: none;
	padding-bottom: 0px;
	margin: 0px;
}
.widget-post .post-image {
	float: left;
	width: 90px;
	vertical-align: middle;
	position: relative;
	margin-right: 20px;
}
.widget-review .post-image {
	width: 70px;
	margin-right: 15px;
}
.widget-post .post-body {
	overflow: hidden;
}
.widget-post h2 {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}
.widget-post h2 a {
	color: #4A4A4A;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.widget-post h2 a:hover {
	color: #969696;
}
.widget-post .post-meta {
	margin-top: 5px;
	font-weight: 400;
	font-size: 11px;
	color: #848484;
	font-family: "Lora";
	font-style: italic;
}
.widget-post .post-meta span {
	margin-right: 8px;
}
.widget-post .post-meta span a {
	color: #848484;
}
.section-title {
	margin: 0 0 45px 0;
	border-top: 1px solid #505050;
	font-size: 28px;
	padding-top: 10px;
	font-weight: 300;
	color: #272727;
}
.section-title span {
}
/*- Footer -*/
footer {
	padding: 0;
	font-size: 12px;
	font-weight: 500;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	color: #717171;
	text-align: center;
	border-top: 1px solid #CECECE;
  position:absolute; 
  bottom:0; 
  right: 0;
  bottom: -100px;
  left: 0;
}
footer .footer-socials {
	margin: 60px 0 20px;
}
footer .footer-socials a {
	display: inline-block;
	margin-right: 5px;
	background-color: #626165;
	color: #fff;
	/* padding: 20px; */
	font-size: 20px;
	line-height: 45px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
footer .footer-socials a:hover {
	background-color: #dddddd;
}
footer .footer-bottom {
	padding: 10px 0 40px;
}
.headerimgcenter {
    display: block;
    margin: auto;
}
.hashtag{
	font-size: 50%; 
	font-family: 'Raleway', Sans-serif; 
	font-weight: bold; 
	padding: 0px 0px 0px 18px; 
	margin-top: -8px; 
	margin-bottom: -12px; 
	text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000;
}

@media (max-width: 768px) {
	.main-slider h2 {
		position: absolute;
		bottom: 2px;
		left: 15px;
		/*background-color: rgba(90, 4, 4, 0.9);*/
		color: #fff;
		padding: 5px 5px 0px;
		font-size: 32px;
		font-family: 'Original Surfer';
		letter-spacing: 0.02em;
		font-weight: 500;
	}
  /*.esemeny div{
    margin-top: 10px;
  }*/
	.hashtag{
		margin-top: -5px; 
		margin-bottom: -11px; 
		padding: 0px 0px 0px 16px; 
	}
}
@media (max-width: 700px) {
	.main-slider h2 {
		position: absolute;
		margin-bottom: 7px;
		left: 15px;
		/*background-color: rgba(90, 4, 4, 0.9);*/
		color: #fff;
		padding: 5px 5px 2px;
		font-size: 26px;
		font-family: 'Original Surfer';
		letter-spacing: 0.02em;
		font-weight: 500;
	}
	.hashtag{
		font-size: 45%; 
		margin-top: -5px; 
		margin-bottom: -10px; 
		padding: 0px 0px 0px 14px; 
	}
  /*.esemeny div{
    margin-top: -20px;
  }*/
}
/*@media (min-width: 600px) {
  .esemeny div{
    padding-top: 10px;
  }
}*/
@media (max-width: 600px) {
  .main-slider h2 {
	font-size: 20%;
		position: absolute;
		margin-bottom: 7px;
		left: 15px;
		color: #fff;
		padding: 5px 5px 2px;
		font-size: 26px;
		font-family: 'Original Surfer';
		letter-spacing: 0.02em;
		font-weight: 500;
  }
	.hashtag{
		font-size: 42%; 
		margin-top: -3px; 
		margin-bottom: -11px; 
		padding: 0px 0px 0px 12px; 
	}
}
@media (max-width: 500px) {
	.hashtag{
		font-size: 30%; 
		margin-top: -1px; 
		margin-bottom: -11px; 
		padding: 0px 0px 0px 10px; 
	}
}
@media (max-width: 400px) {
	.hashtag{
		font-size: 30%; 
		margin-top: 0px; 
		margin-bottom: -11px; 
		padding: 0px 0px 0px 8px; 
	}
}
@media (max-width: 380px) {
	.hashtag{
		font-size: 25%; 
		margin-top: 0px; 
		margin-bottom: -10px; 
		padding: 0px 0px 0px 8px; 
	}
}
@media (max-width: 350px) {
	.hashtag{
		font-size: 25%; 
		margin-top: 0px; 
		margin-bottom: -10px; 
		padding: 0px 0px 0px 6px; 
	}
}
@media (max-width: 990px) {
	.sidebar-gutter {
	padding-top: 0px;
  }
/*  .esemeny div{
    padding-top: 10px;
  }*/
}
/*@media (min-width: 1200px) {
  .esemeny div{
    padding-top: 20px;
  }
}*/
/*@media (min-width: 1400px) {
  .esemeny div{
    padding-top: 30px;
  }
}*/
/*@media (min-width: 1700px) {
  .esemeny div{
    padding-top: 40px;
  }
}*/
.esemenytabla tr:hover{
	background-color: #d8d8d8;
}
.esemenytabla th{
	padding: 20px 10px;
	background-color: #b6d9ab; /*9bd4a7;8adc92; c0e0c3*/
	font-size: 16px;
}
.esemenytabla th{
	border: solid #999999 1px;
}
.esemenytabla td, .esemenytabla tr{
	border: solid #999999 1px;
	padding: 5px 10px;
	font-size: 16px;
    font-weight: 500;
}
.esemenytabla_login tr:hover{
	background-color: #d8d8d8;
}
.esemenytabla_login th{
	padding: 10px 10px;
	background-color: #b6d9ab; /*9bd4a7;8adc92; c0e0c3*/
	font-size: 16px;
}
.esemenytabla_login th{
	border: solid #999999 1px;
}
.esemenytabla_login td, .esemenytabla_login tr{
	border: solid #999999 1px;
	padding: 5px 10px;
	font-size: 16px;
    font-weight: 500;
}
.toroltabla {
	color: #000;
	position:absolute;
	top:39%;
	left:34%;
}
.toroltabla tr:hover{
	background-color: transparent;
}
.toroltabla td, .toroltabla tr{
	text-align: center;
	padding: 5px 5px;
	border: 0;
}
.gombtabla {
	color: #000;
}
.gombtabla tr:hover{
	background-color: transparent;
}
.gombtabla td, .gombtabla tr{
	text-align: center;
	padding: 5px 5px;
	border: 0;
}
.tablazatkeres td, .tablazatkeres tr{
	text-align: center;
	border: 0;
	background-color: #ffc49b;
	padding: 5px 5px;
    font-size: 16px;
}
.btn-submit {
    background-color: #496648;
	color: #fff;
    text-align: center;
    border-width: 2px;
    border-radius: 0px;
    font-size: 16px;
    padding: 2px 5px;
    font-weight: 400;
}
.btn-submit:hover {
    background-color: #399b34;
	color: #fff;	
}
.btn-back {
    background-color: #6d4040;
	color: #fff;
    text-align: center;
    border-width: 2px;
    border-radius: 0px;
    font-size: 16px;
    padding: 2px 5px;
    font-weight: 400;
}
.btn-back:hover {
    background-color: #a3271a;
	color: #fff;	
}
/* pagination2 */

	ul.pagination2 {
		cursor: default;
		list-style: none;
		padding-left: 0;
		color: black;
	}

		ul.pagination2 li {
			display: inline-block;
			padding-left: 0;
			vertical-align: middle;
			color: black;
		}

			ul.pagination2 li > .page {
				-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				border-bottom: 0;
				border-radius: 5px;
				display: inline-block;
				height: 1.5em;
				line-height: 1.5em;
				margin: 0 0.125em;
				min-width: 1.5em;
				padding: 0 0.5em;
				text-align: center;
				color: black;
			}

				ul.pagination2 li > .page:hover {
					background-color: #cccccc;
					color: black;
				}

				ul.pagination2 li > .page.active {
					background-color: #5f6060;
					color: #fff;
				}

			ul.pagination2 li:first-child {
				padding-right: 0.75em;
				color: black;
			}

			ul.pagination2 li:last-child {
				padding-left: 0.75em;
				color: black;
			}

		@media screen and (max-width: 480px) {

			ul.pagination2 li:nth-child(n+2):nth-last-child(n+2) {
				display: inline-block;
				color: black;
			}

			ul.pagination2 li .button {
				width: 100%;
				color: black;
			}

			ul.pagination2 li:first-child {
				width: calc(50% - 2px);
				text-align: left;
				padding-right: 0.325em;
				color: black;
			}

			ul.pagination2 li:last-child {
				width: calc(50% - 2px);
				text-align: right;
				padding-left: 0.325em;
				color: black;
			}

		}
/*ÜZENETEKHEZ "FELUGRÓ ABLAK"*/
.uzenetek {
    margin: 10px;
    padding: 10px;
    text-align: left;
    border: none;
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
	/*color: #efefef;*/

    position: fixed;
	top: 250px;
	left: 22%;
	right: 22%;
    width: 50%;
    height: 50%;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    opacity: 0;
    background: #efefef;/*#365138; */
}
.torol {
    margin: 10px;
    padding: 10px;
    text-align: left;
    border: none;
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
	/*color: #efefef;*/

    position: fixed;
	top: 250px;
	left: 22%;
	right: 22%;
    width: 50%;
    height: 50%;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    opacity: 0;
    background: #bcbcbc;/*#365138; */
}
.btn-general {
    background-color: transparent;
    text-align: center;
    border-width: 1px;
    border-radius: 0px;
    font-size: 14px;
    padding: 5px 10px;
    font-weight: 400;
}
.btn-white {
    border-color: #444444; 
    background-color: #999999;
    color: #fff;
}
.btn-white:hover,
.btn-white:focus {
    background-color: 6d6c6c;
    color: #000000;
    cursor: pointer;
}

.btn-red {
    border-color: #444444; 
    background-color: #990707;
    color: #fff;
}
.btn-red:hover,
.btn-red:focus {
    background-color: #5e0404;
    color: #fff;
    cursor: pointer;
}

.btn-blue {
    border-color: #444444; 
    background-color: #1d629b;
    color: #fff;
}
.btn-blue:hover,
.btn-blue:focus {
    background-color: #123c5e;
    color: #fff;
    cursor: pointer;
}

.btn-esemeny {
    border-color: #b74f00; 
    background-color: #f97109;
    color: #fff;
	font-weight: 500;
}
.btn-esemeny:hover,
.btn-esemeny:focus {
    background-color: #af5108;
    color: #fff;
    cursor: pointer;
}

.btn-uzenet {
    background-color: transparent;
    text-align: center;
    border-width: 1px;
    border-radius: 0px;
    font-size: 14px;
    padding: 0px 5px;
    font-weight: 400;
    background-color: #f97109;
    color: #fff;
}
.btn-uzenet:hover,
.btn-uzenet:focus {
    background-color: #af5108;
    color: #fff;
    cursor: pointer;
}
.btn-nevezes { 
	border-color: #737373; 
    background-color: transparent;
    text-align: center;
    border-width: 1px;
    border-radius: 0px;
    font-size: 14px;
    padding: 0px 5px;
    font-weight: 400;
    background-color: #e64c00;
    color: #fff;
}
.btn-nevezes:hover,
.btn-nevezes:focus {
    background-color: #a83800;
    color: #fff;
    cursor: pointer;
}
.btn-nevezes-zar { 
	/*border-color: #3b3b3b; */
    background-color: transparent;
    text-align: center;
    border-width: 1px;
    border-radius: 0px;
    font-size: 14px;
    padding: 0px 5px;
    font-weight: 380;
    background-color: #c7c7c7;
    /*color: #fff;*/
}
.btn-nevezes-zar:hover,
.btn-nevezes-zar:focus {
    background-color: #999999;
    color: #333333;
    cursor: pointer;
}
.btn-up {
    border-color: #444444; 
    background-color: transparent;
    text-align: center;
    border-width: 1px;
    border-radius: 0px;
    font-size: 14px;
    padding: 0px 6px;
    font-weight: 400;
    background-color: #1a8c24;
    color: #fff;
}
.btn-up:hover,
.btn-up:focus {
    background-color: #105616;
    color: #fff;
    cursor: pointer;
}
.btn-link {
    border-color: #444444; 
    background-color: transparent;
    text-align: center;
    border-width: 1px;
    border-radius: 0px;
    font-size: 14px;
    padding: 0px 5px;
    font-weight: 400;
    background-color: #1d629b;
    color: #fff;
}
.btn-link:hover,
.btn-link:focus {
    background-color: #123c5e;
    color: #fff;
    cursor: pointer;
}
.about-pic:nth-of-type(5n+6){
	clear: left; 
}
/*
.about-pic {
	float:left; 
	width: 20%;
}*/

/*--abouthoz i ikon pozicionalasa--*/
.about-pic { 
	position: relative;
}
.about-pic img { 
	display: block; 
}
.about-pic .fa-info-circle {
    position: absolute; 
	top: 18px; 
	right: 22px;
	font-size: 1.13em;
}
.about-pic .fa-info-circle.feher {
	color: #dbdbd9;
}
@media (min-width: 994px) {
	.about-pic .fa-info-circle {
		top: 28px; 
		right: 20px;
		font-size: 1.13em;
	}
}
@media (min-width: 1100px) {
	.about-pic .fa-info-circle {
		top: 27px; 
		right: 23px;
		font-size: 1.23em;
	}
}
@media (min-width: 1200px) {
	.about-pic .fa-info-circle {
		top: 30px; 
		right: 26px;
		font-size: 1.33em;
	}
}
@media (min-width: 1400px) {
	.about-pic .fa-info-circle {
		top: 30px; 
	}
}
@media (min-width: 1700px) {
	.about-pic .fa-info-circle {
		top: 33px; 
	}
}
@media (max-width: 990px) {
	.about-pic .fa-info-circle { 
		top: 27px; 
		right: 18px;
		font-size: 1.13em;
	}
}
@media (max-width: 768px) {
	.about-pic .fa-info-circle { 
		top: 28px; 
		right: 18px;
		font-size: 0.975em;
	}
}
@media (max-width: 600px) {
	.about-pic .fa-info-circle { 
		top: 25px; 
		right: 14px;
		font-size: 0.875em;
	}
}
@media (max-width: 500px) {
	.about-pic .fa-info-circle { 
		top: 24px; 
		right: 11px;
		font-size: 0.875em;
	}
}
@media (max-width: 400px) {
	.about-pic .fa-info-circle { 
		top: 24px; 
		right: 10px;
		font-size: 0.845em;
	}
}
@media (max-width: 330px) {
	.about-pic .fa-info-circle { 
		top: 23px; 
		right: 8px;
		font-size: 0.8em;
	}
}
@media (max-width: 270px) {
	.about-pic .fa-info-circle { 
		top: 12px; 
		right: 7px;
		font-size: 0.72em;
	}
}
@media (max-width: 250px) {
	.about-pic .fa-info-circle { 
		top: 12px; 
		right: 7px;
		font-size: 0.6em;
	}
}
a.docu:hover {
	color: #5fd13c;
}
/*---*/