/*
Theme Name: Fortenova
Theme URI: https://weblogic-studio.com
Author: Weblogic Studio
Author URI: https://weblogic-studio.com/
Description: Web development Fortenova by Weblogic Studio
Version: 1.132

*/

:root {
    --app-height: 100%;
    --header-height: 0;
    --footer-height: 0;
    --header-height-mobile: 0;
    --footer-height-mobile: 0;
}

html{

    font-size: calc(0.6em + 1vw)!important;

    -webkit-text-size-adjust: none;

}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

    font-family: 'Metropolis';

	line-height: 1;

}

.hide-menu{
    display: none!important;
}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

form fieldset{

    display: flex;

    flex-wrap: wrap;

    padding-top: 0.8em;

    margin-left: -2%;

    margin-right: -2%;

    margin-top: 1em;

    margin-bottom: 2em;

}

form fieldset p{

    width: 96%;

    margin: 0 2%;

}

form fieldset p.half{

    width: 46%;

}

form fieldset p.third{

    width: 29.33%;

}

form fieldset p.third2{

    width: 62.66%

}

form fieldset p.forth2{

    width: 36%;

}

form fieldset p.forth4{

    width: 56%;

}

.fortenova-popup form{

    margin-bottom: 5em;

}

.fortenova-popup form h3{

    font-size: 0.7em;

    font-weight: bold;

    text-transform: uppercase;

}

.fortenova-popup form p{

    padding-bottom: 1em;

}

.fortenova-popup form label{

    font-size: 0.8em;

}

input{

    width: 100%;

    height: 40px;

    font-family: 'Metropolis';

    font-size: 14px;

    line-height: 1.2;

    padding: 10px 12px;

    border: solid 1px #565656;

    background-color: #fff;

    color: #565656;

    box-sizing: border-box;

}

input[type="file"]{

    height: auto;

    padding-left: 0;

    padding-right: 0;

    border: 0!important;

}

.fortenova-popup input{

    font-size: 0.8em;

    line-height: 1;

    padding: 1.2em 0;

    border: 0;

    border-bottom: solid 1px rgba(255,255,255,0.6);

    background-color: transparent;

    color: #fff;

}

.fortenova-popup input:focus{

    border-bottom: solid 1px #fff;

}

.fortenova-popup input.invalid{

    border-bottom: solid 1px darkred;

}



/** cookie **/

#cookie-law-info-bar {

    text-align: left;

    inset: auto 0px 0px auto !important;

    width: 400px !important;

    padding: 40px 30px 10px 30px !important;

    font-size: 18px;

    line-height: 28px;

}



.cookiebox {

    margin-bottom: 40px;

}



.cli_settings_button {

    margin-left: 0px !important;

    color: #000 !important;

    float: left;

    line-height: 50px;

}



#cookie_action_close_header {

    float: right;
    
    min-width: calc(50% - 10px);

    font-size: 16px;
    
    text-align: center;

    padding: 15px 20px 15px 20px;

    border-radius: 40px;

    background: #5DAB9A !important;

    border:2px solid #5DAB9A !important;

    box-sizing: border-box;
}

#cookie_action_close_header:hover {

    color:#5DAB9A !important;

    background: #ffffff !important;

    border:2px solid #5DAB9A !important;

}

#wt-cli-accept-all-btn{
    float: left;
    
    min-width: calc(50% - 10px);

    font-size: 16px;
    
    text-align: center;

    padding: 15px 20px 15px 20px;

    border-radius: 40px;
    
    background: #5DAB9A !important;

    border:2px solid #5DAB9A !important;
    
    box-sizing: border-box;
}

#wt-cli-accept-all-btn:hover{
    
    color:#5DAB9A !important;

    background: #ffffff !important;

    border:2px solid #5DAB9A !important;
}


#cookie-law-info-bar .cli-tab-container{
    display: block!important;
}

.cli-plugin-main-link {

    text-decoration: none !important;

    color: #5DAB9A !important;

}






.cli-tab-container h4 {

    text-transform: uppercase;

    letter-spacing: 0px;

    font-family: Metropolis;

    color:#5DAB9A;

}



.politikanaslov {

    text-transform: uppercase;

    letter-spacing: 0px;

    font-family: Metropolis;

    margin-bottom: 10px;

    color:#5DAB9A;

}



.cli-tab-container p, .cli-privacy-content-text {

    font-size: 16px;

    line-height: 1.4;

    margin-top: 0;

    padding: 0;

    color: #000;

    font-family: Metropolis;

}



span.cli-necessary-caption {

    color: #000;

    font-size: 14px !important;

}



.cli-switch .cli-slider::after {

    font-size: 14px !important;

}



.cli-tab-header a.cli-nav-link {

    font-size: 16px !important;

    color: #333  !important;

    font-weight: 600  !important;

}



.cli-tab-footer .wt-cli-privacy-accept-btn {

    background-color: #5DAB9A !important;

    color: #ffffff;

    border-radius: 40px;

    font-size: 16px !important;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-right: 20px;

    padding-left: 20px;

    border: 2px solid #5DAB9A;

}



.cli-tab-footer .wt-cli-privacy-accept-btn:hover {

    background-color: #ffffff !important;

    color: #5DAB9A !important;

    border-radius: 40px;

    font-size: 16px !important;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-right: 20px;

    padding-left: 20px;

    border: 2px solid #5DAB9A;

}



.cli-modal .cli-modal-close {

    position: absolute;

    right: 6px !important;

    top: 0px !important;

    z-index: 1;

    -webkit-appearance: none;

    width: 40px;

    height: 40px;

    padding: 0;

    border-radius: 50%;

    padding: 9px !important;

    background: transparent;

        background-color: transparent;

    border: none;

    min-width: 40px;

    cursor: pointer !important;

}



.cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {

    max-height: 70px !important;

    transition: max-height 0.15s ease-out;

    overflow: hidden;

}

#cookie-law-info-again{
    width: 64px!important;
    height: 64px!important;
    font-size: 0!important;
    padding: 0;
    background-color: transparent!important;
    background-image: url(images/cookie.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: none!important;
    z-index: 990!important;
}

.page-content a {

    color: #5DAB9A;

    text-decoration: none;

}



textarea{

    width: 100%;

    height: 102px;

    font-family: 'Metropolis';

    font-size: 14px;

    line-height: 1.2;

    padding: 10px 12px;

    border: solid 1px #565656;

    background-color: #fff;

    color: #565656;

    box-sizing: border-box;

    resize: none;

}

.fortenova-popup textarea{

    font-size: 0.8em;

    line-height: 1;

    padding: 1.2em 0;

    border: 0;

    border-bottom: solid 1px rgba(255,255,255,0.6);

    background-color: transparent;

    color: #fff;

}

.fortenova-popup textarea:focus{

    border-bottom: solid 1px #fff;

}

.fortenova-popup textarea.invalid{

    border-bottom: solid 1px darkred;

}

.invalid-feedback{

    font-size: 0.6em;

    color: darkred;

}

button{

    font-family: 'Metropolis';

}

.fortenova-popup button{

    display: block;

    height: 3.5em;

    font-size: 0.6em;

    font-weight: 600;

    line-height: 3.5em;

    text-transform: uppercase;

    text-decoration: none;

    margin-top: -3em;

    padding: 0 3.5em;

    border: 0;

    border-radius: 1em;

    background: rgba(255,255,255,1);

    color: #5DAB9A;

    cursor: pointer;

}

.fortenova-popup button:hover{

    background: rgba(255,255,255,0.5); 

}

.fortenova-popup form .message.failed{

    color: darkred;

}

.fortenova-popup form .message p{

    padding-bottom: 1em;

}

.fortenova-popup form .message p:last-child{

    padding-bottom: 3em;

}

a, a:hover{

    transition: all 0.5s ease-out 0s;

}

strong, bold, b{

    font-weight: bold;

}

em, i{

    font-style: italic;

}



:focus,:invalid{

    outline: none;

    border: 0;

    box-shadow: none;

}

textarea, input { outline: none; }



body{

    font-size: 0.3472rem;

    background: rgba(93, 171, 154, 0.15);

}



.hidden{

    display: none!important;

}

.clr{

    clear: both;

    margin: 0!important;

    padding: 0!important;

}

.container{

    width: 90%;

    max-width: 133.3em;

    margin: auto;

}

.scrollbar-hidden{

    width: 100%;

    height: 100vh;
    height: var(--app-height);

    overflow-x: hidden;

    overflow-y: auto;

}

main > .scrollbar-hidden{

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 10em, rgb(255, 255, 255) 18em);

    -webkit-mask-size: 100% 100%;

    -webkit-mask-position: 0 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 10em, rgb(255, 255, 255) 18em);

    mask-size: 100% 100%;

    mask-position: 0 0;

    mask-repeat: no-repeat;

}

.scrollbar-inner{

    overflow-x: hidden;

    overflow-y: auto;

}

.scrollbar-inner > .scroll-content{

    padding-right: 20px;

    overflow-x: hidden!important;

}

.scrollbar-inner > .scroll-element.scroll-y{

    height: 100%;

    right: 0;

    top: 0;

    width: 16px;

}

.scrollbar-inner > .scroll-element .scroll-element_track{

    width: 1px;

    margin-left: 7px;

    background: #000;

    opacity: 1;

}

.scrollbar-inner > .scroll-element .scroll-bar{

    width: 14px;

    height: 14px;

    border: solid 1px #000;

    background: #fff;

    opacity: 1;

}





body .logo{

    width: 18.4em;

    height: 8.5em;

    -webkit-mask: url(images/logo.svg) center;

    -webkit-mask-size:contain;

    mask: url(images/logo.svg) center;

    mask-size:contain;

}



/*header{

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    text-align: center;

    z-index: 999;

}

body.customize-support header{

    top: 32px;

}*/

header .logo{

    position: fixed;

    top: 2em;

    left: 50vw;

    transform: translateX(-50%);

    background-color: #5DAB9A;

    z-index: 99999;

}

header .main-menu-icon-box{

    position: fixed;

    top: 4em;

    left: 9em;

    z-index: 99999;

    cursor: pointer;

}

header .main-menu-icon{

    display: flex;

    align-items: center;

    color: #5DAB9A;

}

header .main-menu-icon .icon{

    position: relative;

    width: 6em;

    height: 3em;

    transition: opacity 0.5s;

}

header .main-menu-icon .icon span{

    position: absolute;

    top: 50%;

    margin-top: -0.5px;

    left: 0px;

    width: 3em;

    height: 1px;

    background-color: #5DAB9A;

    transition: all 0.5s;

}

header .main-menu-icon .text{

    display: flex;

    position: relative;

    flex-direction: column;

    align-items: center;

    height: 3em;
}

header .main-menu-icon .text > span{

    height: 0;

    font-size: 1.6em;

    font-weight: 600;

    line-height: 0;

    text-transform: uppercase;

    margin-top: auto;

    margin-bottom: auto;

    padding-left: 0.5em;
    padding-right: 0.5em;

    overflow: hidden;

    transition: all 0.5s;

    transition-delay: 0s;

}

.news-popup-animation header .main-menu-icon .text > span{
    text-shadow: 0px 0px 5px rgba(0,0,0,0.6);
}

header .main-menu-icon .text .text-open{

    position: absolute;

    left: 0;

    height: 1.875em;

    line-height: 1.875em;

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: 200% 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 200% 100%;

    mask-position: 200% 0;

    mask-repeat: no-repeat;

}

header .main-menu-icon .text .text-close{

    height: 0;

    line-height: 0;

    margin-left: 0;

}

header .main-menu-icon .icon span:nth-child(2){

    opacity: 0;

}

header .main-menu-icon.open .icon span:nth-child(1){

    top: 0;

    margin-top: 0;

}

header .main-menu-icon.open .icon span:nth-child(2){

    top: 50%;

    margin-top: -0.5px;

    transition: width 0.5s;

    transition-delay: 0.5s;

    opacity: 1;

}

header .main-menu-icon.open .icon span:nth-child(3){

    top: auto;

    bottom: 0;

    margin-top: 0;

}

header .main-menu-icon.open:hover .icon span:nth-child(2){

    width: 6em;

    transition-delay: 0s;

}

header .main-menu-icon.open:hover .text .text-open{

    line-height: 1.875em;

    height: 1.875em;

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

    transition-delay: 0.5s;

}

header .main-menu-icon.close:hover .icon{

    opacity: 0.6;

}

header .main-menu-icon.close .icon span:nth-child(1){

    transform: rotate(38deg) scale(1.1);

}

header .main-menu-icon.close .icon span:nth-child(3){

    transform: rotate(-38deg) scale(1.1);

}

header .main-menu-icon.close .text .text-close{

    height: 1.875em;

    line-height: 1.875em;

}



header .langs{

    position: fixed;

    top: 4.4em;

    right: 17.4em;

    width: 3.4em;

    z-index: 99999;

}

header.hide-lang .langs{

    display: none;

}

header .langs-icon{

    width: 3.4em;

    height: 3.4em;

    -webkit-mask: url(images/icon-lang.svg) center;

    -webkit-mask-size:contain;

    mask: url(images/icon-lang.svg) center;

    mask-size:contain;

    background-color: #5DAB9A;

    cursor: pointer;

}

header .langs .langs-list{

    display: flex;

    position: relative;

    width: 1px;

    margin: auto;

    padding-top: 2em;

}

header .langs .langs-list::before{

    position: absolute;

    content: '';

    top: 1px;

    left: 50%;

    width: 1px;

    height: 2.8em;

    margin-left: -0.5px;

    transform: translateY(-50%) scaleY(0);

    transition: transform 0.3s linear 0.6s, opacity 0.25s linear 0s;

    background-color: #5DAB9A;

}

header .langs.opened .langs-list::before{

    transform: translateY(0) scaleY(1);

    transition: transform 0.3s linear 0s;

}

header .langs .langs-list::after{

    position: absolute;

    content: '';

    top: 2.8em;

    left: 50%;

    width: 2.4em;

    height: 1px;

    transform: translateX(-50%) scaleX(0);

    transition: transform 0.3s linear 0.3s, opacity 0.25s linear 0s;

    background-color: #5DAB9A;

}

header .langs.opened .langs-list::after{

    transform: translateX(-50%) scaleX(1);

    transition: transform 0.3s linear 0.3s;

}

header .langs .langs-list .lang{

    display: block;

    position: absolute;

    top: 1.6em;

    max-height: 0;

    font-size: 1.8em;

    font-weight: 600;

    line-height: 1;

    text-transform: uppercase;

    text-decoration: none;

    padding: 0 1em;

    color: #595959;

    overflow-y: hidden;

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: 200% 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 200% 100%;

    mask-position: 200% 0;

    mask-repeat: no-repeat;

    transition: mask-position 0.3s linear 0s, -webkit-mask-position 0.3s linear 0s, opacity 0.25s linear 0s, max-height 0s linear 0.6s;

}

header .langs.opened .langs-list .lang{

    max-height: 100vh;
    max-height: var(--app-height);

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

    transition: mask-position 0.3s linear 0.6s, -webkit-mask-position 0.5s linear 0.6s, max-height 0s linear 0s;

}

header .langs .langs-list .lang:first-child{

    left: 0;

    transform: translateX(-100%) translateY(-50%);

    -webkit-mask-image: linear-gradient(235deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-position: -100% 0;

    mask-image: linear-gradient(235deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-position: -100% 0;

}

header .langs.opened .langs-list .lang:first-child{

    -webkit-mask-position: 100% 0;

    mask-position: 100% 0;

}

header .langs .langs-list .lang:last-child{

    right: 0;

    transform: translateX(100%) translateY(-50%);

}

header .langs .langs-list .lang.active{

    color: #5DAB9A;

}



header > .linked-in{

    display: block;

    position: fixed;

    top: 4.4em;

    right: 12em;

    width: 3.4em;

    height: 3.4em;

    -webkit-mask: url(images/icon-menu-linkedin.svg) center;

    -webkit-mask-size:contain;

    mask: url(images/icon-menu-linkedin.svg) center;

    mask-size:contain;

    background-color: #5DAB9A;

    opacity: 1;

    transition: opacity 0.5s, background 0.25s;

    z-index: 99999;

}

header.hide-lang > .linked-in{

    display: none;

}

/*header > .linked-in:hover{

    opacity: 0.6;

}*/



header .logo, header .langs-icon, header .main-menu-icon .icon span{

    transition: all 0.25s;

}



/* header white */

header.white .logo, header.white .langs-icon, header.white .main-menu-icon .icon span, header.white > .linked-in{

    background-color: #fff;

}

header.white .main-menu-icon, header.white .langs .langs-list .lang{

    color: #fff;

}

header.white .langs .langs-list::before, header.white .langs .langs-list::after{

    background-color: rgba(255,255,255,0.6);

}

header.white .langs .langs-list .lang.active{

    color: rgba(255,255,255,0.6);

}



/* header half white */

header.half-white .main-menu-icon .icon span{

    background-color: #fff;

}

header.half-white .main-menu-icon{

    color: #fff;

}



/* header menu opened */

header.menu-opened-color .logo, header.menu-opened-color .langs-icon, header.menu-opened-color .main-menu-icon .icon span, header.menu-opened-color .langs .langs-list::before, header.menu-opened-color .langs .langs-list::after, header.menu-opened-color > .linked-in{

    background-color: #5DAB9A!important;

}

header.menu-opened-color .langs .langs-list .lang{

    color: #fff!important;

}

header.menu-opened-color .main-menu-icon, header.menu-opened-color .langs .langs-list .lang.active{

    color: #5DAB9A!important;

}



/*header popup opened */

header.popup-opened-color .logo, header.popup-opened-color .langs-icon, header.popup-opened-color .main-menu-icon .icon span, header.popup-opened-color > .linked-in{

    background-color: #fff!important;

}

.news-popup-animation header.popup-opened-color .main-menu-icon .icon span{
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
}

header.popup-opened-color .main-menu-icon, header.popup-opened-color .langs .langs-list .lang{

    color: #fff!important;

}

header.popup-opened-color .langs .langs-list::before, header.popup-opened-color .langs .langs-list::after{

    background-color: rgba(255,255,255,0.6)!important;

}

header.popup-opened-color .langs .langs-list .lang.active{

    color: rgba(255,255,255,0.6)!important;

}



/*header popup opened news */

header.popup-opened-color.popup-color-1 .langs-icon, header.popup-color-1 > .linked-in{

    background-color: #5DAB9A!important;

}

header.popup-opened-color.popup-color-1 .langs .langs-list .lang{

    color: #595959!important;

}

header.popup-opened-color.popup-color-1 .langs .langs-list::before, header.popup-opened-color.popup-color-1 .langs .langs-list::after{

    background-color: #5DAB9A!important;

}

header.popup-opened-color.popup-color-1 .langs .langs-list .lang.active{

    color: #5DAB9A!important;

}

header.popup-opened-color.popup-color-2 .logo{

    background-color: #5DAB9A!important;

}



/*header portfelj popup */

header.portfelj-popup-color .main-menu-icon{

    color: #fff!important;

}

header.portfelj-popup-color .main-menu-icon .icon span{

    background-color: #fff!important;

}

header.portfelj-popup-color .logo{

    display: none!important;

}



nav.main-menu{

    position: fixed;

    width: 100vw;

    height: 100vh;
    height: var(--app-height);

    top: 0;

    left: 0;

    transform: translateX(-100%);

    /*background: rgba(25, 25 , 25, 1);*/

    background: #17455A;

    opacity: 0;

    /*transition: all 0.5s;*/

    z-index: 998;

    overflow: hidden;

}

body.menu-opened nav.main-menu{

    transform: translateX(0);

    opacity: 1;

    animation: menu-open 0.5s;

}

body.menu-opened.slide-from-right nav.main-menu{

    transform: translateX(0);

    opacity: 1;

    animation: menu-close 1s;

}

body.menu-closed nav.main-menu{

    transform: translateX(0);

    opacity: 1;

    animation: menu-close 0.5s;

}

body.customize-support .main-menu{

    top: calc(0px + 32px);

    height: calc(100% - 32px);

}

nav.main-menu .box{

    display: flex;

    justify-content: center;

    width: 100vw;

    height: 100%;

    padding-top: 6.4em;

    box-sizing: border-box;

}

nav.main-menu ul{

    display: flex;

    flex-wrap: wrap;

    margin-left: -2.5em;

    margin-right: -2.5em;

}

nav.main-menu ul li{

    display: inline-block;

    width: 33.3%;

    padding: 6em 2.5em;

    box-sizing: border-box;

}

nav.main-menu ul li a{

    display: inline-block;

    position: relative;

    font-size: 2.3em;

    line-height: 1.3043478em;

    font-weight: bold;

    text-transform: uppercase;

    text-decoration: none;

    color: #5DAB9A;

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: 0 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 200% 100%;

    mask-position: 0 0;

    mask-repeat: no-repeat;

}

nav.main-menu ul li a span{

    display: inline-block;

    position: relative;

}

nav.main-menu ul li a span.hover{

    position: absolute;

    top: 0;

    left: 0;

    -webkit-mask: linear-gradient(90deg, rgba(93, 171, 154, 0) 30%, rgb(255, 255, 255) 45%, rgb(255, 255, 255) 55%, rgba(93, 171, 154, 0) 70%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: 150% 0;

    -webkit-mask-repeat: no-repeat;

    mask: linear-gradient(90deg, rgba(93, 171, 154, 0) 30%, rgb(255, 255, 255) 45%, rgb(255, 255, 255) 55%, rgba(93, 171, 154, 0) 70%);

    mask-size: 200% 100%;

    mask-position: 150% 0;

    mask-repeat: no-repeat;

    color: #fff;

}

nav.main-menu ul li a.show{

    animation: text-show 1.4s;

}

nav.main-menu ul li a.animate span.hover{

    animation: text-glow 1.4s;

}

nav.main-menu ul li.current-menu-item a, nav.main-menu ul li.current_page_item a{

    color: #fff;

}

nav.main-menu ul li a[target="_blank"] span{

    padding-right: 1.73913em;

}

nav.main-menu ul li a[target="_blank"] span::after{

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -10px;

    right: 0;

    content: '';

    width: 1.21739em;

    height: 0.869565em;

    -webkit-mask: url(images/icon-link-external.svg) center;

    -webkit-mask-size:contain;

    mask: url(images/icon-link-external.svg) center;

    mask-size:contain;

    background-color: #5DAB9A;

}

nav.main-menu ul li.current-menu-item a[target="_blank"] span::after, nav.main-menu ul li.current_page_item a[target="_blank"] span::after{

    background-color: #fff;

}

nav.main-menu .linked-in{

    display: block;

    position: absolute;

    left: 100vw;

    margin-left: -9.4em;

    bottom: 11em;

    width: 3.4em;

    height: 3.4em;

    -webkit-mask: url(images/icon-menu-linkedin.svg) center;

    -webkit-mask-size:contain;

    mask: url(images/icon-menu-linkedin.svg) center;

    mask-size:contain;

    background-color: #5DAB9A;

    opacity: 1;

    transition: opacity 0.5s;

}

nav.main-menu .linked-in:hover{

    opacity: 0.6;

}


nav.main-menu .info-nav{
    position: absolute;
    width: 100vw;
    left: 0;
    bottom: 11em;
}
nav.main-menu .info-nav ul{
    margin-left: -1em;
    margin-right: -1em;
}
nav.main-menu .info-nav ul li{
    width: auto;
    padding: 0 1em;
}
/*nav.main-menu .info-nav ul li:last-child{
    margin-left: auto;
    border-left: 0!important;
}*/
nav.main-menu .info-nav ul li + li:not(.clr){
    border-left: solid 1px #5DAB9A;
}
nav.main-menu .info-nav ul li a{
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.2em;
    text-transform: none;
}



main.full-size{

    position: relative;

    width: 100%;

    height: 100vh;

    height: var(--app-height);
    
    /*height: -webkit-fill-available;*/

    overflow: hidden;

}

body.customize-support main.full-size{

    height: calc(100vh - 32px);

    height: calc(var(--app-height) - 32px);

}

main.padding-top{

    padding-top: 26.5em;

    box-sizing: border-box;

}

main.content .vertical-center{

    display: flex;

    flex-direction: column;

    align-items: center;

    height: 100%;

}

main.content .vertical-center > .container{

    padding: 0;
    padding-top: var(--header-height);
    padding-bottom: var(--footer-height);

}

main.content .container{

    /*font-size: 24px;

    line-height: 36px;*/

    color: #000;

}

main.hidden[data-page-bg="dna-top"], main.hidden[data-page-bg="dna-bottom"]{

    position: fixed;

    display: block!important;

    transform: translateX(-100%);

}

main.hidden{

    position: fixed;

    display: none!important;

    transform: translateX(-100%);

}

main.no-title{

    display: flex;

    min-height: 100%;

    align-items: center;

    padding-top: 0;

}



body.menu-closed main.animate-from-right{

    position: fixed;

    left: 0;

    transform: translateX(100%);

    bottom: 0;

    width: 100vw;

    animation: fly-from-right 0.5s;

}



body.slide-from-top .current-slide{

    position: fixed;

    left: 0;

    bottom: 0;

    transform: translateY(100%);

    animation: fly-from-top-prev 1s;

}

body.slide-from-top .next-slide{

    position: fixed;

    left: 0;

    bottom: 0;

    transform: translateY(0);

    animation: fly-from-top-next 1s;

}



body.slide-from-bottom .current-slide{

    position: fixed;

    left: 0;

    bottom: 0;

    transform: translateY(-100%);

    animation: fly-from-bottom-prev 1s;

}

body.slide-from-bottom .next-slide{

    position: fixed;

    left: 0;

    bottom: 0;

    transform: translateY(0);

    animation: fly-from-bottom-next 1s;

}



body.slide-from-right .current-slide{

    position: fixed;

    left: 0;

    bottom: 0;

    transform: translateX(-100%);

    animation: fly-from-right-prev 1s;

}

body.slide-from-right .next-slide{

    position: fixed;

    left: 0;

    bottom: 0;

    transform: translateX(0);

    animation: fly-from-right-next 1s;

}



body.slide-section-from-left .current-section{

    position: absolute;

    transform: translateX(100%);

    animation: fly-from-left-prev 1s;

}

body.slide-section-from-left .next-section{

    position: absolute;

    transform: translateX(0);

    animation: fly-from-left-next 1s;

}



body.slide-section-from-right .current-section{

    position: absolute;

    transform: translateX(-100%);

    animation: fly-from-right-prev 1s;

}

body.slide-section-from-right .next-section{

    position: absolute;

    transform: translateX(0);

    animation: fly-from-right-next 1s;

}





main.home::after{

    display: block;

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);

    opacity: 0.65;

}

main.home video.home-video{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

main.home .home-video-text{

    position: absolute;

    font-size: 4.8em;

    font-weight: 600;

    line-height: 1.2;

    text-transform: uppercase;

    letter-spacing: 0.4em;

    color: #fff;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

    white-space: nowrap;

}

main.home .home-video-text span{

    display: inline-block;

    margin: 0 -0.03125em;

}

main.home .home-video-text span.show{

    animation: text-show 3s;

}

main.home .home-next{

    position: absolute;

    left: 50%;

    margin-left: -3.5em;

    bottom: 7.8em;

    z-index: 2;

    cursor: pointer;

}

main.home .home-next .icon{

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 0px;

    height: 1.4em;

    margin-top: -0.8em;

    margin-left: -2em;

    -webkit-mask: url(images/icon-home-next.svg) left no-repeat;

    -webkit-mask-size: auto 100%;

    mask: url(images/icon-home-next.svg) left no-repeat;

    mask-size: auto 100%;

    background-color: #fff;

}

main.home .home-next.show{

    animation: slide-next-bounce 3s;

    animation-delay: 3s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

}

main.home .home-next.show:hover{

    animation: slide-next-bounce 3s;

    animation-timing-function: ease-in-out;

}

main.home .home-next.show .icon{

    width: 4em;

    animation: slide-next-show 0.5s;

}

main.home .current-news{

    position: absolute;

    right: 10em;

    bottom: 7.06666em;

    font-size: 1.5em;

    font-weight: bold;

    line-height: 2.13333em;

    text-transform: uppercase;

    text-decoration: none;

    padding-right: 3.2em;

    color: #B50012;

    z-index: 2;

}

main.home .current-news::after{

    display: block;

    position: absolute;

    content: '';

    right: 0;

    top: 0;

    width: 2.13333em;

    height: 2.13333em;

    border-radius: 50%;

    background-color: #B50012;

    animation: pulse 3s linear infinite;

}



main.content .container .page-heading{

    width: 110%;

    margin-bottom: 6.5em;

}

main.content .container .page-heading.has-logo{

    width: 100%;

    margin-bottom: 0em;

    padding: 6.5em 0;

}

main.content .container .page-heading .title-box{

    display: flex;

}

main.content .container .page-heading .title-box .title-logo{

    display: flex;

    position: relative;

    min-width: 16.6em;

    margin-left: 6em;

    align-items: center;

}

main.content .container .page-heading .title-box .title-logo img{

    position: absolute;

    width: 100%;

    height: auto;

}

main.content .container .page-heading .title-box .title-icons{

    display: flex;

    position: relative;

    margin-left: 4em;

    /*align-items: center;*/

}

main.content.sustainbility .container .page-heading .title-box .title-icons{
    flex-wrap: wrap;
    max-width: 40em;
}

main.content .container .page-heading .title-box .title-icons .icon{

    width: 8em;

    margin-left: 1em;

}

main.content.sustainbility .container .page-heading .title-box .title-icons .icon{
    margin-bottom: 1em;
}

main.content .container .page-heading .title-box .title-icons .icon img{

    width: 100%;

    height: auto;

}

main.content .container .page-heading pre{

    font-size: 1.6em;

    font-weight: bold;

    line-height: 1.25;

    text-transform: uppercase;

    margin-top: -2.81em;

    margin-bottom: 0.6em;

    color: #595959;

}

main.about-tma .container .page-heading pre{

    font-size: 2.4em;

    margin-bottom: 0;

}

main.content .container .page-heading h2{

    font-size: 8em;

    line-height: 1;

    letter-spacing: -0.035em;  

    color: #595959;

}

main.content .text-center .container .page-heading{

    width: 100%;

    text-align: center;

}

@-moz-document url-prefix() {

    main.content .container .page-heading h2{

        letter-spacing: 0;   

    }

}

main.content .container .page-content-wrap{

    display: flex;

}

main.content.sustainbility .container .page-content-wrap{
    align-items: center;
}

main.content.width-80 .container .page-content-box{

    width: 80%;

}

main.content.width-75 .container .page-content-box{

    width: 75%;

}

main.content.width-66 .container .page-content-box{

    width: 66.6%;

}

main.content.width-60 .container .page-content-box{

    width: 60%;

}

main.content.width-50 .container .page-content-box{

    width: 50%;

}

main.content.width-40 .container .page-content-box{

    width: 40%;

}

main.content.width-33 .container .page-content-box{

    width: 33.3%;

}

main.content.width-25 .container .page-content-box{

    width: 25%;

}

main.content.width-20 .container .page-content-box{

    width: 20%;

}

main.content .container .page-content{

    font-size: 2.4em;

    line-height: 1.5;

}

main.content .container .page-content h1{
    font-size: 1.6em;
}
main.content .container .page-content h2{
    font-size: 1.4em;
}
main.content .container .page-content h3{
    font-size: 1.2em;
}
main.content .container .page-content h4{
    font-size: 1.1em;
}
main.content .container .page-content h5{
    font-size: 0.9em;
}
main.content .container .page-content h6{
    font-size: 0.8em;
}

main.content .container .section-content h1{
    font-size: 1.6em;
}
main.content .container .section-content h2{
    font-size: 1.4em;
}
main.content .container .section-content h3{
    font-size: 1.2em;
}
main.content .container .section-content h4{
    font-size: 1.1em;
}
main.content .container .section-content h5{
    font-size: 0.9em;
}
main.content .container .section-content h6{
    font-size: 0.8em;
}

.popup-news .popup-content h1{
    font-size: 1.6em;
    line-height: 1.2;
    margin-bottom: 1.5em;
}
.popup-news .popup-content h2{
    font-size: 1.4em;
    line-height: 1.2;
    margin-bottom: 1.5em;
}
.popup-news .popup-content h3{
    font-size: 1.2em;
    line-height: 1.2;
    margin-bottom: 1.5em;
}
.popup-news .popup-content h4{
    font-size: 1.1em;
    line-height: 1.2;
    margin-bottom: 1.5em;
}
.popup-news .popup-content h5{
    font-size: 0.9em;
    line-height: 1.2;
    margin-bottom: 1.5em;
}
.popup-news .popup-content h6{
    font-size: 0.8em;
    line-height: 1.2;
    margin-bottom: 1.5em;
}

main.content .text-center .container .page-content{

    text-align: center;

}

main.content .container .page-content p + p{

    margin-top: 0.625em;

}
main.content .container .page-content ol + p, main.content .container .page-content p + ol, main.content .container .page-content ul + p, main.content .container .page-content p + ul{
    margin-top: 0.625em;
}
main.content .container .page-content ol, main.content .container .page-content ul{
    padding-left: 1em;
}
main.content .container .page-content ol li{
    list-style: decimal;
    padding: 0.1em 0;
}
main.content .container .page-content ul li{
    list-style: disc;
    padding: 0.1em 0;
}
main.content .container .page-content table + p{
    margin-top: 0.625em;
}
main.content .container .page-content table{
   margin: 0.625em 0; 
}
main.content .container .page-content table tr th, main.content .container .page-content table tr td{
    text-align: left;
    padding: 0.25em 0.5em;
}
main.content .container .page-content table tr th{
    font-weight: bold;
}
main.content .container .page-content table tr td{
    border-top: solid 1px #000;
}

main.content .container .page-icons{

    display: flex;

    margin-top: 5em;

}

main.content .container .page-icons .icon{

    width: 10em;

    height: 10em;

    margin-right: 1em;

}

main.content .container .page-icons .icon img{

    width: 100%;

    height: auto;

}

main.content .container .page-link{

    display: flex;

    width: 0;

    max-width: 100%;

    margin-top: 5em;

}

main.content .container .page-link.show{

    width: 100%;

    transition: all 1.5s linear;

}

main.content .container .left > .page-link.show{

    transition: all 1s linear;

}

main.content .container .page-link .line{

    position: relative;

    width: auto;

    height: 100%;

    flex-grow: 1;

}

main.content .container .page-link .line::after{

    display: block;

    position: absolute;

    content: '';

    width: 100%;

    height: 1px;

    left: 0;

    top: 1.4em;

    background-color: #000;

}

main.content .container .page-link a, main.content .container .page-link > span.title-animation{

    font-size: 1.5em;

    font-weight: bold;

    line-height: 1.2;

    text-decoration: none;

    text-transform: uppercase;

    white-space: nowrap;

    margin-left: 1em;

    color: #595959;

    overflow: hidden;

}

main.content .container .page-link > span.title-animation a{
    font-size: 1em;
    margin: 0;
}

main.content .container .page-link a:hover{

    color: #5DAB9A;

}

main.content .container .page-link .show{

    animation: text-show 1s linear;

}

main.content .page-popup{

    display: flex;

    width: 0;

    max-width: 100%;

    margin-top: 5em;

}

main.content .page-popup.show{

    width: 100%;

    transition: all 1.5s linear;

}

main.content .left > .page-popup.show{

    transition: all 1s linear;

}

main.content.width-66 .page-popup.show{

    width: 82%;

}

main.content.width-66.show-purchase-popup .page-popup.show{

    width: 100%;

}

main.content .page-popup .line{

    position: relative;

    width: auto;

    height: 100%;

    flex-grow: 1;

}

main.content .page-popup .line::after{

    display: block;

    position: absolute;

    content: '';

    width: 100%;

    height: 1px;

    left: 0;

    top: 1.4em;

    background-color: #000;

}

main.content .page-popup .open-popup{

    font-size: 1.5em;

    font-weight: bold;

    line-height: 1.2;

    text-decoration: none;

    text-transform: uppercase;

    white-space: nowrap;

    margin-left: 1em;

    color: #595959;

    overflow: hidden;

    cursor: pointer;

}

main.content .page-popup .open-popup:hover{

    color: #5DAB9A;

}

main.content .page-popup .open-popup.show{

    animation: text-show 0.5s linear;

}

main.content .page-popup.no-name{

    margin-top: 3em;

}

main.content .page-popup.no-name .line::after{

    top: 3.6em; 

}

main.content .page-popup.no-name .open-popup{

    font-size: 4.3em;

    margin-left: 0.348837em;

}



main.content .container .image-box{

    margin-left: 20%;

    width: 100%;

}

main.content .container .image-box img{

    max-width: 100%;

    height: auto;

}

main.content .container .documents-box .box{

    position: relative;

    margin-left: 20%;

    /*width: 100%;*/

}

main.content .container .documents-box .documents-title{

    font-size: 1.8em;

    font-weight: bold;

    text-transform: uppercase;

    padding-top: 0.5555555em;

    margin-bottom: 1.38888em;

    color: #595959;

}

main.content .container .documents-box .box > .documents{
    height: 40em;
    height: calc(100vh - var(--header-height) - var(--footer-height) - 35em);
    height: calc(var(--app-height) - var(--header-height) - var(--footer-height) - 35em);
    min-height: 24em;
}
body.portrait main.content .container .documents-box .box > .documents{

    height: 100%;

}

main.content .container .documents-box .document{

    display: flex;

    text-decoration: none;

    margin-bottom: 2.5em;

    margin-right: 2em;

    color: #595959;

}

main.content .container .documents-box .document:hover{

    color: #5DAB9A;

}

main.content .container .documents-box .icon{

    width: 3.5em;

    height: 3.5em;

    margin-right: 1.6em;

    background-color: #595959;

    transition: all 0.5s ease-out 0s;

}

main.content .container .documents-box .document:hover .icon{

    background-color: #5DAB9A;

}

main.content .container .documents-box .icon.pdf{

    -webkit-mask: url(images/icon-pdf.svg) center;

    -webkit-mask-size:contain;

    mask: url(images/icon-pdf.svg) center;

    mask-size:contain;

}

main.content .container .documents-box .name{

    font-size: 2.5em;

    line-height: 1.4;

}



main.content .container .invest_contact{

    font-size: 2.4em;

    line-height: 1.5;

    margin-top: 1.666666em;

}

main.content .container .invest_contact .data{

    margin-bottom: 1.666666em;

}

main.content .container .invest_contact .data .label{

    display: inline-block;

    font-weight: 600;

    margin-bottom: 0.208333em;

    color: #5C5C5C;

}

main.content .container .invest_contact .data .link a{

    display: inline-block;

    position: relative;

    text-decoration: none;

    padding-right: 1.666666em;

    color: #5DAB9A;

}

main.content .container .invest_contact .data .link a:hover{

    color: #5C5C5C;

}

main.content .container .invest_contact .data .link a[target="_blank"]::after{

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -0.416666666em;

    right: 0;

    content: '';

    width: 1.1666666em;

    height: 0.8333333em;

    -webkit-mask: url(images/icon-link-external.svg) center;

    -webkit-mask-size:contain;

    mask: url(images/icon-link-external.svg) center;

    mask-size:contain;

    background-color: #5DAB9A;

    transition: all 0.5s ease-out 0s;

}

main.content .container .invest_contact .data .link a[target="_blank"]:hover::after{

    background-color: #5C5C5C;

}





.infobox{

    position: relative;

    float: right;

    margin-top: 0.166666em;

    margin-left: 0.416666em;

}

.infobox .button{

    display: block;

    width: 1em;

    height: 1em;

    -webkit-mask: url(images/icon-infobox.svg) left;

    -webkit-mask-size: auto 100%;

    mask: url(images/icon-infobox.svg) left;

    mask-size: auto 100%;

    background-color: #5C5C5C;

    cursor: pointer;

}

.infobox:hover .button{

    background-color: #5DAB9A;

}

.infobox .info{

    position: absolute;

    top: 50%;

    left: 1.466666em;

    min-width: 21em;

    font-size: 0.625em;

    font-weight: normal;

    line-height: 1.2;

    letter-spacing: -0.01em;

    padding: 1.6em 1.86666em;

    border: solid 1px #5DAB9A;

    border-radius: 0.666666em;

    background: #fff;

    opacity: 0;

    transform: translateY(-50%) scaleX(0) scaleY(0);

    transition: opacity 0.25s linear 0s, transform 0s linear 0.25s;

    overflow: hidden;

    box-sizing: border-box;

    z-index: 2;

}

.infobox:hover .info{

    transform: translateY(-50%) scaleX(1) scaleY(1);

    transition: opacity 0.5s linear 0s, transform 0s linear 0s;

    opacity: 1;

}



main.content .purchase-emails{

    display: flex;

    flex-wrap: wrap;

    margin-top: 5em;

    margin-left: -2.5em;

    margin-right: -2.5em;

}

main.content .purchase-emails .email-data{

    display: flex;

    flex: 1;

    flex-direction: column;

    width: 50%;

    width: calc(50% - 5em);

    margin: 0 2.5em;

    transform: none;

}

main.content .purchase-emails .email-data .label{

    font-size: 2.4em;

    font-weight: 600;

    line-height: 1.208333em;

    margin-bottom: 0.208333em;

    color: #595959;

}

main.content .purchase-emails .email-data .value{

    font-size: 2.4em;

    line-height: 1.5em;

    margin-top: auto;

}

main.content .purchase-emails .email-data .value a{

    text-decoration: none;

    color: #5DAB9A;

}

main.content .purchase-emails .email-data .value a:hover{

    color: #595959;

}



.news-icon-search{

    position: fixed;

    top: 14em;

    left: 9em;

    width: 3.4em;

    height: 3.4em;

    -webkit-mask: url(images/icon-search.svg) center;

    -webkit-mask-size: contain;

    mask: url(images/icon-search.svg) center;

    mask-size: contain;

    background-color: #5DAB9A;

    cursor: pointer;

    z-index: 3;

}

body.popup-opened .news-icon-search, body.popup-closed .news-icon-search{

    z-index: -1;

}

.news-search-box{

    position: fixed;

    top: 0;

    left: 6.5em;

    right: 6.5em;

    border-radius: 1.6em;

    background: rgba(255, 255, 255, 0.9);

    opacity: 0;

    transform: translateY(-100%);

    transition: opacity 0.5s linear, top 0s linear 0.5s, transform 0s linear 0.5s;

    z-index: 2;

}

body.popup-opened .news-search-box, body.popup-closed .news-search-box{

    z-index: 1;

}

.news-search-box.active{

    top: 11.3em;

    opacity: 1;

    transform: translateY(0);

    transition: opacity 0.5s linear;

}

.news-search-box form{

    padding: 2.5em 8em;

}

.news-search-box .categories{

    display: flex;

    flex-wrap: wrap;

    margin: 1em -1.7em;

}

.news-search-box .categories .category{

    margin: 0;

    padding: 1em 1.7em;

}

.news-search-box .categories .category input[type="checkbox"]{

    position: absolute;

    width: 1px;

    height: 1px;

    opacity: 0.01;

    z-index: -1;

}

.news-search-box .categories .category input[type="checkbox"] + label{

    display: block;

    height: 3.25em;

    font-size: 1.6em;

    font-weight: 600;

    line-height: 3.25;

    text-transform: uppercase;

    padding: 0 1em;

    border: solid 1px #5DAB9A;

    border-radius: 1em;

    background: none;

    color: #5DAB9A;

    cursor: pointer;

    transition: background 0.5s linear, color 0.5s linear;

}

.news-search-box .categories .category input[type="checkbox"]:checked + label{

    background: #5DAB9A;

    color: #fff;

}

.news-search-box form .search input{

    height: 1.7em;

    font-size: 2em;

    line-height: 1.7;

    border: none;

    border-left: solid 1px #5DAB9A;

    background: none;

}


main h2.news-title{

    font-size: 3.6em;

    font-weight: 600;

    line-height: 1.38888;

    text-transform: uppercase;

    margin: 1em 0;

    color: #595959;

}
main .news-title-box{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 3.6em 0;
}
main .news-title-box h2.news-title{
    margin: 0;
    margin-right: auto;
    padding-right: 1em;
}
main .news-title-box .all-news{
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 0.6em;
    color: #5DAB9A;
}
main .news-title-box .all-news:hover{
    color: #595959;
}

/*main.slide-news .container{

    display: flex;

    min-height: 100%;

    align-items: center;

}*/

main.slide-news .news-box{

    width: 100%;

}

main.news-archive .news > .container{

    padding-top: 14em;

}

.news-list{

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    width: auto;

    margin-left: -2.6em;

    margin-right: -2.6em;

}

.news-list .news{

    width: 33.3%;

    margin-bottom: 7.2em;

    padding: 0 2.6em;

    overflow-y: hidden;

    box-sizing: border-box;

}

.news-list .news > .box{

    position: relative;

    width: 100%;

    padding-top: 120%;

    background: #b1d7cf;

    transform: translateY(101%);

}

.news-list .news.show > .box{

    transform: translateY(0);

    transition: all 0.6s ease-in-out;

}

.news-list .news .thumb{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.news-list .news.no-thumbnail .thumb{

    background: #5DAB9A;

}

.news-list .news.thumbnail .thumb::after{

    position: absolute;

    content: '';

    width: 100%;

    height: 58%;

    bottom: 0;

    left: 0;

    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);

}

.news-list .news .thumb img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}

.news-list .news a.title{

    position: absolute;

    left: 0;

    bottom: 2.70833em;

    font-size: 2.4em;

    font-weight: bold;

    line-height: 1.25;

    text-decoration: none;

    padding: 0 1.66666em;

    color: #fff;

    z-index: 2;

}

.news-list .news.thumbnail a.title:hover{

    color: #5DAB9A;

}

.news-list .news.no-thumbnail a.title:hover{

    color: rgba(255, 255, 255, 0.4);

}

.news-list .news a.category{

    position: absolute;

    right: 2.8125em;

    bottom: 1.875em;

    font-size: 1.6em;

    font-weight: bold;

    line-height: 1;

    text-transform: uppercase;

    text-decoration: none;

    color: #fff;

    z-index: 2;

}

.news-list .news.thumbnail a.category:hover{

    color: #5DAB9A;

}

.news-list .news.no-thumbnail a.category:hover{

    color: rgba(255, 255, 255, 0.4);

}

main.news-archive .news-list .news a.category{

    position: absolute;

    left: 3.6363636363em;

    bottom: 2.8em;

    font-size: 1.1em;

}

main.news-archive .news-list .news .date{

    position: absolute;

    right: 2em;

    bottom: 1.5em;

    font-size: 2em;

    font-weight: bold;

    line-height: 1;

    color: #fff;

    z-index: 2;

}

.news-list .news .category-page-data{

    display: none;

}



main.content .slide-section{

    display: flex;

    align-items: center;

    width: 100%;

    height: 100vh;

    height: var(--app-height);
    
    height: -webkit-fill-available;

    overflow-x: hidden;

}

main.content .slide-section.hidden{

    display: block!important;

    position: absolute;

    transform: translateX(100%);

}

main.about-graphs .slide-section{

    background-image: url(images/bg-default.png);

    background-repeat: no-repeat;

    background-size: 101.5% auto;

}

main.about-graphs .slide-section.chart-bar{

    background-position: left 40vw;

}

main.about-graphs .slide-section.chart-pie{

    background-position: 0 16em;

}

main.responsibility-employees  .page-box-center{

    display: flex;

    align-items: center;

    width: 100%;

    height: 100%;

}

main.responsibility-employees .page-link{

    position: absolute;

    left: 0;

    bottom: 0;

}

main.responsibility-projects .page-popup{

    position: absolute;

    left: 0;

    bottom: 0;

}

main.content .slide-section .vertical-center > .container{

    display: flex;

    flex-direction: row;

}

main.content.tabs-image .slide-section .vertical-center > .container{
    align-items: center;
}

main.responsibility-employees .vertical-center > .container, main.responsibility-projects .vertical-center > .container{

    display: flex;

    flex-direction: row;

}

main.carrer .vertical-center > .container{

    display: flex;

    flex-direction: row;

}

main.carrer-benefits .vertical-center > .container{

    display: flex;

    flex-direction: row;

}

main.activities .slide-section > .container, main.about-graphs .slide-section > .container, main.about-management .slide-section > .container, main.responsibility-employees > .container, main.responsibility-projects > .container, main.carrer > .container, main.benefits > .container{

    display: flex;

    flex-direction: row;

}

main.activities .slide-section .left{

    position: relative;

    width: 48%;

    padding-bottom: 7em;

}

main.about-graphs .slide-section .left{

    width: 31%;

}

main.about-management .slide-section .left{

    width: 33.3%;

}

main.responsibility-employees .left, main.responsibility-projects .left, main.carrer .left, main.carrer-benefits .left{

    position: relative;

    width: 40%;

    margin-right: 8%;

    padding-bottom: 7em;

}

main.content .slide-section .section-tabs{

    display: flex;

    margin-left: -1em;

    margin-right: -1em;

    margin-bottom: 3em;

}

main.content .slide-section .section-tabs li + li{

    border-left: solid 2px #595959;

}

main.content .slide-section .section-tabs li a{

    display: block;

    font-size: 1.5em;

    font-weight: bold;

    line-height: 1.33333em;

    text-transform: uppercase;

    text-decoration: none;

    padding: 0 0.66666em;

    color: #595959;

}

main.activities .slide-section .section-tabs li a:hover, main.activities .slide-section .section-tabs li.active a{

    color: #5DAB9A;

}

main.about-management .slide-section .section-tabs{

    margin-top: 2em;

}

main.about-management .slide-section .section-tabs li + li{

    border-color: #ccc;

}

main.about-management .slide-section .section-tabs li a{

    font-size: 1.7em;

    line-height: 1.17647em;

    padding: 0.588235em;

    color: #ccc;

}

main.about-management .slide-section .section-tabs li a:hover, main.about-management .slide-section .section-tabs li.active a{

    color: #595959;

}

main.content .slide-section .section-title{

    font-size: 7.8em;

    line-height: 1;

    margin-bottom: 0.74358em;

    color: #595959;

}

main.about-graphs .slide-section .section-title{

    width: 300%;

}

main.content .slide-section .section-title .title{

    margin-right: 0.2em;

}

main.content .slide-section .section-title .title-tab{

    display: inline-block;

    margin: 0 -0.05em;

    opacity: 0.25;

}

main.content .slide-section .section-title .title-tab.active{

    opacity: 1;

}

main.content .slide-section .section-title .title-tab img{

    width: auto;

    max-height: 0.6410256em;

}

main.content .slide-section .section-content{

    font-size: 2.4em;

    line-height: 1.5;

}

main.content .slide-section .section-content p + p{

    margin-top: 0.416666em;

}

main.activities .slide-section .section-content{

    width: 70%;

}

main.content .slide-section .section-content a{

    font-weight: 600;

    color: #595959;

}

main.content .slide-section .section-content a:hover{

    color: #5DAB9A;

}

main.about-graphs .slide-section .section-content-wrap{

    position: relative;

}

main.about-graphs .slide-section .old-section-content{

    position: absolute;

    width: 100%;

    font-size: 2.4em;

    line-height: 1.5;

    top: 0;

    left: 0;

    z-index: -1;

}

main.content .slide-section .section-popup{

    display: flex;

    position: absolute;

    width: 0;

    max-width: 100%;

    left: 0;

    bottom: 0;

}

main.content .slide-section .section-popup.show{

    width: 70%;

    transition: all 1.5s linear;

}

main.content .slide-section .section-popup .line{

    position: relative;

    width: auto;

    height: 100%;

    flex-grow: 1;

}

main.content .slide-section .section-popup .line::after{

    display: block;

    position: absolute;

    content: '';

    width: 100%;

    height: 1px;

    left: 0;

    top: 3.6em;

    background-color: #000;

}

main.content .slide-section .section-popup .open-popup{

    font-size: 4.3em;

    font-weight: bold;

    line-height: 1;

    text-decoration: none;

    text-transform: uppercase;

    white-space: nowrap;

    margin-left: 0.348837em;

    color: #5DAB9A;

    overflow: hidden;

    cursor: pointer;

}

main.content .slide-section .section-popup .open-popup.show{

    animation: text-show 0.5s linear;

}

main.activities .slide-section .right{

    width: 52%;

}

main.about-graphs .slide-section .right{

    display: flex;

    width: 65.5%;

    margin-left: auto;

}

main.about-management .slide-section .right{

    display: flex;

    flex-direction: column;

    width: 50%;

    margin-left: auto;

}

main.responsibility-employees .right{

    width: 52%;

}

main.responsibility-projects .right{

    width: 52%;

}

main.carrer .right, main.carrer-benefits .right{

    width: 52%;

}

main.responsibility-projects .project-images{

    position: relative;

    width: calc(90vw * 0.52 + (100vw - 90vw) / 2 - 10%);

    max-width: calc(133.3em * 0.52 + (100vw - 133.3em) / 2 - 10%);

    height: 28vw;

    margin-top: -1vw;

}

main.responsibility-projects .project-images .project-image{

    display: none;

    position: absolute;

    width: 48%;

    padding-top: 32%;

    overflow: hidden;

}

main.responsibility-projects .project-images .project-image:nth-child(1){

    display: block;

    left: 0;

    bottom: 5%;

    z-index: 4;

}

main.responsibility-projects .project-images .project-image:nth-child(2){

    display: block;

    top: 0;

    left: 30%;

    z-index: 3;

}

main.responsibility-projects .project-images .project-image:nth-child(3){

    display: block;

    right: 0;

    bottom: 0;

    z-index: 2;

}

main.responsibility-projects .project-images .project-image img{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}

main.activities .slide-section .right .section-image-box{
    width: 100%;
    /*margin-top: 20em;*/
}
main.activities .slide-section .right .section-image-box img{
    width: 100%;
    height: auto;
}

main.activities .slide-section .right .section-video-box, main.responsibility-employees .right .page-video-box, main.carrer .right .page-video-box{

    position: relative;

    width: calc(90vw * 0.52 + (100vw - 90vw) / 2);

    max-width: calc(133.3em * 0.52 + (100vw - 133.3em) / 2);

    height: 100%;

    max-height: 55em;

    transform: translateX(100%);

}

main.activities .slide-section .right .section-video-box.show, main.responsibility-employees .right .page-video-box.show, main.carrer .right .page-video-box.show{

    transform: translateX(0);

    transition: transform 0.5s;

}

main.activities .slide-section .right .section-video-box.fullscreen-opened, main.responsibility-employees .right .page-video-box.fullscreen-opened, main.carrer .right .page-video-box.fullscreen-opened{

    width: 100%;

    max-width: 100%;

}

.section-video-box video, .page-video-box video{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.section-video-box .logo, .page-video-box .logo{

    display: none;

    position: absolute;

    top: 0;

    left: 50%;

    margin: 2em 0;

    background: #fff;

    transform: translateX(-50%);

    transition: opacity 0.5s linear;

}

.section-video-box.fullscreen-opened .logo, .page-video-box.fullscreen-opened .logo{

    display: block;

}

.section-video-box .fullscreen, .page-video-box .fullscreen{

    position: absolute;

    right: 11.8em;

    bottom: 4.8em;

    width: 6.4em;

    height: 6.4em;

    -webkit-mask: url(images/icon-video-fullscreen-open.svg) center;

    -webkit-mask-size:contain;

    mask: url(images/icon-video-fullscreen-open.svg) center;

    mask-size:contain;

    background-color: #fff;

    cursor: pointer;

    transition: all 0.5s;

    transform: scaleX(1) scaleY(1) translateX(0) translateY(0);

}

.section-video-box .fullscreen:hover, .page-video-box .fullscreen:hover{

    transform: scaleX(1.1) scaleY(1.1) translateX(-0.5%) translateY(-0.5%);

}

.section-video-box.fullscreen-opened .fullscreen, .page-video-box.fullscreen-opened .fullscreen{

    -webkit-mask: url(images/icon-video-fullscreen-close.svg) center;

    -webkit-mask-size:contain;

    mask: url(images/icon-video-fullscreen-close.svg) center;

    mask-size:contain;

}

.section-video-box.fullscreen-opened .fullscreen:hover, .page-video-box.fullscreen-opened .fullscreen:hover{

    transform: scaleX(0.9) scaleY(0.9) translateX(0.5%) translateY(0.5%);

}

main.about-graphs .charts{

    display: flex;

    width: 90%;

}

main.about-graphs .charts.bar{

    margin-top: 14em;

}

main.about-graphs .charts.pie{

    margin-top: 25.6em;

}

main.about-graphs .chart{

    display: flex;

    margin-left: auto;

    flex-direction: column; 

}

main.about-graphs .chart .box{

    position: relative;

    margin-top: auto;

}

main.about-graphs .chart .caption{

    position: absolute;

    color: #595959;

    opacity: 0;

    white-space: nowrap;

}

main.about-graphs .chart.show .caption{

    transition: all 0.5s linear 0s;

}

main.about-graphs .chart.show.active .caption{

    opacity: 1;

    transition: all 0.5s linear 0.75s;

}

main.about-graphs .charts.bar .chart .caption{

    top: 0;

    left: 50%;

    transform: translateX(-50%) translateY(-6em);

}

main.about-graphs .charts.bar .chart.show.active .caption{

    transform: translateX(-50%) translateY(-8em);

}

main.about-graphs .charts.pie .chart .caption{

    left: 1em;

    bottom: 30%;

    transform: translateX(-100%) translateY(2em);

}

main.about-graphs .charts.pie .chart.show.active .caption{

    transform: translateX(-100%) translateY(0);

}

main.about-graphs .chart .caption .title{

    font-size: 1.2em;

    font-weight: bold;

    line-height: 1.2;

    text-transform: uppercase;

}

main.about-graphs .chart .caption .subtitle{

    font-size: 2.8em;

    font-weight: 600;

    line-height: 1.2;

}

main.about-graphs .chart .image{

    transform: translateX(-2em);

    opacity: 0;

}

main.about-graphs .chart.show .image{

    transform: translateX(0);

    opacity: 0.15;

    transition: all 0.5s linear;

    cursor: pointer;

}

main.about-graphs .chart.show.active .image{

    opacity: 1;

    cursor: default;

}

main.about-graphs .charts.bar .chart .image img{

    max-width: 6em;

    height: auto;

}

main.about-graphs .charts .chart .year{

    position: absolute;

    bottom: -1.6em;

    font-size: 1.6em;

    font-weight: bold;

    line-height: 1.2;

    color: #595959;

    opacity: 0;

    transform: translateY(100%);

}

main.about-graphs .charts.pie .chart .year{

    bottom: 20%;

    right: 0;

}

main.about-graphs .charts .chart.show .year{

    transition: all 0.5s linear 0s;

}

main.about-graphs .charts .chart.show.active .year{

    opacity: 1;

    transform: translateY(0);

    transition: all 0.5s linear 0.75s;

}

main.about-graphs .charts .chart .desc{

    display: none;

}

main.about-management .board-members{

    padding-top: 2em;

    padding-bottom: 1em;

    color: #595959;

}

main.about-management .board-members .member.has-popup{

    width: 110%;

}

main.about-management .board-members .member.has-popup + .member{

    margin-top: 2.4em;

}

main.about-management .board-members .member.has-popup > .link{

    display: flex;

    width: 100%;

    cursor: pointer;

}

main.about-management .board-members .member.has-popup .image{

    position: relative;

    min-width: 8em;

    width: 8em;

    height: 8em;

    border-radius: 50%;

    overflow: hidden;

}

main.about-management .board-members .member.has-popup .image img, main.about-management .board-members .member.has-popup .popup-image img{

    position: absolute;

    width: 26em;

    min-width: 100%;

    min-height: 100%;

    height: auto;

    left: 50%;

    top: 0;

    transform: translateX(-62%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image img{

    width: 100vw;

    height: 100vh;
    
    height: var(--app-height);

    transform: translateX(-50%) translateY(0);

    transition: transform 0.25s linear;

    object-fit: cover;

    object-position: top;

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image img{

    transform: translateX(-60%) translateY(0);

    transition: transform 0.5s linear;

}

main.about-management .board-members .member.has-popup .image.move-left-1 img{

    transform: translateX(-63%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-2 img{

    transform: translateX(-64%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-3 img{

    transform: translateX(-65%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-4 img{

    transform: translateX(-66%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-5 img{

    transform: translateX(-67%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-6 img{

    transform: translateX(-68%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-7 img{

    transform: translateX(-69%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-8 img{

    transform: translateX(-70%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-9 img{

    transform: translateX(-71%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-10 img{

    transform: translateX(-72%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-11 img{

    transform: translateX(-73%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-12 img{

    transform: translateX(-74%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-13 img{

    transform: translateX(-75%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-14 img{

    transform: translateX(-76%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-left-15 img{

    transform: translateX(-77%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-1 img{

    transform: translateX(-61%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-2 img{

    transform: translateX(-60%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-3 img{

    transform: translateX(-59%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-4 img{

    transform: translateX(-58%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-5 img{

    transform: translateX(-57%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-6 img{

    transform: translateX(-56%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-7 img{

    transform: translateX(-55%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-8 img{

    transform: translateX(-54%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-9 img{

    transform: translateX(-53%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-10 img{

    transform: translateX(-52%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-11 img{

    transform: translateX(-51%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-12 img{

    transform: translateX(-50%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-13 img{

    transform: translateX(-49%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-14 img{

    transform: translateX(-48%) translateY(-4%);

}

main.about-management .board-members .member.has-popup .image.move-right-15 img{

    transform: translateX(-47%) translateY(-4%);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-1 img{

    transform: translateX(-63%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-2 img{

    transform: translateX(-64%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-3 img{

    transform: translateX(-65%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-4 img{

    transform: translateX(-66%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-5 img{

    transform: translateX(-67%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-6 img{

    transform: translateX(-68%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-7 img{

    transform: translateX(-69%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-8 img{

    transform: translateX(-70%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-9 img{

    transform: translateX(-71%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-10 img{

    transform: translateX(-72%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-11 img{

    transform: translateX(-73%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-12 img{

    transform: translateX(-74%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-13 img{

    transform: translateX(-75%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-14 img{

    transform: translateX(-76%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-left-15 img{

    transform: translateX(-77%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-1 img{

    transform: translateX(-61%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-2 img{

    transform: translateX(-60%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-3 img{

    transform: translateX(-59%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-4 img{

    transform: translateX(-58%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-5 img{

    transform: translateX(-57%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-6 img{

    transform: translateX(-56%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-7 img{

    transform: translateX(-55%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-8 img{

    transform: translateX(-54%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-9 img{

    transform: translateX(-53%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-10 img{

    transform: translateX(-52%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-11 img{

    transform: translateX(-51%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-12 img{

    transform: translateX(-50%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-13 img{

    transform: translateX(-49%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-14 img{

    transform: translateX(-48%) translateY(0);

}

body.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image.move-right-15 img{

    transform: translateX(-47%) translateY(0);

}

main.about-management .board-members .member.has-popup .member-name{

    font-size: 2em;

    line-height: 4em;

    margin-left: 1.7em;

    white-space: nowrap;

}

main.about-management .board-members .member.has-popup .member-name strong{

    font-size: 0.85em;

    font-weight: 800;

    text-transform: uppercase;

}

main.about-management .board-members .member.no-popup{

    font-size: 1.7em;

    line-height: 1.235294em;

    padding: 0.588235em 0;

}

main.about-management .board-members .member.no-popup strong{

    font-size: 0.94117674em;

    font-weight: 800;

    text-transform: uppercase;

}

main.about-management .board-members-other{

    /*font-size: 1.6em;

    line-height: 1.25;*/

    font-size: 1.9em;

    line-height: 1.2em;

    /*padding-top: 4em;*/

    padding-top: 3em;

    padding-bottom: 2em;

    color: #595959;

}

main.about-management .board-members-other p + p{

    margin-top: 1em;

}



main.content .board-members .member.has-popup.can-open{

    transform: none;

    -webkit-mask: none;

    mask: none;

}

main.content .board-members .member.has-popup .fortenova-popup.active{

    display: block;

    opacity: 1;

    transform: translateX(0);

    cursor: default;

    overflow: hidden;

}

body.popup-opened main.content .board-members .member.has-popup .fortenova-popup.active{

    animation: none;

}

main.content .board-members .member.has-popup .popup-image{

    position: relative;

    overflow: hidden;

    object-fit: cover;

}

body.news-popup-animation main.content .board-members .member.has-popup .popup-image{

    width: 40vw!important;

    transition: width 0.5s linear;

}

main.content .board-members .member.has-popup .fortenova-popup.active .right{

    display: flex;

    flex-direction: column;

    width: 60vw;

    height: 100vh;
    
    height: var(--app-height);

    margin-left: 40vw;

    background: rgba(255, 255, 255, 0.95);

    transform: translateX(100%);

}

body.news-popup-animation main.content .board-members .member.has-popup .fortenova-popup.active .right{

    transform: translateX(0);

    transition: transform 0.5s linear;

}

main.content .board-members .member.has-popup .fortenova-popup .right .box{

    display: flex;

    flex-direction: column;

    width: calc(54vw - (100vw - 90vw) / 2);

    max-width: calc(54vw - (100vw - 133.3em) / 2);

    height: 100%;

    margin-left: 6vw;

    padding-top: 20em;

    padding-bottom: 20em;

    box-sizing: border-box;

}

main.content .board-members .member.has-popup .fortenova-popup .right .popup-title{

    font-size: 1em;

    margin-bottom: 0;

    color: #595959;

}

main.content .board-members .member.has-popup .fortenova-popup .right .popup-title .popup-member-name{

    font-size: 4.1em;

    font-weight: 800;

    text-transform: uppercase;

}

main.content .board-members .member.has-popup .fortenova-popup .right .popup-title .popup-member-position{

    font-size: 3.3em;

    font-style: italic;

    line-height: 1.18181818em;

}

main.content .board-members .member.has-popup .fortenova-popup .right .popup-content{

    height: auto;

    margin-top: 2.5em;

}

main.content .board-members .member.has-popup .fortenova-popup .right .popup-content.scroll-content{

    margin-top: 0;

}

main.content .board-members .member.has-popup .fortenova-popup .right .popup-content p{

    transform: none;

    -webkit-mask: none;

    mask: none;

}

main.content .board-members .member.has-popup .fortenova-popup .right .linked-in{

    display: block;

    width: 3.4em;

    height: 3.4em;

    margin-top: 5em;

    -webkit-mask: url(images/icon-menu-linkedin.svg) center;

    -webkit-mask-size: contain;

    mask: url(images/icon-menu-linkedin.svg) center;

    mask-size: contain;

    background-color: #595959;

}

main.content .board-members .member.has-popup .fortenova-popup .right .linked-in:hover{

    background-color: #5DAB9A;

}

main.content .board-members .member.has-popup .fortenova-popup .right .member-tabs{

    display: flex;

    position: absolute;

    width: 100%;

    bottom: 6em;

}

main.content .board-members .member.has-popup .fortenova-popup .right .member-tabs .member-tab{

    display: flex;

    justify-content: center;

    align-items: center;

    width: 9em;

    height: 9em;

    margin-right: 1.4em;

    border: solid 1px transparent;

    box-sizing: border-box;

    cursor: pointer;

}

main.about-management .board-members .member.has-popup .fortenova-popup .right .member-tabs .member-tab{

    border-radius: 50%;

}

main.content .board-members .member.has-popup .fortenova-popup .right .member-tabs .member-tab .image{

    width: 100%;

    height: 0;

    padding-top: 100%;

}

main.content .board-members .member.has-popup .fortenova-popup .right .member-tabs .member-tab.active{

    border-color: #5DAB9A;

}

main.content .board-members .member.has-popup .fortenova-popup .right .member-tabs .member-tab.active .image img{

    opacity: 0.3;

}



main.content .board-members .member.has-popup .fortenova-popup.prev-popup{

    display: block;

    opacity: 1;

    transform: translateX(0);

    cursor: default;

    overflow: hidden;

    z-index: 996;

}

main.content .board-members .member.has-popup .fortenova-popup.prev-popup .popup-image{

    width: 40vw !important;

    transition: width 0.5s linear;

}

main.content .board-members .member.has-popup .fortenova-popup.prev-popup .popup-image img{

    width: 100vw;

    height: 100vh;
    
    height: var(--app-height);

    transform: translateX(-60%) translateY(0);

    object-fit: cover;

    object-position: top;

}

main.content .board-members .member.has-popup .fortenova-popup.prev-popup .right{

    display: flex;

    flex-direction: column;

    width: 60vw;

    height: 100vh;
    
    height: var(--app-height);

    margin-left: 40vw;

    background: rgba(255, 255, 255, 0.95);

    transform: translateX(0);

}





main.carrer-culture .boxes-parent > .container{

    display: flex;

    height: 100%;

    align-items: center;

}

main.carrer-culture .boxes{

    display: flex;

    flex-wrap: wrap;

    margin-top: 5em;

}

main.carrer-culture .boxes .box{

    display: none;

    width: 40%;

}

main.carrer-culture .boxes .culture-title{

    width: 100%;

    font-size: 14em;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

    color: #5DAB9A;

    margin: 0.2em 0;

    opacity: 0.15;

}

main.carrer-culture .boxes .box.box-0, main.carrer-culture .boxes .box.box-2{

    display: block;

    margin-left: 0;

    margin-right: 10%;

}

main.carrer-culture .boxes .box.box-1, main.carrer-culture .boxes .box.box-3{

    display: block;

    margin-left: 10%;

    margin-right: 0;

}

main.carrer-culture .boxes .box .box-title{

    font-size: 3.4em;

    line-height: 1.2em;

    margin-bottom: 0.6em;

}

main.carrer-culture .boxes .box .box-content{

    font-size: 1.8em;

    font-weight: 300;

    line-height: 1.444444em;

}



main.carrer-edu .fortenova-popup .popup-content .popup-title{

    margin-top: 3.4em;

}



main.carrer-importance .image-box{

    margin-top: -6em;

}



main.carrer-quote > video{

    width: 100vw;

    height: 100vh;
    
    height: var(--app-height);

    object-fit: cover;

    object-position: center;

}

main.carrer-quote > img.carrer-quote-bg{

    width: 100vw;

    height: 100vh;
    
    height: var(--app-height);

    object-fit: cover;

    object-position: center;

}

main.carrer-quote .quote{

    display: flex;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    align-items: center;

}

main.carrer-quote .quote .image{

    position: relative;

    width: 40vw;

    height: 100vh;
    
    height: var(--app-height);

    overflow: hidden;

}

main.carrer-quote .quote .image img{

    position: absolute;

    width: 100%;

    height: 100vh;
    
    height: var(--app-height);

    min-width: 100%;

    min-height: 100%;

    object-fit: cover;

    object-position: top;

    left: 50%;

    top: 0;

    transform: translateX(-50%) translateY(0);

}

main.carrer-quote .quote .right{

    display: flex;

    flex-direction: column;

    width: 60vw;

    height: 100vh;
    
    height: var(--app-height);

    background: rgba(255, 255, 255, 0.95);

}

main.carrer-quote .quote .right > .box{

    display: flex;

    flex-direction: column;

    width: calc(54vw - (100vw - 90vw) / 2);

    max-width: calc(54vw - (100vw - 133.3em) / 2);

    height: auto;

    margin-top: auto;

    margin-bottom: auto;

    margin-left: 6vw;

    padding-top: 20em;

    padding-bottom: 20em;

    box-sizing: border-box;

}

main.carrer-quote .quote .right .page-heading{

    color: #595959;

}

main.carrer-quote .quote .right .page-heading .member-name{

    font-size: 4.1em;

    font-weight: 800;

    text-transform: uppercase;

}

main.carrer-quote .quote .right .page-heading .member-position{

    font-size: 3.3em;

    font-style: italic;

    line-height: 1.18181818em;

}

main.carrer-quote .quote .right .page-content{

    font-size: 2.4em;

    line-height: 1.208333em;

    margin-top: 2.5em;

    color: #595959;

}



/*main.carrer-quote .page-popup .line::after{

    background-color: #fff;

}

main.carrer-quote .page-popup .open-popup{

    color: #fff;

}

main.carrer-quote .page-popup .open-popup:hover{

    color: #5DAB9A;

}

main.carrer-quote .next-slide-button .icon{

    background-color: #fff;

}*/



main.carrer-peoples .peoples-title{

    position: absolute;

    text-align: center;

    top: 52.5vh;

    left: 50vw;

    transform: translateX(-50%) translateY(-50%);

    color: #565656;

}

main.carrer-peoples .peoples-title .number{

    font-size: 23.8em;

}

main.carrer-peoples .peoples-title .before, main.carrer-peoples .peoples-title .after{

    font-size: 3em;

}

main.carrer-peoples .board-members .member{

    position: absolute;

    top: 50vh;

    left: 50vw;

    /*top: calc(50vh - 9.5em);

    left: calc(50vw - 9.5em);*/

    width: 19em;

    height: 19em;

    cursor: pointer;

    transform: none;

}

main.carrer-peoples .board-members .member .image{

    position: relative;

    width: 19em;

    height: 19em;

    overflow: hidden;

}

main.carrer-peoples .board-members .member .image img{

    position: absolute;

    width: 26em;

    min-width: 100%;

    min-height: 100%;

    height: auto;

    left: 50%;

    top: 0;

    transform: translateX(-55%) translateY(0);

}

main.carrer-peoples .board-members .member .member-name{

    display: none;

}

main.carrer-peoples .board-members .member-s{

    position: absolute;

    top: 50vh;

    left: 50vw;

    width: 6.8em;

    height: 6.8em;

}

main.carrer-peoples .board-members .member-s img{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}

main.carrer-peoples .board-members > *{

    display: none;

}

main.carrer-peoples .board-members > *:nth-child(1){

    display: block;

    margin-top: -34vh;

    margin-left: -32.5vw;

}

main.carrer-peoples .board-members > *:nth-child(2){

    display: block;

    margin-top: -34vh;

    margin-left: 7vw;

}

main.carrer-peoples .board-members > *:nth-child(3){

    display: block;

    margin-top: -21.3vh;

    margin-left: 31.6vw;

}

main.carrer-peoples .board-members > *:nth-child(4){

    display: block;

    margin-top: -7.4vh;

    margin-left: -39.1vw;

}

main.carrer-peoples .board-members > *:nth-child(5){

    display: block;

    margin-top: 18.5vh;

    margin-left: -24vw;

}

main.carrer-peoples .board-members > *:nth-child(6){

    display: block;

    margin-top: 18.5vh;

    margin-left: 12.5vw;

}

main.carrer-peoples .board-members > *:nth-child(7){

    display: block;

    margin-top: -27.3vh;

    margin-left: -39.6vw;

}

main.carrer-peoples .board-members > *:nth-child(8){

    display: block;

    margin-top: -12.96vh;

    margin-left: -45.8vw;

}

main.carrer-peoples .board-members > *:nth-child(9){

    display: block;

    margin-top: -35.18vh;

    margin-left: -20.57vw;

}

main.carrer-peoples .board-members > *:nth-child(10){

    display: block;

    margin-top: -23.88vh;

    margin-left: -17.5vw;

}

main.carrer-peoples .board-members > *:nth-child(11){

    display: block;

    margin-top: -16vh;

    margin-left: -12.9vw;

}

main.carrer-peoples .board-members > *:nth-child(12){

    display: block;

    margin-top: -27.77vh;

    margin-left: -9.11vw;

}

main.carrer-peoples .board-members > *:nth-child(13){

    display: block;

    margin-top: -27.77vh;

    margin-left: 0.83vw;

}

main.carrer-peoples .board-members > *:nth-child(14){

    display: block;

    margin-top: -32.77vh;

    margin-left: 20.98vw;

}

main.carrer-peoples .board-members > *:nth-child(15){

    display: block;

    margin-top: -15.9vh;

    margin-left: 22.6vw;

}

main.carrer-peoples .board-members > *:nth-child(16){

    display: block;

    margin-top: -32.77vh;

    margin-left: 31.3vw;

}

main.carrer-peoples .board-members > *:nth-child(17){

    display: block;

    margin-top: -38.88vh;

    margin-left: 40.1vw;

}

main.carrer-peoples .board-members > *:nth-child(18){

    display: block;

    margin-top: 6.1vh;

    margin-left: -44.5vw;

}

main.carrer-peoples .board-members > *:nth-child(19){

    display: block;

    margin-top: 23.14vh;

    margin-left: -44.5vw;

}

main.carrer-peoples .board-members > *:nth-child(20){

    display: block;

    margin-top: 33.3vh;

    margin-left: -37.6vw;

}

main.carrer-peoples .board-members > *:nth-child(21){

    display: block;

    margin-top: 16.66vh;

    margin-left: -31.35vw;

}

main.carrer-peoples .board-members > *:nth-child(22){

    display: block;

    margin-top: 8.33vh;

    margin-left: -26.98vw;

}

main.carrer-peoples .board-members > *:nth-child(23){

    display: block;

    margin-top: 20.8vh;

    margin-left: -12.08vw;

}

main.carrer-peoples .board-members > *:nth-child(24){

    display: block;

    margin-top: 12.03vh;

    margin-left: -9.53vw;

}

main.carrer-peoples .board-members > *:nth-child(25){

    display: block;

    margin-top: 28.7vh;

    margin-left: -6.25vw;

}

main.carrer-peoples .board-members > *:nth-child(26){

    display: block;

    margin-top: 24.53vh;

    margin-left: 3.22vw;

}

main.carrer-peoples .board-members > *:nth-child(27){

    display: block;

    margin-top: 11.57vh;

    margin-left: 5.625vw;

}

main.carrer-peoples .board-members > *:nth-child(28){

    display: block;

    margin-top: 16.66vh;

    margin-left: 23.95vw;

}

main.carrer-peoples .board-members > *:nth-child(29){

    display: block;

    margin-top: 1.38vh;

    margin-left: 29.16vw;

}

main.carrer-peoples .board-members > *:nth-child(30){

    display: block;

    margin-top: 14vh;

    margin-left: 31.25vw;

}

main.carrer-peoples .board-members > *:nth-child(31){

    display: block;

    margin-top: 28.7vh;

    margin-left: 34.9vw;

}

main.carrer-peoples .board-members > *:nth-child(32){

    display: block;

    margin-top: 3.7vh;

    margin-left: 40vw;

}

main.carrer-peoples .board-members > *:nth-child(33){

    display: block;

    margin-top: 13.88vh;

    margin-left: 39vw;

}



main.carrer-peoples .board-members .member.has-popup .popup-image img{

    position: absolute;

    width: 26em;

    min-width: 100%;

    min-height: 100%;

    height: auto;

    left: 50%;

    top: 0;

    transform: translateX(-55%) translateY(0);

}

main.carrer-peoples .board-members .member.has-popup .fortenova-popup.active .popup-image img{

    width: 100vw;

    height: 100vh;
    
    height: var(--app-height);

    transform: translateX(-50%) translateY(0);

    transition: transform 0.25s linear;

    object-fit: cover;

    object-position: top;

}

body.news-popup-animation main.carrer-peoples .board-members .member.has-popup .fortenova-popup.active .popup-image img {

    transform: translateX(-55%) translateY(0);

    transition: transform 0.5s linear;

}

main.carrer-peoples .board-members .member.has-popup .fortenova-popup.prev-popup .popup-image img{

    transform: translateX(-55%) translateY(0);

}

main.carrer-peoples .board-members .member.has-popup .image.move-left-1 img{

    transform: translateX(-51%) translateY(0);

}

main.carrer-peoples .board-members .member.has-popup .image.move-left-2 img{

    transform: translateX(-52%) translateY(0);

}

main.carrer-peoples .board-members .member.has-popup .image.move-left-3 img{

    transform: translateX(-53%) translateY(0);

}

main.carrer-peoples .board-members .member.has-popup .image.move-left-4 img{

    transform: translateX(-54%) translateY(0);

}

main.carrer-peoples .board-members .member.has-popup .image.move-left-5 img{

    transform: translateX(-55%) translateY(0);

}

main.carrer-peoples .board-members .member.has-popup .image.move-right-1 img{

    transform: translateX(-49%) translateY(0);

}

main.carrer-peoples .board-members .member.has-popup .image.move-right-2 img{

    transform: translateX(-48%) translateY(0);

}

main.carrer-peoples .board-members .member.has-popup .image.move-right-3 img{

    transform: translateX(-47%) translateY(0);

}

main.carrer-peoples .board-members .member.has-popup .image.move-right-4 img{

    transform: translateX(-46%) translateY(0);

}

main.carrer-peoples .board-members .member.has-popup .image.move-right-5 img{

    transform: translateX(-45%) translateY(0);

}

main.carrer-peoples .board-members .member .member-tab .image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}



main.about-history .title{

    top: 50%;

    position: absolute;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    font-size: 28em;

    font-weight: bold;

    text-transform: uppercase;

    color: #5DAB9A;

    opacity: 0.15;

}

main.about-history .history .events{

    padding-top: 28em;

}

main.about-history .history .event{

    position: relative;

}

main.about-history .history .event::before{

    display: block;

    position: absolute;

    content: '';

    top: 6em;

    left: 50%;

    bottom: 2em;

    width: 1px;

    margin-left: -0.5px;

    background: #5DAB9A;

}

main.about-history .history .event:last-child::before{

    display: none;

}

main.about-history .history .event .year{

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    font-size: 4em;

    letter-spacing: -0.025em;

    color: #595959;

}

main.about-history .history .event .box{

    position: relative;

    width: 50%;

    padding-bottom: 8em;

    color: #595959;

    box-sizing: border-box;

}

main.about-history .history .event .box .event-title{

    font-size: 3.4em;

    line-height: 1.058823529em;

    margin-bottom: 1.058823529em;

}

main.about-history .history .event .box .event-content{

    font-size: 1.8em;

    font-weight: 300;

    line-height: 1.444444em;

}

main.about-history .history .event .box .event-content p{

    margin-bottom: 0.833333em;

}

main.about-history .history .event .box .event-content blockquote{

    font-size: 0.722222em;

    line-height: 1.384615385em;

}

main.about-history .history .event:nth-child(2n+0) .box{

    margin-right: 50%;

    padding-right: 16.7%;

    text-align: right;

}

main.about-history .history .event:nth-child(2n+1) .box{

    margin-left: 50%;

    padding-left: 16.7%;

}





main.bg-blue{

    background-color: #17455A;

}

main.slide-portfelj .next-slide-button{

    transform: translateX(0) translateY(0);

    transition: transform 0.5s;

}

main.slide-portfelj.hide-progress-ring .next-slide-button{

    transform: translateX(7em) translateY(14em);;

}

main.slide-portfelj .next-slide-button .icon{

    background-color: #fff;

}

main.portfelj-archive.in-progress{

    position: fixed;

    top: -1px;

    left: -1px;

    width: 1px;

    height: 1px;

    overflow: hidden;

}

.portfelj-enter{

    width: 100vw;

    height: 100vh;
    
    height: var(--app-height);

    background-color: #17455A;

    background-image: url(images/bg-portfelj.jpg);

    background-repeat: no-repeat;

    background-size: 110% auto;

    background-position: center 5%;

    transform: scaleX(1) rotateY(0) rotateZ(0);

    transition: transform 0.5s;

}

.portfelj-enter.animation{

    transform: scaleX(1.5) rotateY(90deg) rotateZ(1deg);

}

.portfelj-enter .portfelj-text{

    position: absolute;

    font-size: 6.4em;

    text-align: center;

    color: #fff;

    top: 50%;

    left: 50%;

    margin-top: -0.859375em;

    transform: translate(-50%, -50%);

    z-index: 2;

    white-space: nowrap;

}

.portfelj-enter .portfelj-button{

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: 5.8em;

    padding: 5.8em;

    transform: translate(-50%, -50%);

    z-index: 2;

    white-space: nowrap;

}

.portfelj-enter .portfelj-button.show{

    animation: text-show 3.5s linear;

}

.portfelj-enter .portfelj-button .button{

    position: relative;

    font-size: 2.2em;

    font-weight: 600;

    line-height: 2.2727272em;

    text-transform: uppercase;

    letter-spacing: 0.4em;

    padding: 0 1.1363636em;

    border: solid 1px #fff;

    border-radius: 1.136363636em;

    color: #fff;

    cursor: pointer;

}

.portfelj-enter .portfelj-button .glow{

    position: absolute;

    width: 1px;

    height: 2.3636363636em;

    top: 0;

    left: 100%;

    margin-left: -1.18181818em;

    transform: rotate(180deg);

}

.portfelj-enter .portfelj-button .glow.animate{

    animation: button-glow 4s infinite;

    animation-timing-function: linear;

}

.portfelj-enter .portfelj-button .glow::after{

    display: block;

    position: absolute;

    content: '';

    width: 3.40909090em;

    height: 3.40909090em;

    border-radius: 50%;

    border: solid 1px rgba(255, 255, 255, 0.05);

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

    background-size: contain;

    top: 0;

    left: 50%;

    margin-left: -1.7045454em;

    margin-top: -1.7045454em;

}

.brands-menu{

    position: fixed;

    top: 4.4em;

    left: 100vw;

    width: 3.4em;

    /*transform: translateX(-15.4em);*/

    transform: translateX(-20.8em);

    z-index: 999;

}

body.popup-opened .brands-menu{

    z-index: 2;

}

.brands-menu .brands-menu-icon {

    display: flex;

    min-width: 3.4em;

    height: 3.4em;

    cursor: pointer;

}

.brands-menu .brands-menu-icon .icon{

    display: block;

    min-width: 3.4em;

    height: 3.4em;

    -webkit-mask: url(images/icon-portfelj-menu.svg) center;

    -webkit-mask-size: contain;

    mask: url(images/icon-portfelj-menu.svg) center;

        mask-size: auto;

    mask-size: contain;

    background-color: #5DAB9A;

}

.brands-menu .brands-menu-icon .text{

    display: block;

    font-size: 1.4em;

    font-weight: 600;

    line-height: 2.42857em;

    text-transform: uppercase;

    margin-left: 0.5em;

    color: #5DAB9A;

}

.brands-menu .brands-menu-list{

    display: flex;

    position: relative;

    width: 1px;

    margin: auto;

    padding-top: 2em;

}

.brands-menu .brands-menu-list::before{

    position: absolute;

    content: '';

    top: 1px;

    left: 50%;

    width: 1px;

    height: 2.8em;

    margin-left: -0.5px;

    transform: translateY(-50%) scaleY(0);

    transition: transform 0.3s linear 0.6s, opacity 0.25s linear 0s;

    background-color: #5DAB9A;

}

.brands-menu.opened .brands-menu-list::before{

    transform: translateY(0) scaleY(1);

    transition: transform 0.3s linear 0s;

}

.brands-menu .brands-menu-list::after{

    position: absolute;

    content: '';

    top: 2.8em;

    left: 50%;

    width: 2.4em;

    height: 1px;

    transform: translateX(-50%) scaleX(0);

    transition: transform 0.3s linear 0.3s, opacity 0.25s linear 0s;

    background-color: #5DAB9A;

}

.brands-menu.opened .brands-menu-list::after{

    transform: translateX(-50%) scaleX(1);

    transition: transform 0.3s linear 0.3s;

}

.brands-menu .brands-menu-list .brands-menu-group{

    display: block;

    position: absolute;

    top: 2.8em;

}

.brands-menu .brands-menu-list .brands-menu-group:first-child{

    left: 0;

    transform: translateX(-100%) translateY(-50%);

}

.brands-menu .brands-menu-list .brands-menu-group:last-child{

    right: 0;

    transform: translateX(100%) translateY(-50%);

}

.brands-menu .brands-menu-list .brands-menu-group .group-name{

    max-height: 0;

    font-size: 1.7em;

    font-weight: 600;

    line-height: 1;

    text-transform: uppercase;

    text-decoration: none;

    padding: 0 1em;

    color: #595959;

    overflow-y: hidden;

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: 200% 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 200% 100%;

    mask-position: 200% 0;

    mask-repeat: no-repeat;

    transition: mask-position 0.3s linear 0s, -webkit-mask-position 0.3s linear 0s, opacity 0.25s linear 0s, max-height 0s linear 0.6s, color 0.5s linear;

    cursor: pointer;

}

.brands-menu.opened .brands-menu-list .brands-menu-group .group-name{

    max-height: 100vh;
    
    max-height: var(--app-height);

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

    transition: mask-position 0.3s linear 0.6s, -webkit-mask-position 0.5s linear 0.6s, max-height 0s linear 0s, color 0.5s linear;

}

.brands-menu .brands-menu-list .brands-menu-group.active .group-name{

    color: #5DAB9A;

}

.brands-menu .brands-menu-list .brands-menu-group:first-child .group-name{

    -webkit-mask-image: linear-gradient(235deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-position: -100% 0;

    mask-image: linear-gradient(235deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-position: -100% 0;

}

.brands-menu.opened .brands-menu-list .brands-menu-group:first-child .group-name{

    -webkit-mask-position: 100% 0;

    mask-position: 100% 0;

}

.brands-menu .brands-menu-list .brands-menu-group .group-list{

    position: absolute;

    right: 50%;

    text-align: right;

    padding-top: 1.2em;

    opacity: 0;

    transition: opacity 0.5s linear;

}

.brands-menu .brands-menu-list .brands-menu-group.active .group-list{

    opacity: 1;

}

.brands-menu .brands-menu-list .brands-menu-group .group-list li{

    position: relative;

    padding-top: 0.8em;

}

.brands-menu .brands-menu-list .brands-menu-group .group-list li::before{

    position: absolute;

    content: '';

    width: 1px;

    height: 100%;

    right: 0;

    bottom: 25%;

    background-color: #5DAB9A;

    transform: translateY(-50%) scaleY(0);

    transition: transform 0.15s linear 0.3s, opacity 0.125s linear 0s;

}

.brands-menu .brands-menu-list .brands-menu-group .group-list li.show::before{

    transform: translateY(0) scaleY(1);

    transition: transform 0.15s linear 0s;

}

.brands-menu .brands-menu-list .brands-menu-group .group-list li::after{

    position: absolute;

    content: '';

    width: 1em;

    height: 1px;

    right: 0;

    bottom: 25%;

    background-color: #5DAB9A;

    transform: translateX(50%) scaleX(0);

    transition: transform 0.15s linear 0.15s, opacity 0.125s linear 0s;

}

.brands-menu .brands-menu-list .brands-menu-group .group-list li.show::after{

    transform: translateX(0) scaleX(1);

    transition: transform 0.15s linear 0.15s;

}

.brands-menu .brands-menu-list .brands-menu-group .group-list li a{

    display: block;

    max-width: 0;

    max-height: 0;

    font-size: 1.7em;

    font-weight: 600;

    line-height: 1.2;

    text-transform: uppercase;

    text-decoration: none;

    padding: 0 1em;

    color: #595959;

    white-space: nowrap;

    overflow-y: hidden;

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(235deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: -100% 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(235deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 200% 100%;

    mask-position: -100% 0;

    mask-repeat: no-repeat;

    transition: mask-position 0.15s linear 0s, -webkit-mask-position 0.15s linear 0s, opacity 0.125s linear 0s, max-width 0s linear 0.6s, max-height 0s linear 0.6s;

}

.brands-menu .brands-menu-list .brands-menu-group .group-list li.show a{

    max-width: 100vw;

    max-height: 100vh;
    
    max-height: var(--app-height);

    -webkit-mask-position: 100% 0;

    mask-position: 100% 0;

    transition: mask-position 0.15s linear 0.3s, -webkit-mask-position 0.25s linear 0.3s, max-width 0s linear 0s, max-height 0s linear 0s;

}

.brands-menu .brands-menu-list .brands-menu-group .group-list li.active a{

    color: #5DAB9A;

}





.portfelj-content{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100vw;

    height: 100vh;
    
    height: var(--app-height);

    background-color: rgba(233, 243, 240, 0);

    transform: translateY(100%);

    overflow: hidden;

}

.portfelj-content.show{

    background-color: rgba(233, 243, 240, 1);

    transform: translateY(0);

    transition: background 0.5s linear;

}

body.portfelj-opened .portfelj-content{

    background-color: rgba(233, 243, 240, 1)!important;

    transform: translateY(0)!important;

}

.portfelj-content.close{

    width: 0;

    transition: width 0.5s linear;

}

.portfelj-content .page-video{

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;
    
    height: var(--app-height);

    z-index: -1;

    opacity: 0;

    object-fit: cover;

    object-position: center;

}

.portfelj-content.show .page-video{

    opacity: 1;

    transition: opacity 0.4s linear 0.1s;

}

.brands-list{

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    width: 100vw;

    height: 100vh;
    
    height: var(--app-height);

}

.brands-list .brand{

    position: static;

    width: 0;

    height: 0;

    opacity: 0;

    transition: all 0.5s linear;

}

.brands-list .brand.loading{

    display: none;

}

.brands-list.cat-view .brand.visible{

    position: relative;

    width: 20.6em;

    height: 26.4em;

    opacity: 1;

}

.brands-list.hovered-items .brand.visible{

    opacity: 0.2!important;

}

.brands-list.hovered-items .brand.visible.hovered{

    opacity: 1!important;

}

.brands-list .brand.inactive{

    width: 0!important;

    height: 0!important;

    opacity: 0!important;

}

.brands-list .brand > .box{

    display: flex;

    position: absolute;

    width: 15.6em;

    height: 26.4em;

    top: 0;

    left: 0;

    top: 50%;

    left: 50%;

    margin-left: -7.8em;

    margin-top: -13.2em;

    transform: scaleX(0.05) scaleY(0.05);

}

.brands-list.cat-view .brand > .box{

    width: 15.6em!important;

    height: 26.4em!important;

}

.brands-list.expanded .brand > .box{

    transform: scaleX(0.1) scaleY(0.1);

    transition: transform 0.5s;

}

.brands-list.cat-view .brand.visible > .box{

    transform: scaleX(1) scaleY(1)!important;

}

.brands-list.cat-view .brand.inactive > .box{

    transform: scaleX(0) scaleY(0)!important;

}

.brands-list .brand .box .animation{

    position: relative;

    width: 100%;

    height: 100%;

}

.brands-list.cat-view .brand.visible > .box .animation{

    animation: none!important;

}

.brands-list .brand .bg{

    position: absolute;

    width: 123%;

    height: 123%;

    top: -9%;

    left: -6%;

    background-image: url(images/portfelj-brand-bg.png);

    /*background-image: url(images/portfelj-brand-bg.svg);*/

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    opacity: 0.6;

}

.brands-list.expanded .brand .bg{

    opacity: 1;

    transition: opacity 0.25s;

}

.brands-list .brand .shadow{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0%;

    background-image: url(images/portfelj-brand-shadow.png);

    /*background-image: url(images/portfelj-brand-shadow.svg);*/

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

}

.brands-list .brand .link{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0%;

    cursor: pointer;

}

.brands-list .brand .desc{

    position: absolute;

    left: 50%;

    top: 100%;

    transform: translateX(-50%);

    width: 250%;

    max-width: 0;

    max-height: 0;

    font-size: 2em;

    font-weight: 300;

    font-style: italic;

    line-height: 1.2;

    margin-top: 2.3em;

    color: #5DAB9A;

    overflow: hidden;

    opacity: 0;

    transition: opacity 0.5s linear, max-width 0s linear 0.5s, max-height 0s linear 0.5s;

}

.brands-list.cat-view .brand.hovered .desc{

    max-width: 250%;

    max-height: 100vh;
    
    max-height: var(--app-height);

    opacity: 1;

    transition: opacity 0.5s linear, max-width 0s linear 0s, max-height 0s linear 0s;

}

.brands-list .brand .desc strong{

    font-weight: 600;

}

.brands-list .brand .image{

    position: relative;

    width: 100%;

    margin-top: 10%;

    padding-top: 100%;

}

.brands-list .brand .image img{

    position: absolute;

    width: 90%;

    height: 90%;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    object-fit: contain;

    object-position: center;

    opacity: 0.9;

}



.brands-list .brand.visible[data-order="1"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="1"] > .box{

    transform: translateX(-3vw) translateY(-1.2vh) scaleX(0.75) scaleY(0.65) rotate(15deg);

    z-index: 99;

}

.brands-list.expanded .brand.visible[data-order="1"] > .box{

    transform: translateX(-30vw) translateY(-12vh) scaleX(1.5) scaleY(1.3) rotate(15deg);

}

.brands-list.expanded .brand.visible[data-order="1"] > .box .animation{

    animation: brand-float-1 20s linear infinite;

}

@keyframes brand-float-1{

    0%{

        transform: translateX(60%) translateY(0) rotate(-30deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(60%) translateY(0) rotate(-30deg);

    }

}



.brands-list .brand.visible[data-order="2"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="2"] > .box{

    transform: translateX(-2.2vw) translateY(-3.2vh) scaleX(0.75) scaleY(0.75) rotate(-5deg);

    z-index: 98;

}

.brands-list.expanded .brand.visible[data-order="2"] > .box{

    transform: translateX(22vw) translateY(-32vh) scaleX(1.5) scaleY(1.5) rotate(-5deg);

}

.brands-list.expanded .brand.visible[data-order="2"] > .box .animation{

    animation: brand-float-2 20s linear infinite;

}

@keyframes brand-float-2{

    0%{

        transform: translateX(-50%) translateY(20%) rotate(-30deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(-50%) translateY(20%) rotate(-30deg);

    }

}



.brands-list .brand.visible[data-order="3"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="3"] > .box{

    transform: translateX(4.4vw) translateY(1.2vh) scaleX(0.75) scaleY(0.75) rotate(45deg);

    z-index: 97;

}

.brands-list.expanded .brand.visible[data-order="3"] > .box{

    transform: translateX(44vw) translateY(12vh) scaleX(1.5) scaleY(1.5) rotate(45deg);

}

.brands-list.expanded .brand.visible[data-order="3"] > .box .animation{

    animation: brand-float-3 20s linear infinite;

}

@keyframes brand-float-3{

    0%{

        transform: translateX(-40%) translateY(20%) rotate(-30deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(-40%) translateY(20%) rotate(-30deg);

    }

}



.brands-list .brand.visible[data-order="4"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="4"] > .box{

    transform: translateX(4.5vw) translateY(3.2vh) scaleX(0.5) scaleY(0.55) rotate(-105deg);

    z-index: 96;

}

.brands-list.expanded .brand.visible[data-order="4"] > .box{

    transform: translateX(-45vw) translateY(-32vh) scaleX(1) scaleY(1.1) rotate(-105deg);

}

.brands-list.expanded .brand.visible[data-order="4"] > .box .animation{

    animation: brand-float-4 20s linear infinite;

}

@keyframes brand-float-4{

    0%{

        transform: translateX(-80%) translateY(50%) rotate(90deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(-80%) translateY(50%) rotate(90deg);

    }

}



.brands-list .brand.visible[data-order="5"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="5"] > .box{

    transform: translateX(0.5vw) translateY(2.2vh) scaleX(0.3) scaleY(0.3) rotate(0);

    z-index: 95;

}

.brands-list.expanded .brand.visible[data-order="5"] > .box{

    transform: translateX(-5vw) translateY(-22vh) scaleX(0.6) scaleY(0.6) rotate(0);

}

.brands-list.expanded .brand.visible[data-order="5"] > .box .animation{

    animation: brand-float-5 20s linear infinite;

}

@keyframes brand-float-5{

    0%{

        transform: translateX(50%) translateY(50%) rotate(-60deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(50%) translateY(50%) rotate(-60deg);

    }

}



.brands-list .brand.visible[data-order="6"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="6"] > .box{

    transform: translateX(-2vw) translateY(-3.8vh) scaleX(0.275) scaleY(0.25) rotate(-15deg);

    z-index: 94;

}

.brands-list.expanded .brand.visible[data-order="6"] > .box{

    transform: translateX(-20vw) translateY(-38vh) scaleX(0.55) scaleY(0.5) rotate(-15deg);

}

.brands-list.expanded .brand.visible[data-order="6"] > .box .animation{

    animation: brand-float-6 20s linear infinite;

}

@keyframes brand-float-6{

    0%{

        transform: translateX(100%) translateY(50%) rotate(-40deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(100%) translateY(50%) rotate(-40deg);

    }

}



.brands-list .brand.visible[data-order="7"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="7"] > .box{

    transform: translateX(0.8vw) translateY(0.5vh) scaleX(0.325) scaleY(0.3) rotate(-15deg);

    z-index: 93;

}

.brands-list.expanded .brand.visible[data-order="7"] > .box{

    transform: translateX(8vw) translateY(5vh) scaleX(0.65) scaleY(0.6) rotate(-15deg);

}

.brands-list.expanded .brand.visible[data-order="7"] > .box .animation{

    animation: brand-float-7 20s linear infinite;

}

@keyframes brand-float-7{

    0%{

        transform: translateX(-50%) translateY(-20%) rotate(-30deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(-50%) translateY(-20%) rotate(-30deg);

    }

}





.brands-list .brand.visible[data-order="8"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="8"] > .box{

    transform: translateX(-3.6vw) translateY(2vh) scaleX(0.275) scaleY(0.25) rotate(-15deg);

    z-index: 92;

}

.brands-list.expanded .brand.visible[data-order="8"] > .box{

    transform: translateX(-36vw) translateY(20vh) scaleX(0.55) scaleY(0.5) rotate(-15deg);

}

.brands-list.expanded .brand.visible[data-order="8"] > .box .animation{

    animation: brand-float-8 20s linear infinite;

}

@keyframes brand-float-8{

    0%{

        transform: translateX(100%) translateY(50%) rotate(-45deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(100%) translateY(50%) rotate(-45deg);

    }

}



.brands-list .brand.visible[data-order="9"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="9"] > .box{

    transform: translateX(3.2vw) translateY(-0.9vh) scaleX(0.275) scaleY(0.25) rotate(30deg);

    z-index: 91;

}

.brands-list.expanded .brand.visible[data-order="9"] > .box{

    transform: translateX(32vw) translateY(-9vh) scaleX(0.55) scaleY(0.5) rotate(30deg);

}

.brands-list.expanded .brand.visible[data-order="9"] > .box .animation{

    animation: brand-float-9 20s linear infinite;

}

@keyframes brand-float-9{

    0%{

        transform: translateX(-50%) translateY(50%) rotate(-30deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(-50%) translateY(50%) rotate(-30deg);

    }

}



.brands-list .brand.visible[data-order="10"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="10"] > .box{

    transform: translateX(-0.2vw) translateY(4.5vh) scaleX(0.275) scaleY(0.25) rotate(-16deg);

    z-index: 90;

}

.brands-list.expanded .brand.visible[data-order="10"] > .box{

    transform: translateX(-2vw) translateY(45vh) scaleX(0.55) scaleY(0.5) rotate(-16deg);

}

.brands-list.expanded .brand.visible[data-order="10"] > .box .animation{

    animation: brand-float-10 20s linear infinite;

}

@keyframes brand-float-10{

    0%{

        transform: translateX(0) translateY(-80%) rotate(-40deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(0) translateY(-80%) rotate(-40deg);

    }

}



.brands-list .brand.visible[data-order="11"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="11"] > .box{

    transform: translateX(0.2vw) translateY(2.7vh) scaleX(0.175) scaleY(0.175) rotate(50deg);

    z-index: 89;

}

.brands-list.expanded .brand.visible[data-order="11"] > .box{

    transform: translateX(2vw) translateY(27vh) scaleX(0.35) scaleY(0.35) rotate(50deg);

}

.brands-list.expanded .brand.visible[data-order="11"] > .box .animation{

    animation: brand-float-11 20s linear infinite;

}

@keyframes brand-float-11{

    0%{

        transform: translateX(-50%) translateY(-50%) rotate(-30deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(-50%) translateY(-50%) rotate(-30deg);

    }

}



.brands-list .brand.visible[data-order="12"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="12"] > .box{

    transform: translateX(-1.8vw) translateY(0.9vh) scaleX(0.125) scaleY(0.125) rotate(-110deg);

    z-index: 88;

}

.brands-list.expanded .brand.visible[data-order="12"] > .box{

    transform: translateX(-18vw) translateY(9vh) scaleX(0.25) scaleY(0.25) rotate(-110deg);

}

.brands-list.expanded .brand.visible[data-order="12"] > .box .animation{

    animation: brand-float-12 20s linear infinite;

}

@keyframes brand-float-12{

    0%{

        transform: translateX(-150%) translateY(20%) rotate(105deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(-150%) translateY(20%) rotate(105deg);

    }

}



.brands-list .brand.visible[data-order="13"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="13"] > .box{

    transform: translateX(3vw) translateY(1vh) scaleX(0.125) scaleY(0.125) rotate(-50deg);

    z-index: 87;

}

.brands-list.expanded .brand.visible[data-order="13"] > .box{

    transform: translateX(30vw) translateY(10vh) scaleX(0.25) scaleY(0.25) rotate(-50deg);

}

.brands-list.expanded .brand.visible[data-order="13"] > .box .animation{

    animation: brand-float-13 20s linear infinite;

}

@keyframes brand-float-13{

    0%{

        transform: translateX(-400%) translateY(-50%) rotate(-35deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(-400%) translateY(-50%) rotate(-35deg);

    }

}



.brands-list .brand.visible[data-order="14"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="14"] > .box{

    transform: translateX(1.9vw) translateY(0.3vh) scaleX(0.1) scaleY(0.1) rotate(0);

    z-index: 87;

}

.brands-list.expanded .brand.visible[data-order="14"] > .box{

    transform: translateX(19vw) translateY(3vh) scaleX(0.2) scaleY(0.2) rotate(0);

}

.brands-list.expanded .brand.visible[data-order="14"] > .box .animation{

    animation: brand-float-14 20s linear infinite;

}

@keyframes brand-float-14{

    0%{

        transform: translateX(50%) translateY(100%) rotate(-30deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(50%) translateY(100%) rotate(-30deg);

    }

}



.brands-list .brand.visible[data-order="15"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="15"] > .box{

    transform: translateX(-2vw) translateY(0.32vh) scaleX(0.075) scaleY(0.075) rotate(10deg);

    z-index: 87;

}

.brands-list.expanded .brand.visible[data-order="15"] > .box{

    transform: translateX(-20vw) translateY(32vh) scaleX(0.15) scaleY(0.15) rotate(10deg);

}

.brands-list.expanded .brand.visible[data-order="15"] > .box .animation{

    animation: brand-float-15 20s linear infinite;

}

@keyframes brand-float-15{

    0%{

        transform: translateX(300%) translateY(-20%) rotate(-30deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(300%) translateY(-20%) rotate(-30deg);

    }

}



.brands-list .brand.visible[data-order="16"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="16"] > .box{

    transform: translateX(2.7vw) translateY(-0.1vh) scaleX(0.075) scaleY(0.075) rotate(-80deg);

    z-index: 87;

}

.brands-list.expanded .brand.visible[data-order="16"] > .box{

    transform: translateX(27vw) translateY(-10vh) scaleX(0.15) scaleY(0.15) rotate(-80deg);

}

.brands-list.expanded .brand.visible[data-order="16"] > .box .animation{

    animation: brand-float-16 20s linear infinite;

}


@keyframes brand-float-16{

    0%{

        transform: translateX(-400%) translateY(-100%) rotate(-30deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(-400%) translateY(-100%) rotate(-30deg);

    }

}



.brands-list .brand.visible[data-order="17"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="17"] > .box{

    transform: translateX(-4.5vw) translateY(4.2vh) scaleX(0.075) scaleY(0.075) rotate(-125deg);

    z-index: 87;

}

.brands-list.expanded .brand.visible[data-order="17"] > .box{

    transform: translateX(-45vw) translateY(42vh) scaleX(0.15) scaleY(0.15) rotate(-125deg);

}

.brands-list.expanded .brand.visible[data-order="17"] > .box .animation{

    animation: brand-float-17 20s linear infinite;

}

@keyframes brand-float-17{

    0%{

        transform: translateX(-700%) translateY(900%) rotate(-30deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(-700%) translateY(900%) rotate(-30deg);

    }

}



.brands-list .brand.visible[data-order="18"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="18"] > .box{

    transform: translateX(-0.4vw) translateY(-0.1vh) scaleX(0.05) scaleY(0.05) rotate(-35deg);

    z-index: 87;

}

.brands-list.expanded .brand.visible[data-order="18"] > .box{

    transform: translateX(-4vw) translateY(-1vh) scaleX(0.1) scaleY(0.1) rotate(-35deg);

}

.brands-list.expanded .brand.visible[data-order="18"] > .box .animation{

    animation: brand-float-18 20s linear infinite;

}

@keyframes brand-float-18{

    0%{

        transform: translateX(-500%) translateY(-300%) rotate(80deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(-500%) translateY(-300%) rotate(80deg);

    }

}



.brands-list .brand.visible[data-order="19"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="19"] > .box{

    transform: translateX(-1.6vw) translateY(-2.6vh) scaleX(0.05) scaleY(0.05) rotate(30deg);

    z-index: 87;

}

.brands-list.expanded .brand.visible[data-order="19"] > .box{

    transform: translateX(-16vw) translateY(-26vh) scaleX(0.1) scaleY(0.1) rotate(30deg);

}

.brands-list.expanded .brand.visible[data-order="19"] > .box .animation{

    animation: brand-float-19 20s linear infinite;

}

@keyframes brand-float-19{

    0%{

        transform: translateX(500%) translateY(250%) rotate(-60deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(500%) translateY(250%) rotate(-60deg);

    }

}



.brands-list .brand.visible[data-order="20"]{

    opacity: 1;

}

.brands-list .brand.visible[data-order="20"] > .box{

    transform: translateX(3.8vw) translateY(4vh) scaleX(0.05) scaleY(0.05) rotate(10deg);

    z-index: 87;

}

.brands-list.expanded .brand.visible[data-order="20"] > .box{

    transform: translateX(38vw) translateY(40vh) scaleX(0.1) scaleY(0.1) rotate(10deg);

}

.brands-list.expanded .brand.visible[data-order="20"] > .box .animation{

    animation: brand-float-20 20s linear infinite;

}

@keyframes brand-float-20{

    0%{

        transform: translateX(-1500%) translateY(-100%) rotate(-60deg);

    }

    50%{

        transform: translateX(0) translateY(0) rotate(0);

    }

    100%{

        transform: translateX(-1500%) translateY(-100%) rotate(-60deg);

    }

}



.brands-list .arrow{

    position: absolute;

    top: 50%;

    max-width: 0;

    max-height: 0;

    width: 1.3em;

    height: 3.8em;

    transform: translateY(-50%);

    background-color: #5DAB9A;

    opacity: 0;

    cursor: pointer;

    z-index: 9999999;

    transition: opacity 0.5s linear 0s, max-width 0s linear 0.5s, max-height 0s linear 0.5s;

}

.brands-list.cat-view .arrow{

    max-width: 100vw;

    max-height: 100vh;
    
    max-height: var(--app-height);

    opacity: 1;

    transition: opacity 0.5s linear 0s, max-width 0s linear 0s, max-height 0s linear 0s;

}

.brands-list.cat-view .arrow.disabled{

    opacity: 0.4;

    cursor: default;

}

.brands-list .arrow.arrow-prev{

    left: 9em;

    -webkit-mask: url(images/icon-slide-left.svg) center;

    -webkit-mask-size: contain;

    mask: url(images/icon-slide-left.svg) center;

    mask-size: contain;

}

.brands-list .arrow.arrow-next{

    right: 9em;

    -webkit-mask: url(images/icon-slide-right.svg) center;

    -webkit-mask-size: contain;

    mask: url(images/icon-slide-right.svg) center;

    mask-size: contain;

}



.benefit-box{

    display: flex;

    flex-wrap: wrap;

    position: relative;

    width: calc(90vw * 0.52 + (100vw - 90vw) / 2 - 10%);

    max-width: calc(133.3em * 0.52 + (100vw - 133.3em) / 2 - 10%);

    margin-top: -5%;

    margin-left: 10%;

}

.benefit-box .benefit{

    position: relative;

    width: 50%;

    text-align: center;

    padding-top: 30%;

}

.benefit-box .benefit.show{

    animation: text-show 1s linear;

}

.benefit-box .benefit .icon{

    position: absolute;

    top: 40%;

    left: 50%;

    width: 80%;

    padding-top: 40%;

    transform: translateX(-50%) translateY(-50%);

}

.benefit-box .benefit .icon img{

    top: 0;

    left: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: contain;

    object-position: center;

}

.benefit-box .benefit .label{

    position: absolute;

    top: 50%;

    left: 50%;

    width: 90%;

    max-width: 17.22222em;

    font-size: 1.8em;

    line-height: 1.22222em;

    margin-top: 3.88888em;

    color: #5DAB9A;

    transform: translateX(-50%);

}

.benefit-box .line{

    position: absolute;

    background: #5DAB9A;

}

.benefit-box .line.show{

    transform: translateX(0) translateY(0) scaleX(1) scaleY(1)!important;

    transition: transform 0.5s linear;

}

.benefit-box .line-1{

    top: 0;

    left: 0;

    width: 50%;

    height: 1px;

    transform: translateX(50%) translateY(0) scaleX(0) scaleY(1);

}

.benefit-box .line-2{

    top: 0;

    left: 50%;

    width: 50%;

    height: 1px;

    transform: translateX(-50%) translateY(0) scaleX(0) scaleY(1);

}

.benefit-box .line-3{

    top: 0;

    left: 50%;

    width: 1px;

    height: 50%;

    transform: translateX(0) translateY(-50%) scaleX(1) scaleY(0);

}

.benefit-box .line-4{

    top: 0;

    left: 0;

    width: 1px;

    height: 50%;

    transform: translateX(0) translateY(-50%) scaleX(1) scaleY(0);

}

.benefit-box .line-5{

    top: 50%;

    left: 0;

    width: 50%;

    height: 1px;

    transform: translateX(50%) translateY(0) scaleX(0) scaleY(1);

}

.benefit-box .line-6{

    top: 50%;

    left: 50%;

    width: 50%;

    height: 1px;

    transform: translateX(-50%) translateY(0) scaleX(0) scaleY(1);

}

.benefit-box .line-7{

    top: 50%;

    left: 50%;

    width: 1px;

    height: 50%;

    transform: translateX(0) translateY(-50%) scaleX(1) scaleY(0);

}

.benefit-box .line-8{

    top: 50%;

    left: 0;

    width: 1px;

    height: 50%;

    transform: translateX(0) translateY(-50%) scaleX(1) scaleY(0);

}

.benefit-box .line-9{

    top: 100%;

    left: 0;

    width: 50%;

    height: 1px;

    transform: translateX(50%) translateY(0) scaleX(0) scaleY(1);

}

.benefit-box .line-10{

    top: 100%;

    left: 50%;

    width: 50%;

    height: 1px;

    transform: translateX(-50%) translateY(0) scaleX(0) scaleY(1);

}

.benefit-box .line-11{

    top: 0;

    left: 100%;

    width: 1px;

    height: 50%;

    transform: translateX(0) translateY(-50%) scaleX(1) scaleY(0);

}

.benefit-box .line-12{

    top: 50%;

    left: 100%;

    width: 1px;

    height: 50%;

    transform: translateX(0) translateY(-50%) scaleX(1) scaleY(0);

}



main.about-us, main.about-history, main.about-us, main.carrer-culture{

    background-image: url(images/bg-about.png);

    background-repeat: no-repeat;

    background-size: 102.6% auto;

    background-position: 0 4.06%;

}

main.about-tma, main.about-management .slide-section{

    background-image: url(images/bg-default.png);

    background-repeat: no-repeat;

    background-size: 101.5% auto;

    background-position: left -50vh;

}

main.purchase{

    background-image: url(images/bg-default.png);

    background-repeat: no-repeat;

    background-size: 101.5% auto;

    background-position: 0 16em;

}

main.responsibility, main.carrer-edu, main.carrer-importance{

    background-image: url(images/bg-default.png);

    background-repeat: no-repeat;

    background-size: 101.5% auto;

    background-position: left 4.06%;

}



.next-slide-button{

    position: absolute;

    left: 100vw;

    margin-left: -18em;

    bottom: 6em;

    z-index: 2;

    cursor: pointer;

    opacity: 1;

    transition: opacity 0.5s;

}

body.footer-opened .next-slide-button{

    opacity: 0;

}

.next-slide-button .wide{

    position: absolute;

    left: -0.75em;

    top: -0.75em;

}

.next-slide-button .icon{

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 0px;

    height: 1.4em;

    margin-top: -0.8em;

    margin-left: -2em;

    -webkit-mask: url(images/icon-home-next.svg) left no-repeat;

    -webkit-mask-size: auto 100%;

    mask: url(images/icon-home-next.svg) left no-repeat;

    mask-size: auto 100%;

    background-color: #5DAB9A;

}

.next-slide-button.show .icon{

    width: 4em;

    animation: slide-next-show 0.5s;

}



.page-bg{

    position: absolute;

    width: 100vw;

    height: 60vw;

    min-height: var(--app-height);

    right: 0;

    bottom: 0;

    z-index: -1;

}

.customize-support .page-bg{

    height: calc(100vh - 32px);

    height: calc(var(--app-height) - 32px);

}



.page-bg.finance{

    width: 110vw;

    right: -20vw;

    bottom: -14vw;

    /*-webkit-mask: url(images/bg-finance.svg) right bottom no-repeat;

    -webkit-mask-size: 100% auto;

    mask: url(images/bg-finance.svg) right bottom no-repeat;

    mask-size: 100% auto;

    background-color: #5DAB9A;*/

    background: url(images/bg-finance.png) right bottom no-repeat;

    background-size: 100% auto;

}

body.finance-animate .page-bg.finance{

    animation: page-bg-finance 25s infinite;

    animation-delay 1s;

    animation-timing-function: linear;

}



.page-bg.invest{

    width: 100vw;

    right: -20vw;

    bottom: -10vw;

    /*-webkit-mask: url(images/bg-finance.svg) right bottom no-repeat;

    -webkit-mask-size: 100% auto;

    mask: url(images/bg-finance.svg) right bottom no-repeat;

    mask-size: 100% auto;

    background-color: #5DAB9A;*/

    background: url(images/bg-invest.png) right bottom no-repeat;

    background-size: 100% auto;

}

body.invest-animate .page-bg.invest{

    animation: page-bg-finance 25s infinite;

    animation-delay 1s;

    animation-timing-function: linear;

}



.page-bg.dna-top, .page-bg.dna-bottom{

    width: 110vw;

    height: 52.596vw;

    right: -5vw;

    bottom: -27vh;

    /*-webkit-mask: url(images/bg-dna.svg) right bottom no-repeat;

    -webkit-mask-size: 100% auto;

    mask: url(images/bg-dna.svg) right bottom no-repeat;

    mask-size: 100% auto;

    background-color: #5DAB9A;*/

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

    background-size: 100% auto;

}

.page-bg.dna-top{

    bottom: 73vh;

}

.customize-support .page-bg.dna-top{

    bottom: calc(73vh - 32px);

}

body.dna-bottom-animate .page-bg.dna-top, body.dna-bottom-animate .page-bg.dna-bottom{

    animation: page-bg-dna 25s infinite;

    animation-timing-function: linear;

}



.fortenova-popup{

    display: none;

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100vw;

    height: 100vh;

    height: var(--app-height);
    
    height: -webkit-fill-available;

    z-index: 997;

    transform: translateX(-100%);

    opacity: 0;

    overflow: hidden;

}

.fortenova-popup.active{

    display: block;

}

body.popup-opened .fortenova-popup.active{

    transform: translateX(0);

    opacity: 1;

    animation: menu-open 0.5s;

}

body.popup-portfelj-opened .fortenova-popup{

    transform: translateX(0);

}

body.popup-portfelj-opened .fortenova-popup.active{

    animation: none!important;

}

body.popup-closed .fortenova-popup.active{

    transform: translateX(0);

    opacity: 1;

    animation: menu-close 0.5s;

}

body.customize-support .fortenova-popup{

    height: calc(100vh - 32px);

    height: calc(var(--app-height) - 32px);

}

.fortenova-popup.popup-news.active{

    display: block;

    opacity: 1;

    transform: translateX(0);

    cursor: default;

    overflow: hidden;
    
    background: #fff;

}

body.popup-opened main > .scrollbar-hidden, body.popup-closed main > .scrollbar-hidden{

    -webkit-mask: none;

    mask: none;

}

body.popup-opened main > .scrollbar-hidden::after, body.popup-closed main > .scrollbar-hidden::after{

    display: block;

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-background-image: linear-gradient(180deg, rgba(230, 242, 239, 1) 10em, rgba(255, 255, 255, 0) 18em);

    background-image: linear-gradient(180deg, rgba(230, 242, 239, 1) 10em, rgba(255, 255, 255, 0) 18em);

}

body.popup-opened .fortenova-popup.popup-news.active{

    animation: none;

}

.fortenova-popup.home-activities, .fortenova-popup.about-us, .fortenova-popup.default{

    background-color: rgba(93, 171, 154, 0.98);

}

.fortenova-popup.default .popup-image-right{

    float: right;

    width: 50%;

    height: 15em;

    margin: auto;

    padding: 1em 0;

}

.fortenova-popup.default .popup-image-right img{

    width: 100%;

    height: 100%;

    object-fit: contain;

    object-position: center;

}

body .fortenova-popup .box{

    width: 100vw;

    height: 100%;

}

.fortenova-popup .box .container{

    padding-top: 15em;

}

.fortenova-popup.popup-news .popup-image {

    position: relative;

    overflow: hidden;

    object-fit: cover;

}

body.news-popup-animation .fortenova-popup.popup-news .popup-image {

    position: fixed;

    width: 40vw !important;

    height: 100vh;
    
    height: var(--app-height);

    left: 0px;

    top: 0px;

    /*background: #5DAB9A;*/

    transition: width 0.5s linear;

}

.fortenova-popup.popup-news .popup-image > img, .fortenova-popup.popup-news .popup-image > picture > img {

    width: 100%;

    height: 120%;
    
    margin-top: -10vh;

    object-fit: contain;

    object-position: center;

}

.fortenova-popup.popup-news .popup-image .popup-thumbs{

    display: flex;

    justify-content: center;

    position: absolute;

    width: auto;

    max-width: 86%;

    left: 50%;

    transform: translateX(-50%) translateY(-100%);

    bottom: 11em;

    opacity: 0;

}

body.news-popup-animation .fortenova-popup.popup-news .popup-image .popup-thumbs{

    transform: translateX(-50%) translateY(0);

    opacity: 1;

    transition: opacity 0.5s linear 0.5s;

}

.fortenova-popup.popup-news .popup-image .popup-thumbs .popup-thumb{

    position: relative;

    width: 13.2em;

    height: 9.5em;

    margin: 0 1em;

    background: #BFBFBF;

    box-shadow: 5px 5px 10px rgba(0,0,0,0.4);

    cursor: pointer;

}

.fortenova-popup.popup-news .popup-image .popup-thumbs .popup-thumb > img, .fortenova-popup.popup-news .popup-image .popup-thumbs .popup-thumb > picture > img{

    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}

.fortenova-popup.popup-news .popup-image .popup-thumbs .arrow{

    position: absolute;

    top: 50%;

    width: 1.3em;

    height: 3.8em;

    background-color: #fff;

    cursor: pointer;

}

.fortenova-popup.popup-news .popup-image .popup-thumbs .arrow.arrow-prev{

    left: -1.5em;

    -webkit-mask: url(images/icon-slide-left.svg) center;

    -webkit-mask-size: contain;

    mask: url(images/icon-slide-left.svg) center;

    mask-size: contain;

    transform: translateX(-100%) translateY(-50%);

}

.fortenova-popup.popup-news .popup-image .popup-thumbs .arrow.arrow-next{

    right: -1.5em;

    -webkit-mask: url(images/icon-slide-right.svg) center;

    -webkit-mask-size: contain;

    mask: url(images/icon-slide-right.svg) center;

    mask-size: contain;

    transform: translateX(100%) translateY(-50%);

}

.fortenova-popup.popup-news.active .right {

    margin-left: 3em;

    margin-right: 4em;

    display: flex;

    flex-direction: column;

    width: 60vw;

    height: 100vh;
    
    height: var(--app-height);

    margin-left: 40vw;

    /*background: #fff;*/

    transform: translateX(100%);

}

.fortenova-popup.popup-news.active::before{

    display: block;

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(93, 171, 154, 0.15);

    background-image: url(images/bg-about.png);

    background-repeat: no-repeat;

    background-size: 102.6vw auto;

    background-position: right -4.06vh;

}

body.news-popup-animation .fortenova-popup.popup-news.active .right {

    transform: translateX(0);

    transition: transform 0.5s linear;

}

.fortenova-popup.popup-news .right .box {

    display: flex;

    flex-direction: column;

    position: relative;

    width: calc(54vw - (100vw - 90vw) / 2);

    max-width: calc(54vw - (100vw - 133.3em) / 2);

    height: 100%;

    margin-left: 6vw;

    padding-top: 17em;

    padding-bottom: 5em;

    box-sizing: border-box;

}

.fortenova-popup.popup-news .popup-title-box{

    color: #595959;

}

.fortenova-popup.popup-news .popup-category{

    font-size: 1.6em;

    font-weight: bold;

    line-height: 3;

    text-transform: uppercase;

}

.fortenova-popup.popup-news .popup-title{

    font-size: 4.4em;

    line-height: 1.27272727em;

    margin-bottom: 0.1em;

    color: #595959;

}

.fortenova-popup.popup-news .popup-date{

    font-size: 2.4em;

    font-weight: bold;

    line-height: 1.5;

}

.fortenova-popup.popup-news .popup-content{

    font-weight: 300;

    margin-top: 1.66em;

    color: #595959;

}

.fortenova-popup.popup-news .popup-content p{

    transform: none;

    -webkit-mask:none;

    mask: none;

}

.fortenova-popup.popup-news .popup-content img{

    max-width: 90%;

    height: auto;

}

.fortenova-popup.popup-news .popup-content strong{

    font-weight: 600;

}

.fortenova-popup.popup-news .popup-content strong:first-child{

    font-size: 1em;

}

.fortenova-popup .popup-content a{

    text-decoration: none;

    color: rgba(255,255,255,1);

}

.fortenova-popup .popup-content p a{
    text-decoration: underline;
}

.fortenova-popup .popup-content a:hover{

    color: rgba(255,255,255,0.6);

}

.fortenova-popup.popup-news .popup-content a{

    text-decoration: none;

    color: #5DAB9A;

}

.fortenova-popup.popup-news .popup-content a:hover{

    color: #565656;

}



.fortenova-popup.home-activities .box .container{

    display: flex;

    /*height: 100%;

    padding-top: var(--activities-top);

    padding-bottom: 0;*/

    /*align-items: center;*/

    color: #fff;

    box-sizing: border-box;

}

.fortenova-popup.about-us .box .container{

    display: flex;

    height: 100%;

    padding-top: 20em;

    color: #fff;

    box-sizing: border-box;

}

.fortenova-popup.about-us .box .container .left{

    width: 65%;

}

.fortenova-popup.about-us .box .container .right{

    margin-left: 5%;

    width: 30%;

}

.fortenova-popup.default .box{

    display: flex;

    flex-direction: column;

    height: 100%;

    color: #fff;

    box-sizing: border-box;

}

.fortenova-popup.default.portfelj .box{

    padding-top: 0;

}

.fortenova-popup.default .container{

    padding-top: 6em;

}

.fortenova-popup .tabs .container{

    padding-top: 0;

}

.fortenova-popup .popup-logo{

    width: 40em;

    height: 15em;

    margin: auto;

    padding: 3em 0;

}

.fortenova-popup .popup-logo img{

    width: 100%;

    height: 100%;

    object-fit: contain;

    object-position: center;

}

.fortenova-popup .popup-categories{

    display: flex;

    justify-content: center;

    margin-bottom: 4em;

}

.fortenova-popup .popup-categories .cat{

    display: block;

    height: 3.125em;

    font-size: 1.6em;

    font-weight: 600;

    line-height: 3.125em;

    text-transform: uppercase;

    text-decoration: none;

    margin: 0 0.875em;

    margin-bottom: 0.875em;

    padding: 0 0.75em;

    border: solid 1px #fff;

    border-radius: 0.625em;

    color: #fff;

}

.fortenova-popup .tabs ul{

    display: flex;

    flex-wrap: wrap;

    margin-top: 13em;

}

.fortenova-popup .tabs li a{

    display: block;

    height: 3.125em;

    font-size: 1.6em;

    font-weight: 600;

    line-height: 3.125em;

    text-transform: uppercase;

    text-decoration: none;

    padding: 0 0.75em;

    margin-right: 1.75em;

    margin-bottom: 0.875em;

    border: solid 1px #fff;

    border-radius: 0.625em;

    color: #fff;

}

.fortenova-popup .tabs li.active a, .fortenova-popup .tabs li a:hover{

    background: #fff;

    color: #5DAB9A;

}

.fortenova-popup .popup-title{

    font-size: 7.8em;

    line-height: 1;

    margin-bottom: 0.74358em;

    color: #fff;

}

.fortenova-popup .popup-content .popup-title{

    font-size: 3.25em;

    margin-top: 2.65em;

}

.fortenova-popup .jobs{

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 2em;

}

.fortenova-popup .jobs .job{

    width: 20%;

    padding: 1.6em;

    box-sizing: border-box;

}

.fortenova-popup .jobs .job a{

    display: block;

    position: relative;

    width: 100%;

    height: 0;

    padding-top: 32%;

    border: solid 1px #fff;

}

.fortenova-popup .jobs .job a img{

    position: absolute;

    top: 5%;

    left: 5%;

    width: 90%;

    height: 90%;

    object-fit: contain;

    object-position: center;

}

.fortenova-popup .jobs .job a .positions{

    position: absolute;

    top: 0;

    right: 0;

    transform: translateX(50%) translateY(-50%);

    width: 2em;

    height: 2em;

    font-size: 1.5em;

    line-height: 2em;

    text-align: center;

    border-radius: 50%;

    background: #000;

    color: #fff;

}

.fortenova-popup .popup-content{

    height: 100%;

    font-size: 2.4em;

    line-height: 1.208333em;

    /*margin-top: 2.5em;*/

}

.fortenova-popup .left .popup-content{

    height: auto;

}

.fortenova-popup.carrer .popup-content{

    font-size: 2em;

    color: rgba(255,255,255,0.5);

}

.fortenova-popup.carrer .popup-content a{

    text-decoration: none;

    color: #fff;

}

.fortenova-popup.carrer .popup-content a:hover{

    color: rgba(255,255,255,0.5);

}

.fortenova-popup.default.no-tabs .popup-content.scroll-wrapper{

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 7em, rgb(255, 255, 255) 9em);

    -webkit-mask-size: 100% 100%;

    -webkit-mask-position: 0 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 7em, rgb(255, 255, 255) 9em);

    mask-size: 100% 100%;

    mask-position: 0 0;

    mask-repeat: no-repeat;

}

.fortenova-popup.portfelj .popup-content h1{

    font-size: 2.5em;

    line-height: 1.1875em;

    margin-bottom: 1.5em;

    color: #fff;

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: 200% 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 200% 100%;

    mask-position: 200% 0;

    mask-repeat: no-repeat;

}

.fortenova-popup.portfelj .popup-content h1.show{

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

    animation: text-show 3s linear;

}

.fortenova-popup.portfelj .popup-content h2, .fortenova-popup.portfelj .popup-content h1{

    font-size: 2em;

    line-height: 1.1875em;

    margin-bottom: 1.5em;

    color: #fff;

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: 200% 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 200% 100%;

    mask-position: 200% 0;

    mask-repeat: no-repeat;

}

.fortenova-popup.portfelj .popup-content h2.show, .fortenova-popup.portfelj .popup-content h1.show{

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

    animation: text-show 3s linear;

}

.fortenova-popup.portfelj .popup-content h3{

    position: relative;

    font-size: 1em;

    font-weight: 600;

    line-height: 1.1875em;

    margin-top: 1em;

    margin-bottom: 1em;

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: 200% 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 200% 100%;

    mask-position: 200% 0;

    mask-repeat: no-repeat;

}

.fortenova-popup.portfelj .popup-content h3 strong{

    display: inline-block;

    height: 3.5em;

    font-size: 0.6em;

    font-weight: 600;

    line-height: 3.5em;

    text-transform: uppercase;

    text-decoration: none;

    padding: 0 3.5em;

    border-radius: 1em;

    background: rgba(255,255,255,0.5);

    color: #5DAB9A;

}

.fortenova-popup.portfelj .popup-content h3.show{

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

    animation: text-show 3s linear;

}

.fortenova-popup .popup-content h4, .fortenova-popup .popup-content h5, .fortenova-popup .popup-content h6{

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: 200% 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 200% 100%;

    mask-position: 200% 0;

    mask-repeat: no-repeat;

}

.fortenova-popup .popup-content h4.show, .fortenova-popup .popup-content h5.show, .fortenova-popup .popup-content h6.show{

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

    animation: text-show 3s linear;

}

.fortenova-popup .popup-content ol{
    padding-left: 1.5em;
    padding-bottom: 1.5em;
    
    list-style: decimal;
    
    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: 200% 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 200% 100%;

    mask-position: 200% 0;

    mask-repeat: no-repeat;
}
.fortenova-popup .popup-content ol.show{
    -webkit-mask-position: 0 0;

    mask-position: 0 0;

    animation: text-show 3s linear;
}

.fortenova-popup .popup-content img{

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: 200% 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 200% 100%;

    mask-position: 200% 0;

    mask-repeat: no-repeat;

}

.fortenova-popup .popup-content img.show{

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

    animation: text-show 3s linear;

}

.fortenova-popup.portfelj .popup-content p a{

    display: inline-block;

    height: 3.5em;

    font-size: 0.7em;

    font-weight: 600;

    line-height: 3.5em;

    text-decoration: none;

    text-transform: uppercase;

    padding: 0 3.5em;

    border-radius: 1em;

    background: rgba(255,255,255,0.5);

    color: #5DAB9A;

}

.fortenova-popup.portfelj .popup-content p a:hover{

    background: #fff;

}

.fortenova-popup .tabs + .popup-content{

    margin-top: 1.5em;

}

.fortenova-popup .popup-content.scroll-content{

    font-size: 1em;

    margin-top: 0;

    overflow-x: hidden!important;

}

.fortenova-popup.home-activities .popup-content{

    width: 90%;

}

.fortenova-popup .popup-content .container{

    padding-top: 0;

    max-width: 55.54166666em;

    color: #fff;

}

.fortenova-popup.portfelj .popup-content .container{

    color: #17455A;

}

.fortenova-popup .popup-content .tab-title{

    font-size: 1.5em;

    line-height: 1.2;

    margin-top: 1.277777em;

    padding-bottom: 1em;

}

.fortenova-popup .popup-content .popup-tab-content:first-child .tab-title{

    margin-top: 0;

}

.fortenova-popup .popup-content p{

    padding-bottom: 1.5em;

}

.fortenova-popup .popup-content ul{

    margin-bottom: 1.5em;

}

.fortenova-popup .popup-content p:last-child, .fortenova-popup .popup-content ul:last-child{

    margin-bottom: 0;

}

.fortenova-popup .popup-content p{

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(0, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 100% 200%;

    -webkit-mask-position: 0 -100%;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(0, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 100% 200%;

    mask-position: 0 -100%;

    mask-repeat: no-repeat;

}

.fortenova-popup .popup-content p.show{

    -webkit-mask-position: 0 100%;

    mask-position: 0 100%;

    animation: fade-in 1.5s linear;

}

/*.fortenova-popup .popup-content p::after{

    clear: both;

    display: block;

    content: '';

}*/

.fortenova-popup .popup-content p img{

    max-width: 50%;

    height: auto;

    margin-bottom: 1em;

}

.tabs-image .fortenova-popup .popup-content p img{
    max-width: 100%;
}

.fortenova-popup .popup-content p img.alignleft{

    float: left;

    margin-right: 2em;

}

.fortenova-popup .popup-content p img.alignright{

    float: right;

    margin-left: 2em;

}

.fortenova-popup .popup-content .wp-caption{

    max-width: 50%;

}

.fortenova-popup .popup-content .wp-caption.alignleft{

    float: left;

    margin-right: 2em;

}

.fortenova-popup .popup-content .wp-caption.alignright{

    float: right;

    margin-left: 2em;

}

.fortenova-popup .popup-content .wp-caption img{

    width: 100%;

    height: auto;

    -webkit-mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: 200% 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 200% 100%;

    mask-position: 200% 0;

    mask-repeat: no-repeat;

}

.fortenova-popup .popup-content .wp-caption.show img{

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

    animation: text-show 3s linear;

}

.fortenova-popup .popup-content .wp-caption .wp-caption-text{

    font-size: 0.7em;

    font-style: italic;

    /*padding: 0;*/

    margin: 0;

    line-height: 1;

}


.fortenova-popup .popup-content p + ul{

    margin-top: -0.833333em;

}

.fortenova-popup .popup-content ul li{

    position: relative;

    padding: 0.416666em 0;

    padding-left: 0.75em;

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(0, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 100% 200%;

    -webkit-mask-position: 0 -100%;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(0, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 100% 200%;

    mask-position: 0 -100%;

    mask-repeat: no-repeat;

}

.fortenova-popup .popup-content ul li::after{

    position: absolute;

    content: '';

    left: 0;

    top: 0.875em;

    list-style: circle;

    width: 0.25em;

    height: 0.25em;

    background: #fff;

    border-radius: 50%;

}

.fortenova-popup .popup-content ul li.show{

    -webkit-mask-position: 0 100%;

    mask-position: 0 100%;

    animation: fade-in 1s linear;

}

.fortenova-popup .popup-content .popup-tab-content:last-of-type{

    min-height: calc(100vh - 9em);
    
    min-height: calc(var(--app-height) - 9em);

}

.fortenova-popup .popup-link{

    position: absolute;

    left: 0;

    bottom: 0;

    display: flex;

    width: 0;

    max-width: 100%;

    margin-top: 5em;

}

.fortenova-popup .popup-link.show{

    width: 90%;

    transition: all 1.5s linear;

}

.fortenova-popup .popup-link .line {

    position: relative;

    width: auto;

    height: 100%;

    flex-grow: 1;

}



.fortenova-popup .popup-link .line::after {

    display: block;

    position: absolute;

    content: '';

    width: 100%;

    height: 1px;

    left: 0;

    top: 1.4em;

    background-color: #fff;



}

.fortenova-popup .popup-link a{

    font-size: 1.5em;

    font-weight: bold;

    line-height: 1.2;

    text-decoration: none;

    text-transform: uppercase;

    white-space: nowrap;

    margin-left: 1em;

    color: #fff;

    overflow: hidden;

}

.fortenova-popup .popup-link a:hover{

    color: rgba(255,255,255,0.6);

}

.fortenova-popup .popup-link a.show{

    animation: text-show 1s linear;

}

.fortenova-popup .about-data .data{

    display: flex;

    font-size: 1.9em;

    font-weight: 600;

    line-height: 1.210526em;

    padding-top: 1.473684em;

    padding-bottom: 0.526315789em;

    border-bottom: solid 1px #fff;

}

.fortenova-popup .about-data .data .value{

    margin-left: auto;

    text-align: right;

}

.fortenova-popup .about-data .data a{

    text-decoration: none;

    color: #fff;

}

.fortenova-popup .about-data .data a:hover{

    text-decoration: underline;

}

.fortenova-popup .about-data .data.other{

    font-weight: normal;

    padding-top: 1.8421em;

}

.fortenova-popup .about-data .data.other a{

    display: inline-block;

    font-weight: 600;

    margin-top: 0.4210526em;

}

.fortenova-popup .numbers-box{

    position: relative;

    width: calc(90vw * 0.52 + (100vw - 90vw) / 2 - 5vw);

    max-width: calc(133.3em * 0.52 + (100vw - 133.3em) / 2 - 5vw);

    /*margin-top: -10em;*/

    margin-top: 0;

    margin-right: 5vw;

    box-sizing: border-box;

}

.fortenova-popup .numbers-box .numbers-title{

    position: absolute;

    font-size: 1.6em;

    font-weight: bold;

    line-height: 1;

    text-transform: uppercase;

    margin-top: -0.4375em;

    padding-right: 1.25em;

    background-color: #5DAB9A;

    z-index: 2;

    transform: translateX(-50%) scaleX(0);

}

.fortenova-popup .numbers-box .numbers-title.show{

    transform: translateX(0) scaleX(1);

    transition: transform 0.5s;

}

.fortenova-popup .numbers-box .numbers{

    display: flex;

    flex-wrap: wrap;

}

.fortenova-popup .numbers-box .numbers .number{

    position: relative;

    width: 50%;

    text-align: center;

    padding-top: 40%;

}

.fortenova-popup .numbers-box .numbers .number.show{

    animation: text-show 1s linear;

}

.fortenova-popup .numbers-box .numbers .number .value{

    position: absolute;

    top: 50%;

    width: 100%;

    font-size: 13em;

    line-height: 1.43846em;

    letter-spacing: -0.035em;

    margin-top: -0.71923em;

    color: #17455A;

}

.fortenova-popup .numbers-box .numbers .number .label{

    position: absolute;

    top: 50%;

    left: 50%;

    width: 90%;

    max-width: 17.22222em;

    font-size: 1.8em;

    line-height: 1.22222em;

    margin-top: 3.88888em;

    color: #fff;

    transform: translateX(-50%);

}

.fortenova-popup .numbers-box .line{

    position: absolute;

    background: #fff;

}

.fortenova-popup .numbers-box .line.show{

    transform: translateX(0) translateY(0) scaleX(1) scaleY(1)!important;

    transition: transform 0.5s linear;

}

.fortenova-popup .numbers-box .line-1{

    top: 0;

    left: 0;

    width: 50%;

    height: 1px;

    transform: translateX(-50%) translateY(0) scaleX(0) scaleY(1);

}

.fortenova-popup .numbers-box .line-2{

    top: 0;

    left: 50%;

    width: 50%;

    height: 1px;

    transform: translateX(-50%) translateY(0) scaleX(0) scaleY(1);

}

.fortenova-popup .numbers-box .line-3{

    top: 0;

    left: 50%;

    width: 1px;

    height: 50%;

    transform: translateX(0) translateY(-50%) scaleX(1) scaleY(0);

}

.fortenova-popup .numbers-box .line-4{

    top: 50%;

    left: 50%;

    width: 1px;

    height: 50%;

    transform: translateX(0) translateY(-50%) scaleX(1) scaleY(0);

}

.fortenova-popup .numbers-box .line-5{

    top: 50%;

    left: 0;

    width: 50%;

    height: 1px;

    transform: translateX(50%) translateY(0) scaleX(0) scaleY(1);

}

.fortenova-popup .numbers-box .line-6{

    top: 50%;

    left: 50%;

    width: 50%;

    height: 1px;

    transform: translateX(-50%) translateY(0) scaleX(0) scaleY(1);

}

.fortenova-popup .numbers-box .line-7{

    top: 100%;

    left: 0;

    width: 50%;

    height: 1px;

    transform: translateX(50%) translateY(0) scaleX(0) scaleY(1);

}

.fortenova-popup .numbers-box .line-8{

    top: 100%;

    left: 50%;

    width: 50%;

    height: 1px;

    transform: translateX(-50%) translateY(0) scaleX(0) scaleY(1);

}

.responsive-table{
    display: block;
}
.responsive-table tr{
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.responsive-table tr td{
    display: flex;
    flex-direction: column;
    width: calc(33.3% - 50px);
    margin: 10px 25px;
}
.responsive-table h4{
    font-weight: bold;
    margin-top: -0.5em;
    padding-bottom: 1em;
}
.responsive-table img{
    width: 100%;
    height: auto;
}
.responsive-table p{
    font-size: 0.8em;
}


footer{

    display: flex;

    align-items: center;

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    min-height: 20em;

    padding-left: 12em;

    padding-right: 30.5em;

    background: rgba(255, 255, 255, 0.6);

    color: #5DAB9A;

    z-index: 997;

    transform: translateY(100%);

    transition: all 0.5s;

}

footer .logo{

    width: 9.68421em;

    height: 4.4736842em;

}

body.footer-opened footer{

    transform: translateY(0);

}

footer a{

    font-weight: 600;

    text-decoration: none;

    color: #5DAB9A;

}

footer a:hover{

    color: #191919;

}

footer .column{

    flex: 1 1 auto;

    font-size: 1.9em;

    line-height: 1.210526em;

    padding: 0 2.894736em;

}

footer .column:first-of-type{

    padding-left: 0;

}

footer .column:last-of-type{

    padding-right: 0;

    text-align: right;

}

footer .column.border-left, footer .column.border-right{

    position: relative;

}

footer .column.border-left::before{

    display: block;

    position: absolute;

    content: '';

    width: 1px;

    height: 2.6315789em;

    background: #5DAB9A;

    left: 0;

    top: 50%;

    margin-top: -1.315789em;

}

footer .column.border-right::after{

    display: block;

    position: absolute;

    content: '';

    width: 1px;

    height: 2.6315789em;

    background: #5DAB9A;

    right: 0;

    top: 50%;

    margin-top: -1.315789em;

}

footer .logo{

    background-color: #5DAB9A;

}

footer .widgetizedArea > h3{

    display: none;

}

footer .linked-in{

    display: inline-block;

    width: 1.78947em;

    height: 1.78947em;

    -webkit-mask: url(images/icon-menu-linkedin.svg) center;

    -webkit-mask-size: contain;

    mask: url(images/icon-menu-linkedin.svg) center;

    mask-size: contain;

    background-color: #5DAB9A;

}

footer .to-top{

    position: absolute;

    width: 6.6em;

    height: 6.6em;

    background-image: url(images/icon-back-to-top.svg);

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    right: 12em;

    top: 50%;

    margin-top: -3.3em;

    cursor: pointer;

}


.side-menu{
    position: fixed;
    top: 50%;
    left: 1.5em;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    opacity: 1;
    transition: all 0.5s linear;
}

.popup-opened .side-menu{
    z-index: -1;
}
.slide-from-right .side-menu{
    opacity: 0;
}
.side-menu .open-side-menu{
    display: none;
    position: absolute;
    width: 38px;
    height: 38px;
    background-color: rgba(93, 171, 154, 1); 
    background-image: url(images/icon-sidemenu.png);
    background-image: url(images/icon-sidemenu.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    right: -38px;
    bottom: 20px;
    cursor: pointer;
}
/*.side-menu ul{
    position: relative;
}
.side-menu ul::before{
    display: block;
    position: absolute;
    content: '';
    width: 1.4em;
    height: 100%;
    padding: 0 3px;
    border-radius: 1.4em;
    border: solid 1px #595959;
    top: -1px;
    left: -4px;
    opacity: 0.4;
}*/
.side-menu ul li{
    margin: 0.5em 0;
}
.side-menu ul li a{
    display: block;
    position: relative;
    text-decoration: none;
}
.side-menu ul li a::before{
    display: block;
    position: absolute;
    content: '';
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background: #595959;
    transition: all 0.2s linear;
    opacity: 0.4;
    left: 0;
    top: 50%;
    margin-top: -0.7em;
}
.side-menu ul li a:hover::before{
    opacity: 1;
}
.side-menu ul li.active a::before{
    background: #5DAB9A;
    opacity: 1;
}
.side-menu ul li a span{
    display: block;
}
.side-menu ul li a > span{
    /*max-width: 0;*/
    overflow: hidden;
    transition: all 0.2s linear;
    margin-left: 1.8em;
    /*top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
}
/*.side-menu ul li a:hover > span{
    max-width: 100vw;
}
.side-menu ul li.active a > span{
    max-width: 100vw;
}*/
.side-menu ul li a .title{
    font-size: 1.4em;
    font-weight: 600;
    line-height: 2;
    text-transform: uppercase;
    color: #595959;
    overflow: hidden;
    white-space: nowrap;
    opacity: 0.4;
    /*-ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);*/
    transition: all 0.2s linear;
}
.side-menu ul li a:hover .title{
    opacity: 1;
    /*-ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);*/
}
.side-menu ul li.active a .title{
    color: #5DAB9A;
    opacity: 1;
}


.side-menu.white ul li a::before, .side-menu.half-white ul li a::before{
    background: #fff;
    opacity: 0.4;
}
.side-menu.white ul li.active a::before, .side-menu.half-white ul li.active a::before{
    background: #fff;
    opacity: 1;
}
.side-menu.white ul li a .title, .side-menu.half-white ul li a .title{
    color: #fff;
    text-shadow: none;
}
.side-menu.white ul li a:hover .title, .side-menu.half-white ul li a:hover .title{
    opacity: 0.4;
}
.side-menu.white ul li.active a .title, .side-menu.half-white ul li.active a .title{
    color: #fff;
    opacity: 1;
}


.sitemap-section{

    padding-bottom: 2em;

}

.sitemap-section .section-title{

    font-size: 1.2em;

    margin-bottom: 0.5em;

}

.sitemap-section ul{

    padding-left: 1em;

}

.sitemap-section ul li{

    list-style: disc;

}


.title-animation{

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 200% 100%;

    -webkit-mask-position: 200% 0;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 200% 100%;

    mask-position: 200% 0;

    mask-repeat: no-repeat;

}

.title-animation.show{

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

    animation: text-show 2.5s linear;

}

.title-animation.show.loaded{

    -webkit-mask:none;

    mask:none;

}

main.about-history .history .event:nth-child(2n) .box.title-animation{

    -webkit-mask-image: linear-gradient(235deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-position: -100% 0;

    mask-image: linear-gradient(235deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-position: -100% 0;

}

main.about-history .history .event:nth-child(2n) .box.title-animation.show{

    -webkit-mask-position: 100% 0;

    mask-position: 100% 0;

    animation: text-show-reverse 3s linear;

}

main.about-history .history .event:nth-child(2n) .box.title-animation.show.loaded{

    -webkit-mask:none;

    mask:none;

}



.content-animation{

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(180deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 100% 200%;

    -webkit-mask-position: 0 200%;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(180deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 100% 200%;

    mask-position: 0 200%;

    mask-repeat: no-repeat;

    

}

.content-animation.show{

    -webkit-mask-position: 0 0;

    mask-position: 0 0;

    animation: text-show-y 2s linear;

}



.content-line-animation p {

    opacity: 0;

}

.content-line-animation p[data-lining="end"] {

    opacity: 1;

}

.content-line-animation .line{

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(0, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 100% 200%;

    -webkit-mask-position: 0 -100%;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(0, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 100% 200%;

    mask-position: 0 -100%;

    mask-repeat: no-repeat;

}

.content-line-animation .line.show{

    -webkit-mask-position: 0 100%;

    mask-position: 0 100%;

    animation: fade-in 1.5s linear;

}

.content-line-animation.ended .line{

    -webkit-mask-position: 0 100%;

    mask-position: 0 100%;

}

.content-line-animation ol, .content-line-animation ul, .content-line-animation table, .content-line-animation h1, .content-line-animation h2, .content-line-animation h3, .content-line-animation h4, .content-line-animation h5, .content-line-animation h6{

    transform: translateX(0) translateZ(0);

    -webkit-mask-image: linear-gradient(0, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    -webkit-mask-size: 100% 200%;

    -webkit-mask-position: 0 -100%;

    -webkit-mask-repeat: no-repeat;

    mask-image: linear-gradient(0, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%);

    mask-size: 100% 200%;

    mask-position: 0 -100%;

    mask-repeat: no-repeat;

}

.content-line-animation ol.show, .content-line-animation ul.show, .content-line-animation table.show, .content-line-animation h1.show, .content-line-animation h2.show, .content-line-animation h3.show, .content-line-animation h4.show, .content-line-animation h5.show, .content-line-animation h6.show{

    -webkit-mask-position: 0 100%;

    mask-position: 0 100%;

    animation: fade-in 1.5s linear;

}



.play-fallback{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    background: url(../../../wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;
    background-position: 0 -39px;
    z-index: 9999999;
}
.play-fallback.show{
    display: block;
}

body.loading main.active{

    opacity: 0.2;

}

.page-loading{

    position: fixed;

    top: -80px;

    left: 50vw;

    margin-top: -40px;

    margin-left: -40px;

    opacity: 0;

    transition: opacity 0.5 linear;

}

body.loading .page-loading{

    top: 50vh;

    opacity: 1;

}

.lds-ring {

    display: inline-block;

    position: relative;

    width: 80px;

    height: 80px;

}

.lds-ring div {

    box-sizing: border-box;

    display: block;

    position: absolute;

    width: 64px;

    height: 64px;

    margin: 8px;

    border: 8px solid #5DAB9A;

    border-radius: 50%;

    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;

    border-color: #5DAB9A transparent transparent transparent;

}

.lds-ring div:nth-child(1) {

    animation-delay: -0.45s;

}

.lds-ring div:nth-child(2) {

    animation-delay: -0.3s;

}

.lds-ring div:nth-child(3) {

    animation-delay: -0.15s;

}



@keyframes lds-ring {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}

@keyframes menu-open {

    0% {

        transform: translateX(-100%);

        opacity: 0;

    }

    100% {

        transform: translateX(0);

        opacity: 1;

    }

}

@keyframes menu-close {

    0% {

        width: 100vw;

    }

    100% {

        width: 0;

    }

}

@keyframes text-show {

    0% {

        -webkit-mask-position: 200% 0;

        mask-position: 200% 0;

    }

    100% {

        -webkit-mask-position: 0 0;

        mask-position: 0 0;

    }

}

@keyframes text-show-reverse {

    0% {

        -webkit-mask-position: -100% 0;

        mask-position: -100% 0;

    }

    100% {

        -webkit-mask-position: 100% 0;

        mask-position: 100% 0;

    }

}

@keyframes text-show-y {

    0% {

        transform: translateY(36px);

        -webkit-mask-position: 0 200%;

        mask-position: 0 200%;

    }

    75% {

        transform: translateY(0);

        -webkit-mask-position: 0 50%;

        mask-position: 0 50%;

    }

    100% {

        transform: translateY(0);

        -webkit-mask-position: 0 0;

        mask-position: 0 0;

    }

}

@keyframes fade-in{

    0%{

        -webkit-mask-position: 0 -60%;

        mask-position: 0 -60%;

        transform: translateY(18px);

    }

    100%{

        -webkit-mask-position: 0 60%;

        mask-position: 0 60%;

        transform: translateY(0);

    }

}

@keyframes pulse{

    0%{

        transform: translateX(0) translateY(0) scaleX(1) scaleY(1);

    }

    70%{

        transform: translateX(0) translateY(0) scaleX(1) scaleY(1);

    }

    80%{

        transform: translateX(-2%) translateY(-2%) scaleX(1.4) scaleY(1.4);

    }

    100%{

        transform: translateX(0) translateY(0) scaleX(1) scaleY(1);

    }

}

@keyframes text-glow {

    0% {

        -webkit-mask-position: 150% 0;

        mask-position: 150% 0;

    }

    100% {

        -webkit-mask-position: -50% 0;

        mask-position: -50% 0;

    }

}

@keyframes slide-next-show {

    0% {

        width: 0;

    }

    100% {

        width: 40px;

    }

}

@keyframes slide-next-bounce {

    0% {

        margin-bottom: 0;

    }

    5% {

        margin-bottom: 10px;

    }

    10% {

        margin-bottom: 5px;

    }

    15% {

        margin-bottom: 10px;

    }

    20% {

        margin-bottom: 0;

    }

    100%{

        margin-bottom: 0;

    }

}

@keyframes fly-from-right {

    0% {

        transform: translateX(100%);

    }

    100% {

        transform: translateX(0);

    }

}

@keyframes fly-from-top-prev {

    0% {

        transform: translateY(0);

    }

    100% {

        transform: translateY(100%);

    }

}

@keyframes fly-from-top-next {

    0% {

        transform: translateY(-100%);

    }

    100% {

        transform: translateY(0);

    }

}

@keyframes fly-from-bottom-prev {

    0% {

        transform: translateY(0);

    }

    100% {

        transform: translateY(-100%);

    }

}

@keyframes fly-from-bottom-next {

    0% {

        transform: translateY(100%);

    }

    100% {

        transform: translateY(0);

    }

}

@keyframes fly-from-left-prev {

    0% {

        transform: translateX(0);

    }

    100% {

        transform: translateX(100%);

    }

}

@keyframes fly-from-left-next {

    0% {

        transform: translateX(-100%);

    }

    100% {

        transform: translateX(0);

    }

}

@keyframes fly-from-right-prev {

    0% {

        transform: translateX(0);

    }

    100% {

        transform: translateX(-100%);

    }

}

@keyframes fly-from-right-next {

    0% {

        transform: translateX(100%);

    }

    100% {

        transform: translateX(0);

    }

}

@keyframes page-bg-finance {

    0% {

        transform: scaleX(1) scaleY(1) translateX(0) translateY(0);

    }

    50% {

        transform: scaleX(0.9) scaleY(0.9) translateX(-5%) translateY(5%);

    }

    100% {

        transform: scaleX(1) scaleY(1) translateX(0) translateY(0);

    }

}

@keyframes page-bg-dna {

    0% {

        transform: scaleX(1) scaleY(1) translateX(0) translateY(0);

    }

    25% {

        transform: scaleX(1.05) scaleY(1.1) translateX(-1.25%) translateY(2.5%);

    }

    50% {

        transform: scaleX(1) scaleY(1) translateX(-2.5%) translateY(5%);

    }

    75% {

        transform: scaleX(1.05) scaleY(1.1) translateX(-1.25%) translateY(2.5%);

    }

    100% {

        transform: scaleX(1) scaleY(1) translateX(0) translateY(0);

    }

}

@keyframes button-glow {

    0% {

        left: 100%;

        margin-left: -26px;

        transform: rotate(0.5turn);

    }

    5%{

        left: 100%;

        margin-left: -26px;

        transform: rotate(0.25turn);

    }

    10%{

        left: 100%;

        margin-left: -26px;

        transform: rotate(0turn);

    }

    30%{

        left: 50%;

        margin-left: 0;

        transform: rotate(0turn);

    }

    50%{

        left: 0;

        margin-left: 26px;

        transform: rotate(0turn);

    }

    55%{

        left: 0;

        margin-left: 26px;

        transform: rotate(-0.25turn);

    }

    60%{

        left: 0;

        margin-left: 26px;

        transform: rotate(-0.5turn);

    }

    80%{

        left: 50%;

        margin-left: 0;

        transform: rotate(-0.5turn);

    }

    100%{

        left: 100%;

        margin-left: -26px;

        transform: rotate(-0.5turn);

    }

    /*36% {

        left: 0%;

        margin-left: 26px;

        transform: rotate(0.5turn);

    }

    43% {

        left: 0%;

        margin-left: 26px;

        transform: rotate(0.75turn);

    }

    50% {

        left: 0%;

        margin-left: 26px;

        transform: rotate(1turn);

    }

    86% {

        left: 100%;

        margin-left: -26px;

        transform: rotate(1turn);

    }

    93% {

        left: 100%;

        margin-left: -26px;

        transform: rotate(1.25turn);

    }

    100% {

        left: 100%;

        margin-left: -26px;

        transform: rotate(1.5turn);

    }*/

}

main.slide-community .container .page-heading{
    margin-bottom: 2em;
}
main.slide-community .container .page-heading h2{
    font-size: 6em;
}
.slide-community .page-content{
    margin-bottom: 1.5em;
}
.slide-community .news-list{
    position: relative;
}
.slide-community .news-list .news{
    width: 25%;
    padding: 0 1.6em;
    margin-bottom: 4em;
}
body.portrait .slide-community .news-list .news{
    width: 50%;
}
.slide-community .news-list .news a.category{
    left: 2em;
    right: 2em;
    text-align: left;
}
.slide-community .news-list .slick-dots{
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: -1em;
    margin-bottom: 3em;
    z-index: 2;
    opacity: 0;
    transition: all 0.5s linear;
}
.slide-community .news-list.show .slick-dots{
    opacity: 1;
    transition: all 0.5s linear 3s;
}
.slide-community .news-list .slick-dots li{
    width: 1.2em;
    height: 1.2em;
    margin: 0 0.5em;
    border-radius: 50%;
    background: #595959;
    cursor: pointer;
}
.slide-community .news-list .slick-dots li.slick-active{
    background: #5DAB9A;
}
.slide-community .news-list .slick-dots button{
    display: none;
}
main.slide-community .page-popup{
    margin-top: 0;
}
.slide-community .news-list .arrow {
    position: absolute;
    top: 50%;
    width: 1.3em;
    height: 3.8em;
    background-color: #fff;
    cursor: pointer;
}
.slide-community .news-list .arrow.arrow-prev {
    left: -3em;
    -webkit-mask: url(images/icon-slide-left.svg) center;
    -webkit-mask-size: contain;
    mask: url(images/icon-slide-left.svg) center;
        mask-size: auto;
        mask-size: contain;
    transform: translateX(100%) translateY(-50%);
    background: #5DAB9A;
}
.slide-community .news-list .arrow.arrow-next {
    right: -1.5em;
    -webkit-mask: url(images/icon-slide-right.svg) center;
    -webkit-mask-size: contain;
    mask: url(images/icon-slide-right.svg) center;
        mask-size: auto;
        mask-size: contain;
    transform: translateX(100%) translateY(-50%);
    background: #5DAB9A;
}

.slide-community .news-list.fake{
    margin: 0;
    padding: 0;
}
.slide-community .news-list.fake > .news{
    margin: 0;
    padding: 0;
}
.slide-community .news-list.fake > .news > .box{
    display: none;
}


body.portrait{

    font-size: 0.5rem;

}

body.portrait header .main-menu-icon-box{

    left: 5%;

}

body.portrait header .langs{

    right: 5%;

}

/*body.portrait .side-menu{
    display: none;
}*/
body.portrait .side-menu{
    top: auto;
    left: 0;
    bottom: 26px;
    max-width: calc(100% - 5em);
    padding: 2em;
    padding-right: 5em;
    background: rgba(93, 171, 154, 1);
    box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: transform 0.5s linear;
    z-index: 997;
    box-sizing: border-box;
}
body.portrait.side-menu-opened .side-menu{
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
body.portrait .side-menu .open-side-menu{
    display: block;
}
body.portrait .side-menu ul{
    font-size: 1.2em;
}
body.portrait .side-menu ul li a .title{
    color: #fff;
}
body.portrait .side-menu ul li a:hover .title{
    opacity: 1!important;
}
body.portrait .side-menu ul li.active a .title{
    color: #fff;
}
body.portrait .side-menu ul li a::before{
    background: #fff;
}
body.portrait .side-menu ul li.active a::before{
    background: #fff;
}
body.portrait .side-menu ul li a:hover::before{
    opacity: 1!important;
}


body.portrait header.portrait-white .logo, body.portrait header.portrait-white .langs-icon, body.portrait header.portrait-white .main-menu-icon .icon span, body.portrait header.portrait-white > .linked-in{

    background-color: #fff;

}

body.portrait header.portrait-white .main-menu-icon, body.portrait header.portrait-white .langs .langs-list .lang{

    color: #fff;

}

body.portrait header.portrait-white .langs .langs-list::before, body.portrait header.portrait-white .langs .langs-list::after{

    background-color: rgba(255,255,255,0.6);

}

body.portrait header.portrait-white .langs .langs-list .lang.active{

    color: rgba(255,255,255,0.6);

}

body.portrait .fortenova-popup .popup-title{

    font-size: 6em;

}



body.portrait main.home .home-next{

    bottom: 5vw;

}

body.portrait .next-slide-button{
    
    left: 50vw;

    margin-left: 0;

    transform: translateX(-50%);

    bottom: 5vw;

}

body.portrait nav.main-menu ul li{

    width: 100%;

    text-align: center;

    padding: 3em 2.5em;

}

body.portrait nav.main-menu .info-nav{
    position: static;
    width: auto;
}
body.portrait nav.main-menu .info-nav .container{
    width: auto;
    max-width: 100vw;
}
body.portrait nav.main-menu .info-nav ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 7.5em;
}
body.portrait nav.main-menu .info-nav ul li{
    width: 50%;
    padding: 2.5em 1;
}
body.portrait nav.main-menu .info-nav ul li + li:not(.clr){
    border-left: 0;
}
body.portrait nav.main-menu .info-nav ul li a{
    font-size: 2em;
}

body.portrait nav.main-menu .linked-in{

    bottom: 5vw;

}

body.portrait main.home .home-video-text{

    font-size: 2.8em;

}

body.portrait main.content .vertical-center > .container{

    padding-top: var(--header-height-mobile);
    padding-bottom: var(--footer-height-mobile);

}

body.portrait main.content .container .page-heading{

    margin-bottom: 4em;

}

body.portrait main.content .container .page-heading h2{

    font-size: 5.2em;

}

body.portrait main.content.width-80 .container .page-content-box{

    width: 100%;

}

body.portrait main.content.width-75 .container .page-content-box{

    width: 100%;

}

body.portrait main.content.width-66 .container .page-content-box{

    width: 100%;

}

body.portrait main.content.width-60 .container .page-content-box{

    width: 100%;

}

body.portrait main.content.width-50 .container .page-content-box{

    width: 100%;

}

body.portrait main.content.width-40 .container .page-content-box{

    width: 100%;

}

body.portrait main.content.width-33 .container .page-content-box{

    width: 100%;

}

body.portrait main.content.width-25 .container .page-content-box{

    width: 100%;

}

body.portrait main.content.width-20 .container .page-content-box{

    width: 100%;

}

body.portrait main.content .container .page-content-box + .page-image{
    margin-top: 5em;
}

body.portrait main.content.width-66 .page-popup.show{

    width: 100%;

}

body.portrait main.slide-news h2.news-title{

    margin-top: 0;

}

body.portrait main.slide-news .news-list{

    margin: 0;

}

body.portrait main.slide-news .news-list .news{

    width: 100%;

    margin-bottom: 4em;

    padding: 0;

}

body.portrait main.slide-news .news-list .news > .box{

    padding-top: 40%;

}

body.portrait main.slide-news .news-list .news .thumb img{

    object-position: top center;

}

body.portrait main.content .slide-section .vertical-center > .container{

    flex-direction: column;

}

body.portrait main.content .slide-section .section-title{

    font-size: 6em;

}

body.portrait main.content .slide-section .left, body.portrait main.content .slide-section .right{

    width: 100%!important;

}

body.portrait main.content .slide-section .left:not(.tabs-image .slide-section .left){
    padding-bottom: 0;
}

body.portrait main.content .slide-section .section-popup{

    position: static;

}

body.portrait main.content .slide-section .section-popup.show{

    width: 100%;

}

body.portrait main.activities .slide-section .vertical-center:not(.tabs-image .vertical-center){

    height: calc(100% - 55vw);
    height: calc(var(--app-height) - 55vw);
    margin-top: 55vw;

}

body.portrait main.activities .slide-section .vertical-center > .container:not(.tabs-image .vertical-center > .container){

    flex-direction: column-reverse;

    padding-top: 4em;
}

body.portrait main.activities .slide-section .fortenova-popup .vertical-center{

    height: 100%;

    margin-top: 0;

}

body.portrait main.activities .slide-section .fortenova-popup .vertical-center > .container{

    flex-direction: column;

    padding: 15em 0;

}

body.portrait main.activities .slide-section .section-content{

    width: 100%;

}

body.portrait main.about-graphs .charts.pie{

    margin-top: 3em;

    font-size: 0.8em;

}

body.portrait main.activities .slide-section .right .section-image-box{
    width: 100%;
    margin-top: 0;
    margin-bottom: 5em;
}
body.portrait main.activities .slide-section .right .section-image-box:not(.tabs-image .section-image-box){
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    max-width: 100vw;
    max-height: 55vw;
    margin: 0;
    transform: translateX(0);
}
body.portrait main.activities .slide-section .right .section-image-box img{
    width: 100%;
    height: auto;
}

body.portrait main.activities .slide-section .right .section-video-box{

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    max-width: 100vw;

    max-height: 55vw;

    margin: 0;

    transform: translateX(0);

}

body.portrait .section-video-box .fullscreen, body.portrait .page-video-box .fullscreen{

    right: 5%;

    bottom: 5vw;

}

body.portrait .fortenova-popup.home-activities .box .container{

    flex-direction: column;

    height: auto;

    padding: 15em 0;

}

body.portrait .fortenova-popup .numbers-box{

    width: 100%;

    max-width: 100%;

    margin: 0;

}

body.portrait .portfelj-enter .portfelj-text{

    font-size: 4em;

}



body.portrait .fortenova-popup.about-us .box .container{

    flex-direction: column;

}

body.portrait .fortenova-popup.about-us .box .container .left, body.portrait .fortenova-popup.about-us .box .container .right{

    width: 100%;

    margin: 0;

}

body.portrait .fortenova-popup.about-us .box .container .right{

    margin-top: 5em;

}

body.portrait main.about-graphs .slide-section .section-title{

    width: 100%;

}

body.portrait main.about-management .slide-section .section-tabs{

    margin-top: 5em;

}

body.portrait main.about-management .board-members .member.has-popup{

    width: 100%;

}



body.portrait main.news-archive .news-icon-search{

    top: 12.5em;

    left: 5%;

}

body.portrait main.news-archive .news-search-box{

    left: 2.5%;

    right: 2.5%;

}

body.portrait main.news-archive .news-search-box.active{

    top: 10em;

}

body.portrait main.news-archive .news-search-box .categories .category{

    padding: 1em;

}

body.portrait main.news-archive .news-list{

    margin-left: -2em;

    margin-right: -2em;

}

body.portrait main.news-archive .news-list .news{

    width: 50%;

    margin-bottom: 4em;

    padding: 0 2em;

}



body.portrait main.content .container .page-content-wrap{

    flex-direction: column;

}

body.portrait main.content .container .image-box{

    margin: 0;

}

body.portrait main.responsibility-employees > .scrollbar-hidden{

    transform: none;

    -webkit-mask:none;

    mask: none;

}

body.portrait main.responsibility-employees .vertical-center{

    height: calc(100% - 55vw);

    margin-top: 55vw;

}

body.portrait main.responsibility-employees .vertical-center > .container{

    flex-direction: column-reverse;

    padding-top: 5em;

}

body.portrait main.responsibility-employees .left, body.portrait main.responsibility-employees .right{

    width: 100%!important;

}

body.portrait main.responsibility-employees .right .page-video-box{

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    max-width: 100vw;

    max-height: 55vw;

    margin: 0;

    transform: translateX(0);

}

body.portrait main.responsibility-projects .vertical-center > .container{

    flex-direction: column-reverse;

}

body.portrait main.responsibility-projects .left, body.portrait main.responsibility-projects .right{

    width: 100%!important;

}

body.portrait main.responsibility-projects .project-images{

    width: 100%;

    max-width: 100%;

    height: 50vw;

    margin-top: 0;

    margin-bottom: 3em;

}



body.portrait main.content .container .documents-box{

    margin-top: 2em;

}

body.portrait main.content .container .documents-box .box{

    margin: 0;

}



body.portrait main.content .purchase-emails{

    flex-direction: column;

    margin-left: 0;

    margin-right: 0;

}

body.portrait main.content .purchase-emails .email-data{

    width: 100%;

    margin: 0;

    margin-bottom: 2.5em;

}



body.portrait main.carrer > .scrollbar-hidden{

    transform: none;

    -webkit-mask:none;

    mask: none;

}

body.portrait main.carrer .vertical-center{

    height: calc(100% - 55vw);

    margin-top: 55vw;

}

body.portrait main.carrer .vertical-center > .container{

    flex-direction: column-reverse;

    padding-top: 5em;

}

body.portrait main.carrer .left, body.portrait main.carrer .right{

    width: 100%!important;

}

body.portrait main.carrer .right .page-video-box{

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    max-width: 100vw;

    max-height: 55vw;

    margin: 0;

    transform: translateX(0);

}

body.portrait .fortenova-popup .jobs .job{

    width: 33.3%;

}

body.portrait main.carrer-culture .boxes .culture-title{

    text-align: left;

}

body.portrait main.carrer-culture .boxes .box{

    width: 100%;

}

body.portrait main.carrer-culture .boxes .box.box-0, body.portrait main.carrer-culture .boxes .box.box-2{

    margin: 0;

    margin-bottom: 5em;

}

body.portrait main.carrer-culture .boxes .box.box-1, body.portrait main.carrer-culture .boxes .box.box-3{

    margin: 0;

}

body.portrait main.carrer-benefits .vertical-center > .container{

    flex-direction: column;

}

body.portrait main.carrer-benefits .left, body.portrait main.carrer-benefits .right{

    width: 100%!important;

    margin: 0;

}

body.portrait .benefit-box{

    width: 100%;

    max-width: 100%;

    margin: 0;

}



body.portrait main.carrer-peoples .peoples-title .number{

    font-size: 20em;

}

body.portrait main.carrer-peoples .board-members > :nth-child(1){

    margin-top: -26vh;

    margin-left: -40vw; 

}

body.portrait main.carrer-peoples .board-members > :nth-child(2){

    margin-top: -34vh;

    margin-left: -8vw; 

}

body.portrait main.carrer-peoples .board-members > :nth-child(3){

    margin-top: -30vh;

    margin-left: 21.6vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(4){

    margin-top: 18.5vh;

    margin-left: -39.1vw; 

}

body.portrait main.carrer-peoples .board-members > :nth-child(5){

    margin-top: 25vh;

    margin-left: -8vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(6){

    margin-top: 20vh;

    margin-left: 21.6vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(7){

    margin-top: -32.3vh;

    margin-left: -44.6vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(8){

    margin-top: -12.96vh;

    margin-left: -47.8vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(9){

    margin-top: -40.18vh;

    margin-left: -30.57vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(12){

    margin-top: -37.77vh;

    margin-left: -16.11vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(13){

    margin-top: -17.77vh;

    margin-left: 0.83vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(14){

    margin-top: -37.77vh;

    margin-left: 15.98vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(15){

    margin-top: -25.9vh;

    margin-left: 12.6vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(16){

    margin-top: -42.77vh;

    margin-left: 26.3vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(18){

    margin-top: 11.1vh;

    margin-left: -44.5vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(19){

    margin-top: 23.14vh;

    margin-left: -46.5vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(20){

    margin-top: 38.3vh;

    margin-left: -37.6vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(21){

    margin-top: 11.66vh;

    margin-left: -31.35vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(22){

    margin-top: 35.33vh;

    margin-left: -26.98vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(23){

    margin-top: 20.8vh;

    margin-left: -17.08vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(24){

    margin-top: 17.03vh;

    margin-left: -9.53vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(25){

    margin-top: 44.7vh;

    margin-left: -6.25vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(26){

    margin-top: 42.53vh;

    margin-left: 3.22vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(27){

    margin-top: 16.57vh;

    margin-left: 5.625vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(28){

    margin-top: 26.66vh;

    margin-left: 13.95vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(29){

    margin-top: -16em;

    margin-left: 29.16vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(30){

    margin-top: 39vh;

    margin-left: 26.25vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(31){

    margin-top: 33.7vh;

    margin-left: 39.9vw;

}

body.portrait main.carrer-peoples .board-members > :nth-child(32){

    margin-top: -15.7vh;

    margin-left: 40vw;

}



body.portrait header.popup-opened-color.popup-color-1 .langs-icon{

    background-color: #fff !important;

}

body.portrait header.popup-opened-color.popup-color-1 .langs .langs-list .lang{

    color: #fff!important;

}

body.portrait header.popup-opened-color.popup-color-1 .langs .langs-list::before, body.portrait header.popup-opened-color.popup-color-1 .langs .langs-list::after{

    background-color: #fff!important;

}

body.portrait header.popup-opened-color.popup-color-1 .langs .langs-list .lang.active{

    color: rgba(255,255,255,0.6) !important;

}

body.portrait header.popup-opened-color.popup-color-2 .logo {

    background-color: #fff !important;

}

body.portrait.news-popup-animation .fortenova-popup.popup-news .popup-image{

    width: 100vw !important;

    height: 56vw !important;

    transition: height 0.5s linear;

}

body.portrait .fortenova-popup.popup-news .popup-image > img, body.portrait .fortenova-popup.popup-news .popup-image > picture > img{
    height: 100%;
    object-fit: cover;
}

body.portrait .fortenova-popup.popup-news.active .right{

    width: 100vw;

    height: calc(100vh - 56vw);
    
    height: calc(var(--app-height) - 56vw);

    margin-left: 0;

    margin-right: 0;

    margin-top: 56vw;

    transform: translateY(100%);

}

body.portrait.news-popup-animation .fortenova-popup.popup-news.active .right{

    transform: translateY(0);

}

body.portrait .fortenova-popup.popup-news .right .box{

    width: 100%;

    max-width: 100%;

    margin: 0;

    padding: 5em 5%;

    padding-bottom: 15em;

}

body.portrait .fortenova-popup.popup-news .popup-image .popup-thumbs{

    bottom: 1em;

}



body.portrait.news-popup-animation main.content .board-members .member.has-popup .popup-image{

    width: 100vw !important;

    height: 56vw !important;

    transition: height 0.5s linear;

}

body.portrait.news-popup-animation main.about-management .board-members .member.has-popup .fortenova-popup.active .popup-image img{

    height: 100%;

    transform: translateX(-50%) translateY(0);

}

body.portrait.news-popup-animation main.carrer-peoples .board-members .member.has-popup .fortenova-popup.active .popup-image img{

    height: 100%;

    transform: translateX(-50%) translateY(0);

}

body.portrait main.content .board-members .member.has-popup .fortenova-popup.active .right{

    width: 100vw;

    height: calc(100vh - 56vw);
    
    height: calc(var(--app-height) - 56vw);

    margin-left: 0;

    margin-right: 0;

    margin-top: 56vw;

    transform: translateY(100%);

}

body.portrait.news-popup-animation main.content .board-members .member.has-popup .fortenova-popup.active .right{

    transform: translateY(0);

}

body.portrait main.content .board-members .member.has-popup .fortenova-popup .right .box{

    width: 100%;

    max-width: 100%;

    margin: 0;

    padding: 5em 5%;

    padding-bottom: 20em;

    box-sizing: border-box;

}



body.portrait footer{

    flex-direction: column;

    padding-left: 5%;

    padding-right: 5%;

}

body.portrait footer .column{

    width: 100%;

    padding: 0.5em 1em;

}

body.portrait footer .to-top{

    right: 5%;

}

body.portrait footer .column.border-left::before{

    display: none;

}

body.portrait footer .column.border-right::after{

    display: none;

}



body.portrait main.full-size{

    height: 100vh;
    height: var(--app-height);

}

body.portrait .fortenova-popup{

    height: 100vh;
    height: var(--app-height);

}



body.portrait .fortenova-popup.donations .popup-title{

    font-size: 3em;

}

body.portrait form fieldset p{

    width: 96%!important;

}



body.portrait header.half-white .logo{

    background-color: #fff;

}

body.portrait header.half-white .langs-icon{

    background-color: #fff;

}

body.portrait header.half-white .langs .langs-list .lang{

    color: #fff;

}

body.portrait header.half-white .langs .langs-list .lang.active{

    color: rgba(255,255,255,0.6);

}



body.portrait main.carrer-quote .quote{

    flex-direction: column;

}

body.portrait main.carrer-quote .quote .image{

    width: 100vw;

    height: 56vw;

}

body.portrait main.carrer-quote .quote .image img{

    height: 100%;

    transform: translateX(-50%) translateY(0);

}

body.portrait main.carrer-quote .quote .right{

    width: 100vw;

    height: auto;

    height: calc(100vh - 56vw);
    
    height: calc(var(--app-height) - 56vw);

}

body.portrait main.carrer-quote .quote .right .box{

    width: 100%;

    max-width: 100%;

    margin: 0;

    padding: 5em 5%;

    box-sizing: border-box;

}

body.portrait .responsive-table tr td {
    width: calc(50% - 50px);
}



img.icon{
    width: 5em;
    height: 5em;
    margin-right: 0.25em;
}


@media all and (max-width:1400px){

    main.content .container .page-heading{

        width: 100%;

    }

}

@media all and (max-width:1280px){

    main.news-archive > .scrollbar-hidden{

        -webkit-mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 16em, rgb(255, 255, 255) 22em);

        mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 16em, rgb(255, 255, 255) 22em);

    }

    main.news-archive .news > .container{

        padding-top: 16em;

    }
    
    .side-menu{
        top: auto;
        left: 0;
        bottom: 26px;
        max-width: calc(100% - 5em);
        padding: 2em;
        padding-right: 5em;
        background: rgba(93, 171, 154, 1);
        box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
        -ms-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        transition: transform 0.5s linear;
        z-index: 997;
        box-sizing: border-box;
    }
    body.side-menu-opened .side-menu{
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .side-menu .open-side-menu{
        display: block;
    }
    .side-menu ul{
        font-size: 1.2em;
    }
    .side-menu ul li a .title{
        color: #fff;
    }
    .side-menu ul li a:hover .title{
        opacity: 1!important;
    }
    .side-menu ul li.active a .title{
        color: #fff;
    }
    .side-menu ul li a::before{
        background: #fff;
    }
    .side-menu ul li.active a::before{
        background: #fff;
    }
    .side-menu ul li a:hover::before{
        opacity: 1!important;
    }
}

@media all and (max-width:1024px){

    header .main-menu-icon-box{

        left: 5%;

    }

    header .langs{

        right: 5%;

    }

    main.home .home-next{

        bottom: 5vw;

    }

    .next-slide-button{

        margin-left: -5%;

        transform: translateX(-100%);

        bottom: 5vw;

    }

    body.portrait main.about-history .title{

        font-size: 16em;

    }

    body.portrait .fortenova-popup.popup-news .popup-title{

        font-size: 5em;

    }

    body.portrait .fortenova-popup.popup-news .popup-date{

        font-size: 2em;

    }

    body.portrait main.carrer-culture .boxes .culture-title{

        font-size: 12em;

    }

    body.portrait main.carrer-peoples .board-members .member{

        width: 16em;

        height: 16em;

    }

    body.portrait main.carrer-peoples .board-members .member .image{

        width: 16em;

        height: 16em;

    }

    body.portrait main.carrer-peoples .board-members .member-s{

        width: 6em;

        height: 6em;

    }

    .responsive-table tr td {
      width: calc(50% - 20px);
      margin: 10px;
    }
    body.portrait .responsive-table tr td {
        width: 100%;
        margin: 10px 0;
    }
}

@media all and (max-width: 800px){

    body{

        font-size: 0.24rem;

    }

    body.portrait main.about-history .title{

        font-size: 14em;

    }

    body.portrait .fortenova-popup.popup-news .popup-title{

        font-size: 4em;

    }

    body.portrait main.carrer-culture .boxes .culture-title{

        font-size: 10em;

    }

    body.portrait main.carrer-peoples .board-members .member{

        width: 15em;

        height: 15em;

    }

    body.portrait main.carrer-peoples .board-members .member .image{

        width: 15em;

        height: 15em;

    }

    body.portrait main.carrer-peoples .board-members .member-s{

        width: 5em;

        height: 5em;

    }

    body.portrait .brands-list .brand > .box{

        width: 11.9em;

        height: 20em;

    }

    body.portrait .fortenova-popup .popup-title{

        font-size: 5em;

    }
    
    .brands-menu{
        transform: translateX(-15.4em);
    }
}

@media all and (max-width:599px){

    body{

        font-size: 0.19rem;

    }

    body.portrait main.home .home-video-text{

        font-size: 2.4em;

    }

    body.portrait nav.main-menu ul li{

        padding: 2em 2.5em;

    }

    body.portrait main h2.news-title{

        margin-bottom: 0.8em;

    }
    
    body.portrait main .news-title-box{
        margin-top: 0;
        margin-bottom: 2.88em;
    }
    
    body.portrait main .news-title-box h2.news-title{
        margin-top: 0;
        margin-bottom: 0;
    }

    body.portrait main.slide-news .news-list .news{

        margin-bottom: 2em;

    }

    body.portrait main.news-archive .news-list{

        margin-left: -1em;

        margin-right: -1em;

    }

    body.portrait main.news-archive .news-list .news{

        margin-bottom: 2em;

        padding: 0 1em;

    }

    body.portrait .news-list .news a.title{

        font-size: 2em;

        padding: 0 1em;

    }

    body.portrait main.news-archive .news-list .news a.category{

        left: 1.81em;

        bottom: 2em;

    }

    body.portrait main.news-archive .news-list .news .date{

        font-size: 1.4em;

        right: 1.6em;

        bottom: 1.6em;

    }

    body.portrait main.content .slide-section .section-tabs li a{

        font-size: 1.6em;

    }

    body.portrait .fortenova-popup .numbers-box .numbers .number .value{

        font-size: 10em;

    }

    body.portrait .fortenova-popup .numbers-box .numbers .number .label{

        margin-top: 3em;

    }

    body.portrait .portfelj-enter .portfelj-text{

        font-size: 3.5em;

    }

    body.portrait .fortenova-popup.about-us .box .container{

        padding-top: 15em;

    }

    body.portrait .fortenova-popup .about-data .data{

        font-size: 1.8em;

    }

    body.portrait main.about-graphs .charts{

        width: 80%;

    }

    body.portrait main.about-graphs .charts.pie{

        margin-left: 40%;

        width: 60%;

    }

    body.portrait main.about-graphs .charts.pie .image img{

        width: 100%;

        height: auto;

    }

    body.portrait main.about-history .title{

        font-size: 12em;

    }

    body.portrait main.about-history .history .event .year{

        position: static;

        font-size: 2em;

        text-align: center;

        margin-bottom: 1em;

        transform: none;

    }

    body.portrait main.about-history .history .event::before{

        height: 6em;

        top: auto;

        bottom: 2em;

    }

    body.portrait main.about-history .history .event .box{

        width: 100%;

        text-align: center!important;

        margin: 0!important;

        padding-left: 0!important;

        padding-right: 0!important;

        -webkit-mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%)!important;

        -webkit-mask-position: 200% 0;

        mask-image: linear-gradient(125deg, rgb(25, 25, 25) 50%, rgba(25,25,25,0) 90%)!important;

        mask-position: 200% 0;

    }

    body.portrait main.about-history .history .event .box.show{

        -webkit-mask-position: 0 0;

        mask-position: 0 0;

        animation: text-show 3s linear!important;

    }

    body.portrait main.about-history .history .event .box.show.loaded{

        -webkit-mask:none!important;

        mask:none!important;

    }

    body.portrait main.about-history .history .event .box .event-title{

        margin-bottom: 0.5em;

    }

    body.portrait main.about-management .board-members .member.has-popup .member-name{

        line-height: 1.2;

        padding: 0.8em 0;

    }

    body.portrait main.about-management .board-members .member.has-popup .member-name strong{

        display: block;

    }

    body.portrait .fortenova-popup.popup-news .popup-title{

        font-size: 3em;

    }

    body.portrait main.content .board-members .member.has-popup .fortenova-popup .right .popup-title .popup-member-name{

        font-size: 3em;

    }

    body.portrait main.content .board-members .member.has-popup .fortenova-popup .right .popup-title .popup-member-position{

        font-size: 2.3em;

    }

    body.portrait main.content .board-members .member.has-popup .fortenova-popup .right .popup-content{

        margin-top: 1.5em;

    }

    body.portrait main.carrer-culture .boxes .culture-title{

        font-size: 10em;

    }

    body.portrait main.content .container .page-heading .title-box{

        flex-direction: column;

    }

    body.portrait main.about-tma .container .page-heading .title-box{

        flex-direction: column-reverse;

    }

    body.portrait main.responsibility-un .container .page-heading .title-box{

        flex-direction: column-reverse;

    }

    body.portrait main.content .container .page-heading .title-box .title-logo{

        display: flex;

        width: 100%;

        margin-left: 0;

    }

    body.portrait main.content .container .page-heading .title-box .title-logo img{

        position: static;

        width: 16.6em;

    }

    body.portrait main.content .container .page-heading .title-box .title-icons{

        margin-left: 0;

    }

    body.portrait main.carrer-culture .boxes .culture-title{

        font-size: 8em;

    }

    body.portrait .benefit-box .benefit{

        padding-top: 40%;

    }

    .benefit-box .benefit .label{

        margin-top: 2em;

    }

    body.portrait main.carrer-peoples .board-members .member{

        width: 14em;

        height: 14em;

    }

    body.portrait main.carrer-peoples .board-members .member .image{

        width: 14em;

        height: 14em;

    }

    body.portrait main.carrer-peoples .board-members .member-s{

        width: 5em;

        height: 5em;

    }

    body.portrait main.carrer-peoples .peoples-title .number{

        font-size: 16em;

    }

    body.portrait .brands-list .brand > .box{

        width: 10.7em;

        height: 18em;

    }

    body.portrait .fortenova-popup .popup-title{

        font-size: 4em;

    }

    body.portrait .fortenova-popup.donations .popup-title {

        font-size: 2em;

        margin-top: 5em;

    }

    body.portrait main.about-management .board-members{
        display: flex;
        flex-wrap: wrap;
        margin: 0 -1em;
        padding: 0;
    }
    body.portrait main.about-management .board-members .member{
        width: 50%!important;
        margin: 2em 0 0 0!important;
        padding: 0 1em;
        box-sizing: border-box;
    }
    body.portrait main.about-management .board-members .member.has-popup > .link{
        flex-direction: column;
    }
    body.portrait main.about-management .board-members .member.has-popup .image{
        margin: auto;
    }
    body.portrait main.about-management .board-members .member.has-popup .member-name{
        white-space: normal;
        white-space: unset;
        text-align: center;
        margin: 0;
    }
}

@media all and (max-width:479px){

    body{

        font-size: 0.14rem;

    }

    body.portrait{

        font-size: 0.48rem;

    }

    body.portrait main.home .home-video-text{

        font-size: 2em;

    }

    body.portrait nav.main-menu ul li{

        padding: 1.5em 2.5em;

    }

    body.portrait .portfelj-enter .portfelj-text{

        font-size: 3em;

    }

    body.portrait .fortenova-popup .numbers-box .numbers .number .value{

        font-size: 8em;

    }

    body.portrait .fortenova-popup .numbers-box .numbers .number .label{

        margin-top: 2em;

    }

    body.portrait .fortenova-popup .popup-content .wp-caption{

        max-width: 100%;

        float: none!important;

        margin-left: 0!important;

        margin-right: 0!important;

    }

    body.portrait main.carrer-culture .boxes .culture-title{

        font-size: 6em;

    }

    body.portrait main.carrer-peoples .board-members .member{

        width: 12em;

        height: 12em;

    }

    body.portrait main.carrer-peoples .board-members .member .image{

        width: 12em;

        height: 12em;

    }

    body.portrait main.carrer-peoples .board-members .member-s{

        width: 4em;

        height: 4em;

    }

    body.portrait main.carrer-peoples .peoples-title .number{

        font-size: 14em;

    }

    body.portrait .brands-list .brand > .box{

        width: 8.9em;

        height: 15em;

    }

    body.portrait .fortenova-popup .popup-title{

        font-size: 3em;

    }

}

@media all and (max-width:319px){

    body{

        font-size: 0.09rem;

    }

    body.portrait{

        font-size: 0.4rem;

    }

}