@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: swap
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-SemiBold.woff2') format('woff2'),
        url('../fonts/Nunito-SemiBold.woff') format('woff'),
        url('../fonts/Nunito-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
	font-display: swap
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Bold.woff2') format('woff2'),
        url('../fonts/Nunito-Bold.woff') format('woff'),
        url('../fonts/Nunito-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: swap
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-ExtraBold.woff2') format('woff2'),
        url('../fonts/Nunito-ExtraBold.woff') format('woff'),
        url('../fonts/Nunito-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
	font-display: swap
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
	font-display: swap
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter-Medium.woff') format('woff'),
        url('../fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	font-display: swap
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter-SemiBold.woff') format('woff'),
        url('../fonts/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
	font-display: swap
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.woff2') format('woff2'),
        url('../fonts/Inter-Bold.woff') format('woff'),
        url('../fonts/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: swap
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter-ExtraBold.woff') format('woff'),
        url('../fonts/Inter-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
	font-display: swap
}

:root {
    --size30: 30px;
    --size50: 50px;
    --size60: 60px;
    --size70: 70px;
    --size80: 80px;
    --size90: 90px;
    --size95: 95px;
    --size-95: -95px;
    --size100: 100px;
    --size110: 110px;
    --size185: 160px;
    --size-140: -195px;
 
   --herosize100: 100px;
   --herosize80: 80px;
  
    --font120: 120px;
    --font100: 100px;
    --font44: 44px;
    --font32: 32px;
}
@media (max-width: 1300px) {
    :root {
		--font120: 100px;
	}
}
@media (max-width: 1199px) {/*lg*/
    :root {
        --size30: 30px;
        --size50: 50px;
        --size60: 60px;
        --size70: 70px;
        --size80: 80px;
        --size90: 90px;
        --size95: 95px;
        --size-95: -95px;
        --size100: 100px;
        --size110: 110px;
        --size185: 145px;
        --size-140: -145px;
 
		--herosize100: 60px;
		--herosize80: 60px;
    
        --font120: 86px;
        --font100: 80px;
        --font44: 44px;
        --font32: 32px;
    }
}

@media (max-width: 1080px) {/*lg*/
    :root {
        --herosize100: 40px;
		--herosize80: 40px;
    }
}
@media (max-width: 991px) {/*md*/
    :root {
        --size30: 30px;
        --size50: 30px;
        --size60: 40px;
        --size70: 50px;
        --size80: 50px;
        --size90: 70px;
        --size95: 80px;
        --size-95: -80px;
        --size100: 90px;
        --size110: 90px;
        --size185: 120px;
        --size-140: -145px;
 
		--herosize100: 420px;
		--herosize80: 50px;
    
        --font120: 68px;
        --font100: 60px;
        --font44: 36px;
        --font32: 30px;
    }
}


@media (max-width: 767px) {/*sm*/
    :root {
        --size30: 20px;
        --size50: 25px;
        --size60: 35px;
        --size70: 40px;
        --size80: 50px;
        --size90: 60px;
        --size95: 70px;
        --size-95: -70px;
        --size100: 60px;
        --size110: 60px;
        --size185: 80px;
        --size-140: -135px;

		--herosize100: 340px;
		--herosize80: 40px;
     
        --font100: 54px;

        --font44: 30px;
        --font32: 26px;
    }
}
/*Widgetkit törépont*/
@media (max-width: 639px) {
	:root {
	--herosize100: 400px;
		--herosize80: 40px;
	}
}
@media (max-width: 576px) { /*xs*/
    :root {
        --size30: 20px;
        --size50: 20px;
        --size60: 30px;
        --size70: 30px;
        --size80: 40px;
        --size90: 40px;
        --size95: 55px;
        --size-95: -55px;
        --size100: 50px;
        --size110: 50px;
        --size185: 65px;
        --size-140: -110px;
        
		--herosize100: 50px;
		--herosize80: 40px;
      
        --font44: 24px;
        --font32: 24px;

    }
}


#dj-megamenu168mobile {display: none}
@media (max-width: 1199px) {
	#dj-megamenu168 {display: none}
	#dj-megamenu168mobile {display: block}
}


.formError {color: var(--light-lilac)}
body {font-family: Inter; font-style: normal; font-weight: normal; font-size: 19px;line-height: 170%; letter-spacing: 0.3px; color: var(--dark-grey);}
div.contentBg:before {width: 100%; position: absolute; content:""; background: var(--brand-lilac);display: block;top: 0}
.philosophyBg, .portfolioBg, .contentBg, .aboutBg, .servicesBg {background: white}
figure img {width: 100%; height: auto}
a {color: var(--middle-lilac); text-decoration: none; /*margin-bottom: 30px*/;outline: none;}
a:hover {color: var(--light-lilac); text-decoration: underline} 
.com-content-article__body.ourworks a {font-weight: bold}
button:focus, .btn:focus {box-shadow: none}
.background {background: var(--background); color: var(--dark-gray)}
.background-light {background: var(--background-light)}
.brand-lilac {background: var(--brand-lilac)}
header.header, footer.footer, div.readyBg, div.businessBg {background: var(--brand-lilac); color: white}
div.heroBg {background: var(--brand-lilac) url("/images/design/hero3.png") calc((50vw - 605px) / 2) bottom no-repeat; background-size: auto 95%; color: white}
.com-content-article__body .brand-lilac .contactUs {max-width: 790px; margin: auto; display: flex; flex-wrap: wrap; color: white; padding-top: var(--size100); padding-bottom: var(--size100); align-items: center; justify-content:space-between}
.heroBg {display: flex; align-items: stretch;}
.heroBg, .heroBg .hero {position: relative;}
.heroBg .hero-background {position: absolute; bottom: 0; left: -0.75rem; height: 100%}
.heroBg .mod-custom {background-size: 680px auto; background-repeat: no-repeat; background-position-x: right; background-position-y: bottom;}


.com-content-article__body .brand-lilac .contactUs p:nth-child(1) {font-family: Inter; font-weight: 800; font-size: var(--font32); line-height: 150%; letter-spacing: 0.1px; width: calc(100% - 187px - var(--size50)); margin: 0; color: var(--background-light);}
.com-content-article__body .brand-lilac .contactUs p:nth-child(2) {width: 187px; margin: 0;}
.com-content-article__body .brand-lilac .contactUs .btn {font-family: Inter; font-weight: bold; font-size: 18px; line-height: 18px; letter-spacing:0.3px; padding: 20px 30px;
}
.com-content-article__body .brand-lilac .contactUs .btn:after {content: ""; display: inline-block; width: 5px; height: 10px;   background-image: url(../images/arrow-right.png); background-size: 5px 10px; margin-left: 20px;
}
.com-content-article.item-pagecontact {background: var(--background-light)}
.com-content-article.item-pageabout {background: var(--background)}
.com-content-article.item-pagecontact a, .com-content-article.item-pageabout a {color: var(--middle-lilac); font-weight: bold; text-decoration: none}
.com-content-article.item-pagecontact a:hover, .com-content-article.item-pageabout a:hover {color: var(--light-lilac); text-decoration: underline}
.com-content-article__body .container a {font-weight: 700}
/* HEAD */
header.header {position: fixed;width: 100%;top: 0; transition: all 0.5s;z-index:99;height:161px;}
body {padding-top: 161px !important}
.header.nav-up {top: -161px}
a.call {font-family: Inter; font-weight: bold; font-size: 18px; line-height: 9px; letter-spacing: 0.2px; color: var(--light-lilac); text-decoration: none; margin-bottom: 0}
.btn.getintouch {padding: 8px 10px;font-family: "Nunito"; font-weight: bold; font-size: 14px; line-height: 14px; letter-spacing: 0.2px;color:var(--brand-lilac); margin-left: 30px; border: none; margin-bottom: 0}
.moduletable.logo img {padding-top: 4px; padding-bottom: 30px;}

/* HERO */
.hero .moduletable .mod-custom {padding-top:var(--herosize80); padding-bottom:var(--herosize100); background-size: 50%;background-repeat: no-repeat;background-position: bottom left;}
.hero .moduletable .mod-custom .heroTitle {font-family: Inter;font-weight: 800;font-size: var(--font120);line-height: 85%;letter-spacing: -2px;}
.hero .moduletable .mod-custom .heroText {font-family: Nunito;font-weight: 600;font-size: 24px;line-height: 150%;padding: 60px 0}
.hero .moduletable .mod-custom .heroButton a {font-family: Inter;font-weight: bold;font-size: 18px;line-height: 18px;letter-spacing: 0.3px;color:var(--light-lilac);text-decoration:none; display:inline-block} 
.hero .moduletable .mod-custom .heroButton a:after  {content:" "; display: inline-block; width: 10px; height: 10px; border-right: 2px solid var(--light-lilac); border-top: 2px solid var(--light-lilac);  transform: rotate(45deg);margin-left: 15px;}
.hero .moduletable .mod-custom .heroButton a:hover {color: white; text-decoration: underline}
.hero .moduletable .mod-custom .heroButton a:hover:after {border-color: white}

/* ABOUT */
.aboutBg #about {padding-top:var(--size60);}
.aboutBg #about .moduletable h3 {font-family: Nunito;font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.3em;color:var(--light-lilac); margin:0}
.aboutBg #about .moduletable .mod-custom {color: var(--dark-grey);max-width:850px;margin-left:auto;margin-right:auto;}
.aboutBg #about .moduletable .mod-custom h1 {font-family: Inter;font-weight: 800;font-size: var(--font44);line-height: 130%;margin-top: var(--size70);margin-bottom:30px; letter-spacing: 0.1px}
.aboutBg #about .moduletable .mod-custom p {font-family: Inter;font-weight: normal;font-size: 19px;line-height: 170%;letter-spacing: 0.3px;margin-bottom: 30px}

/* services */
.uk-margin {background: none !important;}
.servicesBg #services {padding-top:0px; padding-bottom:var(--size100); }
.servicesBg #services .services-content .moduletable {width: calc((100% / 3) - 1px); padding:36px 36px 0 36px}
.servicesBg #services .row.services .moduletable.title h3 {font-family: Nunito;font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.3em;color:var(--light-lilac); margin:var(--size60) 0}
.servicesBg #services .row.services .mod-custom.custom {position: relative}
.servicesBg #services .services-content {display: flex; flex-wrap: wrap;justify-content:space-between}
.servicesBg #services .services-content .moduletable .text p {margin-bottom: 36px}
.servicesBg #services .services-content .link {position: absolute; top: 0; left: 0; display: grid; width: 100%; opacity: 0; transition: all 0.5s}
.servicesBg #services .services-content .link:hover { opacity: 1}
.servicesBg #services .services-content .link > a {align-self: end; color: white; text-decoration: none;font-family: Inter;font-weight: bold;font-size: 18px;line-height: 18px; letter-spacing: 0.3px;}
.servicesBg #services .services-content .link > a:after {content: "";display: inline-block;width: 5px;height: 10px;background-image: url(../images/arrow-right-white.png);background-size: 5px 10px;margin-left: 15px;}
.servicesBg #services .services-content {font-family: Inter;font-size: 19px;line-height: 170%;letter-spacing: 0.3px;}
.servicesBg #services .services-content ul {list-style: none;padding-left: 36px; line-height: 120%}
.servicesBg #services .services-content ul li {display: flex; padding-bottom: 5px;padding-top: 5px}
.servicesBg #services .services-content h3.title {font-family: Nunito;font-weight: 800;font-size: 24px;line-height: 108%;margin-bottom:30px; display: flex}
.servicesBg #services .services-content h3.title img {padding-right: 15px; height: 35px;}

/* services red */
.servicesBg #services .services-content .moduletable.red {color: var(--red-text); background: var(--red); border-radius: 8px 0 0 8px}
.servicesBg #services .services-content .moduletable.red .text {position: relative; padding-bottom: 36px; margin-bottom: 0}
.servicesBg #services .services-content .moduletable.red .link {background: linear-gradient(180deg, rgba(255,123,97,0) 0%, rgba(255,123,97,1) 100%);}
.servicesBg #services .services-content .moduletable.red .list {display: block; background: var(--light-red); margin-left: -36px; margin-right: -36px; padding-top: 36px; padding-bottom: 36px; margin-bottom: 0; border-radius:0 0 0 8px}
.servicesBg #services .services-content .moduletable.red ul.list a {color: var(--red-text); text-decoration: none; display: flex; align-items:  flex-start; justify-content: space-between; margin-right: 36px; width: 100%}
.servicesBg #services .services-content .moduletable.blue ul.list a:after, .servicesBg #services .services-content .moduletable.green ul.list a:after, .servicesBg #services .services-content .moduletable.red ul.list a:after {content:" "; display: inline-block; width: 10px; height: 10px; border-right: 2px solid var(--red-text); border-top: 2px solid var(--red-text);  transform: rotate(45deg); margin-top:7px}


.servicesBg #services .services-content .moduletable.red ul.list a:hover {color: var(--red-text); text-decoration: underline}

/* services green */
.servicesBg #services .services-content .moduletable.green {color: var(--green-text); background: var(--green)}
.servicesBg #services .services-content .moduletable.green .text {position: relative; padding-bottom: 36px; margin-bottom: 0}
.servicesBg #services .services-content .moduletable.green .link {background: linear-gradient(180deg, rgba(209,219,69,0) 0%, rgba(209,219,69,1) 100%);}
.servicesBg #services .services-content .moduletable.green .list {display: block; background: var(--light-green); margin-left: -36px; margin-right: -36px; padding-top: 36px; padding-bottom: 36px; margin-bottom: 0}
.servicesBg #services .services-content .moduletable.green ul.list a {color: var(--green-text); text-decoration: none; display: flex; align-items: flex-start; justify-content: space-between; margin-right: 36px; width: 100%}
.servicesBg #services .services-content .moduletable.green ul.list a:after { border-right: 2px solid var(--green-text); border-top: 2px solid var(--green-text);}
.servicesBg #services .services-content .moduletable.green ul.list a:hover {color: var(--green-text); text-decoration: underline}

/* services blue */
.servicesBg #services .services-content .moduletable.blue {color: var(--blue-text); background: var(--blue); border-radius: 0 8px 8px 0}
.servicesBg #services .services-content .moduletable.blue .text {position: relative; padding-bottom: 36px; margin-bottom: 0}
.servicesBg #services .services-content .moduletable.blue .link {background: linear-gradient(180deg, rgba(143,184,255,0) 0%, rgba(143,184,255,1) 100%);}
.servicesBg #services .services-content .moduletable.blue .list {display: block; background: var(--light-blue); margin-left: -36px; margin-right: -36px; padding-top: 36px; padding-bottom: 36px; margin-bottom: 0; border-radius: 0 0 8px 0}
.servicesBg #services .services-content .moduletable.blue ul.list a {color: var(--blue-text); text-decoration: none; display: flex; align-items:  flex-start; justify-content: space-between; margin-right: 36px; width: 100%}
.servicesBg #services .services-content .moduletable.blue ul.list a:after { border-right: 2px solid var(--blue-text); border-top: 2px solid var(--blue-text);}

.servicesBg #services .services-content .moduletable.blue ul.list a:hover {color: var(--blue-text); text-decoration: underline}

/* Bussiness */
#business .row.business .moduletable h3 {font-family: Nunito;font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.3em;color: var(--light-lilac);margin: var(--size110) 0 var(--size60) 0;}
#business .row.business .moduletable .mod-custom.custom {max-width:850px;margin-left:auto;margin-right:auto;}
#business .row.business .moduletable .mod-custom.custom .subTitle {font-family: Inter;font-weight: 800;font-size:  var(--font32);line-height: 150%;letter-spacing: 0.1px;color: var(--background-light); margin-bottom: var(--size50);}
#business .row.business .moduletable .mod-custom.custom p, #business .row.business .moduletable .mod-custom.custom ul {margin-bottom: 30px; font-family: Inter;font-size: 19px;line-height: 170%;letter-spacing: 0.3px;}
#business .row.business .btn.business {font-family: Inter;font-weight: bold;font-size: 18px;line-height: 18px;letter-spacing: 0.3px; padding: 20px 25px 20px 30px; margin-bottom: var(--size80); margin-top: var(--size30);}
#business .row.business .btn.business:after {content: "";display: inline-block;width: 10px;height: 10px;border-right: 2px solid var(--brand-lilac); border-top: 2px solid var(--brand-lilac);  transform: rotate(45deg);margin-left: 20px;}

/* Philosophy */

#philosophy {padding-bottom: var(--size50)}
#philosophy .moduletable h3 {font-family: Nunito;font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.3em;color:var(--light-lilac); margin-top: var(--size60);text-transform:uppercase}
#philosophy .uk-scope {border-radius: 8px; overflow: hidden; margin-top:  var(--size60)}
#philosophy .uk-scope > div > div {overflow: hidden}
#philosophy .uk-scope > div > div  p {color: var(--background-light); font-family: Inter;font-size: 19px;line-height: 170%;letter-spacing: 0.3px;}
#philosophy .uk-scope > div > div p:nth-child(1) {font-family: Nunito;font-weight: 800;font-size: 24px;line-height: 150%;
color: var(--background-light); margin-top: 0px}
#philosophy .uk-scope > div > div:nth-child(2), #philosophy .uk-scope > div > div:nth-child(4), #philosophy .uk-scope > div > div:nth-child(6) {background: var(--brand-lilac);}
#philosophy .uk-scope > div > div:nth-child(4) {}
#philosophy .uk-scope > div > div:nth-child(3) {background: var(--liner-gradient-top);}
#philosophy .uk-scope > div > div:nth-child(1) {background: var(--liner-gradient-top);}
#philosophy .uk-scope > div > div:nth-child(5) {background: var(--liner-gradient-bottom)}
#philosophy .uk-scope .uk-panel {padding: 36px 40px; position: relative}
#philosophy .uk-scope .uk-panel p {margin: 30px 0 0 0}
#philosophy .uk-scope .uk-panel img {position: absolute;top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); object-fit: cover;min-height: 100%; min-width: 100%}
/*#philosophy .uk-scope .uk-first-column .uk-panel {padding: 0}*/
#philosophy .uk-scope .uk-grid-margin.uk-first-column .uk-panel {padding: 36px 40px;}
#philosophy .uk-scope > div > div:nth-child(1) .uk-panel, #philosophy .uk-scope > div > div:nth-child(6) .uk-panel {padding: 0 !important; min-height: 250px}
#philosophy .uk-scope .withImage > div:nth-child(1) .uk-panel, #philosophy .uk-scope .withImage > div:nth-child(6) .uk-panel { min-height: 395px}
#philosophy .uk-scope > div > div:nth-child(1) .uk-panel .uk-margin, #philosophy .uk-scope > div > div:nth-child(6) .uk-panel .uk-margin {display: flex; align-items: stretch; justify-content: center; height: 100%;}
#philosophy .uk-scope > div.noImage > div:nth-child(1) .uk-panel .uk-margin, #philosophy .uk-scope > div.noImage > div:nth-child(6) .uk-panel .uk-margin {flex-direction: column;padding: 36px 40px !important;justify-content: flex-start !important}
#philosophy .uk-scope ul {margin-bottom: 0; margin-top: 0}
#philosophy .uk-margin {color: var(--background-light);font-family: Inter; font-style: normal; font-weight: normal; font-size: 16px; line-height: 170%; letter-spacing: 0.3px;}
#philosophy .uk-margin h4 {font-family: Nunito; font-style: normal; font-weight: 800; font-size: 24px; line-height: 150%;color: var(--background-light); margin-bottom: 30px}
#philosophy .uk-margin h4 span {width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--background-light); display: inline-block; text-align: center; margin-right: 10px; font-size: 18px}

/* Portfolio */
#portfolio .moduletable h3 {font-family: Nunito;font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.3em;color:var(--light-lilac); margin: var(--size60) 0 var(--size70) 0;}
#portfolio .uk-scope .uk-slider {padding-top: var(--size95); margin-top: var(--size-95)}
#portfolio .uk-scope .uk-slider .uk-slidenav-container {position: absolute; right: 0; top: 0; margin: 0}
#portfolio .uk-scope .uk-slider .uk-slidenav-container a {width: 52px; height: 32px; background: url(../images/big-arrow-gray.png); background-size:  100% 100%; margin-left: 24px}
#portfolio .uk-scope .uk-slider .uk-slidenav-container a:hover {background: url(../images/big-arrow-lilac.png); background-size: 100% 100%; transform: rotate(180deg)}
#portfolio .uk-scope .uk-slider .uk-slidenav-container a.uk-slidenav-next {transform: rotate(180deg)}
#portfolio .uk-scope .uk-slider .uk-slidenav-container a:hover.uk-slidenav-next {transform: rotate(0deg)}

#portfolio .uk-scope .uk-slider .uk-slidenav-container a svg {display: none}
#portfolio .uk-scope li img {transition: .3s ease-out;}
#portfolio .uk-scope li:hover img {transform: scale(1.03,1.03);}
#portfolio .uk-scope .uk-child-width-1-4\@m > * {min-width: 380px;}
#portfolio .uk-scope h3 {font-family: Nunito;font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.1em;text-transform: uppercase;font-color:var(--light-lilac); margin-top: 24px !important; margin-bottom: 15px !important}
#portfolio .uk-scope  div.itemText {font-family: Inter;font-weight: bold;font-size: 24px;line-height: 132%;color: #000000;}
@media (min-width: 1200px) {
	/*.uk-scope .uk-grid-column-large > *, .uk-scope .uk-grid-large > * {padding-left: var(--size60) !important;}
	.uk-scope .uk-grid-column-large, .uk-scope .uk-grid-large {margin-left: -var(--size60) !important;}*/
}
#portfolio .btn.btn-primary {margin-top: 65px; margin-bottom: 85px; font-family: Inter;font-weight: bold;font-size: 18px;
line-height: 18px;letter-spacing: 0.3px;padding: 20px 30px 20px 30px}
#portfolio .porfolioButton p {margin: 0}
#portfolio .btn.btn-primary:after {content: "";display: inline-block;width: 10px;height: 10px;border-right: 2px solid white; border-top: 2px solid white;  transform: rotate(45deg);margin-left: 20px;}

.btn.btn-primary.seemore {margin:0 auto var(--size80) auto; font-family: Inter;font-weight: bold;font-size: 18px; line-height: 18px;letter-spacing: 0.3px;padding: 20px 30px 20px 30px; color: white;text-decoration: none;left: 50%; position: relative; transform: translateX(-88px);}
.btn.btn-primary.seemore:after {content: "";display: inline-block;width: 10px;height: 10px;border-right: 2px solid white; border-top: 2px solid white;  transform: rotate(45deg);margin-left: 20px;}

/* Ready */
.readyBg {border-bottom: 0.3px solid var(--light-lilac)}
#ready {padding-bottom: var(--size100);}
#ready .moduletable h3 {font-family: Nunito;font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.3em;color:var(--light-lilac); margin: var(--size110) 0 var(--size70) 0;}
#ready .mod-custom.custom {max-width: 790px; margin: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between}
#ready .mod-custom.custom p:nth-child(1) {font-family: Inter;font-weight: 800;font-size:  var(--font32);line-height: 150%;letter-spacing: 0.1px; width: calc(100% - 188px - var(--size50)); margin: 0; color: var(--background-light)}
#ready .mod-custom.custom p:nth-child(2) {width: 188px; margin: 0}
#ready .mod-custom.custom .btn {font-family: Inter;font-weight: bold;font-size: 18px;line-height: 18px;letter-spacing: 0.3px; padding: 20px 30px}
#ready .mod-custom.custom .btn:after {content: "";display: inline-block;width: 6px;height: 12px;background-image: url(../images/arrow-right.png);background-size: 6px 12px;margin-left: 20px;}

/* Footer */
#footer {padding-top: var(--size100);}
#footer h3 {font-family: Nunito;font-weight: bold;font-size: 18px;line-height: 24px;letter-spacing: 0.1px; margin: 0 0 12px 0}                 
#footer a {color: white; text-decoration: none}
#footer a:hover {text-decoration: underline}
#footer .left p {max-width: 205px;font-family: Inter;font-size: 14px;line-height: 150%;letter-spacing: 0.2px;}
#footer .center ul {padding: 0}
#footer .center ul li {list-style: none; font-family: Inter;font-size: 14px;line-height: 150%;letter-spacing: 0.2px; margin-bottom: 12px}
#footer .center ul li:before {content: "";display: inline-block;width: 3px;height: 6px;background-image: url(../images/small-arrow-right.png);background-size: 3px 6px;margin-right: 11px;}
#footer .right p {font-family: Inter;font-size: 14px;line-height: 150%;letter-spacing: 0.2px;}
.footer-bottom {padding-top: var(--size80); padding-bottom: var(--size80); color: var(--light-lilac)}
#footer .footer-bottom a {color: var(--light-lilac); text-decoration: none}
#footer .footer-bottom a:hover {color: var(--light-lilac); text-decoration: underline}
.footer-bottom p {margin: 0; font-family: Inter;font-size: 14px;line-height: 20px;letter-spacing: 0.2px;}

/* Cikkek fejléc */
.articleHead.container:before { border-top: 0.3px solid var(--light-lilac);content: " ";width: 100%;
display: block;}
.articleHeadBackground {background: var(--brand-lilac); overflow: hidden; position: relative}
.articleHeadBackground:before {content: ""; position: absolute; background: transparent url(../images/articleHead-background.png) no-repeat; left: calc(50% - 680px - 27px) /*680px a kép szélesség */; top: var(--size100); opacity: 20%; width: 100%; height: 100%; display: block; background-size: 680px;}
.articleHeadBackground .articleHead {position: relative; z-index: 2; color: white; overflow: hidden}
.articleHeadBackground .articleHead h1 {font-family: Inter; font-weight: 600; font-size:  var(--font32); line-height: 150%; padding-top: 47px; padding-bottom: 22px; margin: 0; max-width: 940px}
.articleHeadBackground.wideTitle .articleHead h1 {max-width: 100%}
.articleHeadBackground.wideTitle .articleHead h1 {max-width: 100%}
.articleHeadBackground .articleHead p, .articleHeadBackground .articleHead ul {font-family: Inter; font-size: 19px; line-height: 170%; letter-spacing: 0.4px; max-width: 940px; color: var(--background-light)}
.articleHeadBackground .articleHead p a {color: var(--light-lilac) !important;font-weight:700}
.articleHeadBackground .articleHead p a:hover {color: white !important; text-decoration: underline}
/* Cikkek tartalom */
.com-content-article__body h3 {font-family: Nunito; font-weight: 800; font-size: 24px; line-height: 170%; letter-spacing: 0.3px; color: var(--dark-gray); margin-bottom: 32.3px}
.com-content-article__body p, .com-content-article__body ul {font-family: Inter; font-weight: 400; font-size: 19px; line-height: 32.3px; letter-spacing: 0.3px; margin-bottom: 32px}

/* Contact us */
.articleHeadBackground.articleID-1 .articleHead p {font-family: Inter; font-size: 19px; line-height: 170%; letter-spacing: 0.3px; margin: 0; max-width: 940px}
.articleHeadBackground.articleID-1 .articleHead p { padding-bottom: var(--size185);}
.com-content-article__body.container.articleID-1 {padding-bottom: var(--size100); margin-top: var(--size-140); position: relative}
.formWrapper {width: 100%; max-width: 590px; float: right; background: var(--middle-lilac); color: white; padding: 30px; border-radius: 8px; margin-bottom: var(--size80)}
.formWrapper h2 {font-family: Nunito; font-weight: 800; font-size: 24px; line-height: 33px; font-feature-settings: 'pnum' on, 'lnum' on; color: #FFFFFF; margin-bottom: 30px}
.formWrapper .row.rsform-block {margin-bottom: 30px}
.formWrapper .row.rsform-block.rsform-block-send {margin-bottom: 0}
.formWrapper .form-control {background: transparent; font-family: Inter; font-size: 16px; line-height: 150%; letter-spacing: 0.02em; padding: 10px; border-radius: 6px; border-color: white; outline: 0; box-shadow: none !important;color:white}

.formWrapper ::-webkit-input-placeholder { color: white;}
.formWrapper :-ms-input-placeholder { color: white;}
.formWrapper ::placeholder {color: white;}
.formWrapper button.white.btn-primary {font-style: normal;font-weight: bold;font-size: 18px;line-height: 18px; letter-spacing: 0.3px; border: radius: 4px; color: var(--brand-lilac); background: var(--background-light); padding: 20px 30px; border: none}
.formWrapper button.white.btn-primary:after {content: " "; display: inline-block; width: 10px; height: 10px; border-right: 2px solid var(--brand-lilac); border-top: 2px solid var(--brand-lilac); transform: rotate(45deg); margin-left: 15px;}
.formWrapper button.white.btn-primary:hover {background: var(--brand-lilac); color: var(--background-light)}
.formWrapper button.white.btn-primary:hover:after {border-right-color:  var(--background-light); border-top-color: var(--background-light)}
/* About us */
.default:not(.ourWorks) .com-content-article__body.container {padding-top: var(--size50); z-index: 2}
.default:not(.ourWorks) .articleHeadBackground .articleHead {padding-bottom: 26px}
.default:not(.ourWorks) .articleHeadBackground .articleHead p {margin: 0 0 32px 0; }
.default:not(.ourWorks) .com-content-article__body.container {padding-bottom: 18px}

.articleHeadBackground.articleID-14 .articleHead {padding-bottom: 26px}
.articleHeadBackground.articleID-14 .articleHead p {margin: 0 0 32px 0; }
.com-content-article__body.container.articleID-14 {padding-bottom: 18px}
.com-content-article__body.container.articleID-14 h2 {font-family: Inter; font-style: normal; font-weight: 800; font-size: var(--font44);
line-height: 40px; letter-spacing: 0.1px; text-align: center; margin-top: var(--size50); margin-bottom: var(--size50)}
.com-content-article__body.container.articleID-14 .textWrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
.com-content-article__body.container.articleID-14 .textWrap .firstColumn, .com-content-article__body.container.articleID-14 .textWrap .secondColumn {width: calc(50% - 30px)}
.com-content-article__body.container.articleID-14 .textWrap p {font-family: Inter; font-size: 19px; line-height: 170%; letter-spacing: 0.3px; color: #000000;}
.com-content-article__body.container.articleID-14 .textWrap p.portre img {max-height: 425px}
.com-content-article__body.container.articleID-14 .textWrap h4 {max-height: 425px; font-family: Montserrat; font-weight: bold;
font-size: 24px; line-height: 132%; color: black; margin: 19px 0 8px 0}
.com-content-article__body.container.articleID-14 .textWrap p.partner {font-family: "Nunito"; font-weight: 800; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase;  color: var(--light-lilac); margin-bottom: 32px}

/*Audit
.articleHeadBackground.articleID-62 .articleHead {padding-bottom: 26px}
.articleHeadBackground.articleID-62 .articleHead p {margin: 0 0 32px 0; }
.com-content-article__body.container.articleID-62 {padding-bottom: 18px}
.com-content-article__body.container.articleID-62 h2 {font-family: Inter; font-style: normal; font-weight: 800; font-size: var(--font44);
line-height: 40px; letter-spacing: 0.1px; text-align: center; margin-top: var(--size50); margin-bottom: var(--size50)}
.com-content-article__body.container.articleID-62 .textWrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
.com-content-article__body.container.articleID-62 .textWrap .firstColumn, .com-content-article__body.container.articleID-62 .textWrap .secondColumn {width: calc(50% - 30px)}
.com-content-article__body.container.articleID-62 .textWrap p {font-family: Inter; font-size: 19px; line-height: 170%; letter-spacing: 0.3px; color: #000000;}
.com-content-article__body.container.articleID-62 .textWrap p.portre img {max-height: 425px}
.com-content-article__body.container.articleID-62 .textWrap h4 {max-height: 425px; font-family: Montserrat; font-weight: bold;
font-size: 24px; line-height: 132%; color: black; margin: 19px 0 8px 0}
.com-content-article__body.container.articleID-62 .textWrap p.partner {font-family: "Nunito"; font-weight: 800; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase;  color: var(--light-lilac); margin-bottom: 32px}
*/

/* Works item */
.com-content-article.works .articleHead h1 {font-family: Inter; font-weight: 800; font-size: var(--font100); line-height: 85%; letter-spacing: -2px; margin: 0 0 22px 0}
.com-content-article.works .articleHead .extraFields {display: flex; align-items: flex-start; justify-content: space-between; color: var(--light-lilac); padding-bottom: 265px;}
.com-content-article.works .articleHead .extraFields > div {display: inline-flex;}
.com-content-article.works .articleHead .extraFields > div:first-child {padding-left: 0} 
.com-content-article.works .articleHead .extraFields > div:last-child  {padding-right: 0;} 
.com-content-article.works .articleHead .extraFields .extraFieldSep {width: 1px; border-right: 0.5px solid var(--light-lilac); align-self: stretch;margin: 0 20px}
.com-content-article.works .articleHead .extraFields .extraFieldSep.count5 {display: none}
.com-content-article.works .articleHead .extraFields div.extraFieldValue {display: flex; flex-direction: column; font-family: 'Nunito'; font-size: 12px; line-height: 20px; letter-spacing: 0.1em; text-transform: uppercase;}
.com-content-article.works .articleHead .extraFields div.extraFieldValue .field-label  {font-weight: 900; }
.extraFieldValue.client .field-value, .extraFieldValue.location .field-value, .extraFieldValue.industry .field-value  {white-space: nowrap;}


/* Multi BG */
.articleHeadBackground.multicolorBackground  .articleHead  {padding-bottom: 26px}
.articleHeadBackground.multicolorBackground  .articleHead p {margin: 0 0 32px 0; }
.articleHeadBackground.multicolorBackground  .articleHead ul {margin-bottom: 32px}
.com-content-article__body.multicolorBackground h4 {font-family: Inter; font-weight: 800; font-size: var(--font44); line-height: 120%; letter-spacing: 0.1px; color: var(--dark-gray); margin-top: var(--size50); margin-bottom: 30px}

.halfImage .row {display: flex; flex-wrap: wrap; align-items: stretch !important}
.halfImage .row #setHeight {min-height: 100%}
#maxHeight > *:last-child {margin-bottom: var(--size50);}
#maxHeight > * {padding-right: 48px; width:100%; max-width: 575px;float: right}
#maxHeight h4 {width: 100%}
#maxHeight li:not(:last-child) { 
   margin-bottom: 5px;  
}
#setHeight {position: relative; overflow: hidden;}
#setHeight img {position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%); object-fit: cover; width: calc(100% + 30px); min-height: calc(100% + 1px);}
/* EGYEDI beállítások a képre*/
.articleID-9 #setHeight img {top: 66%}


p.innerTitle {font-family: Inter; font-style: normal;  font-weight: 800;font-size: var(--font44);line-height: 120%;letter-spacing: 0.1px;}
.width700 {width: 700px; padding-top: var(--size50); padding-bottom: var(--size50);}
.width700 p:last-child {margin-bottom: 0}
.rest700 {width: calc(100% - 700px); padding-top: var(--size50); padding-bottom: var(--size50); text-align: right}
.rest700 p {margin: 0}
.rest700 img {max-width: 421px;width: 100%}
.pt50 {padding-top: var(--size50) !important;}
.pb50 {padding-bottom: var(--size50) !important;}

.approach .uk-panel ul li {list-style: none; margin-bottom: 30px; position: relative}
.approach .uk-panel ul li:last-child {margin-bottom: 0} 
.approach .uk-panel ul li:before {content: " "; display: inline-block; width: 19px; height: 19px; position: absolute; background: url(../images/tick.png); background-size: 19px 19px; left: -30px; top: 5px;} 
a.gotoTestimonials {height: 30px; line-height: 30px; padding-top: 0; padding-bottom: 0; margin-bottom:0; margin-bottom: 0; font-weight: 400 !important;}

#philosophy .uk-scope div.services {margin-left: 0; margin-right: 0;}
#philosophy .uk-scope div.services div.uk-margin p:nth-child(1) {display: table;}
#philosophy .uk-scope div.services div.uk-grid-margin {margin-top: 0;}
#philosophy .uk-scope div.services div.uk-margin p:nth-child(1):before {content: " "; display: table-cell; width: 57px !important; height: 42px; background: url(../images/tick-big.png) no-repeat left top / 42px 42px;} 

/* WORKS image gallery */
#slider { position: relative; width: 100%; height: 490px; margin: -225px auto 0 auto; transform-style: preserve-3d;z-index: 3}
.works input[type=radio] {display: none}
#slider label {position: absolute;  height: auto;top: 0;  border-radius: 8px;  cursor: pointer; display: flex; align-items: center;  justify-content: center;  transition: all 500ms ease;transform-origin: top center;}
#slider label img {position: relative; height: auto; left: 0;  top: 0;  border-radius: 8px;  cursor: pointer; display: flex; align-items: center;  justify-content: center;  transition: all 1000ms ease;}
/* Slider Functionality */
/* Active Slide */
#s1:checked ~ #slide1,
 #s2:checked ~ #slide2,
  #s3:checked ~ #slide3 {
    margin-left: calc(50% - (585px / 2));
     z-index: 3
}
#s1:checked ~ #slide1 img,
 #s2:checked ~ #slide2 img,
  #s3:checked ~ #slide3 img {
		box-shadow: 0 36px 58px rgba(0,0,0, 0.4);
		width: 585px; height: auto;
	}
/* Next Slide */
#s1:checked ~ #slide2,
 #s2:checked ~ #slide3,
  #s3:checked ~ #slide1 {
  width: 478px;
  z-index: 2;
  margin-left: 0;
  margin-top: 25px;
}
/* Previous Slide */
#s1:checked ~ #slide3,
 #s2:checked ~ #slide1,
  #s3:checked ~ #slide2 {
  margin-left: calc(100% - 478px);
  margin-top: 25px;
  width: 478px;
  z-index: 2;
}
#s1:checked ~ #slide2 img,
 #s2:checked ~ #slide3 img,
  #s3:checked ~ #slide1 img,
#s1:checked ~ #slide3 img,
 #s2:checked ~ #slide1 img,
  #s3:checked ~ #slide2 img {
		box-shadow: 0 18px 29px rgba(0,0,0, 0.3);	
		width: 478px;
  }

/* WORKS image gallery END */
.works .com-content-article__body.ourworks h3 {margin: 10px 0 var(--size70) 0;font-family: Nunito;font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.3em;text-transform: uppercase;color: var(--light-lilac)}
.works .com-content-article__body.ourworks .narrowText {max-width: 850px;margin-left: auto;margin-right: auto;display:table}
.works .com-content-article__body.ourworks .narrowText .introText p {font-family: Inter;font-weight: 800;font-size: var(--font44);line-height: 120%;letter-spacing: 0.1px;}
.works .com-content-article__body.ourworks .item-image {margin-top: var(--size30); margin-bottom: var(--size100);display:flex; height: 400px; overflow: hidden; position: relative; border-radius: 8px}
.works .com-content-article__body.ourworks .item-image img {max-width: 100%; /*max-height: 100%;*/  left: 50%;  top: 50%;  transform: translateX(-50%) translateY(-50%);  position: absolute; object-fit:cover;}

.philosophyBg.inArticle	{background: var(--background-light); display: flex;}
.philosophyBg.inArticle	h3 {text-transform: uppercase}

.nbhBg {background:var(--background-light)}
.nbhItems .pageNav {display: flex; flex-wrap: wrap; justify-content:space-between}
.nbhItems .pageNav > div {width: calc(50% - 10px); max-width: 455px}
.nbhItems .pageNav a {text-decoration: none;}
.nbhItems .pageNav a .navIcon { width: 52px; height: 32px; background: url(../images/big-arrow-gray.png); background-size: 100% 100%; display: block; margin-top: 20px; }
.nbhItems .info-small {display: none}
.nbhItems .pageNav .nextPage a .navIcon {transform: rotate(180deg);}
.nbhItems .pageNav a:hover .navIcon {background: url(../images/big-arrow-lilac.png);background-size: 100% 100%;transform: none}
.nbhItems .pageNav .previousPage a:hover .navIcon {transform: rotate(180deg)}
a.pageLink .prevArrow, a.pageLink .nextArrow {font-family: 'Nunito';font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.3em;text-transform: uppercase;color:#c4c4c4; margin-top: var(--size50); display: flex;
flex-direction: column;}
 a.pageLink .nextArrow {align-items: flex-end}
a.pageLink:hover .prevArrow, a.pageLink:hover .nextArrow {color: var(--light-lilac)}

.nbhItems .pageNav .navtext {display: flex; justify-content: flex-start;align-items:center; padding-top: var(--size60); margin-bottom: var(--size50)}
.nbhItems .pageNav .nextPage .nextArrow {align-items: flex-end}
.nbhItems .pageNav .navtext img {height: 140px;padding-right: 24px}
.nbhItems .pageNav .nextPage .navtext {justify-content: flex-end}
.nbhItems .pageNav .nextImage {order: 2}
.nbhItems .pageNav .nextImage img {padding-left: 24px; padding-right: 0}
.nbhItems .pageNav .navtext .title, .nbhItems .pageNav .navtext .blogDate {font-family: 'Nunito'; font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.1em;text-transform: uppercase;color: #B497CB;display: block; margin-bottom: 16px;}
.nbhItems .pageNav .navtext .info, .nbhItems .pageNav .navtext .blogTitle {font-family: 'Inter';font-weight: 700;font-size: 24px;line-height: 132%;color: #000000;}
.nbhItems.blogPagination .title {display: none !important} 
.nbhItems.blogPagination .info {display: none} 
.nbhItems:not(.blogPagination) .blogDate {display: none !important} 
.nbhItems:not(.blogPagination) .blogTitle {display: none !important} 

.uk-scope .uk-button-default {
background-color: var(--brand-lilac) !important;
color: #fff  !important;
border: 1px solid var(--brand-lilac)  !important;
font-family: Inter  !important;
letter-spacing: 0.3px  !important;
text-transform: none  !important;
font-weight: bold  !important;
font-size: 16px  !important;
border-radius: 0.25rem  !important;z-index: 1;
position: relative;
}

.uk-scope .uk-button-default:hover {
  background-color: var(--middle-lilac) !important;
  border: 1px solid var(--middle-lilac) !important;
  cursor:pointer !important;
}



.moretext {font-family: 'Inter';font-weight: 400;font-size: 19px;line-height: 170%;letter-spacing: 0.3px;color: #F9F8FA;margin-bottom:var(--size100);}
.moretext span.title {display: block; font-family: 'Nunito';font-weight: 800;font-size: 24px;line-height: 150%;color: #F9F8FA;margin-bottom: 30px}
.moretext .cimageLeft, .moretext .cimageRight, .moretext .cimageBottom {background: var(--brand-lilac); border-radius: 8px; color: white; display: flex; align-items: strech; margin-top: var(--size60); overflow: hidden; width: 100%}
.moretext .cimageBottom {overflow: hidden;flex-direction:column}
.moretexfigmat p {width: 100%;height: 400px; position: relative;  overflow: hidden;margin:0}
.moretext .cimageLeft img, .moretext .cimageRight img {object-fit: cover; max-width: 100%; max-height: 100%;position: absolute}
.moretext .cimageBottom img {max-width: 100%; max-height: 100%; object-fit: cover; object-position: 50% 50%;}
.moretext .cimageBottom p:first-child  {height: 360px; margin: 0}

/*.moretext img {position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);}*/
.moretext .cimageLeft > p, .moretext .cimageRight > p {width: 50%; overflow: hidden; display: flex; margin: 0; position: relative;   min-height: 260px;}

.moretext .cimageRight p:first-child, .moretext .cimageBottom p:first-child  {order: 2}
.moretext .cimageLeft p:last-child, .moretext .cimageRight p:last-child, .moretext .cimageBottom p:last-child {padding: var(--size50) 15px; margin: auto;justify-content: center;flex-direction: column; display:flex}
.moretext .cimageLeft p:last-child, .moretext .cimageRight p:last-child {max-width: 350px;height: auto; width: 100%}
.moretext .cimageBottom p {width: 100%} 
.moretext .cimageBottom p:last-child {max-width: 880px;height: auto; }
.moretext a.moretextLink {height: 30px; line-height:30px; width: 180px; margin-top: 30px; padding: 0 10px}

.uk-panel a.moretextLink {height: 30px; line-height:30px; width: 160px; padding: 0; text-transform: uppercase; color: var(--brand-lilac); background-color: #fff!important; border-color: #fff; height: 32px; margin-bottom: 6px;}

.uk-panel a.moretextLink:hover { color: var(--brand-lilac); border-color: var(--light-lilac); background-color: var(--light-lilac)!important; text-decoration: none;}
.uk-panel a.moretextLink:active, .uk-panel a.moretextLink:focus {border-color:#fff; background-color: #fff !important; color: var(--brand-lilac); text-decoration: none;}

.uk-panel a.moretextLink:active {/*border-color: var(--light-lilac); background-color: var(--light-lilac); text-decoration: none;*/}



.resultsBg {background:#cdc0dd; padding-top: var(--size110); padding-bottom:var(--size100)}
.resultsBg #results h3 {font-family: 'Nunito';font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.3em;
text-transform: uppercase;color: var(--brand-lilac);margin-bottom:30px}
.resultsBg #results .mod-custom.custom.results {display: flex; flex-wrap: wrap; justify-content:space-around;color:var(--brand-lilac);}
.resultsBg #results .mod-custom.custom.results .resultsItem {max-width:285px;text-align:center}
.resultsBg #results .mod-custom.custom.results .resultsItem p:nth-child(2){font-family: 'Inter';font-weight: 800;font-size: var(--font100);line-height: 150%;letter-spacing: 0.1px;margin-bottom:-15px}
.resultsBg #results .mod-custom.custom.results .resultsItem p:nth-child(3){font-family: 'Inter';font-weight: 800;font-size: 24px;line-height: 150%;letter-spacing: 0.1px;margin:0}

/* Testimonials */
.testimonialsBg {border-bottom: 0.3px solid var(--middle-lilac);background:white}
#testimonials .moduletable h3 {font-family: Nunito;font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.3em; color:var(--light-lilac); margin: var(--size60) 0 var(--size90) 0;text-transform:uppercase}
#testimonials .moduletable .uk-scope {max-width: 645px; margin-left: auto; margin-right: auto}
#testimonials .moduletable .uk-margin p:first-child {font-family: 'Inter';font-weight: 800;font-size:  var(--font32);
line-height: 150%;letter-spacing: 0.1px;color: var(--brand-lilac); margin-bottom:16px}
#testimonials .moduletable .uk-margin p:last-child {font-family: 'Inter';font-size: 18px;line-height: 150%;text-align: right;
letter-spacing: 0.1px;color: var(--brand-lilac); margin: 0; text-transform:uppercase}
#testimonials ul {padding-left:0; list-style: none}
#testimonials li {padding: 20px; z-index: 2;position:relative; }
#testimonials li.equalheightList:before {content: " "; width: 86px; height: 72px; display: inline-block; background: transparent url(../images/quote.png) center / cover; position: absolute; left: 0; top: 0; z-index: -1;}

/* OurTestimonials */
.ourtestimonialsBg {border-bottom: 0.3px solid var(--middle-lilac);background:white}
#ourtestimonials .moduletable h3 {font-family: Nunito;font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.3em; color:var(--light-lilac); margin: var(--size60) 0 var(--size90) 0;text-transform:uppercase}
#ourtestimonials .moduletable .uk-scope {max-width: 645px; margin-left: auto; margin-right: auto}
#ourtestimonials .moduletable .uk-margin p:first-child {font-family: 'Inter';font-weight: 800;font-size:  var(--font32);
line-height: 150%;letter-spacing: 0.1px;color: var(--brand-lilac); margin-bottom:16px}
#ourtestimonials .moduletable .uk-margin p:last-child {font-family: 'Inter';font-size: 18px;line-height: 150%;text-align: right;
letter-spacing: 0.1px;color: var(--brand-lilac); margin: 0; text-transform:uppercase}
#ourtestimonials li {padding: 20px; z-index: 2; margin-bottom: var(--size60);}
#ourtestimonials li.equalheightList:before {content: " "; width: 86px; height: 72px; display: inline-block; background: transparent url(../images/quote.png) center / cover; position: absolute; left: 0; top: 0; z-index: -1;}




/* Our Work category page */
.ourWorks .contentBg {background: var(--background); padding-bottom: var(--size100)}
.ourWorks .articleHead p {font-family: 'Inter';font-weight: 600;font-size:  var(--font32);line-height: 150%;text-transform: capitalize; margin-bottom: 366px;}
.ourWorks .articleHead .page-header h1 {height: 45px; overflow: hidden; padding: 45px 0 0 0;}
.ourWorks .com-content-article__body {margin-top: -344px; position: relative;z-index:2}
.ourWorks ul.uk-subnav {margin-bottom: 16px}
.ourWorks ul.uk-subnav li a {font-family: 'Nunito';font-size: 12px !important;line-height: 20px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--light-lilac) !important;margin-bottom:0}
.ourWorks ul.uk-subnav li.uk-active a {font-weight: 900;}
.ourWorks .port {min-height: 130px; padding-top: 4px}
.ourWorks .port p {font-family: 'Inter';font-weight: 700;font-size: 24px;line-height: 132%;color: #000000;}
.ourWorks .port h3 {font-family: 'Nunito';font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.1em;text-transform: uppercase;color: #B497CB;}

.testimonialsBg.inArticle {background: var(--background-light);}

#testimonials .row.testimonials {position: relative}
#testimonials .uk-scope .uk-slideshow .uk-slidenav-container {position: absolute; right: 0; top: var(--size60); margin: 0}
#testimonials .uk-scope .uk-slideshow .uk-slidenav-container a {width: 52px; height: 32px; background: url(../images/big-arrow-gray.png); background-size:  100% 100%; margin-left: 24px}
#testimonials .uk-scope .uk-slideshow .uk-slidenav-container a:hover {background: url(../images/big-arrow-lilac.png); background-size: 100% 100%; transform: rotate(180deg)}
#testimonials .uk-scope .uk-slideshow .uk-slidenav-container a.uk-slidenav-next {transform: rotate(180deg)}
#testimonials .uk-scope .uk-slideshow .uk-slidenav-container a:hover.uk-slidenav-next {transform: rotate(0deg)}
#testimonials .uk-scope .uk-slideshow .uk-slidenav-container a svg {display: none}

/*Testimonials list*/
.testimonials .articleHead h1 {max-width: 940px; font-family: Inter; font-weight: 800; font-size: var(--font100); line-height: 85%; letter-spacing: -2px; margin: 11px 0 11px 0;}
.testimonials.itemLists {margin-top: var(--size60);margin-bottom: var(--size60)}
.testimonials .com-content-category-blog__item.blog-item.container:before {content: " "; width: 86px; height: 72px; display: inline-block; background: transparent url(../images/quote.png) center / 100% 100%; position: absolute; left: -35px; top: 15px; z-index: -1;}
.testimonials .com-content-category-blog__item.blog-item.container {position: relative; z-index: 1; padding-top: var(--size50); padding-bottom: var(--size50); margin-top: var(--size50); margin-bottom: var(--size50);border-bottom: 1px solid #E7E5E6;}
testimonials .com-content-category-blog__items.blog-items:last-child  .com-content-category-blog__item.blog-item.container  {border-bottom: none}
.testimonials .com-content-category-blog__items.blog-items .item-content strong {display: block; margin-bottom: 35px}
.testimonials .com-content-category-blog__items.blog-items .item-content em {display: block; margin-top: 20px; font-weight:500}
.testimonials .com-content-category-blog__items.blog-items .item-content a {font-weight: 700}



/*Testimonial item*/
.testimonialItem .articleHeadBackground .articleHead h1 {font-family: Inter; font-weight: 800; font-size: var(--font100); line-height: 85%;  letter-spacing: -2px; margin: 12px 0 36px 0;}
.testimonialItem .testimonialBody {margin-top: var(--size60);margin-bottom: var(--size60)}
.testimonialItem .testimonialBody:before {content: " "; width: 86px; height: 72px; display: inline-block; background: transparent url(../images/quote.png) center / cover; position: absolute; left: -35px; top: 15px; z-index: -1;}
.testimonialItem .testimonialBody {position: relative; z-index: 1; padding-top: var(--size50); padding-bottom: var(--size50); margin-top: var(--size50); margin-bottom: var(--size50)}
.testimonialItem .testimonialBody strong {display: block; margin-bottom: 35px}
.testimonialItem .testimonialBody em {display: block; margin-top: 20px; font-weight:500}
.testimonialItem .testimonialBody a {font-weight: 700}

/*Blog list*/
.blog.itemLists {margin-top: var(--size60); margin-bottom: var(--size60)}
.blog .blogDescription {padding-bottom: var(--size50)}
.blog .blogDescription .uk-article-meta {font-family: 'Nunito'; font-weight: 800; font-size: 14px; line-height: 20px; letter-spacing: 0.1em; text-transform: uppercase; color: #B497CB !important;}
.blog .blogDescription .uk-scope h3 a {font-family: 'Inter'; font-weight: 700; font-size: 24px;line-height: 132%; color: #000000;}
.blog .blogDescription .uk-panel {padding-bottom: var(--size50)}

header.header #top {height: 56px}
header.header.nav-down #top {transition: all 0.5s;}
header.header.nav-down {height: 100px}
header.header.nav-down #top {height: 0; overflow: hidden}

/*Blog item*/
.blog .articleHeadBackground  .articleHead  {padding-bottom: 26px}
.blog .articleHeadBackground  .articleHead p {margin: 0 0 32px 0; }
.blog .articleHeadBackground  .articleHead ul {margin-bottom: 32px}
.blog:not(.item-page) .articleHeadBackground .articleHead h1 {max-width:940px;font-family: Inter; font-weight: 800; font-size: var(--font100); line-height: 85%; letter-spacing: -2px; margin: 11px 0 11px 0;}
.blog .com-content-article__body h4 {font-family: Inter; font-weight: 800; font-size: var(--font44); line-height: 120%; letter-spacing: 0.1px; color: var(--dark-gray); margin-top: var(--size50); margin-bottom: 30px}
.com-content-article__body.container.blog {padding-top: var(--size60); padding-bottom: var(--size60)}
.tags .btn-info:hover {text-decoration: none}
.tags .btn-info:active, .tags .btn-info:focus {background: none; border-color: var(--background); color: var(--light-lilac)}
.blog .createdOn {color: var(--light-lilac); font-family:'Nunito'; font-size: 16px; margin-bottom: 30px; margin-top: -25px; text-transform: uppercase}
/* Tags */
.com-tags__items {padding-top: var(--size60); padding-bottom: var(--size60)}
.com-tags-tag__category .tagItem { padding-bottom: var(--size50); margin-bottom: var(--size50); border-bottom: 1px solid #E7E5E6;}
.com-tags-tag__category .tagItem .createdOn {font-family: 'Nunito'; font-weight: 800;font-size: 14px;line-height: 20px;letter-spacing: 0.1em;text-transform: uppercase;color: #B497CB !important; margin-bottom: 10px}
.com-tags-tag__category .tagItem h3 a {color: black !important; text-decoration: none !important; font-size: 26px}
.com-tags-tag__category .tagItem h3 a:hover {color: var(--middle-lilac) !important;}

.articleHeadBackground.tag-list .articleHead h1 {font-family: Inter; font-weight: 800; font-size: var(--font100);
line-height: 85%; letter-spacing: -2px; margin: 0 0 22px 0;}
.tagSubtitle {font-family: 'Nunito'; font-size: 12px; line-height: 20px; letter-spacing: 0.1em; text-transform: uppercase;color: var(--light-lilac); margin-bottom:var(--size30)}

.works .com-content-article__body.ourworks.articleID-25 .item-image img {top: 28%}
.works .com-content-article__body.ourworks.articleID-29 .item-image img {top: 28%}

.dj-mobile-open-btn:focus, .dj-mobile-open-btn:focus-visible {border: none; box-shadow: none;}


/*OS Map*/
#osmap .articleHeadBackground .articleHead h1 { font-family: Inter; font-weight: 800; font-size: var(--font100); line-height: 85%;letter-spacing: -2px;margin: 12px 0 36px 0;}
.com-os-map__body {  padding-top: var(--size60);  padding-bottom: var(--size60);}
a.osmap-link {color: #000;}
a.osmap-link:hover {text-decoration: none; color: var(--light-lilac);}
/*Extra large - xl*/
@media (max-width: 1399px) {
	.com-content-article.works .articleHead .extraFields .extraFieldSep {margin: 0 10px}
    .extraFieldValue.client, .extraFieldValue.website, .extraFieldValue.industry, .extraFieldValue.location {width: calc(50% - 11px)}
    .extraFieldSep.count2, .extraFieldSep.count3 {display: none !important}
    .extraFieldValue.services {width: 100%; display: flex; justify-content: center; padding: 10px 0; margin: 10px 0; border-top: 1px solid var(--light-lilac);  border-bottom: 1px solid var(--light-lilac)}
    .extraFieldValue.services .field-value br {content:""; display: contents}
    .extraFieldValue.services .field-value br:after {content:" "}
    .com-content-article.works .articleHead .extraFields {flex-wrap: wrap}
    /*.moretext .cimageBottom img {max-width: 100vw; height: auto;}*/
    .width700 {width: 60%}
    .rest700 {width: 40%}
}
/*Közbenső érték Hero title miat*/
@media (max-width: 1400px) {
	div.heroBg {background: var(--brand-lilac) url("/images/design/hero3.png") 2vw bottom no-repeat;background-size: auto 92%; }
	.articleHeadBackground::before {background-size: 60vw; left: 15px;}

}
/*Large - lg*/
@media (max-width: 1199px) {
    
	
    div.heroBg {background: var(--brand-lilac) url("/images/design/hero3.png") 2vw bottom no-repeat;background-size: 48% auto; }
	#top {display: none}
    header.header {height: 80px}
    .header.nav-up {top: -90px}
    body {padding-top: 80px !important}
    .btn.getintouch {margin-left: 0; margin-top: 5px;}
    .moduletable.logo img {padding-bottom: 0 !important; padding-top: 0 !important}
    #philosophy .uk-scope > div > div:nth-child(1) {background: var(--liner-gradient-bottom);}
    #philosophy .uk-scope > div > div:nth-child(2) {background: var(--liner-gradient-top);}
    #philosophy .uk-scope > div > div:nth-child(3) {background: var(--liner-gradient-bottom);}
    #philosophy .uk-scope > div > div:nth-child(4) {background: var(--liner-gradient-top);}
    #philosophy .uk-scope > div > div:nth-child(5) {background: var(--liner-gradient-bottom);}
    #philosophy .uk-scope > div > div:nth-child(6) {background: var(--liner-gradient-top);}
    .com-content-article__body.container.articleID-14 .textWrap p.portre img {max-height: unset; max-width: 300px; width: 100%;}
    .testimonials .com-content-category-blog__item.blog-item.container::before {left: -5px;}
}

@media (min-width:586px) and  (max-width:991px){
  	.heroTitle br {display: none}
	.heroTitle span {display: inline-block; padding-left: 15px}
}

/*Medium - md*/
@media (max-width: 991px) {
  
   

    .hero .moduletable .mod-custom .heroTitle {line-height: 100%}
	.hero.container .row {flex-direction: column-reverse}
	div.heroBg {background-size: auto 60%; }
    
    
 
	.blog:not(.item-page) .articleHeadBackground .articleHead h1, .testimonials .articleHead h1 {margin-bottom: 37px}
	.articleHeadBackground.multicolorBackground .articleHead {padding-bottom: 0}
	.com-content-article__body.container.articleID-14 {padding-bottom: 0 !important}

	.nbhItems .info .info {display: none}
	.nbhItems .info .info-small {display: block}
	.nbhItems .pageNav .navtext .info {font-size: 18px; line-height: normal;}
	.hero .moduletable .mod-custom .heroText {font-size: 18px; padding: 18px 0}
	.servicesBg #services .services-content {flex-direction: column}
	.servicesBg #services .services-content .moduletable {width: 100%; }
	.servicesBg #services .services-content .moduletable.red, .servicesBg #services .services-content .moduletable.green, .servicesBg #services .services-content .moduletable.blue {border-radius:8px}
	.servicesBg #services .services-content .moduletable.red, .servicesBg #services .services-content .moduletable.green {margin-bottom: 15px;}
	.servicesBg #services .services-content .moduletable.red .list, .servicesBg #services .services-content .moduletable.green .list, .servicesBg #services .services-content .moduletable.blue .list {border-radius: 0 0 8px 8px;}
	.servicesBg #services .services-content .moduletable .text, .servicesBg #services .services-content h3.title { margin-bottom: 15px !important;}
    .heroBg .mod-custom.custom {background-size: auto 100%; margin-bottom: 30px;}

    .com-content-article.works .articleHead .extraFields {padding-bottom: 25vw}
    #slider {height: 44vw; margin: -20vw auto 0 auto;}

    /* Slider Functionality */
    /* Active Slide */
    #s1:checked ~ #slide1,
    #s2:checked ~ #slide2,
    #s3:checked ~ #slide3 {
        margin-left: calc(50% - (50vw / 2));

    }
    #s1:checked ~ #slide1 img,
    #s2:checked ~ #slide2 img,
    #s3:checked ~ #slide3 img {
            width: 50vw; height: auto;
        }
    /* Next Slide */
    #s1:checked ~ #slide2,
    #s2:checked ~ #slide3,
    #s3:checked ~ #slide1 {
    width: 40vw;
    z-index: 2;
    margin-left: 0;
    margin-top: 25px;
    }
    /* Previous Slide */
    #s1:checked ~ #slide3,
    #s2:checked ~ #slide1,
    #s3:checked ~ #slide2 {
    margin-left: calc(100% - 40vw);
    margin-top: 25px;
    width: 40vw;
    z-index: 2;
    }
    #s1:checked ~ #slide2 img,
    #s2:checked ~ #slide3 img,
    #s3:checked ~ #slide1 img,
    #s1:checked ~ #slide3 img,
    #s2:checked ~ #slide1 img,
    #s3:checked ~ #slide2 img {
            box-shadow: 0 18px 29px rgba(0,0,0, 0.3);	
            width: 40vw;
    }
    /* WORKS image gallery END */
    .articleHeadBackground::before {left: 15px; top: calc(var(--font100) + 90px); background-size: 60vw;}
    .halfImage .row {align-items: flex-start !important;}
    #maxHeight > * {max-width: unset; padding-right: 0}
    #setHeight img {position: relative; left:0; top: 0; width: calc(100% + 1.5em); height: 50%;-webkit-transform: none; transform: none; margin-left: -0.75em; margin-right:  -0.75em; max-height: 400px;}

}
@media (max-width: 940px) {
    .resultsBg #results .mod-custom.custom.results .resultsItem {margin-top: 20px}
}

@media (max-width: 880px) {
    
    	
    
    .com-content-article__body .brand-lilac .contactUs {margin-left: 30px; padding-left: 0.75rem; margin-right: 30px; padding-right: 0.75rem;}
        .articleHeadBackground::before {left: 15px; top: calc(var(--font100) + 90px); background-size: 68vw;}
        
}

@media (min-width: 768px) AND (max-width: 991px) {
	#maxHeight {max-width: calc(100vw - 60px); margin-left: auto; margin-right: auto;}
}

/*Small - sm*/
@media (max-width: 767px) {
    #testimonials .uk-scope .uk-slideshow .uk-slidenav-container {margin-right: calc(var(--bs-gutter-x) * 0.5);}
	.articleHeadBackground::before {left: 15px; top: calc(var(--font100) + 90px); background-size: 74vw;}
	#ready .mod-custom.custom p:nth-child(1) {width: 100%}
	
	#philosophy .uk-scope .uk-grid-column-small > *, #philosophy .uk-scope .uk-grid-small > * {padding-left: 0}
	#philosophy .uk-scope > div.noImage > div:nth-child(1) .uk-panel .uk-margin, #philosophy .uk-scope > div.noImage > div:nth-child(6) .uk-panel .uk-margin {padding: 30px !important}
	
	.com-content-article__body .brand-lilac .contactUs {align-items:flex-start}
	#ready .mod-custom.custom {flex-direction: column; align-items:flex-start; margin-left: 30px; padding-left: 0.75rem; margin-right: 30px; padding-right: 0.75rem;}
    #ready .mod-custom.custom .btn.btn-light, .contactUs .btn.btn-light {margin-top: 30px}
    
	.moretext .cimageLeft, .moretext .cimageRight, .moretext .cimageBottom {display: flex; width: 100%}
	.moretext .cimageLeft > p, .moretext .cimageRight > p {width: 100%}
	.container-sm, .container {max-width: unset !important}
    .moduletable.logo img {padding-bottom: 15px}
    #footer .left p {max-width: unset}
    .moretext .cimageLeft, .moretext .cimageRight {flex-direction: column;}
    .moretext .cimageLeft > p, .moretext .cimageRight > p {width: 100%; max-width: unset !important;}
    .moretext .cimageLeft img, .moretext .cimageRight img {max-width: 100vw; }
    .moretext .cimageBottom img {max-width: 120vw; height: auto;}
    #testimonials .moduletable h3 {max-width: calc(100% - 152px)}
    .width700 {width: 100%}
    .rest700 {width: 100%;text-align: center;}
    .com-content-article__body .brand-lilac .contactUs p:nth-child(1) {width: 100%}
    .com-content-article__body.container.articleID-1 .row.align-items-center {flex-direction: column-reverse;}
    .formWrapper {float: none !important; margin-left: auto; margin-right: auto;}
    .testimonials .com-content-category-blog__item.blog-item.container::before {left: 20px;}
	.works .com-content-article__body.ourworks .item-image {height: 50vw; margin-top: 0; margin-bottom: var(--size60)}
}
/*Widgetkit törépont*/
@media (max-width: 639px) {
     .articleHeadBackground::before {left: 15px; top: calc(var(--font100) + 90px); background-size: 120vw;}
    .nbhItems .pageNav .navtext {flex-direction: column;}
	.nbhItems .previousPage .navtext {align-items: flex-start}
	.nbhItems .pageNav .navtext img {margin-bottom: 15px;}
	.nbhItems .nextPage {text-align: right}
	.nbhItems .nextPage .navtext {align-items: flex-end; flex-direction:column-reverse}
	#portfolio .uk-scope .uk-slider .uk-slidenav-container a, #testimonials .uk-scope .uk-slideshow .uk-slidenav-container a {width: 43px; height: 27px}
    
    .container.imageSlider {padding-right: 0 !important}
    #slider {display: flex; height: auto; padding: 0 0 20px 0 !important; margin-bottom: 20px;overflow-x: scroll}
    #slider label, #slider #slide1, #slider #slide2, #slider #slide3 {position: relative;width: 90vw !important; margin: 0 5vw 0 0 !important}
    #slider img {width: 90vw !important; margin: 0 !important; box-shadow: none !important;}
    .extraFieldValue {width: 100% !important; padding: 0 0 5px 0 !important; margin: 0 0 5px 0 !important; border-top: none !important;  border-bottom: 1px solid var(--light-lilac)}
    .extraFieldSep {display: none !important}
    .extraFieldValue .field-label, .extraFieldValue .field-value {text-align: left !important;}
    #philosophy .uk-scope > div > div:nth-child(1) {background: var(--liner-gradient-bottom);}
    #philosophy .uk-scope > div > div:nth-child(2) {background: var(--liner-gradient-bottom);}
    #philosophy .uk-scope > div > div:nth-child(3) {background: var(--liner-gradient-bottom);}
    #philosophy .uk-scope > div > div:nth-child(4) {background: var(--liner-gradient-bottom);}
    #philosophy .uk-scope > div > div:nth-child(5) {background: var(--liner-gradient-bottom);}
    #philosophy .uk-scope > div > div:nth-child(6) {background: var(--liner-gradient-bottom);}
    .com-content-article__body.container.articleID-14 .textWrap .firstColumn, .com-content-article__body.container.articleID-14 .textWrap .secondColumn {width: 100%}
    .com-content-article.works .articleHead .extraFields div.extraFieldValue {
  line-height: 26px;}
    
    #setHeight img {max-height: 250px;}
    

    .ourWorks .port {min-height: unset;}
    .uk-scope .uk-grid-large > .uk-grid-margin {margin-top: 15px !important}

	.com-content-article__body.container.articleID-14 .textWrap p.portre, .com-content-article__body.container.articleID-14 .textWrap p.partner, .com-content-article__body.container.articleID-14 .textWrap h4 {text-align: center}
  
}
@media (max-width: 639px) AND (orientation: portrait) {
	.moretext p, .moretext .cimageBottom p:first-child {height: 60vw;}
}
@media (max-width: 639px) AND (orientation: landscape) {
	.moretext p, .moretext .cimageBottom p:first-child {height: 30vw}
}
/*Xsmall - xs*/
@media (max-width: 575px) {
    div.heroBg {background-size: auto 56%; }
    .articleHeadBackground::before {left: 15px; top: calc(var(--font100) + 130px); background-size: 120vw;}
    .hero.container .row > .col:nth-child(1) {padding-bottom: 67vw}
	#mod-custom271 {height: 65vw; position: absolute; left: 0; bottom: 0px; width: 100%;}
	/*.works .com-content-article__body.ourworks .item-image {margin: 0}*/
    #ready .mod-custom.custom p:nth-child(1) {width:100%}
    /*.hero-background {display: none}*/
    /*.moretext .cimageLeft img, .moretext .cimageRight img, .moretext .cimageBottom img {max-width: unset; height: 100%; width: auto}*/   
    #footer .row .center {margin-top: 15px; margin-bottom: 15px}
}

@media (max-width: 520px) {
#testimonials .moduletable .uk-margin p:first-child {font-size:  20px; }
#testimonials .moduletable .uk-margin p:last-child {font-size: 14px;}
#testimonials li.equalheightList:before { width: 56px; height:47px;}
#testimonials .moduletable h3 {margin-bottom: 20px;}
#ourtestimonials .moduletable .uk-margin p:first-child {font-size:  20px; }
#ourtestimonials .moduletable .uk-margin p:last-child {font-size: 14px; }
#ourtestimonials li.equalheightList:before { width: 56px; height:47px;}
#ourtestimonials .moduletable h3 {margin-bottom: 20px;}

}



@media (max-width: 420px) {
    	div.heroBg {background-size: auto 47%; }
    	.heroBg .mod-custom.custom {margin-bottom: 8px;}
}