:root{
	--primary: #009889;
	--secondary: #f3694c;
	--font: #404142;
}
@font-face {
  font-family: 'DinPro';
  src: url('/assets/fonts/dinpro.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DinPro';
  src: url('/assets/fonts/dinpro_bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'DinPro';
  src: url('/assets/fonts/dinpro_black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
body {
  font-family: 'DinPro', Tahoma, Geneva, Verdana, sans-serif;
  color: var(--font);
}
h1, h2, h3, h4 {
  font-family: 'DinPro', Tahoma, Geneva, Verdana, sans-serif;
}

h1{
	font-size:57px;
	font-weight:900;
	margin-top:10px;
}
h2{
	font-size:30px;
	font-weight:bold;
}
h3{
	font-size:25px;
	font-weight:400;
}
.introduction{
	padding-top:165px;
}
.introduction p{
	font-size:30px;
	padding-right: 270px;
}
p strong{
	font-weight:bold;
	color: var(--secondary);
}
a{
	color: var(--secondary);
}
.thelogo{
	height:50px;
}
.uk-lightbox{
	background: rgba(0,0,0,0.7);
}
.uk-container{
	width:1220px;
}
.uk-logo{
	position:relative;
}
.uk-logo .slogen{
	color:white;
	font-weight:400;
	font-size:12px;
	position:absolute;
	top:39px;
	left:66px;
	font-family: 'DinPro', Tahoma, Geneva, Verdana, sans-serif;
	letter-spacing: 0.3px;
}
.languageselect{
	background: var(--primary);
	border: 2px solid white;
	color:white;
	border-radius: 10px;
	padding: 3px 1px 3px 11px;
}

.languageselect option{
	
}
.num{
	font-size:40px;
	padding: 15px 0 5px;
}
.numsection .uk-grid-match{
	padding:0 100px;
}
.newssection .uk-grid-match{
	padding:0 100px;
}
.newssection .date{
	color: var(--primary);
	font-size:15px;
}
.newssection p{
	margin-top:0;
	font-size:15px;
}
a:hover{
	color:inherit !important;
}
.numsection .uk-card-body{
	background-image: url("/assets/images/num-bg.png");
	background-position: left center;
	background-repeat: no-repeat;
}
.numsection .uk-card-body p{
	font-weight:bold;
	margin-top:0 !important;
}
.newssection .uk-margin-top{
	margin-top:70px !important;
}
.uk-margin-top-large{
	margin-top:70px !important;
}
.newssection .uk-grid > *{
	padding-left:80px;
}
.newssection a.uk-card{
	height:100%;
}
.newssection a.uk-card:hover{
	background-color:#f6f6f6;
	/*transform:rotateZ(30deg);
	transition: all 2s ease-out;*/
}

.uk-navbar-container:not(.uk-navbar-transparent){
	background-color: var(--primary);
	
}
.section-dark .uk-margin-top{
	margin-top:55px !important;
}
.uk-navbar-dropdown {
	left:300px !important;
	right:300px !important;
	top:80px !important;
	width: auto !important;
	background-color:#e6e7e7;
}
.uk-navbar-nav{
	gap:35px;
}
.servicesection .uk-card-body{
	padding: 40px 0;
} 
.uk-navbar-dropdown.servicedropdown {
	left:0px !important;
	right:0px !important;
	background-image: url("/assets/images/servicemenubg.png");
	background-position: right top;
	background-repeat: no-repeat;
}
.uk-navbar-dropdown .menucontent{
	float:right;
	width:40%;
}
.uk-navbar-dropdown .menucontent > div.hide{
	display:none;
}
.uk-navbar-dropdown-nav > li > a{
	color:#404142 !important;
}
.uk-navbar-nav > li > a{
	font-family: 'DinPro', Tahoma, Geneva, Verdana, sans-serif;
	color:white;
	text-transform:none;
	font-size:17px;
	
}
.uk-dropdown-nav .uk-nav-header{
	color:#404142 !important;
	font-weight:600;
	padding-left:40px;
	border-bottom:1px solid #404142;
}
.uk-dropdown-nav .uk-nav-header a{
	color:#404142 !important;
	padding:0;
}
.uk-dropdown-nav > li:not(.uk-nav-header) > a{
	color:#404142 !important;
	margin-left:40px;
}
.uk-navbar-dropdown .uk-grid > *{
	padding-left:0 !important;
}
.uk-navbar-nav > li:hover > a{
	color:#0d4b45 !important;
}
.uk-navbar-nav > li > a[aria-expanded="true"]{
	color:rgba(255,255,255,0.5) !important;
}
.uk-nav li:hover a{
	color:#0d4b45 !important;
}
.uk-navbar-dropdown-nav li:hover, .uk-navbar-dropdown-nav li:hover a, .servicedropdown li:hover a{
	color:var(--secondary) !important;
}
.uk-navbar a.active, .uk-navbar-dropdown-nav li a.active, .uk-navbar-dropdown-nav li a.active, .servicedropdown li a.active{
	opacity:50%;
}
 
.subtitle{
	background-image: url("/assets/images/bullet.png");
	background-position: left center;
	background-repeat: no-repeat;
	font-size:20px;
	padding-left:80px;
	font-weight:bold;
}

.subpage img[style*="float: right"]{
	margin-left:40px;
}
.subpage img[style*="float: left"]{
	margin-right:40px;
}
.uk-height-large{
	height:690px;
}
.uk-height-medium{
	height:425px;
}
.uk-lightbox svg{
	color: var(--secondary);
	
} 
.banner-left{
	position: absolute;
	top:0;
	left:-10%;
	bottom:0;
	right:calc(50% + 400px);
	background-color: rgba(64,65,66, 0.75);
	transform: skew(-20deg);
}
.banner-left2{
	position: absolute;
	top:0;
	left:-10%;
	bottom:0;
	right:calc(50% + 610px);
	background-color: #404142;
	transform: skew(-20deg);
}
.banner-right{
	position: absolute;
	top:0;
	right:-10%;
	bottom:0;
	left:calc(50% + 740px);
	background-color: rgba(64,65,66, 0.75);
	transform: skew(-20deg);
}
.banner-right2{
	position: absolute;
	top:0;
	right:-10%;
	bottom:0;
	left:calc(50% + 860px);
	background-color: #404142;
	transform: skew(-20deg);
}
.banner-textbg{
	position: absolute;
	top:80px;
	left:-10%;
	bottom:80px;
	right:calc(50% + 220px);
	background-color: var(--primary);
	transform: skew(-20deg);
	z-index:0;
}
.banner-white{
	position: absolute;
	top:100px;
	left:-10%;
	bottom:0px;
	right:calc(50% + 221px);
	background-color: transparent;
	border-top:3px solid white;
	border-right:3px solid white;
	transform: skew(-20deg);
}
.banner-green{
	position: absolute;
	top:0;
	right:-10%;
	bottom:-350px;
	left:calc(50% + 650px);
	background-color: transparent;
	border-left:3px solid var(--primary);
	transform: skew(-20deg);
	z-index:10;
}
.banner-text {
	position: absolute;
	top:110px;
	left: calc(50% - 595px);
	width: 420px;
	color: white;
	z-index:5;
}
.banner-divider{
	position: absolute;
	top:275px;
	height:7px;
	left:0%;
	right:calc(50% + 135px);
	background-color: var(--primary);
	background-image: url("/assets/images/divider.png");
	background-size: contain;
	background-repeat: repeat-y;
}
.banner-button{
	position: absolute;
	top:485px;
	left: calc(50% - 595px);
	width: 380px;
	color: white;
	z-index:5;
	text-align:right;
}
.banner-pageleft{
	display:block;
	position: absolute;
	top:50%;
	left:30px;
	margin-top:-33px;
	z-index:15;
	width:17px;
	height:66px;
	background-image: url("/assets/images/pageleft.png");
	background-size: contain;
	background-repeat: no-repeat;
	
}
.banner-pageright{
	display:block;
	position: absolute;
	top:50%;
	right:30px;
	margin-top:-33px;
	z-index:15;
	width:17px;
	height:66px;
	background-image: url("/assets/images/pageright.png");
	background-size: contain;
	background-repeat: no-repeat;
}
.banner-pageleft:hover{
	background-image: url("/assets/images/pageleft_hover.png");
}
.banner-pageright:hover{
	background-image: url("/assets/images/pageright_hover.png");
}

.banner-text p{
	font-size:30px;
	width:360px;
	margin-top: 40px;
}
.banner-text .uk-button{
	margin-top:50px;
	margin-left:-20px;
}
.uk-slideshow-items {
    aspect-ratio: auto !important; /* fallback for modern browsers */
    height: 690px !important;
    padding-top: 0 !important;
  }
.uk-height-medium .banner-textbg{
	top:70px;
	bottom:155px;
	right:calc(50% - 70px);
}
.uk-height-medium .banner-white{
	top:58px;
	right:calc(50% + 35px);
}
.uk-height-medium .banner-left{
	right:calc(50% + 320px);
}
.uk-height-medium .banner-left2{
	right:calc(50% + 530px);
}
.uk-height-medium .banner-divider{
	top:212px;
}
.uk-height-medium .banner-green{
	bottom:-168px;
}
.uk-height-medium .banner-text{
	width:650px;
}
.lead{
	font-size: 30px;
}
section{
	z-index:5;
	position: relative;
}
.section-bg {
	position: relative;
  background-color: #dedede; 
  padding: 0px 0 0;
  z-index:0;
  width: 100%;
  overflow: hidden;
}
.supp1{
	position: absolute;
	top:0;
	left:-30px;
	z-index:11;
} 
.supp1 img{
	height:85px;	
}
.supp2{
	position: absolute;
	top:0;
	left:180px;
	z-index:11;
} 
.supp2 img{
	height:85px;	
}
.supp3{
	position: absolute;
	top:0;
	right:0px;
	z-index:11;
} 
.supp3 img{
	height:195px;	
	z-index:11;
	position: relative;
}
.banner-container{
	position:relative;
}
.section-bgskew {
	position: absolute;
	top:0;
	bottom:0;
	left:calc(50% - 660px);
	right:calc(50% - 660px);
	transform: skew(-20deg);
	background-color: #e6e7e7;
	z-index:1;
}
.section-bgskewsub {
	position: absolute;
	top:0;
	bottom:0;
	left:calc(50% - 315px);
	right:calc(50% - 2000px);
	transform: skew(-20deg);
	background-color: #e6e7e7;
	z-index:1;
}
.section-dark {
  background-color: #404142;
  color: white;
  padding: 70px 0;
}
.section-dark h1{
	color:white;
}
.partners{
	background-color: #404142;
  	color: white;
  	transform: skew(-20deg);
  	margin-left:-120px;
  	margin-right:-50px;
  	position:relative;
}
.partners .pcontent{
	transform: skew(20deg);
	padding-top:10px;
	padding-bottom:10px;
	padding-left:120px;
	padding-right:50px;
	height:360px;
	
}
.partners .pcontent .subtitle{
	margin-top:70px;
}
.partners h1{
	color:white;
}
.partners .partners-image{
	transform: skew(-20deg);
	position:absolute;
	right:0;
	top:0;
	bottom:-130px;
	width:580px;
	overflow:hidden;
}
.partners .partners-image div{
	transform: skew(20deg);
	width:800px;
	height:100%;
	background-image: url("/assets/images/partnerbanner.jpg");
	margin-left:-100px;
	margin-right:-100px;
}

.partners .partners-right{
	position:absolute;
	right:-1110px;
	top:0;
	bottom:0;
	width:1000px;
	background-color: #404142;
	border-left:60px solid var(--primary);
}
.partnersbcont{
	margin-top:70px;
	padding-right:370px;
}

.service-icon {
  font-size: 48px;
  margin-bottom: 10px;
}
.service-icon img{
	/*width:127px;*/
}
.serviceitem{
	margin-bottom:70px;
}
.lead{
	margin-top:70px;
	margin-bottom:70px;
}
.serviceitem{
	display:block;
}
.serviceitem .service-image{
	height: 260px;
	width:100%;
	overflow:hidden;
	position:relative;
}
.serviceitem .service-name{
	background-color:#404142;
	color:white;
	font-size:36px;
	font-weight:500;
	padding:10px 45px 17px;
	background-image: url("/assets/images/divider.png");
	background-size: contain;
	background-position: bottom center;
	background-repeat: no-repeat;
}

.serviceitem .service-name .uk-button{
	float:right;
	height:40px;
	padding:0px 60px;
	margin-top:10px;
}
.serviceitem .service-name .uk-button span{
	line-height:40px;
	display: inline-block;
	transform: skew(20deg);
}
.serviceitem:hover .service-hover{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0, 152, 137, 0.25);
	
}
.serviceitem:hover .uk-button{
	background-color: #d75e45;
}
.tag{
	height: 35px;
	transform: skew(-20deg);
	background: #f3694c;
	display: inline-block;
	margin-right:20px;
	margin-bottom:10px;
}
.tag a, .tag span{
	display: block;
	transform: skew(20deg);
    color:white;
    text-align:center;
    font-size:15px;
    padding:0 20px;
    line-height:22px;
}
.subpage .tag span{
	line-height:35px;
}
/*.tag a:hover{
	background-color: #d75e45;
}*/
.slideshowcontainer{
	position:relative;
}
#slideshow{
	margin:0 50px;
}
.social{
	text-align:center;
}
.social svg{
	width:40px;
	color:white;
	margin:5px;
}
.custom-nav .prev-slide{
	position:absolute;
	top:calc(50% - 33px);
}
.custom-nav .next-slide{
	position:absolute;
	right:0;
	top:calc(50% - 33px);
}
.testimonial-card {
  position:relative;
  color: white;
  height:725px;
}
.testimonial-bg{
	position:absolute;
	border: 1px solid var(--primary);
	width: 360px !important;
	height:500px;
	transform: skew(-20deg);
	left:200px;
}
.testimonial-photo {
	width:340px !important;
	height:340px;
	overflow:hidden;
	position:absolute;
	top:45px;
}
.testimonial-text {
	background-color: var(--primary);
	color:white;
	padding:30px;
	max-width:350px;
	position:absolute;
	top:315px;
	right:65px;
}
.testimonial-text strong{
	font-size:20px;
	line-height:110%;
}
.contactsection{
	height:800px;
	background-color:#dedede;
	background-repeat:no-repeat;
	background-position:center;
	color: var(--font);
	padding-top:50px;
	background-image: url('/assets/images/map.jpg');
}
.keywordsection{
	padding:50px 0;
	color:white;
	background-color:#787878;
}
.keywordsection h3{
	color:white;
}
.footersection{
	color:white;
	background-color:#404142;
	text-align:center;
	background-image: url("/assets/images/divider.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:100% auto; 
	padding:50px 0;
}
.copyrightsection{
	background-color: var(--primary);
	color:white;
	padding:10px;
}
.potfolio-item .uk-button{
	width:auto;
	flex:none;
	padding:0 50px;
}
.potfolio-item .tag{
	height:24px;
}
.potfolio-item .tag a{
	line-height:24px;
	font-size:12px;
}
.potfolio-item .tag:hover{
	/*background-color: #d75e45;*/
}
.potfolio-item .tag:hover a{
	color:white !important;
}
.potfolio-item h3{
	margin-bottom:0;
}
.potfolio-item .uk-grid-item-match, .uk-grid-match > *{
	display:block;
}
.potfolio-item h3{
	line-height:120%;
}
.potfolio-item .company{
	margin:0px 0 20px;
	font-weight:bold;
}
.potfolio-item{
	position:relative;
	padding-bottom:70px;
	margin-bottom:70px;
}
.potfolio-item .uk-grid{
	position:relative;
	z-index:1;
}
.portfolio-bg{
	position: absolute;

	height:213px;
	left:-6%;
	right:-6%;
	bottom:0;
	background-color: #dedede;
	transform: skew(-20deg);
	z-index:0;
}
.grey-bg{
	background-color:#e6e7e7;
}
.storyline .seperate{
	margin:auto;
	max-width:1014px;
}
.storyline .seperate .company{
	
	height:218px; 
	position:relative
}
.storyline .seperate .company .c1{
	position:absolute;
	left:0;
	width:219px;
	height:218px;
	background-image: url("/assets/images/storyline-cl.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:contain;
}
.storyline .seperate .company .c2{
	position:absolute;
	right:0;
	width:219px;
	height:218px;
	background-image: url("/assets/images/storyline-cr.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:contain;
}
.storyline .seperate .company .c1 img{
	width:180px;
	margin:22px 20px;
}
.storyline .seperate .company .c2 img{
	width:180px;
	margin:22px 20px;
}
.storyline .seperate .list{
	max-width:1014px;
	border-left:3px solid #b4b5b5;
	border-right:3px solid #b4b5b5;
}
.storyline .seperate .list .slitem{
	width:370px;
	padding: 20px 35px 0;
}
.storyline .seperate .list .slitem p{
	margin:0;
}
.storyline .seperate .list .slitem.typel{
	text-align:left;
	position:relative;
}
.storyline .seperate .list .slitem.typer{
	padding-left:calc(100% - 405px);
	text-align:right;
	position:relative;
}
.storyline .seperate .list .slitem.typel .bullet{
	position:absolute;
	left: -15px;
	top:20px;
	background-color:var(--primary);
	width:30px;
	height:30px;
	border-radius: 50%;
}
.storyline .seperate .list .slitem.typer .bullet{
	position:absolute;
	right: -15px;
	top:20px;
	background-color:var(--primary);
	width:30px;
	height:30px;
	border-radius: 50%;
}
.storyline .seperate .union{
	height:108px;
	width:calc(100% - 10px);
	background-image: url("/assets/images/storyline-union.png");
	background-position: top center;
	background-repeat: no-repeat;
	font-size:37px;
	font-weight:900;
	text-align:center;
	padding-top:200px;
	padding-left:10px;
}
.storyline .together .slitem .year{
	background-image: url("/assets/images/storyline-c.png");
	background-position: top center;
	background-repeat: no-repeat;
	width:217px;
	height:157px;
	font-size:37px;
	font-weight:900;
	text-align:center;
	padding-top:60px;
	position:relative;
}
.storyline .together .slitem .year h3{
	position:absolute;
	left:142px;
	top: 140px;
	width:500px;
	text-align:left;
	
}
.storyline .together .slitem .card{
	border-left:3px solid #b4b5b5;
	padding-left:35px;
	padding-bottom:25px;
	margin-left:107px;
}
.storyline .together .slitem .card .content{
	
}
.slitem h3,.slitem h4{
	margin:0;
}
.newsimage{
	width: 360px;
	height: 360px;
	overflow: hidden;
	position: relative;
	display:block;
}
.newsimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.workerimage{
	width: 300px;
	height: 300px;
	overflow: hidden;
	position: relative;
	display:inline-block;
}
.workerimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.buttonmargin{
	margin-top:70px;
}
.workeritem p, .workeritem h3{
	margin:0;
}
.workeritem p.description{
	margin:10px 60px;
}
.workeritem p.contact{
	font-weight:bold;
}
hr{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #acacac;
	transform: skew(-2deg);
	margin: 1em 0;
	padding: 0;
}
footer {
  
}
html {
	overflow-x: hidden
}

a:hover{
	text-decoration: none;
}

.uk-button {
	height: 60px;
	transform: skew(-20deg);
	background: #f3694c;
}
.uk-button a{
	display: block;
	transform: skew(20deg);
    color:white;
    text-align:center;
    line-height:60px;
    font-size:15px;
}

.uk-button:hover{
	background-color: #d75e45;
}
.uk-button:hover a{
	color:white !important;
}
.logo-marquee {
  position: absolute;
  width: 400px;
  height: 340px;
  top:20px;
  left:400px;
  overflow: hidden;
}

.logo-track-wrapper {
  position: absolute;
  top: -60px; /* finomhangolás a kezdőpozícióra */
  left: 100px; /* korrigálja a jobbra csúszást */
  width: 400px; /* megnövelt szélesség a forgatás miatt */
  height: 400px; /* megnövelt magasság */
  transform: rotate(20deg);
  transform-origin: top left;
}

.logo-track {
  display: flex;
  flex-direction: column;
  animation: scroll-logos 12s linear infinite;
}

.logo-track img {
  width: 200px;
  margin: 20px auto;
  filter: brightness(0) invert(1);
  transform: rotate(-20deg); /* visszaforgatás hogy egyenesek legyenek */
}

@keyframes scroll-logos {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%);
  }
}

.back-to-top {
	position: fixed;
	bottom: 100px;
	right: -25px;
	display: none;
	background-color: #e6e8e7;
	color: var(--font);
	padding: 12px 16px;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	z-index: 1000;
	transform: rotate(-90deg);
}
.back-to-top img{
	width:20px;
	height:30px;
}
.back-to-top img.second{
	margin-left:-10px;
}

.uk-navbar .uk-icon > *{
	color:white;
}


.portfoliofilter{
	background-color:#404142;
	color:white;
	margin-bottom:70px;
	
}
.portfoliofilter .filterhead{
	background-color:var(--primary);
	padding: 10px 20px;
	font-size:35px;
	font-weight:900;
}
.portfoliofilter .filterbody{
	padding:30px 40px;
	font-size:13px;
	position:relative;
}
.portfoliofilter .filterbody h4{
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	color:white;
}
.portfoliofilter ul{
	list-style-type:none;
	padding:0;
}
.portfoliofilter .filterbody li{
	padding: 3px 0;
}
.portfoliofilter p.group{
	text-transform:uppercase;
} 
.portfoliofilter .search{
	position:absolute;
	bottom:30px;
	right:20px;
}
.portfoliofilter .portfoliosearch{
	height: 60px;
  	transform: skew(-20deg);
  	background: #e6e7e7;
  	margin-right:60px;
  	width:560px;
  	
}
.portfoliofilter .portfoliosearch input{
	transform: skew(20deg);
	background:none;
	border:none;
	height: 60px;
	padding:0 20px;
	width:100%;
	font-weight:bold;
	
}
.portfoliofilter .search div{
	display:inline-block;
}
.portfoliofilter .clearfilter{
	font-size: 17px;
	color:white;
	margin-left:100px;
	font-weight:400;
	line-height:36px;
}
.portfoliofilter .togglefilter{
	float:right;
	margin-top:25px;
}
.hide{
	display:none !important;
}
.checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

/* Hide the native checkbox */
.checkbox-wrapper input[type="checkbox"] {
  display: none;
}

/* Custom circle */
.custom-checkbox {
  width: 13px;
  height: 13px;
  border: 1px solid #fff;
  /*border-radius: 50%;*/
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease-in-out;
}

/* Filled circle when checked */
.checkbox-wrapper input[type="checkbox"]:checked + .custom-checkbox {
  background-color: #fff;
}

@media screen and (max-width: 1199px) {
	.uk-container{
		width:100%;
		box-sizing: border-box;
	}
	.uk-slideshow-items, .uk-height-large{
		height:400px !important;
	}
	.banner-textbg{
		right: calc(50% + 140px);
		left: -30%;
		top:140px;
		bottom:40px;
	}
	.banner-text{
		right: calc(50% - 44px);
		left:20px;
		width:auto;
		top:150px;
	}
	.banner-text h1{
		height:60px;
	}
	.banner-text p{
		font-size:13px;
		width:auto;
	}
	.banner-divider{
		top:235px;
		height:3px;
		right: calc(50% - 95px);
		left:20px;
	}
	.banner-pageright{
		display:none;
		right:0px;
		margin-top:14px;
		height:44px;
		width:13px;
	}
	.banner-pageleft{
		display:none;
		left:0px;
		margin-top:14px;
		height:44px;
		width:13px;
	}
	.banner-button{
		top:343px;
		left:0;
		width:auto;
		left:70px;
	}
	.banner-white{
		top:20px;
		left:-70px;
		width:46px;
		right:auto;
	}
	.banner-left{
		left:-70px;
		width:75px;
		right:auto;
	}
	.banner-left2{
		left:-70px;
		width:35px;
		right:auto;
		z-index:2;
	}
	.banner-right{
		left:auto;
		right:-110px;
		width:100px;
	}
	.banner-green{
		left:auto;
		right:-95px;
		width:100px;
		bottom:0;
	}
	.banner-button .uk-button{
		
		height:25px;
	}
	.banner-button .uk-button a{
		line-height:25px;
		font-size:11px;
	}
	.banner-text h1{
		font-size:25px;
	}
	.partners .partners-image{
		right:0;
		left:740px;
	}
	.partnersbcont{
		padding-right:0;
		padding-left:225px;
		text-align:left !important;
	}
	.portfoliofilter .search{
		position:relative;
		bottom:0;
		right:0;
		margin-top:30px;
	}
	.serviceitem .service-image{
		height: auto;
	}
	.serviceitem .service-name{
		font-size:25px;
	}
	.serviceitem .service-name .uk-button{
		margin-top:0;
	}
	.uk-offcanvas-bar{
		background-color:#404142;
	}
	#sidenav a{
		color:white;
	}
	#sidenav .uk-navbar-dropdown-nav > li > a{
		color:white !important;
		margin-left:20px;
		font-weight:bold;
	}
	#sidenav .uk-dropdown-nav > li:not(.uk-nav-header) > a{
		color:white !important;
		padding-left:0;
		margin-left:20px;
	}
	#sidenav .uk-dropdown-nav .uk-nav-header{
		color:white !important;
		padding-left:0px;
	}
	#sidenav .uk-dropdown-nav{
		margin-left:20px;
	}
	#sidenav .uk-dropdown-nav .uk-nav-header a{
		color:white !important;
	}
	.uk-navbar{
		/*padding:8px 0;*/
	}
	.uk-navbar-parent-icon{
		display:none;
	}
	.uk-dropdown-nav .uk-nav-header{
		text-transform:none;
		
		font-weight:600;
	}
	.uk-offcanvas-bar > .uk-nav > li > a{
		font-weight:bold;
		color: var(--primary) !important;
	}
}
@media screen and (max-width: 1000px) {
	
	.banner-textbg{
		right: calc(50% + 90px);
	}
}
@media screen and (max-width: 890px) {
	.portfoliofilter .portfoliosearch{
		width:320px;
		margin-right:20px;
	}
	.newssection a.uk-card{
		width:420px;
	}
	.banner-textbg{
		right: calc(50% + 50px);
	}
}
@media screen and (max-width: 700px) {
	.banner-textbg{
			right: calc(50% - 70px);
	}
}
@media screen and (max-width: 640px) {
	h1{
		font-size:25px;
	}
	h2{
		font-size:25px;
	}
	.subtitle{
		font-size:14px;
	}
	.introduction p{
		font-size:20px;
		padding-right: 0px;
	}
	* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
  		margin-top: 20px;
	}
	.numsection .uk-grid-match{
		padding:0px;
	}	
	.numsection .uk-grid{
		display:block;
	}
	.numsection .uk-grid-match{
		text-align:center;
	}
	.numsection .uk-grid-match > div {
		width:190px;
		display:inline-block;
	}
	.numsection .uk-grid-match .uk-grid-margin{
		margin-top: 95px;
	}
	.numsection .uk-card-body{
		padding:15px;
		background-position: right center;
		
	}
	.newssection .uk-grid-match{
		padding:0;
	}
	.newssection .uk-grid > * {
	  padding-left: 0px;
	}
	.newssection .uk-grid {
	  margin-left: 0px;
	}
	.newssection .uk-container{
		padding:0;
	}
	.newsimage {
	    width: 100%;
	    height: auto;
	}
	.testimonial-photo {
		position:relative;
		width: 100% !important;
	    height: auto;
	}
	.testimonial-text {
		position:relative;
		top:0;
		left:0
	}
	.section-dark  .uk-container{
		padding:0 30px;
	}
	.testimonial-bg{
		left:43px;
	}
	.contactsection, .keywordsection{
		padding:40px 10px;
	}
	.contactsection{
		background-color:white;
		background-image: url('/assets/images/mapmobile.jpg');
	}
	.storyline .seperate .union{
		background-image: url("/assets/images/storyline-unionmobile.png");
	}
	.supp1{
		left:0;
		top:56px;
		right:auto;
	}
	.supp2{
		left:0;
		right:auto;
	}
	.supp3, .supp3 img{
		height:150px;
	}
	.supp1, .supp1 img{
		height:56px;
	}
	.supp2, .supp2 img{
		height:56px;
	}
	.supp3{
		top:0px;
	}
	
	.introduction{
		padding-top: 205px;
	}
	.partners{
		margin-right:-100px;
	}
	.partners-image{
		display:none;
	}
	.partners .pcontent .subtitle{
		margin-top:10px;
	}
	.logo-marquee{
		left:20%;
		top:50px;
		height:300px;
	}
	.logo-marquee img{
		width:170px;
	} 
	.partnersbcont{
		padding-left:0;
		padding-right:0;
		text-align:center !important;
	}
	.partners-right{
		display:none;
	}
	.uk-height-medium .banner-textbg{
		top:130px;
		bottom:170px;
	}
	
	
	.storyline .seperate .company{
		height:150px;
	}
	.storyline .seperate .company .c1, .storyline .seperate .company .c2{
		width:150px;
		height:150px;
	}
	.storyline .seperate .company .c1 img{
		width:140px;
		margin:9px 7px;
	}
	.storyline .seperate .company .c2 img{
		width:140px;
		margin:9px 7px;
	}
	.storyline .seperate .list .slitem{
		font-size:13px;
		width:300px;
	}
	.storyline .seperate .list .slitem.typer{
		padding-left:calc(100% - 334px);
	}
	.storyline .seperate .union{
		background-size:contain;
	}
	.lead{
		font-size:20px;
	}
	.languageselect{
		display:none;
	}
	
	.uk-offcanvas-close{
		
	}
	.thelogo{
		height:42px;
	}
	.uk-logo .slogen{
		left:55px;
		font-size:10px;
	}
	.bannercontainer{
		width:100%;
		overflow:hidden;
	}	
	
	.section-bg, .section-dark {
		overflow:hidden;
		width:100%;
	}
	.back-to-top{
		right:-50px;
		bottom:70px;
	}
	.contactsection{
		min-height:800px;
		height:auto;
	}
	.grey-bg{
		width:100%;
		overflow:hidden;
	}
	.testimonial-card{
		height:auto;
	}
	.testimonial-text{
		padding:20px;
	}
	.uk-height-medium .banner-green{
		bottom:0;
	}
	.subtitle{
		background-position: bottom left;
		padding-bottom: 15px;
		padding-left: 0px;
	}
	.portfoliofilter .portfoliosearch{
		width:100%;
		text-align:center;
		margin-right:20px;
		margin-bottom:20px;
	}
	.serviceitem .service-name .uk-button{
		display:none;
	}
	.serviceitem .service-name{
		padding-left:15px;
		padding-right:15px;
		font-size:18px;
	}
	.portfoliofilter .filterhead{
		font-size:20px;
	}
	.portfoliofilter .togglefilter{
		margin-top:0px;
	}
	.testimonial-text{
		max-width:340px;
	}
	}
	@media screen and (max-width: 420px) {
		.newssection a.uk-card{
			width:100%;
		}
		.copyrightsection p span{
			display:block;
			text-align:center;
		}
		.uk-height-medium .banner-text{
			width:auto;
		}
		.banner-text{
			right:33%;
			top:135px;
		}
	}
	@media screen and (max-width: 359px) {
		.supp1{
			right:0;
			top:0;
			left:auto;
		}
		.supp2{
			left:0;
			right:auto;
		}
		.supp3, .supp3 img{
			height:150px;
		}
		.supp1, .supp1 img{
			height:56px;
		}
		.supp2, .supp2 img{
			height:56px;
		}
		.supp3{
			top:56px;
		}
		.suppbg{
			position: absolute;
		    top: 0;
		    z-index: 5;
			height:56px;
			right:0;
			left:0;
			background-color:white;
		}
		.logo-marquee{
			left:70px;
		}
		.storyline .seperate .company{
			height:130px;
		}
		.storyline .seperate .company .c1, .storyline .seperate .company .c2{
			width:130px;
			height:130px;
		}
		.storyline .seperate .company .c1 img{
			width:120px;
			margin:7px 6px;
		}
		.storyline .seperate .company .c2 img{
			width:120px;
			margin:7px 6px;
		}
		.storyline .seperate .list .slitem{
			font-size:13px;
			width:250px;
		}
		.storyline .seperate .list .slitem.typel{
			padding-left:20px;
		}
		.storyline .seperate .list .slitem.typer{
		padding-left:calc(100% - 268px);
			padding-right:20px;
		}
		.storyline .seperate .union{
			background-size:contain;
		}
		.storyline .together .list .slitem{
			font-size:13px;
		}
		.storyline .together .slitem .year{
			background-size:contain;
			width:145px;
			height:114px;
			padding-top:30px;
			font-size:30px;
		}
		.storyline .together .slitem .card{
			margin-left:71px;
		}
		.storyline .together .slitem .year h3{
			left:110px;
			top:90px;
			font-size:20px;
		}
		.tag a, .tag span{
			font-size:13px;
		}
		
	}
}