body {
	background-color: #0f0e14;
	color: white;
	margin-top: 70px;
}

nav {
	background-color: #0f0e14;
	border-bottom: 1px solid white;
	text-transform: uppercase;
}

.nav-link, .navbar-brand {
	color: #fff;
	font-size: 1.5rem;
}

@media (min-width: 1200px) {
	.navbar-fb-icon {
		height: 27px;
		float: right;
		position: relative;
		top: 5px;
	}
}

@media (max-width: 1199px) {
	.navbar-fb-icon {
		height: 35px;
		margin-bottom: 10px;
		float: right;
	}
}

img.portfolio {
	width: 100%;
}

@media (min-width: 576px) {
	div.portfolio-2col1 {
		border-right: 1px solid white;
	}
}

.portfolio-col {
	padding: 0 15px 30px;
}

.portfolio-item {
	background-size: cover;
	padding-top: 56.25%;
}

@media (min-width: 768px) {
	.portfolio-szoveg {
		position: absolute;
		top: 0;
		width: calc(100% - 29px);
		height: calc(100% - 29px);
		background-color: rgba(0,0,0,.5);
		-webkit-transition: background .5s ease-out, color .5s ease-out, text-shadow .5s ease-out;
		   -moz-transition: background .5s ease-out, color .5s ease-out, text-shadow .5s ease-out;
		     -o-transition: background .5s ease-out, color .5s ease-out, text-shadow .5s ease-out;
		        transition: background .5s ease-out, color .5s ease-out, text-shadow .5s ease-out;
		display: table;
	}

	.portfolio-szoveg:hover {
		background-color: rgba(0,0,0,0);
	}

	.portfolio-szoveg > a {
		display: table-cell;
		vertical-align: middle;
		color: rgba(0,0,0,0);
		text-shadow: none;
	}

	.portfolio-szoveg > a:hover {
		text-decoration: none;
		color: #fff;
		-webkit-transition: background .5s ease-out, color .5s ease-out, text-shadow .5s ease-out;
		   -moz-transition: background .5s ease-out, color .5s ease-out, text-shadow .5s ease-out;
		     -o-transition: background .5s ease-out, color .5s ease-out, text-shadow .5s ease-out;
		        transition: background .5s ease-out, color .5s ease-out, text-shadow .5s ease-out;
		text-shadow: 0px 0px 10px rgba(0,0,0,.50);
	}
}

@media (max-width: 767px) {
	.portfolio-szoveg {
		position: absolute;
		top: 0;
		width: calc(100% - 30px);
		height: calc(100% - 30px);
		background-color: rgba(0,0,0,.5);
		display: table;
	}

	.portfolio-szoveg > a {
		display: table-cell;
		vertical-align: middle;
		color: rgba(0,0,0,0);
		text-decoration: none;
		color: #fff;
	}
}

a.arrow {
	position: absolute;
	font-size: 40px;
	height: 100%;
	color: rgba(0,0,0,0) !important;
	cursor: pointer;
	-webkit-transition: color .25s linear;
	   -moz-transition: color .25s linear;
	     -o-transition: color .25s linear;
	        transition: color .25s linear;
}

.modal-content:hover > a.arrow {
	color: #fff !important;
	-webkit-transition: color .25s linear;
	   -moz-transition: color .25s linear;
	     -o-transition: color .25s linear;
	        transition: color .25s linear;
}

a.case-left {
	left: 0;
	padding-right: 48%;
}

a.case-right {
	right: 0;
	padding-left: 48%;
}

.modal-content-gallery {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	pointer-events: auto;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
}

a.normal {
	color: white;
	text-decoration: none;
}

a.normal:hover {
	color: #ddd;
}

div.takaro1 {
	background-color: #0f0e14;
	position: relative;
	top: -30px;
	height: 30px;
	width: 100%;
}

.p-det-title {
	font-size: 3rem;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 2.5rem;
}

.p-det-subtitle {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.2;
	margin-top: -2rem;
	margin-bottom: 2.5rem;
}

h4.portfolio-tab {
	border-bottom: 1px solid white;
	margin-bottom: 0;
	padding-bottom: .5rem;
}

.mb-m54 {
	margin-bottom: -54px;
}

.mb-6 {
	margin-bottom: 6px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-60 {
	margin-bottom: 60px;
}

.modal-image {
	/*transition: all 1s ease-in-out;*/
}

img.lang-toggler {
	margin-top: 16px;
	margin-right: 13px;
	height: 20px;
}

.lang-sel {
	margin-top: 16px;
	margin-right: 13px;
	width: 40px;
	height: 20px;
	background-position: center;
	background-size: cover;
}

.lang-sel-HUN {
	background-image: url(FLAG_ENG.png);
}

.lang-sel-ENG {
	background-image: url(FLAG_HUN.png);
}

.lang-sel-bg {
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	-webkit-transition: background-color .25s linear;
	   -moz-transition: background-color .25s linear;
	     -o-transition: background-color .25s linear;
	        transition: background-color .25s linear;
}

.lang-sel-bg:hover {
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0);
}