/****** bootstrap overwrite *******/

/*****   Fonts   *****/


@font-face {
  font-family: Fabrikat;
  src: url(fabrikat_regular.ttf);
  font-weight: normal;
}

@font-face {
  font-family: Fabrikat;
  src: url(fabrikat_bold.ttf);
  font-weight: bold;
}


@font-face {
  font-family: FabrikatLight;
  src: url(fabrikat_thin.ttf);
  font-weight: lighter;
}



p,
a,
h1,
h2,
h3,
h4,
h5,
th,
td,
tr {
  font-family: "Fabrikat", sans-serif;
}
.navbar-light .navbar-nav .nav-item .nav-link:hover,
a:hover,
#contact-box a:hover {
	text-decoration:none;
	color:#6c757d;
}


/*****   layout  *****/
/*html {
	scroll-snap-type: y mandatory;
}*/


/*section {
	scroll-snap-align: start;
	}*/

html {
	scroll-behavior: smooth;
}

body {
	width: 100%;
	box-sizing:border-box;
	position: relative; 
}

html, body {
    max-width: 100%;
 
}


.fill-viewport-0 {
min-height: calc(100vh - 45px);
position: relative;

}

.fill-viewport {
min-height: 100vh;
position: relative;
}

.after-scroll {
	min-height: 50px;
}

.navbar {
	padding: 0;
}

.fixed {
	position:fixed;
	top:0;
}



.mobile-top {
	position:absolute;
	top:100px;
}


.black-bg.nav-link {
	color: #FFFFFF;
}

header {
	position:relative;
	z-index: 2000;
	margin-bottom:20px;
}

#start {
	background: url('img/malter-1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-attachment:initial;
	padding: 0;
	overflow-x:hidden;
}



#logo-cont,
#logo-size {
	transition: 0.5s all;
}




.navbar {
	box-sizing:border-box;
	transition: all 0.5s;
	width: 100%;

}

.bottom-relative {
transform:translate(0,-10px);
}

.fixedtop {
	position:fixed;
	top:0;
	bottom:auto;
	transition:position 0.5s;
}

.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  transform:translate(0,0);
 
}

.margin-top {
	margin-top: 0px;
}

nav {
	z-index:2000;

}

.navbar-brand {
  position:relative;
  left:-100em;
  transition:all 0.5s ease 0.5s;
}

.scrolled .navbar-brand {
  left:0;
  transition: 0.4s;
}

.navbar-brand img {
	width: 60px;
}

.navbar-light .navbar-nav .nav-item .nav-link,
.navbar-light .navbar-text {
	color: #212529;
	letter-spacing: 3px;
}

.projects-navbar .nav-item .nav-link.focus {
	font-weight: bold;
}


.black-bg  {
	background-color: rgba(255, 255, 255, 0.7);
}


.black-bg .navbar-text,
.black-bg .navbar-nav .nav-link {
	color: #000;
}


.projects-navbar .nav-item.active,
.navbar-light .navbar-nav .nav-item.active {
	font-weight: bold;
}

.page-footer {
	line-height: 0.5;
	position:fixed;
	bottom:70px;
	z-index:10000;
}

.page-footer a {
	color: #000000;
	z-index:10000;
}

.page-footer a:hover {
color:#6c757d;
}

.page-footer p.font-weight-bold a:hover {
color:#000;
}
	

.affix{
    position:fixed;
    top:0;
    right:0;
}

.fixed-position {
	position: fixed;
}

#logo {
max-width: 100%;
 }

.minus-margin {
	margin-bottom:0px;
}
  
  #portfolio {
	  background: #FFF;
  }
  
  #contact {
	  background: #fff
  }
  
  .text-bold {
	  font-weight: 400;
  }
 
 
 .main {
	 letter-spacing: 3px;
 }
 
  .main {
	  font-family: FabrikatLight !important;
	  font-weight:lighter;
	  font-size: 1.4rem;
  }
 
 #arc,
 #inter,
 #inst {
	 overflow: hidden;
 }

.padding-inner {
	padding: 10px;
	overflow:hidden;
}

#inter img,
#arc img,
#inst img {
	min-width: 100%;
}


.overlay {
  position:absolute;
  top:100%;
  left:8px;
  transition: .8s ease;
  background: rgba(255, 255, 255, 0.7);
  height:100%;
  width:calc(100% - 16px);
  cursor:pointer;
 

}

.padding-inner:hover .overlay {
	top: 8px
}

.thumb-outer {
	overflow:hidden;
}

.portfolio-thumb,
.thumb-desc {
	cursor:pointer;
}


.project-title {
	/*position: absolute;
	bottom: 10px;
	right:20px;*/
	text-align:right;
	position: absolute;
	bottom: 40px;
	right: 20px;
	margin-bottom:0;
	padding-bottom:0;
	color: /*#1B1E1F*/ #000;
	cursor:pointer;
	text-transform: uppercase;
	font-family: FabrikatLight;
}


.project-title {
	 white-space: pre-line;
	 padding-left: 30px;
}


.portfolio-thumb {
	width:100%;

}

.thumb-desc {
	position:absolute;
	text-align:right;
	background: rgba( 255, 255, 255, 0.7);
	margin-left: 15px;
	width:calc( 100% - 30px );
	min-height:30%;
	padding-left:6px;
	left: 0;
	bottom:-50%;
	transition: all 1s ease 0s;
}

.thumb-outer:hover .thumb-desc {
	bottom:0;
}

.img-holder {
	position:relative;
	text-align:right;
}

.img-holder img {
	min-width:100%;
}

/***** team intro******/

.team {
	position: absolute;
	background: rgba(255,255,255, 0.5);
	padding: 0px 6px;
	max-width:25%;
}

.team p {
	margin-bottom: 0px;
	font-size:13px;
}

.team p:first-child {
	font-weight: bold;
}

#barbi {
	text-align:left;
	top:10%;
	left:70%;
}
#barbi p:first-child::before {
	content:"< ";
}

#andi {
	text-align:right;
	top:10%;
	left:4%;
}

#andi p:first-child::after {
	content:' >';
}

#istvan {
	text-align:left;
	top:5%;
	left:40%;
}

#istvan p {
	white-space: pre-line;
}

#istvan p:first-child::after {
	font-size:10px;
	content: ' \02C5';
}

#rezi {
	text-align:left;
	top:75%;
	right:25%;
}

#rezi p:first-child::before {
	content:'< '
}

.page-footer .col {
	padding-right:0;
}


.contact-logo {
	max-width: 30%;
}

.contact-info {
	font-weight: bold;
	margin-right:1rem;
}

.smaller {
	font-size: 0.875rem;
}


#contact {
	padding-bottom:45px;
}

#contact p {
}


#contact td {
	padding-top:0;
	vertical-align:0px;
}

#map .container-fluid {
	padding:0;
}

#map .row {
	margin-right:0;
	margin-left:0;
}


.max-viewport {
height: 100vh;
}



.project-inner img {
	height:90vh;
}

/* project leírás */



#project-title {
	font-size: 26px;
	font-weight:bold;
	margin-bottom:18px;
}

#project-short {
	font-size: 16px;
	font-weight: normal;
}

 .sidebar-section {
	 /*position: absolute;*/
	 height: 100%;
	 width: 100%;
}
 .sidebar-item {
	 /*position: absolute;*/
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 
}

 .make-me-sticky {
	 position: -webkit-sticky;
	 position: sticky;
	 top: 45px;
	 padding: 10px 15px;
	 background: #FFF;
	 
}

.description p {
	margin-bottom: 0px;
	font-size:14px;
}

.description .desc-description {
	font-size:.9rem;
}

.description span {
	color: #000;
}

 
.content-section img {
	padding: 10px;
}

.content-section img:first-child {
	padding-top: 0px;
}


#contact-box {
	margin-top:20px;
	line-height: 1;
}

#contact-box span {
	font-weight:bold;
}

#contact-box span.d-none {
	font-weight:normal;
}

#contact-box p {
	margin-bottom:6px;
}


#contact-box a {
	color: #212529;
}

#aboutus {
	font-size: 1rem !important;
}

 a.active:hover,
 {
	color: #000000 !important;
}

/****** bold menu test *****/
.navbar-light .navbar-nav .nav-item .nav-link.active-2 {
color:blue;
}



 /****************** MEDIA QUERIES  ******************/
 
 


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

header {
    background-attachment:initial;
  }

.fill-viewport-0 {
	min-height:100vh;
}

 .bottom-relative {
 	position: fixed;
 	top:0px;
 	bottom: auto;
 	transform:translate(0,0);
}

.page-footer {
	bottom:30px;
}
  

.thumb-desc {
	width:100%;
	bottom: 0px;
	margin-left:0;
	padding-right:0;
	position:relative;
	right: 0px;
	text-align:right;
}

.thumb-desc p {
	font-size:20px;
	font-family: FabrikatLight;
}

.thumb-desc p:first-child::before {
	content: '^  ';
}

.make-me-sticky {
	padding-top:45px;
	padding-bottom:45px;
}

.overlay {
	top:0;
	background:none;
	position:relative;
	width:100%;
	left:0;
}

#contact-box p {
	margin-bottom:0px;
}
#contact p {
	line-height:1.2;
}


.padding-inner:hover .overlay {
	top: 0;
}

.project-title {
	text-align:right;
	position:relative;
	bottom:0;
	padding-left:0;
	right:0;
	margin-top:6px;
}
.overlay h2.project-title {
	font-size: 10px;
}

.project-title::before {
	content:'^ ';
}


.thumb-outer {
	padding-left:41px;
	padding-right:41px;
}

.main {
	padding-left:26px;
}


.minus-margin {
	margin-bottom:0px;
	margin-bottom:-5px;
}

/* mobile navbar */



.menu {
  background-color: rgba(255, 255, 255, .95);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-height: 100vh;
  margin-left: 0 !important;
  text-align:center;
}

.black-bg .navbar-text,
.black-bg .navbar-nav .nav-link {
	font-weight:lighter;

}

#menucontact {
	margin-top:30px;
}

#menuprojects::after {
	content: '  >';
}

.navbar-brand {
	z-index:10000;
}

.navbar-text {
	display:none;
}

.navbar-collapse {
	display: flex;
	align-items:center;
	justify-content: center;
}

.navbar-toggler {
	margin-right:20px;
	z-index:10000;
	border:none;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;

}

/* toggler bars */

.icon-bar {
	width: 33px; 
	height: 1px;
	background-color: #000;
	display: block;
	transition: all 0.2s;
	margin-top: 6px;
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}



/* animate the toggler */

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 15% 20%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 20% 80%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

.navbar-light .navbar-nav .nav-item .nav-link,
.navbar-light .navbar-text {
	background-color:transparent;
	font-size:30px;
	font-family:FabrikatLight;
}

/*  team overwrite */

.img-holder {
	text-align:center;
}
.teamholder {
	display:inline-block;
	margin:auto;
	margin-top:20px;
}
.team {
	position:static;
	float:left;
	max-width:initial;
	padding: 0 3px;
	}

.team p:nth-child(2) {
	font-size:12px;
}

#rezi {
	display:none;
}

#barbi,
#andi,
#istvan {
	text-align:center;
	max-width:33%;
}


#barbi p:first-child::before {
	content:'';
}

#istvan p:first-child::after {
	content:'';
}

#istvan p {
	white-space:normal;
}

#andi p:first-child::after {
	content:'';
}

#contact td {
	white-space: pre-line;
}

.contact-logo {
	max-width: 50%;
}
/*

#barbi {
	top:30%;
	left:62%;
}

#andi {
	top:30%;
}

#istvan {
	top:70%;
	left:20%;
}


*/


}

@media only screen and (min-width: 768px) and (max-width: 1200px) {


.inner {
	overflow:auto;
	position:relative;
}



.overlay {
	position: static;
}

.project-title {

    font-size: 1.5rem;
   }
 #inst .padding-inner {
 	position:relative;
 	top:14px;
 }

/*#inst .padding-inner {
   	top: 14px;
    position: relative;
}*/



}

/*.team {
	background: rgba(255,255,255, 0.8); }

#istvan {
	text-align:left;
	left:30%;
}

#istvan p:first-child::after {
	content:' ^';
	font-size:inherit;
}

#andi {
	left:1%;
}
*/