@charset "utf-8";

/* CSS Document */



/*--Global Styles--*/

img{max-width:100%;}

ul{padding:0; margin:0;}

li{list-style:none;}

/*-- a:hover{text-decoration:none;}  

a:hover{text-decoration: underline;}

a:active {

    

}--*/


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .who-we-are img{
		max-width:180px !important;
	}
	.logo img{
			max-width:70vw !important;

			margin-left:-35vw !important;
	}

}

p{margin:0;}

img{max-width:100%;}

figure{margin:0;}

label{margin:0;}

h1, h2, h3, h4, h5, h6{padding:0; margin:0; font-weight:normal;}



html, body{height:100%;}



/*--Fonts--*/

@import url('../../fonts.googleapis.com/css_aeb31970.css');

@import url('../../fonts.googleapis.com/css_983d70a3.css');

body{font-family: 'Lekton', sans-serif; color:#0f0f0f;}

h1, h2, h3, h4, h5, h6{font-family: 'Merriweather Sans', sans-serif;height:100%;}



/*--Global Transitions--*/

a, i{-o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.1s linear;}


.langswitcher-menu{
	display: none;
	
}
.langswitcher-menu a, .langswitcher-menu a:hover{
	font-size: 19px !important;
	line-height: inherit !important;
}
.langswitcher-menu a{
	float: left;
}
.langswitcher-menu a:nth-child(1){
	margin-left: 0px;
}
.langswitcher-menu a:nth-child(2){
	margin-left: 5px;
}
.social-menu{
	display: none;
}
@media(min-width:992px){

	.container{max-width:970px;}

.refimg{width: 16%; padding: 19px;}

}
@media(min-width:1200px){

	.container{max-width:1180px !important;}

.refimg{width: 16%; padding: 19px;}

}
@media(max-width:991px){

	.container{max-width:100%;}

    .refimg{width: 48%; padding: 19px;}

}
@media(max-width:820px){
	.langswitcher-wrapper{
		display: none !important;
	}
	.langswitcher-menu{
		display: block;
	}
	.social-menu{
		display: block;
	}
	.socialwrapper{
		display: none;
	}
}


/*--Headdings--*/

h2{font-size:45px; line-height:50px;}

h4{font-size:24px; line-height:28px;}

h6{font-size:15px;}

/*--Paragraph--*/

p{font-size:15px; line-height:22px;}



header{background:#0f0f0f; background: #0f0f0f;

    position: fixed;

    z-index: 1000;

    width: 100%;}

nav.menu ul{vertical-align:top;}

nav.menu ul li{float:left; margin-right:30px;}

nav.menu ul li:last-child{margin-right:0;}

nav.menu ul li a{display:block; font-size:19px; padding:10px 0; line-height:34px; color:#aaa;}

nav.menu ul li.current a, nav.menu ul li a:hover{color:#fff;}

.navIcon{width:24px; height:22px; background:url(../images/humberger.png) center center no-repeat; position:absolute; right:15px; top:20px; display:none; cursor:pointer;}

.navIcon.navIconClose{background:url(../images/close.png) center center no-repeat;}



nav.menu ul li .dropdown-toggle:after{display:none;}

nav.menu ul li ul.dropdown-menu{padding:10px; margin:0; border-radius:0; min-width:200px; border:0;}

nav.menu ul li ul.dropdown-menu li{margin:0; float:none;}

nav.menu ul li ul.dropdown-menu li a{display:block; padding:0; color:aaa;}





.introduction{min-height:700px; padding:30px 0;}

.introduction p{font-size:24px; line-height:36px;}

.intro2{min-height:100px; padding:200px 0px 200px;}

.intro2 p{font-size:32px; line-height:36px;}



h2.headdding{font-weight:700; margin-bottom:70px;}

h2.headdding span{padding:5px 15px 5px 0; position:relative;}

h2.headdding span:after{position:absolute; right:0; bottom:0; width:1000%; height:50%;  background:#f9db14; content:""; z-index:-1;}



h4.headdding span{position: relative;

      padding: 0 .1em;}

      

h4.headdding span:after {

        content: "";

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;

        height: 50%;

        background-color: #f9db14;

        z-index: -10;

        -webkit-transition: all .1s linear;

        -moz-transition: all .1s linear;

        transition: all .1s linear;

      }





.row.rows{margin-top:-15px; margin-bottom:-15px;}

.row.rows .columns{padding-top:15px; padding-bottom:15px;}



.banner{min-height:100%;

background: url('../images/bg.png') no-repeat center center;

-moz-background-size: cover;

-webkit-background-size: cover;

-o-background-size: cover;

background-size: cover;



}



.section{margin-bottom:90px; max-width:1170px; margin-left:auto; margin-right:auto;}

.section:last-child{margin-bottom:0;}



ul.nav{border:0;}

.nav-tabs .nav-link{padding:0; border-radius:0;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link{border:0;}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border:0;}

.nav-tabs .nav-item{margin:0;}




.contentbox p {background:#dcdcdc; padding:5px; }
.tab_content p {background:#dcdcdc; padding:5px;}
.tab_content{
	 padding:5px 10px; 
}
.teamItem{
padding:0;
}
.tab-pane p{
	background:#dcdcdc;
	padding:5px;
}
#activeTeamInfo p{
	background:#dcdcdc;
	padding:5px;
}
.socialMedia{margin-top:30px;}

.socialMedia a{font-size:15px; font-weight:700; color:#aaa;}

.socialMedia a:hover{color:#0f0f0f;}



.who-we-are-item-Contents{padding-top:30px;}

.who-we-are-item-Contents h6{font-weight:700; color:#0f0f0f;}

span.designation{font-size:13px; color:#0f0f0f;}



ul.tabs{margin:-12px;}

ul.tabs li{padding:12px; position: relative; cursor:pointer;}

ul.tabs li figure img{width:100%;}

ul.tabs li.active{display:block;}

span.icons{width:8px; height:9px; background:url(../images/arrow-right.png) center center no-repeat;}

.active span.icons{background:url(../images/arrow-left.png) center center no-repeat;}
.d_active span.icons{background:url(../images/arrow-left.png) center center no-repeat;}


ul.tabs li.active .who-we-are-item-Contents{background:#dcdcdc;}

ul.tabs li span{margin-top:5px;}

.tab_container{margin-top:30px;}

.tab_content{display:none;}

.tab_drawer_heading{display:none;}

@media(max-width:767px){

	.tabs{display:none !important;}

	.tab_drawer_heading{display: block; margin-bottom:15px; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
	
}

article.article h4{font-weight:700;}

article.article .articleContents{margin-top:25px;}



/* .contentTabs{margin-top:30px;} */

.contentTabs ul.nav-tabs{margin-bottom:20px;}

.contentTabs ul.nav-tabs li{margin-right:10px;}

.contentTabs ul.nav-tabs li:last-child{margin-right:0;}

.contentTabs ul.nav-tabs li a, .contentTabs ul.nav-tabs li a.active{font-size:18px; color:#0f0f0f; font-weight:700;}

.contentTabs ul.nav-tabs li a.active{background:#dcdcdc;}

.contentTabs .tab-content .tab-pane h6{font-weight:700; padding-bottom:3px;}




 /*.articlesWidget{margin-top:45px;} */ /* 75  */



.linksGroup{font-size:18px; color:#0f0f0f; font-weight:700; padding-top: 24px;}

.linksGroup a{color:#0f0f0f;}

.linksGroup a:hover{text-decoration:underline;}

.map iframe{width:100%;}



.caseStudyWidgetContents{background:#dcdcdc; padding:40px 0;}



footer{padding:30px 0; margin-top:60px;}

footer p{font-size:12px; line-height:16px;}

footer p a{color:#0f0f0f;}

footer p a:hover{color:#0f0f0f; text-decoration:underline;}


.tab_drawer_heading .who-we-are-item img{
	max-width:65vw;
}
.caseStudiesTabs .tab_container .tab_content.first{display:block;}

.caseStudiTabColumns{position:relative;}

.caseStudiTabOverlay{position:absolute; left:0; top:0; width:100%; height:auto; padding:30px; background:#dcdcdc; display:none;}

.caseStudiTabOverlay h4{font-weight:700;}

.caseStudiTabColumns:hover .caseStudiTabOverlay{display:block;}

.caseStudiesTabs ul li.active .caseStudiTabOverlay{display:block; height:100%;}



/* Bootstrap overwrite*/



.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {

border: 0;

}



#contentTabContent .active{

top: -250px;

left: 0;

width: 100%;


transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);

}

#contentTabContent{

	max-height:200px;

	overflow:hidden;
	
}

.contentTabs .active a{

	border:none;

	

}

header a{

	text-decoration:none !important;

}

.contentTab .opened{

	background: #dcdcdc !important;

}

.nav-link{

	cursor: pointer !Important;

}

.dropdown-menu{

	background:black;

}

.dropdown-menu a{

	color: #aaa;

}

.dropdown-backdrop{

	display:none;

}

.dropdown-menu a:hover{

	background: transparent !important;

}

.serviceMenu{

	display:none;

	margin-left:16vw;

}

.menuexpanded{

background:url(../images/menuclose.png) center center no-repeat;

}



a:hover, a:active {

    

	text-decoration: underline;

}

.teamInfoContainer{

	max-height:165px;
	min-height:50px;
	overflow:hidden;

	

}

.largeInfoContainer{

	display:none;

}

.menuActive{

	display:block !important;

}

.contentbox{

	display:none;

	

}

.teamItem{

	overflow:hidden;

}

.menuActive .dropdown-menu{

	-webkit-box-shadow: none;

	box-shadow: none;

}

.largeInfoContainer li .content{

	display:none;

}

.serviceMenu{

	display:none !important;

}

.teamMembers{

	display:block !Important;

}

.teamMediumContainer{

	display:none;

}

.logo{max-width:60%;}

.navTitle{

	color:white;

	font-size:24px;

	position: relative;

    right: 58px;

    bottom: 3px;

}
.mobile_whoweare{

	display:none;

}
 
.anchor {

	padding:0;
	display:inline;

}

@media(min-width : 1599px) {

	.teamInfoContainer{

		display:block;

	}
	

	#contacts_container_div .section .contacts .row.rows .columns{

		margin-right: 3% !important;
	}

	.teamInfoContainer{



		display:block;


	}
	.kontakttext{
		position:relative;
		left:23vw;
	}
	.kontakttext{
		
	}
	.anchor{

		   /* padding-top: 65px; */
		   padding-top:8.2vh;

	}

	

}

@media(max-width:1199px){

	
	
	.intro2{

		padding:130px 0px 130px;

	}

		.teamMediumContainer .who-we-are-item img {
		max-width: 300px;
	}


	.tab_container{

		display:none;

	}
.kapcsolatTitle{
	margin-left: 24.8vw;
}
	h2{font-size:40px; line-height:45px;}

	h4{font-size:20px; line-height:24px;}

	h6{font-size:15px;}

    .headerLogo{padding-top: 14px; padding-bottom: 14px; width: 50px;}

    .logo{max-width:60%;}

	.caseStudyWidgetContents{padding:20px;}

	.introduction{min-height:450px;}

	.introduction p{font-size:20px; line-height:30px;}

	h2.headdding{margin-bottom:50px;}

	ul.tabs{margin:-6px;}

	ul.tabs li{padding:6px;}

	.who-we-are-item-Contents{padding-top:20px;}

	.tab_container{margin-top:20px;}

	.section{margin-bottom:50px;margin-top: 40px;}

	article.article .articleContents{margin-top:15px;}

	/*.contentTabs{margin-top:15px;}*/

	.contentTabs ul.nav-tabs li a, .contentTabs ul.nav-tabs li a.active{font-size:16px;}

	article.article .articleContents{margin-top:10px;}

	.linksGroup{font-size:16px;}

	.articlesWidget{margin-top:15px;}   /* 45px */

}

@media(max-width:991px){
			.teamMediumContainer{

		display:block;

	}
	.tabs{display:none !important;}

	.teamInfoContainer{

		display:block !important;

	}
	h2{font-size:32px; line-height:36px;}

	h4{font-size:18px; line-height:22px;}

    .headerLogo{padding-top: 14px; padding-bottom: 14px; width: 50px;}

	h6{font-size:15px;}

	.introduction{min-height:300px;}

	.introduction p{font-size:17px; line-height:24px;}

}
@media(min-width:1200px){
	
.tabs{display: flex !important; }

}

@media(max-width:767px){


	.intro2{

		padding:75px 0px 75px;

	}

	h2{font-size:30px; line-height:32px;}

	h4{font-size:24px; line-height:32px;}

    .headerLogo{padding-top: 14px; padding-bottom: 14px; width: 50px;}

	.introduction p{font-size:15px;}

	.who-we-are .tab_drawer_heading .who-we-are-item{display:inline-block;}

	.who-we-are .tab_drawer_heading.d_active .who-we-are-item .who-we-are-item-Contents{background:#dcdcdc;}

	.socialMedia{margin-top:10px;}

	.tab_content{margin-bottom:30px;}

	footer{margin-top:30px; padding:15px 0;}

	h2.headdding{margin-bottom:30px;}

	article.article .articleContents{margin-top:5px;}

	 .articlesWidget{margin-top:10px;}  /* 30 */

	/*.banner{min-height:400px;}*/

	.banner .logo{max-width:100%;}

	.caseStudiesTabs .tab_drawer_heading.d_active{margin-bottom:0;}

	.caseStudiesTabs .tab_drawer_heading.d_active .caseStudiTabOverlay{display:block; height:100%;}

}

@media(min-width:641px){

	nav.menu{display:block !important;}

    .headerLogo{padding-top: 14px; padding-bottom: 14px; width: 50px;}


.contentbox{
		margin-top:10px;
		padding-left: 15px; padding-right: 15px;
	}


}

@media(max-width:639px){

	.refimg{width: 21%; padding: 15px;}
	.intro2{

		padding:90px 0px 50px;
		
	}
	.teamMediumContainer .who-we-are-item img {
		max-width: 260px;
	}
	.kapcsolatText{
		padding:15px;
		
	}
	.servicesContent{
		padding:0px !important;
	}
	#contentTabContent{
		max-height: 600px;
				
	}
	article h4{ font-size:24px; line-height:32px; }
	article .nav-link { font-size:18px !important; }
	.intro2 p{
		font-size:18px !important;
	}
	#contacts_container_div .section .contacts .row.rows .columns{ padding:15px; }
	#rolunk{
		
	}
	.serviceMenu{

		display:inline-block !important;

	}
	.contentbox{
		margin-top:10px;
		padding-left: 15px; padding-right: 15px;
	}
	.serviceMenuMedium{

		display:none;

	}
	#contentTabContent .active{
		height: 100%;
	}
	h2{font-size:30px; line-height:28px;}

	h4{font-size:16px; line-height:18px;}

	h2.headdding{margin-bottom:40px;}

	header .container{display:block !important;}

	nav.menu{padding:0 0 20px 0!important; text-align:left !important;}

	

	nav.menu ul li{float:none; margin:0; text-align:left;}

	nav.menu ul li a{padding:5px 0; line-height:24px;}

	

    .headerLogo{padding-top: 14px; padding-bottom: 14px; width: 50px;}

	nav.menu{display:none;}

	.navIcon{display:block;}

	nav.menu ul li ul.dropdown-menu{position:static !important; float:none; transform:inherit !important; background:none; padding:0; min-width:auto;}

	nav.menu ul li ul.dropdown-menu li a{color:#aaa;}

	nav.menu ul li ul.dropdown-menu li a:hover{color:#fff;}

	.anchor{
		padding-top: 3.2vh;
	}
	.rolunk-container{
		margin-top:40px;
	}
	.serviceMenu{

		display:none !important;
	}
	.serviceMenuMedium{

		display:block !important;

	}


}

@media(max-width:559px){

	.serviceMenu{

		display:none !important;

	}

	.serviceMenuMedium{

		display:block !important;

	}
	.mobile_whoweare{



		display:block;



	}
	.who-we-are-item{
		padding:10px;
	}

	.teamMediumContainer{



		display:none;



	}
	

}
@media(max-width:480px){
	.banner{
		background: url(../images/bg_mini.png) no-repeat center center;
		background-size:100%;
		background-position:initial;
	}
	figure img{
	max-width: 208px;
	
	}
	.tab_drawer_heading{
	/*text-align:center;*/

	}
	.anchor{
		padding-top: 35px;
	}
	.articles .articleWidget {  margin-bottom: 35px; }
}

.tab-content .tab-pane{

	

}
.slideInDown{

	display:block !important;

}
.banner{ background-position:top; }

@media(max-width:1321px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .logo { margin-top: 240px;margin-left: 225px;}
}
@media(min-width:1322px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .logo { margin-top: 330px;margin-left: 270px;}
}
.section{margin-bottom:0px !important;}

.contacts a{

	color: #0f0f0f !important;

}
.articleContents p{
	font-size: 15px;
}
.highlight{
	font-size: 15px;
}
.contacts{
	font-size: 16px;
}
.teamInfoContainer{
	width: 102%;
margin-left: -9px;
}
#contacts_container_div .section{
	max-width:100%;
	
}
/*#contacts_container_div .section .contacts .row.rows .columns{
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px!important;
}*/

#contacts_container_div .section .contacts .row{
	margin-right: 0px;
	margin-left: 0px;
	
}
#contacts_container_div .section .contacts .row.rows .mx-auto .columns {
	margin-right: 0px !important;
	padding-left: 0px;
}
body{ overflow-x:hidden; }
.padding-right-0{ padding-right:0px; }
.padding-left-0{ padding-left:0px; }
.padding-0{ padding:0px !important; }
.teamMediumContainer .who-we-are-item img { margin-top:20px; }



@media (max-width: 320px) {
    .refimg{
		width:31%;
	}
}

@media (max-height: 380px) {
    .anchor{
		padding-top:9vh;
	}
}

@media ( max-height: 600px ){
    .anchor{
		padding-top:4vh;
	}
}

@media ( max-height: 550px ){
    .anchor{
		padding-top:4.2vh;
	}
}

@media ( max-width: 800px ){
    .anchor{
		padding-top:4vh;
	}
	.separator{
		display:none;
	}
}

@media ( max-height: 1100px ){
    .anchor{
		padding-top:7vh;
	}
}

@media( max-height: 1024px ){
    .anchor{
		padding-top:12vh;
	}
}
@media( min-height: 1400px ){
    .anchor{
		padding-top:2vh;
	}
}

@media( min-height: 1400px ){
    .anchor{
		padding-top:2vh;
	}
}


.slideDownSmooth{

		animation-name: slideDownPear;

	-webkit-animation-name: slideDownPear;	



	animation-duration: 0.5s;	

	-webkit-animation-duration: 0.5s;	



	animation-timing-function: linear;	

	-webkit-animation-timing-function: linear;	

}


@keyframes slideDownPear {

	0% {

/*		transform: translateY(-100%); */

	}



		

}



@-webkit-keyframes slideDownPear {

	0% {

		-webkit-transform: translateY(-100%);

	}
		

	100% {

		-webkit-transform: translateY(0%);

	}	

}
.row{
	margin:0 !important;
}
.teamMediumContainer .who-we-are-item img {
	max-width: 100%;
}
.servicesContent{
	padding-left:30px;
	padding-right:30px;
}
.kapcsolatTitle{
	
}
@media( min-width:1200px) and (max-width: 1599px ){
   .intro2 p{
	   font-size:24px;
   }
}
@media (min-width:1600px){
   .kapcsolatText{
	padding-left: 15vw !important;
   }
}
    
@media( min-width:640px) and (max-width: 1024px ){
   .intro2 p{
	   font-size:17px;
   }
   .contentTab a{
	   font-size:18px;
   }
}
@media(min-width:1024px){
	.tabs{ display:flex !important; }
}
#dummy{
	display:block !Important;
	position:absolute;
	top:-9999px;
}
.langswitcher, .langswitcher:hover{
	display: inline-block;
	font-size: 16px;
	line-height: 34px;
	color: #aaa;
	margin-left:2px; 
}
.socialmenu-item{
	display: inline-block;
	margin-right: 10px;
	float: left;
	font-size:20px !important;
	color: #ababab;
}

.socialmenu-item:hover{
	color: white !important;
}
.social-menu{
	clear:both;
}
.articles .servicesContent:nth-child(2) .articlesWidget{

}

.teamInfoContainer{
	margin-bottom:40px;
}
@media (only screen and (min-resolution: 2dppx)  and (max-width: 320px) { 

  	.banner{
		background: url(../images/bg_mini.png) no-repeat center center;
		background-size:cover;
		background-position:initial;
	}
	figure img{
	max-width: 208px;
	
	}
	.tab_drawer_heading{
	/*text-align:center;*/

	}
	.anchor{
		padding-top: 35px;
	}
	.articles .articleWidget {  margin-bottom: 35px; }
	
		.serviceMenu{

		display:none !important;

	}

	.serviceMenuMedium{

		display:block !important;

	}
	.mobile_whoweare{



		display:block;



	}
	.who-we-are-item{
		padding:10px;
	}

	.teamMediumContainer{



		display:none;



	}

	
}