/*
 * Made by WebDesignCrowd
 * http://webdesigncrowd.com
 *
 */

html { height: 100%; }
body {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 1.7em;
	height: 100%;
	color: #454f62;
}
.clearfix { clear: both; }
/* Offsets fixed header */
.affix { top: 50px; }
/*  */
.fixed-container {
	margin-left: 5%;
	margin-right: 5%;
}
	/* Full Width, for carousel*/
	.section.full-wide-content .fixed-container,
	.fixed-container.full { 
		margin: 0;
	}
	.fixed-container .row {
		text-align: center;
	}
	.fixed-container .row [class^='col-md-'] {
		/*margin-bottom: 50px;*/
		/*margin-bottom: 80px;*/
	}
	@media (max-width: 768px){
		.fixed-container .row [class^='col-md-'] {
			margin-bottom: 9%;
		}
	}

:not(.section .content) ul { 
	margin: 0; 
	padding: 0; 
}
#ismobile { display: none; }
@media (max-width: 768px){
	.section .content ol,
	.section .content ul {
		padding-left: 18px;
	}
	#ismobile { display: block; }
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
}
h1 {
	display: inline-block;
	margin: 0 0 30px 0;
	font-size: 30px;
	padding-bottom: 5px;
}
h1:hover { border-color: #72a329; }
h3 { 
	color: rgba(255,255,255, .7); 
	font-size: 14px;
	line-height: 32px; 
	margin: 0 0 15px 0;
	letter-spacing: .5px;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	margin: 1.5em auto;
	padding: 0;
}
a { color: #d16657; }
a:hover { color: #e1412b; text-decoration: none; }

.section a:not(.btn):not(.tag):not([class^='col-']) {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	transition: all .25s;
	-moz-transition: all .25s; 
	-webkit-transition: all .25s; 
	-o-transition: all .25s; 
}
.section a:not(.btn):not(.tag).active {
	transition: all 0s;
	-moz-transition: all 0s; 
	-webkit-transition: all 0s; 
	-o-transition: all 0s; 
}
.section a:not(.btn):not(.tag).active,
.section a:not(.btn):not(.tag):hover {
	color: #454f62;
	text-decoration: none;
	border-color: #454f62;
}
.section.grey a:not(.btn) {
	color: #FFFFFF;
	border-color: #FFFFFF;
}
.section.grey a:not(.btn):hover {
	color: #ff6d5a;
	border-color: #ff6d5a;
}
.section a[class^='col-'],
.section a[class^='col-']:hover,
.section a[class^='col-']:focus,
.section#clients a, 
.section#clients a:hover {
	border-bottom: 0;
	text-decoration: none;
}
.italic { font-style: italic; }
.alignc { text-align: center; }
.posa { position: absolute; }
.ls05 { letter-spacing: 0.5px; }
.small { font-size: 80%; }

@media (max-width: 768px){
	.mobile-hide { display: none; }
}

/* tooltip styles */
.tooltip.top {
	margin-top: -5px;
}
	#tevekenysegek .tooltip.top {
		margin-top: -10px;
	}
.tooltip-inner {
	max-width: 225px;
}
.emphasized-b strong,
.emphasized-b b {
	display: inline-block;
	padding: 2px 7px;
	background-color: #fcf4f3;
	color: #e45644;
	font-size: 110%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.striped-table table p { margin: 10px 0; }
.striped-table tr:nth-child(odd) { background-color: #FFFFFF12; }
.striped-table th, .striped-table td { padding-left: 15px; }
.page-kepzesek .striped-table tr td:nth-child(1) { font-size: 125%; font-weight: bold; }
.mobile-converted-table-head { display: none; }
@media (max-width: 768px){
	.page-kepzesek .striped-table table,
	.page-kepzesek .striped-table tbody,
	.page-kepzesek .striped-table tr,
	.page-kepzesek .striped-table td:not(.mobile-hide),
	.page-kepzesek .striped-table p {
		display: block;
		width: 100%;
		text-align: left;
	}
	.page-kepzesek .striped-table th {
		display: none;
	}
	.mobile-converted-table-head {
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-bottom: -10px;
		display: block;
		font-weight: normal;
		color: #ffffffb0;
	}
	.page-kepzesek .striped-table tr td:nth-child(1) {
		font-size: 150%;
	}
}

/* button styles */
button,
input[name=message],
.btn {
	position: relative;
	font-size: 14px;
	line-height: 20px;
	padding: 10px;
	margin: 0 10px 10px 10px;
	text-shadow: none;
	box-shadow: none;  
	background: none;
	border: 2px solid rgba(255,255,255,.6);
	color: rgba(255,255,255,.8);
	background-color: transparent;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-transition: .3s;
	transition: .3s;
}
button:hover,
input[name=message]:hover,
.btn:hover {    
	border-color: #fff;
	color: #fff;
}
button:active,
input[name=message]:active,
.btn:active {
	/*top: 2px;*/
	margin-top: 3px;
}
button.active,
input[name=message].active,
.btn.active {
	background-color: rgba(0,0,0,.1);
	border-color: #fff;
	color: #fff;
}
button:focus,
input[name=message]:focus,
.btn:focus {
	color: #fff;
	outline: none;
}
	
/* Basic Form Styles */
input,
textarea,
select,
input.form-control,
textarea.form-control,
input.form-control:focus,
textarea.form-control:focus {
	outline: none;
	border-radius: 0;
	box-shadow: none;
	border: none;
	border-color: #d0d0d0;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 15px 20px;
	padding: 15px 3%;
}
input,
textarea {
	transition: all  0.45s;
	-moz-transition: all  0.45s; 
	-webkit-transition: all  0.45s; 
	-o-transition: all  0.45s; 
}
input:hover,
textarea:hover,
input:focus,
textarea:focus {
	background-color: rgba(255, 255, 255, 1);
}
form .btn {
	margin-left: 0;
	margin-right: 0;
}
label {
	font-weight: normal;
}

.form-control:focus {
	box-shadow: none;
	border-color: #777;
}

.error404 {
	padding: 60px 0;
	text-align: center;
	font-size: 80%;
}
.error404 .title {
	font-size: 150%;
}
.error404 .search {
	border-top: 1px #CCC solid;
	font-size: 100%;
	margin: 50px 0;
	padding: 50px 0;
	text-align: center;
}

/* tag */
.tag {
	border-bottom: none;
    text-decoration: none;
    background-color: hsla(0, 0%, 60%, 1);
    color: #FFF;
    padding: 3px 9px;
    margin: 3px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    font-size: 80%;
    white-space: nowrap;
	transition: all .25s;
	-moz-transition: all .25s; 
	-webkit-transition: all .25s; 
	-o-transition: all .25s; 
}

/* Empty space for empty columns */
.row .empty[class^='col-md-'] {
	margin-bottom: 0;
}

.subtitle:empty {
	display: none;
}

/* Basic Modal Styles */
.modal {
}
	.modal .wrapper {
		margin: 3% auto;
		width: auto;
		max-width: 70%;
		max-height: 85%;
	}
	.modal img {
		margin: 0 auto;
		max-width: 100%;
		max-height: 100%;
		box-shadow: 0 15px 30px rgba(0,0,0,.5);
	}
	.modal h4 {
		margin-top: 10px;
		font-size: 14px;
		text-align: center;
		/*color: #fff;*/
	}
	.modal a {
		color: #fff;
	}
	.modal textarea,
	.modal input {
		width: 100%;
	}
	.modal .success,
	.modal .failure {
		display: none;
		padding: 10px;
		background-color: #77bb7a;
	}
	.modal .failure {
		background-color: #ff9d80;
	}
	/* Scrollbar bugfix */
	body.modal-open, .modal-open .navbar-fixed-top {
		margin-right: 0;
	}

@media (max-width: 767px) {
	.modal {
		overflow-y: hidden;
	}
}  

#writeUs textarea {
		width: 96%;
		height: 200px;
		padding: 10px 3%;
	}
.ui-dialog button,
#writeUs .btn {
	color: #454f62;
	background-color: #DDD;
}

/*  NAVBAR
 *    stylings for fixed navbar
 *  
 *
 */

#navbar-spacer {
	height: 70px;
}
body.page-fooldal #navbar-spacer {
	height: 0;
}
.navbar {
	background-color: #fff;
	border: none;
	top: -100px;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

	position: absolute;
	width: 100%;
	/*min-height: 0;*/
	/*margin-bottom: 0;*/
}
	.navbar-header {
		margin: 0;
	}
	.navbar.affix-top,
	.navbar.affix {
		position: fixed;
		left: 0;
		right: 0;
		/*-webkit-transition: .4s;*/
		/*transition: .4s;*/
	}
	body.page-fooldal .navbar.affix-top,
	body.page-fooldal .navbar.affix {
		-webkit-transition: .4s;
		transition: .4s;
	}
	body.contentpage .navbar.affix-top,
	body.contentpage .navbar.affix {
		-webkit-transition: 0s;
		transition: 0s;
	}
	.navbar.affix-top { top: -70px; }
	.navbar.affix { top: 0; }
	
	.navbar span.glyphicon, .navbar i {
		font-size: 13px;
		margin-right: 15px;
		vertical-align: middle;
		top: -1px;
	}
	.navbar i {
		font-size: 15px;
	}
	.navbar a.navbar-brand {
		font-size: 30px;
		line-height: 70px;
		font-weight: normal;
		color: #d16657;
		padding: 0 30px 0 0;
		-webkit-transition: .4s;
		transition: .4s;
	}
		.navbar a.navbar-brand span.glyphicon { top: 4px; font-size: 28px; }
		.navbar a.navbar-brand:hover, .navbar a.navbar-brand:focus  { color: #edc80e; } 

	/* Smaller device menu styles */
	.navbar .navbar-toggle {
		outline: none;
		border-color: transparent;
		margin: 20px 0 0 0;
		padding: 0;
	}
		.navbar .navbar-toggle:active,
		.navbar .navbar-toggle:visited,
		.navbar .navbar-toggle:focus,
		.navbar .navbar-toggle:hover { background-color: transparent; }
		
		.navbar .navbar-toggle span.icon-bar {
			background-color: #999;
			height: 3px;
			margin: 4px 0;
		}
			.navbar .navbar-toggle:hover span.icon-bar {
				background-color: #444;
			}
	.navbar .navbar-collapse {
		border-color: #999;
		max-height: 400px;
	}
	.navbar .navbar-nav li a {
		margin: 20px 5px;
		color: #777;
		height: 30px;
		line-height: 30px;
		
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		
		padding: 0 20px;
		transition: background-color .2s;
		-webkit-transition: background-color .2s; 
	}
		.navbar .navbar-nav li a:hover {
			color: #fff;
			background-color: #d16657;
		}
		.navbar .navbar-nav li.dropdown.open a.dropdown-toggle {
			background-color: #bbb;
		}
			.navbar .navbar-nav ul.dropdown-menu {
				border-radius: 0;
				border: 0 solid #999;
				border-top: 1px solid #999;
			}
			.navbar .navbar-collapse.in ul.dropdown-menu {
				border-top: none;
			}
				.navbar .navbar-collapse.in ul.dropdown-menu li a:hover {
					color: #ccc;
				}
	.navbar .navbar-nav li.active a,
	.navbar .navbar-nav li.active a:hover {
		background-color: #d16657;
	}
	.navbar .share-icon {
	    padding: 0 6px;
	    width: 30px;
	    font-size: 18px;
	    box-sizing: border-box;
	    text-align: center;
		-webkit-text-stroke: 0.5px #d16657;
		text-stroke: 0.7px #d16657;
		background-color: #d16657;
	}
	.navbar .share-icon i {
		color: #FFF;
	}
	.navbar .share-icon i {
		margin: auto;
	}
	
	@media (max-width: 990px) {
		.navbar .navbar-nav li a {
			padding: 0 15px;
		}
		.navbar a.navbar-brand {
			padding-right: 5px;
		}
		.navbar .navbar-collapse.collapse {
			display: none;
		}
	}

.content-list .item {
		margin-left: 60px;
	}
	.content-list .item:before {
		content: '•';
		display: block;
		position: absolute;
		font-size: 3em;
		margin-left: -30px;
	}
.narrow-content:not(.wide-content):not(.full-wide-content) .content {
	max-width: 900px;
	margin-left: auto;;
	margin-right: auto;;
}
#article {
	/*width: 80%;*/
	/*margin: auto;*/
	/*max-width: 1024px;*/
}
.lead {
    font-weight: 300;
    margin-bottom: 7%;
}
.lead:last-child {
    margin-bottom: unset;
}
body.page-kepzesek #article .btn {
	padding: 10px 25px;
	text-transform: uppercase;
}

/*  SECTION
 *    stylings for sections
 *    
 *
 */

.section {
	position: relative;
	min-height: 0;
	z-index: 1;
	padding: 5% 0;
	color: #FFFFFF;
	background-color: #d16657;
	transition: background-color 1s;
	-webkit-transition: background-color 1s; 
}
	.section.white + .section.white {
		padding-top: 0;
	}
	/*@media (max-width: 1440px){ .section { padding-top: 11%; } }*/
	/* Contact Section */
	.section#contact {
		min-height: 0;
		padding-bottom: 0;
		text-align: center;
	}
	.scrolloff {
		pointer-events: none;
	}

	/* White Section */
	.section.white {
		background: none;
		background-color: #eee;
		color: #454f62;
	}
		.section.white a:not(.btn):not(.tag) {
			color: #444;
			border-color: #444;
		}  
		.section.white h1 {
			color: #d16657; 
		}    
		.section.white input[name=message],
		.section.white a.btn {
			color: #444;
			border-color: #666;
		}
		.section.white input[name=message]:hover,
		.section.white a.btn:hover {
			/*top: 0;*/
			color: #bbb;
			border-color: #bbb;
			background-color: transparent;
		}
		.section.white input[name=message].active,
		.section.white a.btn.active { 
			color: #d16657;
			border-color: #d16657;
			box-shadow: none; 
			background-color: transparent;
		}

	/* grey Section */
	.section.grey {
		background: none;
		background-color: #454f62;
		color: #EEE; 
	}
		.section.grey h1 {
			/**/
		}    
		.section.grey a.btn {
			/*color: #FFF;*/
			/*border-color: #FFF;*/
		}
		.section.grey a.btn:hover {
			/*top: 0;*/
			/*color: #bbb;*/
			/*border-color: #bbb;*/
		}
		.section.grey a.btn.active { 
			/*color: #d16657;*/
			/*border-color: #d16657;*/
			/*box-shadow: none; */
			/*background-color: transparent;*/
		}
		
		
	/* Image BG Section */
	.section.image { }
		.section.image h3 { color: rgba(255,255,255, .7); }
		
	/* WELCOME SECTION */
	.section.welcome {
		padding-top: 0;
	}
		.section.welcome .content {
			text-align: center;
		}
		.section.welcome a { color: rgba(255,255,255,.8); }
		.section.welcome a:hover { color: #fff; }
	img.background {
		width: auto;
		min-width: 100%;
		min-height: 100%;
		position: fixed;
		z-index: -1;
	}
	.section h1 {
		display: block;
		text-align: center;
		font-size: 50px;
		color: #fff;
	}
	.section h1 .subtitle {
		font-size: 20px;
		padding: 1.5% 0;
	}
	.section.white h1 .subtitle {
		color: #888;
	}
	.welcome .scroll-down i {
		display: block;
		font-size: 40px;
		font-weight: normal;
		margin-top: 20px;
		color: rgba(255,255,255,.9);
	}
	.welcome span.glyphicon {
		margin-top: 70px;
		color: rgba(255,255,255,.9);    
		font-size: 40px;
	}
		.welcome span.logo.glyphicon {
			border: 3px solid rgba(255,255,255,.9);
			/*-webkit-border-radius: 50px;*/
			/*-moz-border-radius: 50px;*/
			/*border-radius: 50px;*/
			width: 100px;
			height: 100px;
			width: 255px;
			height: 77px;
			padding-top: 15px;
			margin: 14% 0 30px 0;
			font-size: 60px;
		}
		.welcome span.logo.glyphicon-leaf {
			padding-top: 20px;
			font-size: 44px;
		}
		
	
	.section:last-child {
		background-color: #fff;
	}
		.section .content.affix {
			width: 90%;
		}
		/* Full width container, for carousel */
		.fixed-container.full .content.affix {
			width: 100%;
		}

/* For extra small devices, turn off affix properties */
@media (max-width: 767px) {
	body.page-fooldal:not(.contentpage) .section .content {
		text-align: center;
	}
	.section .content.articles {
		text-align: left;
	}
	.section.welcome { 
		overflow: hidden;
		height: auto;
	}
	.section h1 {
		font-size: 35px;
	}
	img.background {
		/*background-attachment: scroll;*/
		/*position: absolute;*/
	}
}
@media (max-width: 420px) {
	img.background {
		height: 100%;
	}
	.section {
		height: auto;
		padding-top: 70px;
	} 
	.section h1 {
		font-size: 35px;
		margin: 18px 0 35px 0;
	}
	#home.section h1 {
		font-size: 30px;
	}
	.section.welcome { height: 100%; }
	span.logo.glyphicon { margin-top: 20px; }
}

/*
 * home
 * 
 */
#home {
		background-color: #FFF;
		padding-bottom: 0;
	}

/*
 * adatok
 * 
 */
#adatok {
		color: #FFF;
		/*min-height: 0;*/
		/*padding-bottom: 20px;*/
		position: relative;
		overflow: hidden;
		/*background-color: #454f62;*/
		/*padding-bottom: 20px;*/
	}
	#adatok .background {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.4)";
		filter: alpha(opacity=.4);
		opacity: .4;
		-webkit-filter: grayscale(100%);

		background: url("img/office.jpg") fixed no-repeat;
		background-size: cover;
	}
	#adatok .content {
		/*max-width: 900px;*/
		margin: auto;
		text-align: center;
	}

/*
 * rolunk
 * 
 */
#rolunk {
		/*padding-bottom: 20px;*/
	}
	#rolunk .content {
		/*max-width: 900px;*/
		margin: auto;
		text-align: center;
		color: #FFF;
	}

/*
 * több helyen használt
 */
#mikor {
		
	}
	#mikor .content {
		margin: auto;
		color: #FFF;
	}
	#mikor .content li {
		margin: 2% 0 2% 2%;
		list-style-type: none;
	}
	#mikor .content li:before {    
		content: '';
		display: inline-block;
		position: absolute;
		margin: 6px 0 0 -28px;
		width: 18px;
		height: 18px;
		background: url(images/check-circle-regular.svg);
		background-size: contain;
		filter: invert(100%);
	}
	#mikor strong,
	#mikor b {
		color: #454f61;
	}
	#mikor.white .content {
		color: unset;
	}
	#mikor.white .content li:before {
		filter: unset;
	}

	@media (max-width: 768px)
	{
		#mikor .content li {
		text-align: left;
			margin-left: 8%;
		}
	}

/*
 * 
 */
#contact {
		/*padding-top: 7%;*/
	}


/*  SERVICES
 *    stylings for services content
 *    image background parallax
 *    Supports grids of multiple sizes (half, thirds, quarters, etc.)
 *
 */
#tevekenysegek {
	color: #444;
	/*min-height: 0;*/
	/*padding-bottom: 20px;*/
	position: relative;
	overflow: hidden;
	/*background-color: #000;*/
} 
	#tevekenysegek .background {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.4)";
		filter: alpha(opacity=.4);
		opacity: .4;
		-webkit-filter: grayscale(100%);

		background: url("img/office.jpg") fixed no-repeat;
		background-size: cover;
	}
	#tevekenysegek .row {
		text-align: center;
	}
	#tevekenysegek .row > a[class^="col-"],
	#tevekenysegek .row > div[class^="col-"] {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	#tevekenysegek hr {
		width: 50%;
		margin: 1.5em auto 0 auto;
		border-color: rgba(255, 255, 255, 0.5);
	}
	#tevekenysegek .service-icon {
		text-align: center;
		color: #fff;
	}
		/*#tevekenysegek .service-icon i:hover  {
			background-color: #d16657;
			color: #fff;
		}*/
		#tevekenysegek .service-icon:hover i  {
			background-color: #d16657;
			color: #fff;
		}
		#tevekenysegek .service-icon i {
			margin: 0 auto;
			color: rgba(255,255,255,.7);
			display: inline-block;
			font-size: 40px;
			display: block;
			height: 100px;
			width: 100px;
			padding-top: 25px;

			/*border: 4px solid rgba(237,200,14,.7);*/
			border: 4px solid rgba(255, 255, 255, 0.7);
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			
			-webkit-transition: background-color .3s;
			transition: background-color .3s;   
		}
		#tevekenysegek .service-icon div,
		#tevekenysegek .service-icon span {
			display: block;
			margin-top: 20px;
		}
		#tevekenysegek .service-icon .title {
			text-transform: uppercase;
			min-height: 56px;
		}
/*@media (max-width: 990px) {*/
		/*#tevekenysegek .col-md-3 { width: 20%; }*/
/*}*/
@media (max-width: 990px) {
		/*#tevekenysegek .col-sm-3 { width: 50%; }*/
}
@media (max-width: 768px) {
		/*#tevekenysegek .col-xs-6 { width: 100%; }*/
		#tevekenysegek .service-icon .title {
			min-height: auto;
		}
}
		
@media (max-width: 420px) {
	#tevekenysegek {
		/*background-attachment: scroll;*/
	}
}


/*  SERVICES
 *    stylings for services content
 *    image background parallax
 *    Supports grids of multiple sizes (half, thirds, quarters, etc.)
 *
 */
.section.recommends {
	color: #444;
	/*min-height: 0;*/
	/*padding-bottom: 20px;*/
	position: relative;
	overflow: hidden;
	/*background-color: #000;*/
} 
	.section.recommends .background {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.4)";
		filter: alpha(opacity=.4);
		opacity: .4;
		-webkit-filter: grayscale(100%);

		background: url("img/office.jpg") fixed no-repeat;
		background-size: cover;
	}
	.section.recommends .row {
		text-align: center;
	}
	.section.recommends .row > a[class^="col-"],
	.section.recommends .row > div[class^="col-"] {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.section.recommends hr {
		width: 50%;
		margin: 1.5em auto 0 auto;
		border-color: rgba(255, 255, 255, 0.5);
	}
	.section.recommends .service-icon {
		text-align: center;
		color: #fff;
	}
		/*.section.recommends .service-icon i:hover  {
			background-color: #d16657;
			color: #fff;
		}*/
		.section.recommends .service-icon:hover i  {
			background-color: #d16657;
			color: #fff;
		}
		.section.recommends .service-icon i {
			margin: 0 auto;
			color: rgba(255,255,255,.7);
			display: inline-block;
			font-size: 40px;
			display: block;
			height: 100px;
			width: 100px;
			padding-top: 25px;

			/*border: 4px solid rgba(237,200,14,.7);*/
			border: 4px solid rgba(255, 255, 255, 0.7);
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			
			-webkit-transition: background-color .3s;
			transition: background-color .3s;   
		}
		.section.recommends .service-icon div,
		.section.recommends .service-icon span {
			display: block;
			margin-top: 20px;
		}
		.section.recommends .service-icon .title {
			text-transform: uppercase;
			min-height: 56px;
		}
/*@media (max-width: 990px) {*/
		/*.section.recommends .col-md-3 { width: 20%; }*/
/*}*/
@media (max-width: 990px) {
		/*.section.recommends .col-sm-3 { width: 50%; }*/
}
@media (max-width: 768px) {
		/*.section.recommends .col-xs-6 { width: 100%; }*/
}
		
@media (max-width: 420px) {
	.section.recommends {
		/*background-attachment: scroll;*/
	}
}

/*  PORTFOLIO
 *    stylings for portfolio
 *    
 *
 */

#work {
	min-height: 0;
	color: #000;
}
	#work .controls { 
		text-align: center; 
		margin-bottom: 20px;
	}
		#work .controls .btn {
			margin: 0 5px 10px 5px;
		}
	#work h1 { margin-bottom: 35px; }

.gallery {
	padding: 0;
	text-align: justify;
	font-size: 0.1px;
	margin: 0;
	width: 100%;
	/*background-color: #666;*/ 
}
	.gallery:after {
		content: '';
		display: inline-block;
		width: 100%;
	}

	.gallery .mix {
		overflow: hidden;
		height: 300px;
		padding: 0;
		display: none;
		opacity: 0;
		vertical-align: top;
		margin: 0;
		background: #ccc;
		color: #fff;

		font-size: 30px;
		text-align: center;
		line-height: 200px;
	} 

		.gallery a.mix-cover, .gallery span.cover {
			display: block;
			width: 100%;
			height: 100%;      
		}
		
		.gallery a.mix-cover {
			position: relative;
			-webkit-transition: top .5s;
			transition: top .5s;
		}
		.gallery a.mix-cover:hover {
			top: 100%;
		}
		.gallery span.cover {
			position: absolute;
			top: -100%;
			background-color: #d16657;
		}
			.gallery span.cover span {
				color: #fff;
				position: absolute;
				height: 50px;
				top: 50%;
				left: 0;
				right: 0;
				margin-top: -25px;
				line-height: 50px;
			}
		.gallery img {
			min-width: 100%;
			height: 100%;
			vertical-align: 0;
		}

	@media (max-width: 768px) {
		.gallery a.mix-cover:hover {
			top: 0;
		}
		.gallery span.cover {
			height: 50px;
			top: auto;
			bottom: 0;
			z-index: 100;
		}
			.gallery span.cover h2 {
				font-size: 24px;
			}
		.gallery img, .gallery .mix {
			width: 100%;
			height: auto;
			font-size: 0;
			line-height: 0;
		}
	}
/*  CLIENTS and TESTIMONIALS
 *    stylings for testimonials
 *    
 *
 */
#clients {
 color: #444;
 min-height: 0;
 height: auto;
 /*padding-top: 9%;*/
 /*padding-bottom: 5%;*/
 position: relative;
 overflow: hidden;
 background-color: #000;
} 
	#clients h1 {
		margin-bottom: 50px;
	}
	#clients .background {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: -1;
	
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.4)";
		filter: alpha(opacity=.4);
		opacity: .4;
		-webkit-filter: grayscale(100%);
	
		background: url("img/bg3.jpg") fixed no-repeat;
		background-size: cover;
	}
	#clients .row {
		text-align: center;
	}
		#clients .row .logo {
			float: none;
			display: inline-block;
		}
		#clients .row .logo img {
			display: inline-block;
			height: 70px;
			margin-bottom: 40px;
 
			/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.4)";*/
			/*filter: alpha(opacity=.4);*/
			/*opacity: .4;*/
			-webkit-transition: .4s;
			transition: .4s; 

			-webkit-filter: brightness(300%) grayscale(100%);
			filter: brightness(300%) grayscale(100%);
		}
		#clients .row .logo.t-tudok img {
			height: 80px;
			filter: brightness(500%) grayscale(100%);
		}
		#clients .row .logo.superbrands img {
			height: 79px;
			filter: brightness(500%) grayscale(100%);
		}
		#clients .row .logo.t-tudok img {
			height: 90px;
		}
		#clients .row .logo.referenciak img {
			filter: brightness(100%) grayscale(100%);
		}
		#clients .row .logo img:hover { 
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
			filter: alpha(opacity=1);
			opacity: 1;

			-webkit-filter: brightness(100%) grayscale(0%);
			filter: brightness(100%) grayscale(0%);
		}
		#clients .tab-content {
			margin-top: 15px;
		}
			#clients .tab-pane {
				color: rgba(255,255,255,.7);
				font-size: 14px;
				line-height: 24px;
			}
			

@media (max-width: 768px) {
	#clients img.logo { width: 50%; }
}
@media (max-width: 420px) {
	#clients { 
		/*background-attachment: scroll;*/
	}
}

/*  PRICING
 *    stylings for pricing tables
 *    
 *
 */
.pricing { }
	.pricing span {
		/*margin-right: 20px;*/
	}
	.pricing hr {
		width: 75%;
		margin: 1.5em auto 0 auto;
	}
	.pricing > .row > div[class^="col-"] {
		float: none;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 2%;
	}
	.pricing .wrapper {
		position: relative;
		padding: 7%;
		background-color: #ccc;
		-webkit-transition: .5s;
		transition: .5s; 
		min-height: 800px;
	}
		.pricing .wrapper:hover {
			margin-top: -10px;
			background-color: #d16657; 
			box-shadow: 0 10px 0 0 #d16657;
		}
		.pricing .wrapper {
			padding-bottom: 35px;
		}
		.pricing .wrapper a.btn {
			position: absolute;
			bottom: 3%;
			left: 50%;
			margin-left: -43px;
		}
		.pricing .wrapper:hover h3,
		.pricing .wrapper:hover h4 { color: #fff; }
		.pricing .wrapper:hover span.price {
			 background-color: rgba(255,255,255,.8);
			 border-color: transparent;
		}
		.pricing .wrapper:hover td { color: #fff; }
		.pricing .wrapper:hover a { color: #fff; border-color: #fff; }
		.pricing .wrapper:hover a.btn { border-color: transparent; background-color: #FFF; color: #666; }
		.pricing .wrapper:hover a.btn { border-color: transparent; background-color: #FFF; color: #666; }
		.pricing .wrapper:hover a.tag { background-color: #FFF; color: #666; }
		.pricing .wrapper a.btn:hover { border-color: transparent; background-color: #FFF; }
		.pricing .wrapper:hover .infopoint:after {  color: #FFF; }
		#pricing a.all { padding: 15px 50px; color: #444; }
		#pricing a.all:hover { border-color: transparent; background-color: #d16657; color: #FFF; }

	.pricing h4, .pricing h3, .pricing h2, .pricing .table td, .pricing .table hr {
		-webkit-transition: .25s;
		transition: .25s; 
	}
	.pricing h3 {
		color: #454f62;
		font-size: 28px;
		min-height: 65px;
	}
	.page-b2b-piackutatas .pricing h3 {
		min-height: unset;
	}
	@media (max-width: 1500px){
		.page-blog-cikkek .pricing h3 {
			min-height: 128px;
		}
	}
	.pricing h4 {
		color: #454f62;
		font-size: 18px;
	}
	.pricing ul {
		/*list-style-type: none;*/
		text-align: left;
		padding: 0 0 0 29px;
	}
	.page-b2b-piackutatas .pricing ul {
		padding: 0 0 0 57px;
	}
	.pricing p {
		font-size: 90%;
	}
	.pricing span.price {
		display: block;
		overflow: hidden;
		color: #454f62;
		width: 100px;
		height: 100px;
		line-height: 90px;
		
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		
		border: 2px solid rgba(255,255,255,.8);
		margin: 0 auto;
	}
		.pricing span.price img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.pricing span.price i {
			position: relative;
			top: 10px;
			font-size: 40px;
			/*margin-right: 10px;*/
		}
		
	.table {
		margin-bottom: 0;
	}
		.table .btn {
			margin-top: 15px;
		}
		.table caption {
			margin: 20px 0;
		}
		.table thead tr th {
			font-weight: normal;
			color: #8bc534;
			display: block;
			font-size: 30px;
			line-height: 40px;
			text-align: center;
			margin-bottom: 10px;
			border: 0;
		}
		.pricing .table td {
			border: 0;
			padding: 15px 0;
			text-align: center;
		}
		
@media (max-width: 768px) {
	.pricing .wrapper:hover {
		margin-top: 0;
		box-shadow: none;
	}
	.pricing > .row > div[class^="col-"] {
		margin-bottom: 7%;
	}
}

#about * {
		color: #FFF;
	}

	.about-description {
		width: 66%;
		margin: 0 auto;
		padding-bottom: 25px;
	}
	@media (max-width: 768px) {
		.about-description {
			width: 90%;
		}
	}

/*  TEAM
 *    stylings for about us section
 *    
 *
 */

.team { text-align: center; }
	.team h2 {
		color: #444;
		margin: 0;
		line-height: 40px;
	}
	.team h3 { line-height: 18px; }
	.team .btn { 
		margin: 5px 10px 0 0; 
	}
	.team p { 
		color: #444;
		margin-bottom: 15px;
		line-height: 26px;
	}
	
	.portrait {
		position: relative;
		margin: 0 auto 15px auto;
		width: 250px;
		height: 250px;
		
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		
		overflow: hidden;
		border: 4px solid rgba(255,255,255,.4);
		
		-webkit-transition: border-color .5s;
		transition: border-color .5s; 
	}
		.team .row [class*="col-"]:hover .portrait { border-color: #fff; }
		.portrait img {
			width: 100%;
		}
		.social-media {
			margin-bottom: 20px;
			color: #fff;
			width: 100%;
			text-align: center;
		}
			.social-media a {
				display: inline-block;
				height: 40px;
				width: 40px;
				font-size: 20px;
				margin: 0 5px;
				padding-top: 6px;
				color: rgba(255,255,255,.7);
				
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				border: 2px solid rgba(255,255,255,.5);   
				
				-webkit-transition: .3s;
				transition: .3s;      
			}
			.social-media a:hover {
				color: #fff;
				border-color: #fff;
			}


	/* Portrait Responsive Sizes */
	@media (max-width: 979px) {
		.portrait {
			width: 200px;
			height: 200px;
		}
	}
	@media (min-width: 768px) and (max-width: 979px) {
		.team .social-media a {
			height: 30px;
			width: 30px;
			font-size: 15px;
			padding-top: 3px;
		}
	}

/*  CONTACT
 *    stylings for contact
 *    Basic form styles at the beginning of css file
 *

.contact {
	
}
	.contact h3 {
		margin-top: 0;
	}
	.contact p {
		color: #666;
	}
	.contact span.glyphicon {
		color: #444;
		margin-right: 10px;
	}
	.contact .btn {
		width: 100%;
	}
 */  
	
#write {
		width: 100%;
		padding: 90px 0;
		text-align: center;
		background-color: #d16657;
	}
	#write h1,
	#write h3 {
		color: #fff;
		font-size: 50px;
	}
	#register-form {
		text-align: center;
		color: #444444;
	}
	#register-form .success,
	#register-form .failure {
		display: none;
		padding: 10px;
		background-color: #77bb7a;
		margin: 1em 0;;
	}
	#register-form .failure {
		background-color: #ff9d80;
	}
	#register-form .mainform div {
		position: relative;
		display: inline-block;
		width: 30%;
		margin-bottom: 30px;
		vertical-align: top;
	}
	#register-form .mainform div + div {
		margin-left: 4.5%;
	}
	#register-form .mainform input {
		display: inline-block;
		width: 100%;
	}
	#register-form .mainform textarea {
		width: 100%;
		min-height: 113px;
	}
	#register-form .mainform .textarea {
		width: 100%;
		margin-left: 0;
		position: relative;
		margin-bottom: 0;
	}
	#register-form .mainform label {
		display: block;
		position: absolute;
		bottom: -28px;
		left: 0;
		padding-left: 27px;
		background-image: url("../images/ex.png");
		background-position: 2px 50%;
		background-repeat: no-repeat;
	}
	#register-form .mainform button {
		display: inline-block;
	}
	#register-form .human-test {
		margin-top: 40px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	#register-form .human-test #test {
		font-size: 16px;
		margin-bottom: 20px;
		/*color: #fff;*/
		font-family: "Montserrat", sans-serif;
	}
	#register-form .human-test label {
		margin: 0 5px;
		padding: 10px 20px;
		border: 1px solid #fff;
		background-color: transparent;
		/*color: #fff;*/
		display: inline-block;
		transition: all  0.45s;
		-moz-transition: all  0.45s; 
		-webkit-transition: all  0.45s; 
		-o-transition: all  0.45s; 
	}
	#register-form .human-test label:hover {
		background-color: #fff;
		border: 1px solid #fff;
		/*color: #15ad9e;*/
	}
	#register-form .human-test label.active {
		background-color: #fff;
		border: 1px solid #fff;
		color: #15ad9e;
	}
	#register-form .human-test label.error1 {
		background-color: #ea5555;
		color: #fff;
		border: 1px solid #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#register-form .human-test .button {
		display: block;
		border: none;
		background: none;
		color: none;
		text-align: center;
		margin: 20px auto 0;
	}
	#register-form .human-test input {
		display: none;
	}
	#write .send {
		font-weight: bold;
		color: #FFF!important;
		transition: all  0.45s;
		-moz-transition: all  0.45s; 
		-webkit-transition: all  0.45s; 
		-o-transition: all  0.45s; 
	}
	#write .send:hover {
		background-color: #FFF;
	}
	@media (max-width: 900px){
		#write .container .mainform div {
			display: block;
			width: 100%;
		}
		#write .container .mainform div + div {
			margin-left: 0;
		}
	}
	@media (max-width: 700px){
		#register-form .human-test label {
			margin-bottom: 10px!important;
		}
	}

/*  FOOTER
 *    stylings for footer
 *    
 *
 */
 
.footer {
	/*padding-top: 50px;*/
	color: #eee;
	overflow: hidden;
	position: relative;
	background-color: #454f62;
	z-index: 1;
}
	.footer h3 {
		margin-top: 10px;
		line-height: 20px;
		font-size: 20px;
	}
	.footer li {
		float: left;
		clear: both;
		list-style: none;
		line-height: 25px;
		margin-bottom: 5px;
	}
	.footer li a { color: #fff; }
	.footer li a:hover { color: #d16657; }
	
	.footer p {
		line-height: 25px;
	}
	.footer .social-media {
		text-align: left;
	}
		.footer .social-media a {
			margin: 0 10px 10px 0;
			text-align: center;
		}
	
	.footer hr {
		border-color: #999;
		margin: 0 auto;
	}
	
	.copyright {
		margin: 30px 0;
		width: 100%;
		text-align: center;
	}

.switch-lang {
		float: right;
	}
	.navbar .navbar-nav.switch-lang li a {
		padding: 0 6px;
	}

.tooltipp-close {
	position: absolute;
	right: 5px;
	top: 9px;
	color: #FFF;
	cursor: pointer;
	width: 15px;
	height: 15px;
	margin: -4px -3px 0px 0px !important;
	padding: 5px;
	background: #000;
}

.raquo { font-size: 1.7em; }
.auth-box { width: 300px; margin: 4% auto; text-align: center; }
.auth-box input { border-bottom: 1px #AAA solid;  }
.auth-box input.button { border: 0; }

/**/
.m4{margin: 4%;}
.mt1{margin-top: 1%;}
.mt2{margin-top: 2%;}
.mt3{margin-top: 3%;}
.mt4{margin-top: 4%;}
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m70{margin:70px;}
.m80{margin:80px;}
.m90{margin:90px;}
.m100{margin:100px;}
.m0{margin:0px;}
.m0h{margin-left:auto;margin-right:auto;}
.m0v{margin-top:auto;margin-bottom:auto;}
/**/
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}
.p70{padding:70px;}
.p80{padding:80px;}
.p90{padding:90px;}
.p100{padding:100px;}
.p0{padding:0px;}
.p0h{padding-left:0;padding-right:0;}
.p0v{padding-top:0;padding-bottom:0;}
/**/
.w1{width:1%;}
.w2{width:2%;}
.w3{width:3%;}
.w4{width:4%;}
.w5{width:5%;}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}

.addarrow:after {
	content: '›';
	display: inline-block;
	font-size: 200%;
	margin-left: 8px;
	vertical-align: -2px;
}

.ul-timeline-ul-messages ul:nth-of-type(1) {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    -webkit-padding-start: 0px !important;
    position: relative;
}
.ul-timeline-ul-messages ul:nth-of-type(1):before {
    content: " ";
    position: absolute;
    border-bottom: 4px solid #FFF;
    width: 100%;
    display: block;
    width: 80%;
    left: 10%;
    top: 21px;
}
.ul-timeline-ul-messages ul:nth-of-type(1) li {
    list-style-type: none;
    color: #FFF;
    font-size: 14px;
    padding: 0 20px;
    width: 20%;
    float: left;
    position: relative;
    text-align: center !important;
    cursor: pointer;
}
.ul-timeline-ul-messages ul:nth-of-type(1) li:before {
    content: counter(step);
    counter-increment: step;
    width: 45px;
    height: 45px;
    line-height: 35px;
    display: block;
    font-size: 20px;
    color: #FFF;
    border: 4px solid #FFF;
    background: #d16657;
    border-radius: 50%;
    margin: 0 auto 5px auto;
}
.ul-timeline-ul-messages ul:nth-of-type(1) li.akt:before {
    color: #d16657;
    background-color: #FFF;
    transition: all .25s;
	-moz-transition: all .25s; 
	-webkit-transition: all .25s; 
	-o-transition: all .25s; 
}
.ul-timeline-ul-messages ul:nth-of-type(1) + p,
.ul-timeline-ul-messages ul:nth-of-type(2) li {
    display: none;
}
.ul-timeline-ul-messages ul:nth-of-type(2) li.akt {
    display: block;
}

.infopoint:after {
    font-family: FontAwesome, Arimo;
    content: '\f05a';
    padding: 7px;
    margin-top: calc(-50%);
    position: relative;
    font-size: 14px;
    color: #454f62;
}
.li-li-i-tooltip .tooltip {
	font-size: 15px;
}
.li-li-i-tooltip .tooltip-inner {
	max-width: 250px;
	min-width: 250px;
}

@media (max-width: 990px) {
	.switch-lang {
		float: none;
	}
	.nav.switch-lang > li {
		display: inline-block;
	}
}

@media (max-width: 768px) {
	
	.ul-timeline-ul-messages ul:nth-of-type(1) li {
	    float: unset;
	    margin-bottom: 20px;
	    padding: 20px 30px 0 30%;
	    width: 100%;
	}
	.ul-timeline-ul-messages ul:nth-of-type(1) li:before {
	    position: absolute;
	    margin-top: -10px;
	    left: 13%;
	}
	.ul-timeline-ul-messages ul:nth-of-type(1):before {
		border-bottom: 0;
		border-left: 4px solid #FFF;
		height: 80%;
		left: calc(13% + 20px);
	}
}

@media (max-width: 390px) {
	
	
	.page-b2b-piackutatas .pricing ul {
		padding: 0 0 0 35px;
	}
}