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


@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-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-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-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;
}

:root {
	--dark-blue: #27354B;
	--middle-blue: #384963;
	--dark-green: #849D83;
	--light-green: #9AB499;
	--light-blue: #BBCAE1;
	--sand: #f4f3f3;
	--dark-sand: #B9B9B9;
}
.fp_module_location {height: 100% !important}
* {outline: none}
.btn:focus {shadow: none}
body {font-family: 'Inter', sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 34px; letter-spacing: 0.02em; background: var(--sand); color: var(--dark-blue)}
a {color: var(--dark-green); text-decoration: none;}
a.anchor-link {display:block; padding-top:120px; margin-top:-120px; }
span.infoplus a {color: white}
.item-page a {font-weight: bold;}
.headerbar, .blue-line {background: var(--dark-blue); color: white}
.headerbar {position: fixed; top: 0; width: 100%; z-index: 9}
#main {margin-top: 109px}
.blue-line {height: 68px}

#ca_banner h2 {display: none}

.headerbar .container {display: flex;justify-content: space-between; align-items: center}
.headerbar .container p {margin: 0}
.headerbar .container a {color: var(--light-blue); text-decoration: none}
.headerbar .container .logo img {max-width: 285px; height: auto}

.dj-mobileitem a.btn, .headerbar .container .btn {font-weight: 500; height: 40px; border: 1px solid var(--light-blue); line-height: 40px;border-radius: 6px; padding: 0 15px 0 45px; position: relative; color: var(--light-blue);}
.dj-mobileitem a.btn {margin-top: 20px;}
.dj-mobileitem a.btn:before, .headerbar .container .btn:before {content: ""; background: url(../images/login.png); display: inline-block; width: 20px; height: 19px; background-size: 20px 19px; position: absolute; top: 8px; left: 15px}
.dj-mobileitem a.btn:hover, .headerbar .container .btn:hover {color: white; border-color: var(--dark-green); background: var(--dark-green)}
.dj-mobileitem a.btn:focus:before, .dj-mobileitem a.btn:hover:before, .headerbar .container .btn:hover:before {background: url(../images/login2.png); background-size: 20px 19px;}

#content .container {margin-top: -68px}
#content .container .main-content {/*padding-bottom: 30px*/; background: var(--sand) }
#contact .container {font-weight: 500; font-size: 12px; line-height: 15px; text-align: center;}
#contact .contact-content {background: white; padding-top: 18px; padding-bottom: 18px}
#contact .contact-content p {margin: 0}
#contact .contact-content span {padding-left: 24px; padding-right: 25px; display: inline-block}
#contact .contact-content span a {color: var(--dark-blue); text-decoration: none}
#contact .contact-content span.email {border-left: 1px solid var(--dark-blue); border-right: 1px solid var(--dark-blue)}
#contact .contact-content span.phone {border-right: 1px solid var(--dark-blue)}

#copyright .container {font-weight: 500; font-size: 12px; line-height: 15px; text-align: center; padding-top: 18px; padding-bottom: 18px; color: var(--dark-sand)}
#copyright .custom p {margin: 0}
#copyright .custom span {padding-left: 24px; padding-right: 25px; display: inline-block}
#copyright .custom span a {color: var(--dark-sand); text-decoration: underline}
.web a {text-decoration: none !important;}


.item-page .pull-none.item-image {height: 250px; overflow: hidden; position: relative; z-index: 1}
.item-page .page-header {/* height: 250px; margin-top:  -250px; átkerült a layout fullimage sablonba*/ margin-bottom: 60px; display: flex; flex-direction: column; justify-content: center; max-width: 740px; color: white; text-align: center; margin-left: auto; margin-right: auto; position: relative; z-index: 3}
.item-page .page-header h1 {font-family: 'Playfair Display'; font-size: 26px; line-height: 34px; text-transform: uppercase;letter-spacing: 0.2em; margin-bottom: 0px;}


.item-page .page-header h2, .strat .stratItemHeadIntro h2 {font-size: 26px; line-height: 34px; font-weight: 700; margin: 0}
.item-page .articleBody { max-width: 740px; margin-left: auto; margin-right: auto; font-size: 20px; line-height: 34px; margin-bottom: 44px}
.item-page .articleBody img {height: auto}
.item-page .articleBody ul {margin-bottom: 30px; padding-left: 24px}
.item-page .articleBody h2 {font-family: Inter; font-style: normal; font-weight: bold; font-size: 26px; line-height: 34px}
.item-page .articleBody h3 {margin-bottom: 30px; font-weight: bold; font-size: 20px; line-height: 34px; letter-spacing: 0.02em;}
.item-page .articleBody p {margin-bottom: 30px;}
.item-page .articleBody p:last-child {margin-bottom: 30px}
.item-page .articleBody a {font-weight: bold}



.category-list .catTitle, .category-list .catImage {height: 250px; display: flex; align-items: center; position: relative; overflow: hidden}
 .category-list .catTitle {margin-top: -250px; color: white;text-align: center; max-width: 740px; margin-left: auto; margin-right: auto; margin-bottom: 60px}
 .category-list .catTitle h1 {font-family: 'Playfair Display'; font-size: 26px; line-height: 35px; width: 100%; text-transform: uppercase; letter-spacing: 0.02em}

.uk-article-meta {font-family: 'Playfair Display'; text-transform: uppercase; font-size: 14px; line-height: 19px; letter-spacing: 0.2em;  font-feature-settings: 'pnum' on, 'lnum' on; font-variant-numeric: lining-nums; }
.uk-scope {margin-left: 30px; margin-right: 30px}
.uk-scope h3.uk-h3 {font-family: 'Inter'; font-size: 26px ; line-height: 130%; font-weight: bold ; color: var(--dark-blue)}
.uk-margin p {font-family: 'Inter'; font-size: 20px; line-height: 170%; letter-spacing: 0.02em;}
a.uk-button.uk-button-link {font-family: 'Inter'; font-weight: bold; font-size: 14px; line-height: 170%; letter-spacing: 0.02em; text-transform: inherit; color: var(--dark-green)}
a.uk-button.uk-button-link:after, a.readBio:after {content: ""; display: inline-block; width: 21px; height: 8px; background: url(../images/right-arrow.png); background-size: 21px 8px; margin-left:8px}


.contact.item-page .articleBody {max-width: unset; display: flex; margin-bottom: 60px;}
.contact.item-page .articleBody .contactText {padding-left: 30px; padding-right: 50px; flex:1}
.contact.item-page .articleBody .contactText .company, .contact.item-page .articleBody .contactText .companyOther span.title {font-family: 'Playfair Display'; font-size: 18px; line-height: 34px; text-transform: uppercase; font-weight: normal}
.contact.item-page .articleBody .contactText .company {margin: 0}
.contact.item-page .articleBody .contactText .companyAddress {margin: 0}
.contact.item-page .articleBody .contactText .companyAddress:after {content:""; display: block; width: 100%; heght:1px; border-bottom: 1px solid var(--dark-green); margin: 30px 0}
.contact.item-page .articleBody .contactText .companyAddress, .contact.item-page .articleBody .contactText .companyOther {font-size: 20px; line-height: 170%; letter-spacing: 0.02em;  font-weight: bold}
.contact.item-page .articleBody .contactText .companyOther a {color: var(--dark-blue); text-decoration: none }
.contact.item-page .articleBody .contactText .companyOther a:hover {color: var(--dark-green);}
.contact.item-page .articleBody .contactMap {background: rgba(132, 157, 131, 0.2); display: flex; align-items: center; justify-content: center; width: 100%; flex:1}
.contact.item-page .articleBody .contactMap .moduletable {width: 100%; max-width: calc(100% - 30px); height:  calc(100% - 30px)}
.contact.item-page .articleBody .contactMap .moduletable .bt-googlemaps {height: 100% !important}
.contact .formBody {display: flex; background: var(--dark-green); color: white; margin-bottom: 60px; }
.contact .formBody .contactForm {width: calc(50% - 10px)}
.contact .formBody .contactForm .rsform {padding: 30px;}
.contact .formBody .formImage {width: calc(50% + 10px)}



.team .teamHeadImage {height: 250px; overflow: hidden; position: relative; z-index:1}
.team .teamHeadText {height: 250px; margin-top:  -250px; margin-bottom: 60px; display: flex; flex-direction: column; justify-content: center; max-width: 740px; color: white; text-align: center; margin-left: auto; margin-right: auto;font-size: 26px; line-height: 34px; font-weight: 700;}
.team .teamHeadText h1 {font-family: 'Playfair Display'; font-size: 26px; line-height: 35px; margin: 0; z-index: 3; text-transform: uppercase; letter-spacing: 0.2em;}
.team .items-leading {display: flex; flex-wrap: wrap; justify-content: center; margin-left: auto; margin-right: auto;}
.team .items-row {display: flex; flex-wrap: wrap; justify-content: center; max-width: 1020px; margin-left: auto; margin-right: auto;}
.team .items-row.investment {max-width: 1360px; width: 100%; margin-top: 20px;}
.team .items-leading > div  {width: calc(25% - 60px); margin: 30px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: relative }
.team .items-row > div {width: calc(33.3% - 60px); margin: 30px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: relative }
.team .items-row.investment > div {width: calc(25% - 40px); margin: 20px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: relative }



.team div.intro-image {max-width: 280px; max-height: 280px; background: linear-gradient(180deg, rgba(56, 73, 99, 0.3) 0%, rgba(187, 202, 225, 0.3) 100%), linear-gradient(0deg, #27354B, #27354B), #748974;}
.team .items-leading h2, .team .items-row h2 {font-weight: bold; font-size: 26px; line-height: 34px; text-align: center; margin-top: 15px; margin-bottom: 0;}
.team .items-leading p, .team .items-row p {font-family: Playfair Display;font-style: normal;font-weight: normal;font-size: 18px;line-height: 24px;}
.team .items-leading > div p, .team .items-row > div p {text-align: center;}
a.readBio {font-size: 14px; line-height: 24px; letter-spacing: 0.02em; font-weight: bold; text-decoration: none}
.team a.readBio {position: absolute; bottom: 0;}
a.readBio:hover  {color: var(--light-green)}
a.readBio:hover:after {background: url(../images/right-arrow2.png); background-size: 21px 8px;}
.team.modal {background: transparent;}
.team.modal .modal-dialog {max-width: 730px; margin-top: 10vh}
.team.modal .modal-dialog .modal-content {background: transparent; color: white; border: none}
.team.modal .modal-dialog .modal-content .modal-header {position: absolute; right: 0; border: none}
.team.modal .modal-dialog .modal-content .modalTitle {min-height: 350px; background: var(--dark-green); display: flex; color: white; border: none; box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.18), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.129394), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.107299), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.09), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0727007), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0506062);}

.team.modal .modal-dialog .modal-content .modalTitle .modalText {width: calc(100% - 180px - 60px); padding: 60px 30px 30px 30px}
.team.modal .modal-dialog .modal-content .modalTitle .modalText p {text-align: left}
.team.modal .modal-dialog .modal-content .modalTitle .modalText h3 {font-size: 26px; line-height: 34px; margin: 0; font-weight: 700}
.team.modal .modal-dialog .modal-content .modalBody {margin-left: 180px; margin-top: -170px; background: var(--dark-blue)}
.team.modal .modal-dialog .modal-content .modalBody .modalBodyText {padding: 50px;box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.18), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.129394), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.107299), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.09), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0727007), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0506062);}
.team.modal .modal-dialog .modal-content .modalBody .modalBodyText ul {margin-bottom: 0; padding-left: 25px}
.team.modal .modal-dialog .modal-content .modalBody .modalBodyText ul li {font-size: 18px; line-height: 28px; letter-spacing: 0.02em;}
.team.modal .modal-dialog .modal-content .modalBody .modalBodyText ul li {margin-bottom: 12px;}
.team.modal .modal-dialog .modal-content .modalBody .modalBodyText ul li:last-child {margin-bottom: 0} 
.team.modal .modal-dialog .modal-content .modal-header button.close {width: 65px}
.team.modal .modal-dialog .modal-content .modal-header button.close:after, .team.modal .modal-dialog .modal-content .modal-header button.close:before {content: ""; width: 33px; height: 1px; border-bottom: 1px solid white; transform: rotate(135deg); display: block; position: absolute; right: 15px; bottom: 25px;}
.team.modal .modal-dialog .modal-content .modal-header button.close:before {transform: rotate(45deg);}
.team.blog {margin-bottom: 40px;}
.teamSeparator {display: flex; align-items: center; text-align: center; font-weight: 700; font-size: 20px; line-height: 34px; margin: 40px auto 45px auto; max-width: calc(1200px - 40px); justify-content: center}
/*.teamSeparator::before, .teamSeparator::after {content: ''; flex: 1; border-bottom: 0.5px solid var(--dark-blue);}
.teamSeparator:not(:empty)::before {margin-right: 10px;}
.teamSeparator:not(:empty)::after { margin-left: 10px;}*/
.team .strong {font-weight: 700; letter-spacing: 0px;}
.team.modal .modal-dialog .modal-content .modalTitle .intro-image {width: 280px;height: 280px; max-width: 280px; max-height: 280px;}
.team.modal .modal-dialog .modal-content .modalTitle .intro-image img {width: 280px;height: 280px;}
.modal-backdrop.show {background: var(--dark-blue); opacity: 0.5}



.strat .stratItemHead {display: flex;}
.strat .stratHeadImage {height: 250px; overflow: hidden; position: relative; z-index:1}
.strat .stratHeadText, .strat .stratHeadTitle {height: 250px; margin-top:  -250px; margin-bottom: 80px; display: flex; justify-content: center; align-items: center; max-width: 740px; color: white; text-align: center; margin-left: auto; margin-right: auto;font-size: 26px; line-height: 34px; font-weight: 700; z-index: 3; position: relative}
.strat .stratItemHead .stratHeadLeft {width: 50%}
.strat .stratItemHead .stratHeadRight {width: 50%; background: var(--dark-green); color: white; font-weight: 700; font-size: 26px; line-height: 34px; display: flex; align-items: center; position: relative}
.strat .stratItemHead .stratHeadRight p {margin: 0; padding-left: 40px; padding-right: 40px; max-width: 620px;}
.strat .stratHeadLeft .stratHeadImage {height: 329px; overflow: hidden; position: relative; z-index:1}
.strat .stratHeadLeft .stratHeadText, .strat .stratHeadLeft .stratHeadTitle {height: 329px; margin-top:  -329px; margin-bottom: 80px; display: flex; justify-content: center; align-items: center; max-width: 740px; color: white; text-align: center; margin-left: auto; margin-right: auto;font-size: 26px; line-height: 34px; font-weight: 700; z-index: 3; position: relative}
.strat.blog .items-row .item .stratItemHeadIntro {padding-top: 80px; border-top: 0.75px solid var(--dark-blue);}
 
 
.strat h1 {font-family: 'Playfair Display'; font-size: 26px; line-height: 35px; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 0px;}
.strat .category-desc {max-width: 740px; margin-left: auto; margin-right: auto; margin-bottom: 80px}
.strat .stratItemHead .stratHeadTitle {margin-bottom: 0}
.strat .stratItemText {margin: 80px auto  80px auto; max-width: 740px; }
.strat .stratItemText h3 {margin-bottom: 30px; font-weight: bold; font-size: 20px; line-height: 34px; letter-spacing: 0.02em;}
.strat .stratItemText p {margin-bottom: 30px}
.strat .stratItemText p:last-child {margin-bottom: 30px}
.strat .stratItemText a {font-weight: bold}
.strat .stratItemHeadIntro {max-width: 740px; margin-left: auto; margin-right: auto; margin-bottom: 30px}
.strat .stratItemTextIntro {max-width: 740px; margin-left: auto; margin-right: auto; margin-bottom: 80px}
.strat .stratItemTextIntro p {margin-bottom: 30px}
.news .content-category.news {margin-bottom: 80px}
.news.item-page {margin-bottom: 80px}
.news.item-page .page-header {justify-content: flex-end; max-width: 788px; margin-bottom: 40px}
.news.item-page .page-header .wrapper {background: var(--middle-blue); padding: 24px;}
.news.item-page .page-header h1 {font-size: 20px; line-height: 24px; margin-bottom: 10px!important; font-feature-settings: 'pnum' on, 'lnum' on;}
.news.item-page .page-header .date {font-size: 14px; line-height: normal; font-family: 'Playfair Display'; letter-spacing: 0.2em; text-transform: uppercase; font-feature-settings: 'pnum' on, 'lnum' on; font-variant-numeric: lining-nums; }
.news.item-page .pull-none.item-image img {margin-top: -35%}
.news.item-page .articleBody .introText {font-weight: bold; font-size: 26px !important; line-height: 34px !important}
.news.item-page a.backToNews {color: var(--dark-blue); font-size: 16px; line-height: 24px;letter-spacing: 0.2em;display:block; text-align: center; margin-bottom: 40px; font-weight: 500; text-decoration: underline}
.news.item-page a.backToNews:before {content: ""; display: inline-block; width: 21px; height: 8px; background: url(../images/back-to-arrow.png); background-size: 21px 8px; margin-right:8px; margin-bottom: 1px}
/*.news .category-desc .uk-scope .uk-grid > div, .news .category-desc .uk-scope .uk-grid > div .uk-panel {height: 100%}
.news .category-desc .uk-scope a.uk-button.uk-button-link {position: absolute; bottom: 0} */


.headWrapper {display: flex; flex-wrap: wrap; position: relative; overflow: hidden}
.home.item-page .pull-none.item-image {height: auto; width: 100%; position: relative}
.home.item-page .page-header {height: unset; margin-top: unset;position: absolute; left: 50%; top: 50%;
transform: translateX(-50%) translateY(-50%); margin-bottom: 0; max-width: 700px; width: 100%}
.home.item-page .pull-none.item-image {height: 595px; overflow: hidden}
.home.item-page .pull-none.item-image::after {height: 100%}
.home.item-page .page-header h2, .strat .stratItemHead .stratHeadTitle h2 {font-family: 'Playfair Display'; font-size: 20px; margin-bottom: 15px; line-height: 27px; text-transform: uppercase;letter-spacing: 0.2em;  font-weight: normal; font-feature-settings: 'pnum' on, 'lnum' on; font-variant-numeric: lining-nums; }
.home.item-page .page-header h1 {font-family: 'Inter'; font-size: 40px; line-height: 52px; font-weight: 700; margin: 0; letter-spacing: normal; text-transform: none}
.home.item-page .articleBody {margin-top: 80px; margin-bottom: 80px}
.home.item-page .articleBody p {margin: 0}

.strat .stratItemHead .stratHeadTitle h2 {padding: 20px; background: var(--dark-blue); margin: 0; display: block;}


#bottom .bottom-content {background: var(--dark-blue); color: white; padding: 50px 20px;}
#bottom .bottom-content .uk-scope .uk-margin {font-size: 16px; line-height: 24px; letter-spacing: 0.02em; margin-top: 0 !important; margin-bottom: 40px !important}
#bottom .bottom-content .uk-scope .uk-panel p {margin:0}
#bottom .bottom-content .uk-scope .uk-panel p a	{font-weight: bold; font-size: 14px; line-height: 24px; letter-spacing: 0.02em; color:var(--dark-green); text-decoration: none; position: absolute; bottom: 0}
#bottom .bottom-content .uk-scope .uk-panel:hover p a {color:var(--light-green)}
#bottom .bottom-content .uk-scope .uk-panel p a:after {content: ""; display: inline-block; width: 21px; height: 8px; background: url(../images/right-arrow.png); background-size: 21px 8px; margin-left:8px}
#bottom .bottom-content .uk-scope .uk-panel:hover p a:after {background: url(../images/right-arrow2.png); background-size: 21px 8px;}
#bottom .bottom-content .uk-scope h3.uk-h3 {font-family: Playfair Display; font-style: normal; font-weight: bold; font-size: 20px; line-height: 27px; font-feature-settings: 'pnum' on, 'lnum' on; color: #FFFFFF;}

#bottom .moduletable.articles h3 {padding: 0 28px 28px 28px; width: 100%; text-align: center; border-bottom: 0.75px solid var(--sand); margin-bottom: 28px; margin-top: -22px}
#bottom .moduletable.articles h3 {font-family: Playfair Display; font-size: 20px; line-height: 27px; font-feature-settings: 'pnum' on, 'lnum' on; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.2em;}
#bottom .moduletable.articles .newsflash.articles {display: flex; flex-wrap:wrap; justify-content: space-between}
#bottom .moduletable.articles .newsflash.articles .newsWrapper {width: 33.32%; max-width: 370px; margin-bottom: -22px}
#bottom .moduletable.articles .newsflash.articles .newsWrapper .newsWrapperInner {padding-right: 15px}
#bottom .moduletable.articles .newsflash.articles .newsWrapper .newsWrapperInner .date {font-family: Playfair Display; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; letter-spacing: 0.2em; text-transform: uppercase; font-feature-settings: 'pnum' on, 'lnum' on; color: #FFFFFF; margin-bottom: 10px}
#bottom .moduletable.articles .newsflash.articles .newsWrapper .newsWrapperInner a.newsTitleLink {color: white; text-decoration: none}


a.btn2 { font-weight: 400 !important; border: 0px solid var(--light-blue); line-height: 40px; border-radius: 6px; font-size: 17px; padding: 5px 15px; position: relative; background: var(--dark-blue); display: inline-block; color: var(--light-blue)}
a.btn2:hover {border-color: var(--dark-green);  background: var(--dark-green); color: white;  text-decoration: none;}
div.content-scroll {height: 66vh;  overflow-y: scroll; overflow-x: hidden; margin-bottom: 15px; padding-bottom: 20px; padding-right: 25px; border-bottom: 2px solid #E0DEE3; text-align: justify;}

.news-img {background: #fff; border: 1px solid #ccc; margin: 20px auto; }
.news-img2 {background: #fff; padding: 8px; border: 1px solid #ccc; margin: 20px auto; }


/* Image positioning */
body.bridge .item-page .pull-none.item-image img {margin-top: -19%}
.contact.item-page .pull-none.item-image img {margin-top: -18%; max-width: 115%; margin-left: -5%} 
.team.blog .teamHeadImage img {margin-top: -14%; }
.formBody .formImage {background-size: cover}
.news .pull-none.item-image img {margin-top: -34%}
.news #news21 .pull-none.item-image img {margin-top: -34%}

.strat .stratHeadImage img {margin-top: -20%}
.strat #strat19 .stratHeadImage img {margin-top: -42%; margin-left: -57%; max-width: 170%;}
.strat #strat41 .stratHeadImage img {margin-top: 0; margin-left: -12%; max-width: 130% }
.strat #strat17 .stratHeadImage img {margin-top: -45%; max-width: 105%}
.strat #strat20 .stratHeadImage img {max-width: 111% }



.home.item-page .pull-none.item-image img {margin-top: -13%}
/* End of image positioning */



/* Image overlay */
body.bridge .item-page .pull-none.item-image:after {background: linear-gradient(0deg, rgba(39, 53, 75, 0.2), rgba(39, 53, 75, 0.2)); content: ""; width: 100%; height: 250px; position: absolute; display: block; z-index: 2; top: 0; left: 0}

.item-page .pull-none.item-image:after {background: linear-gradient(0deg, rgba(39, 53, 75, 0.5), rgba(39, 53, 75, 0.5)); content: ""; width: 100%; height: 250px; position: absolute; display: block; z-index: 2; top: 0; left: 0}
.category-list .catImage:after {background: linear-gradient(0deg, rgba(39, 53, 75, 0.4), rgba(39, 53, 75, 0.4)); content: ""; width: 100%; height: 250px; position: absolute; display: block}
.home.item-page .pull-none.item-image::after {background: linear-gradient(0deg, rgba(39, 53, 75, 0.2), rgba(39, 53, 75, 0.2));}
.privacy.item-page .pull-none.item-image::after {background: linear-gradient(0deg, rgba(39, 53, 75, 0.4), rgba(39, 53, 75, 0.4))
;}
.contact.item-page .pull-none.item-image::after {background: linear-gradient(0deg, rgba(39, 53, 75, 0.50), rgba(39, 53, 75, 0.50));}
.team .teamHeadImage:after {background: linear-gradient(0deg, rgba(39, 53, 75, 0.4), rgba(39, 53, 75, 0.4)); content: ""; width: 100%; height: 250px; position: absolute; display: block; z-index:2; top: 0; left: 0}
.strat .stratHeadImage:after {background: linear-gradient(0deg, rgba(39, 53, 75, 0.2), rgba(39, 53, 75, 0.2)); content: ""; width: 100%; height: 250px; position: absolute; display: block; z-index:2; top: 0; left: 0}
.strat .stratHeadLeft .stratHeadImage:after {background: linear-gradient(0deg, rgba(39, 53, 75, 0.3), rgba(39, 53, 75, 0.3)); content: ""; width: 100%; height: 329px; position: absolute; display: block; z-index:2; top: 0; left: 0}

/* End of image overlay */


@media (min-width: 1510px) {
.home.item-page .pull-none.item-image {height: 665px; overflow: hidden}
.team.blog .teamHeadImage img {margin-top: -16%; }
}


@media (max-width: 1562px) {
.strat #strat18 .stratHeadImage img {margin-top: -35%; max-width: 150%;}
}

@media (max-width: 1200px) {
	.dj-megamenu-override li a.dj-up_a {padding: 0 35px !important;}
	.headerbar .container .logo img {max-width: 240px}
	.dj-subwrap-in, .dj-subcol {width: 153px !important}
	.dj-megamenu-override li ul.dj-submenu > li > a {padding: 20px 5px !important}
	/* Képek */
	.strat #strat19 .stratHeadImage img {margin-top: -25%;}
	.home.item-page .pull-none.item-image img {max-width: 120%}
	.strat #strat18 .stratHeadImage img {max-width: 160% ; margin-top: -35%;}
	.strat #strat41 .stratHeadImage img {max-width: 160%;}
}

@media (max-width: 1024px) {
    .strat .stratHeadText,.strat .category-desc, .news .content-category.news {margin-bottom: 60px}
	.strat .stratItemHead .stratHeadRight {font-size: 24px;}
    .strat .stratHeadLeft .stratHeadImage,.strat .stratHeadLeft .stratHeadImage::after {height: 290px;}
	.strat .stratHeadLeft .stratHeadTitle {height: 290px; margin-top: -290px;}
	.strat .stratItemText {margin-top: 60px; margin-bottom: 60px}
	.strat.blog .items-row .item .stratItemHeadIntro {padding-top: 60px;}

	.home.item-page .articleBody {margin-top: 60px; margin-bottom: 60px;}
    .home.item-page .page-header h1 {font-size: 34px; line-height: 42px; padding-left: 25px; padding-right: 25px;}
	.home.item-page .page-header h2 {font-size: 18px;}

}

@media (max-width: 991px) {
	.headerbar .container {height: 110px}
	.headerbar .container .login {display: none}
	.headerbar .container .logo img {max-width: 225px;}
	.headerbar .container a {color: transparent}
	.dj-offcanvas {box-shadow: 10px 0px 13px rgba(0, 0, 0, 0.67); }
	.dj-offcanvas-pusher::after {background: rgba(39, 53, 75, 0.6) !important;}
	.team .items-leading > div, .team .items-row > div {width: 215px; margin: 30px 10px;}	
	.team .items-leading h2, .team .items-row h2 {font-size: 24px; line-height: 28px;}
	.team .items-row.investment > div {  width: calc(25% - 20px);  margin: 10px;}
	/*Képek*/
	.strat #strat19 .stratHeadImage img {margin-top: -10%;}
	.strat #strat41 .stratHeadImage img {margin-top: -8%; margin-left: -65%; max-width: 255%;}
	.home.item-page .pull-none.item-image img {width: 100%; height: 100%; object-fit: cover; margin-top: 0}
	.strat #strat18 .stratHeadImage img {margin-top: -38%; margin-left: -57%; max-width: 200%;}
	.strat #strat17 .stratHeadImage img {margin-top: -28%; }
	#contact .contact-content {padding: 30px}
	#contact .container {text-align: left}
	#contact .contact-content p {columns: 2}
	#contact .contact-content span {padding: 0; display: block }
	#contact .contact-content span.phone {border: none;  padding-bottom: 30px}
	#contact .contact-content span.email {border: none; padding-top: 30px; padding-bottom: 30px}

}

@media (max-width: 959px) {
	#contact .contact-content {padding: 30px}
	#contact .container {text-align: left}
}

@media (min-width: 768px) AND (max-width: 850px) {
	.team .items-row.investment > div {width: 215px; margin: 30px 10px;}	
	div.content-scroll {margin: 0 20px;}
}

@media (max-width: 767px) {
	div.content-scroll {padding-right: 15px;}
	div.content-scroll ol {padding-left: 15px; list-style-position: inside}
	a.anchor-link {margin-top: -10px; padding-top: 10px; }
	.headerbar {position: relative}
	#main {margin-top: 0}
    body { font-size: 18px; line-height: 31px;}
    .home.item-page .articleBody {margin-top: 40px; margin-bottom: 40px;}
    .strat .stratHeadText, .strat .category-desc, .category-list .catTitle, .team.blog, .news .content-category.news {margin-bottom: 40px}
	.strat .stratItemText {margin: 40px auto 40px auto;}   
	.strat.blog .items-row .item .stratItemHeadIntro {padding-top: 40px;}

	.news.item-page .articleBody .introText {font-size: 22px;}
    .uk-margin p {font-size: 18px !important;}
	.team .items-leading > div, .team .items-row > div, .team .items-row.investment > div {width: 215px; margin: 30px 10px;}
	.team.modal .modal-dialog .modal-content .modalTitle {min-height: 180px;}
	.team.modal .modal-dialog .modal-content .modalBody {margin-left: 0; margin-top: 0px;}
	.team.modal .modal-dialog .modal-content .modalBody .modalBodyText {padding: 35px;}
	.team.modal .modal-dialog .modal-content .modalTitle .modalText {padding: 25px; display: flex; flex-direction: column; justify-content: flex-end;}
	.team.modal .modal-dialog .modal-content .modalBody .modalBodyText ul {padding-left: 25px}
    .teamSeparator {margin-left: 30px; margin-right: 30px;}
	.team.modal .modal-dialog .modal-content .modalTitle .modalText p {margin: 0}
		
	#main .container, #contact .container, #bottom .container  {padding-left: 0; padding-right: 0}
	.articleBody, .strat.blog .category-desc, .strat.blog .items-leading, .strat.blog .items-row {padding-left: 30px; padding-right: 30px;}
	 .strat.blog .items-leading .stratItemHead {margin-left: -30px; margin-right: -30px}
	.contact.item-page .articleBody {flex-direction: column}
	.contact.item-page .articleBody .contactText {padding: 0}
	.contact.item-page .articleBody .contactMap {flex: auto; height: 350px;}
	.contact .formBody .contactForm {width: 100%}
	.contact .formBody .formImage {display: none}
	.strat .stratItemHead {flex-direction: column}
	.strat .stratItemHead .stratHeadLeft, .strat .stratItemHead .stratHeadRight {width: 100%; min-height: 255px}
	.strat .stratItemHead .stratHeadRight p {margin-left: auto; margin-right: auto; text-align: left; font-size: 22px; line-height: 28px;}

	.team.modal .modal-dialog .modal-content .modalBody .modalBodyText ul li {font-size: 18px; line-height: 28px}	
	.team.modal .modal-dialog .modal-content .modalBody .modalBodyText ul li {margin-bottom: 5px}	
	.team.modal .modal-dialog .modal-content .modalBody .modalBodyText ul li:last-child {margin-bottom: 0}	
	.team.modal .modal-dialog .modal-content .modalTitle .modalText h3 {font-size: 22px; line-height: 28px}
	.item-page .articleBody {font-size: 18px; line-height: 31px}
	.strat .stratItemHead .stratHeadRight {font-size: 20px; line-height: 26px; min-height: 200px;}
	.home.item-page .page-header h1 {font-size: 26px; line-height: 34px; padding-left: 30px; padding-right: 30px}
	.home.item-page .page-header h2 {font-size: 14px; line-height: 19px}
	
	.news.item-page .articleBody .introText, .uk-scope h3.uk-h3  {font-size: 22px !important;}
	.contact.item-page .pull-none.item-image img { margin-top: -20%; margin-left: -50%}
	
	
	.item-page .page-header, .team .teamHeadText, .category-list .catTitle, .strat .stratHeadText {height: 380px !important; margin-top: -380px !important}
	.home.item-page .page-header {margin-top: 0 !important}
	.home.item-page .pull-none.item-image, .item-page .pull-none.item-image, .team .teamHeadImage, .category-list .catImage, .strat .stratHeadImage,  body.bridge .item-page .pull-none.item-image {height: 380px;}
	.item-page .pull-none.item-image::after, .team .teamHeadImage::after, .category-list .catImage::after, .strat .stratHeadImage::after, body.bridge .item-page .pull-none.item-image::after {height: 380px}
	
	#bottom .bottom-content {padding-left: 0; padding-right: 0}
	#bottom .moduletable.articles .newsflash.articles .newsWrapper {width: 100%; max-width: 100%; margin-bottom: 28px;}
	#bottom .moduletable.articles .newsflash.articles .newsWrapper:last-child {margin-bottom: -22px}
	#bottom .moduletable.articles .newsflash.articles .newsWrapper .newsWrapperInner {padding-left: 30px; padding-right: 30px}

	#contact .contact-content {padding: 30px}
	#contact .container {text-align: left}
	#contact .contact-content span {padding: 0; display: block }
	#contact .contact-content span.email {border: none; padding-top: 30px; padding-bottom: 30px}
	#contact .contact-content span.phone {border: none;  padding-bottom: 30px}
	#copyright .custom p {display: flex; justify-content: space-between;}
	#copyright .custom span {padding: 0px}	
	
	#bottom .moduletable.articles .newsflash.articles .newsWrapper .newsWrapperInner a.newsTitleLink {font-size: 18px; line-height: 22px;}
	
	/* Images */
	/*.teamHeadImage img {max-width: 150%;}
	.home.item-page .pull-none.item-image img {margin-top: -17%}
	. {max-width: 130%; margin-left: -10%}
	.strat #strat17 .stratHeadImage img{margin-top: -68%; max-width: 130%;}
	.strat #strat19 .stratHeadImage img {margin-top: -40%;}
	.strat #strat41 .stratHeadImage img {margin-top: -8%; max-width: 165%;}
	.strat #strat20 .stratHeadImage img {max-width: 120%; margin-top: -120px;}
	.contact.item-page .pull-none.item-image img {margin-top: -15%; max-width: 162%; margin-left: -11%;}
	.news .catImage img {max-width: 180%; margin-left: -40%}
	.news .pull-none.item-image img {margin-top: -45%; max-width: 150%; margin-left: -12%;}
	.news #news21 .pull-none.item-image img {margin-top: -45%; max-width: 150%; margin-left: -12%;}
	body.bridge .item-page .pull-none.item-image img {margin-top: -15%; max-width: 126%; margin-left: -3%;}
		*/
	.strat .stratHeadImage .intro-image {height: 100%}
	body.bridge .item-page .pull-none.item-image img, .news .pull-none.item-image img, .news .catImage img, .contact.item-page .pull-none.item-image img ,.strat .stratHeadImage img, .teamHeadImage img {width: 100%; height: 100%; object-fit:cover; margin: 0 !important; max-width: unset !important}
	
	
}
@media (max-width: 575px) {
		#contact .contact-content p {columns: 1}
		
		.headerbar .container { height: 120px;}
		.headerbar .container .logo img {max-width: 220px;}
		.news.item-page a.backToNews {text-align: left; margin-left: 30px;}
		/*.teamHeadImage img {max-width: 170%; margin-top: 0px !important;}
		.contact.item-page .pull-none.item-image img {margin-top: -38%; max-width: 275%; margin-left: -110%;}*/
}
@media (max-width: 480px) {
	.team.modal .modal-dialog .modal-content .modalTitle {height: 180px; overflow: hidden; align-items: center;}
	.team.modal .modal-dialog .modal-content .modalTitle .intro-image {width: 180px; height: 180px; max-width: 180px; max-heigh: 180px;}	
	.team.modal .modal-dialog .modal-content .modalTitle .intro-image img {width: 180px;height: 180px;}

	.team.modal .modal-dialog .modal-content .modalTitle .modalText {width: calc(100% - 180px)}
	
	aside.dj-offcanvas {width: calc(100% - 75px); max-width: 300px}
	
	/* Images */
	/*.home.item-page .pull-none.item-image img {max-width: 180%; margin-left: -47%; margin-top: -15%;}
	.strat .stratHeadImage img {max-width: 185%; margin-left: -50%;}
	.strat #strat19 .stratHeadImage img {margin-top: -10%; margin-left: -57%; max-width: 170%;}
	.strat #strat41 .stratHeadImage img {margin-top: -10%; margin-left: -57%; max-width: 245%;}
	.strat #strat17 .stratHeadImage img {margin-top: -70%; max-width: 170%; }
	.strat #strat20 .stratHeadImage img {max-width: 200%; margin-top: -120px;}
	.news .pull-none.item-image img {margin-top: -32%; max-width: 200%; margin-left: -37%}
	.news #news21 .pull-none.item-image img {margin-top: -32%; max-width: 200%; margin-left: -37%;}
	body.bridge .item-page .pull-none.item-image img {margin-top: -4%; max-width: 164%; margin-left: -45%;}
	.contact.item-page .pull-none.item-image img {margin-top: -18%;}*/
	
}
.eb-content a {color: #fff !important; text-decoration: underline !important;}
.fttext a:hover {text-decoration: underline !important;}
.uk-scope em {color: var(--dark-blue)!important; font-style:normal;}