@charset "UTF-8";
@font-face {
    font-family: HalvarBreit;
    font-display: swap;
    src: url(../fonts/HalvarBreit-Bold.woff2) format("woff2"), url(../fonts/HalvarBreit-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: HalvarBreit;
    font-display: swap;
    src: url(../fonts/HalvarBreit-Light.woff2) format("woff2"), url(../fonts/HalvarBreit-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body, html {
    height: 100%;
    min-width: 320px
}
body p {
    line-height: 32px;    
}

.list6b {
    padding:0;
    list-style: none;
}
.list6b li{
    padding:6px;
	margin: 8px;
	line-height: 26px;
}
.list6b li:before {
    padding-right:10px;
    font-weight: bold;
    color: #e40000;
    content: "\2714";
    transition-duration: 0.5s;
}
.list6b li:hover:before {
    color: #337AB7;
    content: "\2714";
}   
.obod {
    border: solid 1px;
    padding: 10px;
    margin-top: 20px;
}
body {
    color: #fff;
    line-height: 1;
    font-family: HalvarBreit;
    font-size: 1.125rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.header__menus .wpml-ls-current-language {
  border: solid 1px #fff;
  color: #fff !important;
  background: #A91717;
  padding: 3px 8px 2px;
}
.link-sociale{
	text-align: center;
	display: block;
	margin: 10px;
	width: 100%;
	
}
button, input, textarea {
    font-family: HalvarBreit;
    font-size: inherit
}

button {
    cursor: pointer;
    color: inherit;
    background-color: inherit
}

a {
    color: inherit
}

a:link, a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}
.plot__description .alignleft {
    float: left;
    margin: 10px 20px 10px 0px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: inherit;
    font-size: inherit
}

body {
    font-weight: 300;
    background-color: #000;
    line-height: 21px
}

.lock body {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.wrapper {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.wrapper > main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.wrapper > * {
    min-width: 0
}

[class*=__container] {
    max-width: 93.75rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0 1.1625rem
}

body::after {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .8s ease 0s;
    -o-transition: opacity .8s ease 0s;
    transition: opacity .8s ease 0s;
    pointer-events: none;
    z-index: 149
}

.popup-show body::after {
    opacity: 1
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 50px 10px;
    -webkit-transition: visibility .8s ease 0s;
    -o-transition: visibility .8s ease 0s;
    transition: visibility .8s ease 0s;
    visibility: hidden;
    pointer-events: none
}

.popup__title {
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px
}

@supports (font-size:clamp(2.1875rem ,1.1594626168rem + 5.1401869159vw ,5.625rem)) {
    .popup__title {
        font-size: clamp(2.1875rem, 1.1594626168rem + 5.1401869159vw, 5.625rem)
    }
}

@supports not (font-size:clamp(2.1875rem ,1.1594626168rem + 5.1401869159vw ,5.625rem)) {
    .popup__title {
        font-size: calc(2.1875rem + 3.4375 * (100vw - 20rem) / 66.875)
    }
}

@supports (line-height:clamp(2.5rem ,0.6495327103rem + 9.2523364486vw ,8.6875rem)) {
    .popup__title {
        line-height: clamp(2.5rem, .6495327103rem + 9.2523364486vw, 8.6875rem)
    }
}

@supports not (line-height:clamp(2.5rem ,0.6495327103rem + 9.2523364486vw ,8.6875rem)) {
    .popup__title {
        line-height: calc(2.5rem + 6.1875 * (100vw - 20rem) / 66.875)
    }
}

.popup__item {
    margin-bottom: 50px
}

.popup__item:last-child {
    margin-bottom: 0
}

.popup__item-name {
    font-weight: 700;
    font-size: 25px;
    line-height: 29px;
    margin-bottom: 20px
}

.popup__item-desc {
    font-weight: 300;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 15px
}

.popup__item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.popup__item-box img {
    max-width: 50%;
    width: 100%
}

.popup__item-box._active {
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr)
}

.popup_show {
    z-index: 150;
    visibility: visible;
    overflow: auto;
    pointer-events: auto
}

.popup_show .popup__content {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.popup__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center
}

.popup__content {
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    -o-transition: transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
    background-color: #000;
    padding: 100px 20px;
    width: 100%;
    max-width: 1400px;
    position: relative
}

.lock .popup__content {
    visibility: visible
}

.popup__close {
    position: absolute;
    top: 0;
    right: 0
}

#info .popup__title {
    text-align: left
}

@supports (font-size:clamp(2.1875rem ,1.6267523364rem + 2.8037383178vw ,4.0625rem)) {
    #info .popup__title {
        font-size: clamp(2.1875rem, 1.6267523364rem + 2.8037383178vw, 4.0625rem)
    }
}

@supports not (font-size:clamp(2.1875rem ,1.6267523364rem + 2.8037383178vw ,4.0625rem)) {
    #info .popup__title {
        font-size: calc(2.1875rem + 1.875 * (100vw - 20rem) / 66.875)
    }
}

@supports (line-height:clamp(2.8125rem ,2.4386682243rem + 1.8691588785vw ,4.0625rem)) {
    #info .popup__title {
        line-height: clamp(2.8125rem, 2.4386682243rem + 1.8691588785vw, 4.0625rem)
    }
}

@supports not (line-height:clamp(2.8125rem ,2.4386682243rem + 1.8691588785vw ,4.0625rem)) {
    #info .popup__title {
        line-height: calc(2.8125rem + 1.25 * (100vw - 20rem) / 66.875)
    }
}

@supports (margin-bottom:clamp(1.875rem ,1.6880841121rem + 0.9345794393vw ,2.5rem)) {
    #info .popup__info-item {
        margin-bottom: clamp(1.875rem, 1.6880841121rem + .9345794393vw, 2.5rem)
    }
}

@supports not (margin-bottom:clamp(1.875rem ,1.6880841121rem + 0.9345794393vw ,2.5rem)) {
    #info .popup__info-item {
        margin-bottom: calc(1.875rem + .625 * (100vw - 20rem) / 66.875)
    }
}

#info .popup__info-title {
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 10px
}

@supports (font-size:clamp(1rem ,0.8317757009rem + 0.8411214953vw ,1.5625rem)) {
    #info .popup__info-title {
        font-size: clamp(1rem, .8317757009rem + .8411214953vw, 1.5625rem)
    }
}

@supports not (font-size:clamp(1rem ,0.8317757009rem + 0.8411214953vw ,1.5625rem)) {
    #info .popup__info-title {
        font-size: calc(1rem + .5625 * (100vw - 20rem) / 66.875)
    }
}

#info .popup__info-desc {
    font-weight: 300
}

@supports (font-size:clamp(0.875rem ,0.8002336449rem + 0.3738317757vw ,1.125rem)) {
    #info .popup__info-desc {
        font-size: clamp(.875rem, .8002336449rem + .3738317757vw, 1.125rem)
    }
}

@supports not (font-size:clamp(0.875rem ,0.8002336449rem + 0.3738317757vw ,1.125rem)) {
    #info .popup__info-desc {
        font-size: calc(.875rem + .25 * (100vw - 20rem) / 66.875)
    }
}

@supports (line-height:clamp(1rem ,0.9065420561rem + 0.4672897196vw ,1.3125rem)) {
    #info .popup__info-desc {
        line-height: clamp(1rem, .9065420561rem + .4672897196vw, 1.3125rem)
    }
}

@supports not (line-height:clamp(1rem ,0.9065420561rem + 0.4672897196vw ,1.3125rem)) {
    #info .popup__info-desc {
        line-height: calc(1rem + .3125 * (100vw - 20rem) / 66.875)
    }
}

#info .popup__info-desc p {
    margin-bottom: 20px
}

#info .popup__info-desc p:last-child {
    margin-bottom: 0
}

@supports (margin-bottom:clamp(1.875rem ,0.7535046729rem + 5.6074766355vw ,5.625rem)) {
    #info .popup__column {
        margin-bottom: clamp(1.875rem, .7535046729rem + 5.6074766355vw, 5.625rem)
    }
}

@supports not (margin-bottom:clamp(1.875rem ,0.7535046729rem + 5.6074766355vw ,5.625rem)) {
    #info .popup__column {
        margin-bottom: calc(1.875rem + 3.75 * (100vw - 20rem) / 66.875)
    }
}

#info .popup__column:last-child {
    margin-bottom: 0
}

#info .popup__subtitle {
    font-weight: 700;
    margin-bottom: 20px
}

@supports (font-size:clamp(1.25rem ,1.0630841121rem + 0.9345794393vw ,1.875rem)) {
    #info .popup__subtitle {
        font-size: clamp(1.25rem, 1.0630841121rem + .9345794393vw, 1.875rem)
    }
}

@supports not (font-size:clamp(1.25rem ,1.0630841121rem + 0.9345794393vw ,1.875rem)) {
    #info .popup__subtitle {
        font-size: calc(1.25rem + .625 * (100vw - 20rem) / 66.875)
    }
}

@supports (line-height:clamp(1.4375rem ,1.2132009346rem + 1.1214953271vw ,2.1875rem)) {
    #info .popup__subtitle {
        line-height: clamp(1.4375rem, 1.2132009346rem + 1.1214953271vw, 2.1875rem)
    }
}

@supports not (line-height:clamp(1.4375rem ,1.2132009346rem + 1.1214953271vw ,2.1875rem)) {
    #info .popup__subtitle {
        line-height: calc(1.4375rem + .75 * (100vw - 20rem) / 66.875)
    }
}

._w-30 {
    max-width: 32.3% !important
}

[class*=-ibg] {
    position: relative
}

[class*=-ibg] img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

[class*=-ibg_contain] img {
    -o-object-fit: contain;
    object-fit: contain
}

h2 {
    font-weight: 700
}

@supports (font-size:clamp(2.5rem ,1.5654205607rem + 4.6728971963vw ,5.625rem)) {
    h2 {
        font-size: clamp(2.5rem, 1.5654205607rem + 4.6728971963vw, 5.625rem)
    }
}

@supports not (font-size:clamp(2.5rem ,1.5654205607rem + 4.6728971963vw ,5.625rem)) {
    h2 {
        font-size: calc(2.5rem + 3.125 * (100vw - 20rem) / 66.875)
    }
}

@supports (line-height:clamp(4.3125rem ,3.6582943925rem + 3.2710280374vw ,6.5rem)) {
    h2 {
        line-height: clamp(4.3125rem, 3.6582943925rem + 3.2710280374vw, 6.5rem)
    }
}

@supports not (line-height:clamp(4.3125rem ,3.6582943925rem + 3.2710280374vw ,6.5rem)) {
    h2 {
        line-height: calc(4.3125rem + 2.1875 * (100vw - 20rem) / 66.875)
    }
}

.header {
    background-color: #000;
    padding: 55px 0;
}

.header__container {
    position: relative
}

.header__description {
    font-weight: 250;
    text-align: center;
    margin-bottom: 5px
}

@supports (font-size:clamp(1rem ,0.9626168224rem + 0.1869158879vw ,1.125rem)) {
    .header__description {
        font-size: clamp(1rem, .9626168224rem + .1869158879vw, 1.125rem)
    }
}

@supports not (font-size:clamp(1rem ,0.9626168224rem + 0.1869158879vw ,1.125rem)) {
    .header__description {
        font-size: calc(1rem + .125 * (100vw - 20rem) / 66.875)
    }
}

.header__title {
    font-weight: 700;
    text-align: center
}
.promo_video{
    background: #000;
	padding-top: 20px;
	margin-bottom: -40px;
}

.promo_video .plot__description{
	margin-bottom: 0px;
}
@supports (font-size:clamp(1.75rem ,1.7126168224rem + 0.1869158879vw ,1.875rem)) {
    .header__title {
        font-size: clamp(1.75rem, 1.7126168224rem + .1869158879vw, 1.875rem)
    }
}

@supports not (font-size:clamp(1.75rem ,1.7126168224rem + 0.1869158879vw ,1.875rem)) {
    .header__title {
        font-size: calc(1.75rem + .125 * (100vw - 20rem) / 66.875)
    }
}

.icon-menu {
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 5rem;
    height: .8125rem;
    cursor: pointer;
    z-index: 5
}

.icon-menu::after, .icon-menu::before {
    content: "";
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: .3125rem;
    background-color: #fff
}

.icon-menu::before {
    top: 0
}

.icon-menu::after {
    bottom: -6px;
    width: 60px
}

.icon-menu span {
    top: calc(50% - .0625rem)
}

.menu-open .icon-menu span {
    width: 0
}

.menu-open .icon-menu::before {
    top: calc(50% - .0625rem);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.menu-open .icon-menu::after {
    bottom: calc(50% - .0625rem);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100%
}

.menu__body {
    display: none
}

.menu-open .menu__body {
    display: block;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #a91717;
    overflow: auto
}

.menu-open .menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 120px 25px;
    text-align: center
}

@supports (margin-bottom:clamp(0.9375rem ,0.7505841121rem + 0.9345794393vw ,1.5625rem)) {
    .menu__item {
        margin-bottom: clamp(.9375rem, .7505841121rem + .9345794393vw, 1.5625rem)
    }
}

@supports not (margin-bottom:clamp(0.9375rem ,0.7505841121rem + 0.9345794393vw ,1.5625rem)) {
    .menu__item {
        margin-bottom: calc(.9375rem + .625 * (100vw - 20rem) / 66.875)
    }
}

.menu__item:last-child {
    margin-bottom: 0
}

.menu__link {
    font-weight: 700;
    line-height: 29px
}

@supports (font-size:clamp(1rem ,0.8317757009rem + 0.8411214953vw ,1.5625rem)) {
    .menu__link {
        font-size: clamp(1rem, .8317757009rem + .8411214953vw, 1.5625rem)
    }
}

@supports not (font-size:clamp(1rem ,0.8317757009rem + 0.8411214953vw ,1.5625rem)) {
    .menu__link {
        font-size: calc(1rem + .5625 * (100vw - 20rem) / 66.875)
    }
}

.footer {
    padding: 20px 0 60px 0
}

.footer__title {
    font-weight: 700;
    text-align: center
}

@supports (font-size:clamp(2.5rem ,-0.7336448598rem + 16.1682242991vw ,13.3125rem)) {
    .footer__title {
        font-size: clamp(2.5rem, -.7336448598rem + 16.1682242991vw, 13.3125rem)
    }
}

@supports not (font-size:clamp(2.5rem ,-0.7336448598rem + 16.1682242991vw ,13.3125rem)) {
    .footer__title {
        font-size: calc(2.5rem + 10.8125 * (100vw - 20rem) / 66.875)
    }
}

@supports (line-height:clamp(3.625rem ,0.0922897196rem + 17.6635514019vw ,15.4375rem)) {
    .footer__title {
        line-height: clamp(3.625rem, .0922897196rem + 17.6635514019vw, 15.4375rem)
    }
}

@supports not (line-height:clamp(3.625rem ,0.0922897196rem + 17.6635514019vw ,15.4375rem)) {
    .footer__title {
        line-height: calc(3.625rem + 11.8125 * (100vw - 20rem) / 66.875)
    }
}

.footer__description {
    font-weight: 700;
    line-height: 29px;
    text-align: center
}

@supports (font-size:clamp(0.9375rem ,0.7505841121rem + 0.9345794393vw ,1.5625rem)) {
    .footer__description {
        font-size: clamp(.9375rem, .7505841121rem + .9345794393vw, 1.5625rem)
    }
}

@supports not (font-size:clamp(0.9375rem ,0.7505841121rem + 0.9345794393vw ,1.5625rem)) {
    .footer__description {
        font-size: calc(.9375rem + .625 * (100vw - 20rem) / 66.875)
    }
}

.footer__email {
    text-align: center;
    margin-bottom: 60px
}

.footer__email a {
    font-weight: 700;
    line-height: 29px;
    text-align: center;
    color: #a91717
}

@supports (font-size:clamp(0.8125rem ,0.5882009346rem + 1.1214953271vw ,1.5625rem)) {
    .footer__email a {
        font-size: clamp(.8125rem, .5882009346rem + 1.1214953271vw, 1.5625rem)
    }
}

@supports not (font-size:clamp(0.8125rem ,0.5882009346rem + 1.1214953271vw ,1.5625rem)) {
    .footer__email a {
        font-size: calc(.8125rem + .75 * (100vw - 20rem) / 66.875)
    }
}

.footer__copy {
    font-weight: 200;
    font-size: 12px;
    line-height: 14px;
    text-align: center
}

.hero {
    background-color: #ede0d8;
}

.hero__images {
    max-width: 100%;
    width: 100%;
	height: 450px;
}

.about {
    padding: 40px 0 60px;
}
.page-template-home #gallery{
	display:none;
}
.about__column {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 195px 1fr;
    grid-template-columns:195px 1fr;
    gap: 90px;
    margin-bottom: 70px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}
.about__column_top {
    display: -ms-block;
    display: block;
    -ms-grid-columns: 195px 1fr;
    grid-template-columns: 195px 1fr;
    gap: 90px;
    margin-bottom: 70px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
	font-weight: 600;
    padding: 30px 28px;
    line-height: 30px;
    background: #ede0d8;
    color: #000;
    text-align: center;
}
.about__title {
    font-weight: 300;
    line-height: 29px;
    color: #848484
}

@supports (font-size:clamp(1.25rem ,1.1565420561rem + 0.4672897196vw ,1.5625rem)) {
    .about__title {
        font-size: clamp(1.25rem, 1.1565420561rem + .4672897196vw, 1.5625rem)
    }
}

@supports not (font-size:clamp(1.25rem ,1.1565420561rem + 0.4672897196vw ,1.5625rem)) {
    .about__title {
        font-size: calc(1.25rem + .3125 * (100vw - 20rem) / 66.875)
    }
}

.about__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.about__item:last-child {
    margin-bottom: 0
}

.about__item-name {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 250px;
    flex: 0 0 300px
}
#projekt h3{
	font-size:26px;
	line-height: 40px;
}
#projekt .teams__container{
   margin-bottom: 50px;
}
.projekt-title {   
    font-size: 20px;
    line-height: 30px;	
    color: #ccc;
}
.projekt-title .subtitle {   
    font-size: 16px;
    line-height: 18px;
}
.projekt-desc {
    line-height: 30px;
}

.plot {
    background-color: #ede0d8;
    padding: 30px 0 20px 0;

}

#sujet {
    margin: 0px;
}


.plot__title {
    color: #000;
	margin: 10px 0px;
}

.promo {
    background-color: #ede0d8;
    padding: 50px 0 0 0;
	
}


@media screen and (max-width: 782px) {
    .plot__title {
        margin-bottom: clamp(1.875rem, 1.6880841121rem + .9345794393vw, 2.5rem)
    }
	.plot__title {		
		line-height: 35px;
		text-align: center;
		font-size: 30px;
	}
	
}

@supports not (margin-bottom:clamp(1.875rem ,1.6880841121rem + 0.9345794393vw ,2.5rem)) {
    .plot__title {
        margin-bottom: calc(1.875rem + .625 * (100vw - 20rem) / 66.875)
    }
}

.plot__description, .promo__description {
    color: #000;
	font-size: 20px;
    line-height: 24px;
}

@supports (margin-bottom:clamp(1.875rem ,1.1273364486rem + 3.738317757vw ,4.375rem)) {
    .plot__description {
        margin-bottom: clamp(1.875rem, 1.1273364486rem + 3.738317757vw, 4.375rem)
    }
}

@supports (margin-bottom:clamp(1.875rem ,1.1273364486rem + 3.738317757vw ,4.375rem)) {
    .promo__description {
        margin-bottom: clamp(1.875rem, 1.1273364486rem + 3.738317757vw, 2.375rem)
    }
}



@supports not (margin-bottom:clamp(1.875rem ,1.1273364486rem + 3.738317757vw ,4.375rem)) {
    .plot__description {
        margin-bottom: calc(1.875rem + 2.5 * (100vw - 20rem) / 66.875)
    }
}

.plot__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media screen and (max-width: 782px) {
	.plot__images {	
		display: none;
	}
	.about__column_top {		
		padding: 29px 0px;	
	}
	.investing__title {
		line-height: 30px !important;
	}
	
}
.plot__images img {
    max-width: 100%;
    width: 100%
}

.actual {
    background-color: #000
}

.actual__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr)
}

.actual__title {
    font-weight: 700
}

@supports (font-size:clamp(2.1875rem ,1.4398364486rem + 3.738317757vw ,4.6875rem)) {
    .actual__title {
        font-size: clamp(2.1875rem, 1.4398364486rem + 3.738317757vw, 4.6875rem)
    }
}

@supports not (font-size:clamp(2.1875rem ,1.4398364486rem + 3.738317757vw ,4.6875rem)) {
    .actual__title {
        font-size: calc(2.1875rem + 2.5 * (100vw - 20rem) / 66.875)
    }
}

@supports (line-height:clamp(2.875rem ,2.1086448598rem + 3.8317757009vw ,5.4375rem)) {
    .actual__title {
        line-height: clamp(2.875rem, 2.1086448598rem + 3.8317757009vw, 5.4375rem)
    }
}

@supports not (line-height:clamp(2.875rem ,2.1086448598rem + 3.8317757009vw ,5.4375rem)) {
    .actual__title {
        line-height: calc(2.875rem + 2.5625 * (100vw - 20rem) / 66.875)
    }
}

@supports (padding-top:clamp(2.5rem ,1.8457943925rem + 3.2710280374vw ,4.6875rem)) {
    .actual__title {
        padding-top: clamp(2.5rem, 1.8457943925rem + 3.2710280374vw, 4.6875rem)
    }
}

@supports not (padding-top:clamp(2.5rem ,1.8457943925rem + 3.2710280374vw ,4.6875rem)) {
    .actual__title {
        padding-top: calc(2.5rem + 2.1875 * (100vw - 20rem) / 66.875)
    }
}

@supports (padding-bottom:clamp(1.875rem ,1.0338785047rem + 4.2056074766vw ,4.6875rem)) {
    .actual__title {
        padding-bottom: clamp(1.875rem, 1.0338785047rem + 4.2056074766vw, 4.6875rem)
    }
}

@supports not (padding-bottom:clamp(1.875rem ,1.0338785047rem + 4.2056074766vw ,4.6875rem)) {
    .actual__title {
        padding-bottom: calc(1.875rem + 2.8125 * (100vw - 20rem) / 66.875)
    }
}

@supports (padding-right:clamp(0.0000000625rem ,-0.3738316945rem + 1.869158785vw ,1.25rem)) {
    .actual__title {
        padding-right: clamp(.0000000625rem, -.3738316945rem + 1.869158785vw, 1.25rem)
    }
}

@supports not (padding-right:clamp(0.0000000625rem ,-0.3738316945rem + 1.869158785vw ,1.25rem)) {
    .actual__title {
        padding-right: calc(.0000000625rem + 1.2499999375 * (100vw - 20rem) / 66.875)
    }
}

.actual__desc {
    background-color: #ede0d8;
    color: #000;
    margin-right: -25px;
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 40px;
    padding-bottom: 75px;
    line-height: 21px;
	margin: 40px 0px 40px 30px;
}

.chronology__title {
    font-weight: 700;
    text-align: center;
    padding-top: 60px
}

@supports (font-size:clamp(3.75rem ,1.9742990654rem + 8.8785046729vw ,9.6875rem)) {
    .chronology__title {
        font-size: clamp(3.75rem, 1.9742990654rem + 8.8785046729vw, 9.6875rem)
    }
}

@supports not (font-size:clamp(3.75rem ,1.9742990654rem + 8.8785046729vw ,9.6875rem)) {
    .chronology__title {
        font-size: calc(3.75rem + 5.9375 * (100vw - 20rem) / 66.875)
    }
}

@supports (line-height:clamp(3.75rem ,1.5257009346rem + 11.1214953271vw ,11.1875rem)) {
    .chronology__title {
        line-height: clamp(3.75rem, 1.5257009346rem + 11.1214953271vw, 11.1875rem)
    }
}

@supports not (line-height:clamp(3.75rem ,1.5257009346rem + 11.1214953271vw ,11.1875rem)) {
    .chronology__title {
        line-height: calc(3.75rem + 7.4375 * (100vw - 20rem) / 66.875)
    }
}

@supports (margin-bottom:clamp(2.5rem ,2.3130841121rem + 0.9345794393vw ,3.125rem)) {
    .chronology__title {
        margin-bottom: clamp(2.5rem, 2.3130841121rem + .9345794393vw, 3.125rem)
    }
}

@supports not (margin-bottom:clamp(2.5rem ,2.3130841121rem + 0.9345794393vw ,3.125rem)) {
    .chronology__title {
        margin-bottom: calc(2.5rem + .625 * (100vw - 20rem) / 66.875)
    }
}

.chronology img {
    max-width: 100%;
    width: 100%;
    height: 100%
}

.chronology__body {
    padding-left: 25px;
	margin: 50px 0px;
}

.chronology__item {
    margin-bottom: 50px
}

.chronology__item .about__title {
    margin-bottom: 20px
}

.chronology__item p {
    margin-bottom: 15px;
	line-height: 30px;
}
hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}
.investing__checkbox .chronology__btn{
	color: #000;
}

.chronology__btn {
	color: #fff;
    border: 3px solid #a91717;
    padding: 19px 10px;
    display: block;
    text-align: center;
	width: 30%;
    margin: 10px
}

.gallery__box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    gap: 15px;

}


.gallery__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.music {
    padding: 0 0 90px 0
}

.music__title {
    margin-bottom: 40px
}
@media screen and (max-width: 782px) {
	.music__title {
		margin-bottom: 20px;
		text-align: center;
		line-height: 55px;
	}
	
	#projekt h2.projekt {
		font-size: 40px  !important;
		padding: 0px  !important;
		line-height: 50px  !important;
		text-align: center  !important;
	}
	
	blockquote {
		font-size: 1.0em  !important;		  
		padding: 1.8em 10px 1.2em 15px  !important;    
		line-height: 1.1  !important;  
	}
	
	.about__item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: block  !important;		
	}
	#projekt h3 {
		font-size: 16px  !important;
		line-height: 26px  !important;
	}
	
	.footer .languages__list {
		display: block !important;	
		margin-bottom: 23px !important;
		text-align: center;
	}
	.footer .languages__link {
		font-weight: 500 !important;
		font-size: 16px !important;
		line-height: 21px;
		
	}
	.teams {
		padding: 0px 0 0px !important;
	}
	
	.chronology__btn {
		width: auto;			
	}
	
	#donate h2{
		font-size: 30px;
	}
}
.music__box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 3 ];
    grid-template-columns:repeat(3, 1fr);
    gap: 50px 25px
}

.music__item-images {
    max-width: 100%;
    display: block;
    margin-bottom: 15px
}

.music__item-name {
    font-size: 20px;
    line-height: 23px
}

.teams {
    padding: 90px 0 0px;
}

.teams__box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 8 ];
    grid-template-columns:repeat(8, 1fr)
}

.teams__item img {
    max-width: 100%;
    width: 100%
}

.investing {
    padding: 20px 0;
    background-color: #ede0d8
}

.investing__title {
    text-align: left;
    font-weight: 700;
    color: #a91717;
}

@supports (font-size:clamp(2.1875rem ,0.7856308411rem + 7.0093457944vw ,6.875rem)) {
    .investing__title {
        font-size: clamp(1.8875rem, .7856308411rem + 5.0093457944vw, 4.875rem)
    }
}

@supports not (font-size:clamp(2.1875rem ,0.7856308411rem + 7.0093457944vw ,6.875rem)) {
    .investing__title {
        font-size: calc(2.1875rem + 4.6875 * (100vw - 20rem) / 66.875)
    }
}

@supports (line-height:clamp(2.875rem ,1.3609813084rem + 7.5700934579vw ,7.9375rem)) {
    .investing__title {
        line-height: clamp(2.875rem, 1.3609813084rem + 3.5700934579vw, 7.9375rem)
    }
}

@supports not (line-height:clamp(2.875rem ,1.3609813084rem + 7.5700934579vw ,7.9375rem)) {
    .investing__title {
        line-height: calc(2.875rem + 5.0625 * (100vw - 20rem) / 66.875)
    }
}

@supports (margin-bottom:clamp(1.25rem ,2.8738317757rem + -1.8691588785vw ,2.5rem)) {
    .investing__title {
        margin-bottom: clamp(1.25rem, 2.8738317757rem + -1.8691588785vw, .5rem)
    }
}

@supports not (margin-bottom:clamp(1.25rem ,2.8738317757rem + -1.8691588785vw ,2.5rem)) {
    .investing__title {
        margin-bottom: calc(2.5rem + -1.25 * (100vw - 20rem) / 66.875)
    }
}

.investing__icon {
    margin-right: auto
}

.investing__position {
    text-align: right
}

.investing__form-label {
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 20px;
    color: #000;
	text-align: center;
}

@supports (font-size:clamp(1rem ,0.8317757009rem + 0.8411214953vw ,1.5625rem)) {
    .investing__form-label {
        font-size: clamp(1rem, .8317757009rem + .8411214953vw, 1.5625rem)
    }
}

@supports not (font-size:clamp(1rem ,0.8317757009rem + 0.8411214953vw ,1.5625rem)) {
    .investing__form-label {
        font-size: calc(1rem + .5625 * (100vw - 20rem) / 66.875)
    }
}

.investing__group {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 300;
    line-height: 21px;
    color: #000;
    margin-bottom: 20px;
    cursor: pointer
}

@supports (font-size:clamp(0.875rem ,0.8002336449rem + 0.3738317757vw ,1.125rem)) {
    .investing__group {
        font-size: clamp(.875rem, .8002336449rem + .3738317757vw, 1.125rem)
    }
}

@supports not (font-size:clamp(0.875rem ,0.8002336449rem + 0.3738317757vw ,1.125rem)) {
    .investing__group {
        font-size: calc(.875rem + .25 * (100vw - 20rem) / 66.875)
    }
}

.investing__group span {
    color: #848484;
    margin-left: 5px
}

.investing__group-input {
    overflow: hidden;
    width: 0
}

.investing__group-inner {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 5px solid #000;
    background: #000;
    margin-right: 10px;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px
}

.investing__checkbox {
    margin-bottom: 75px;
	display: flex
}

.investing__deposit-title {
    font-weight: 700;
    line-height: 29px;
    text-align: center;
    margin-bottom: 25px;
    color: #000
}

@supports (font-size:clamp(0.9375rem ,0.7505841121rem + 0.9345794393vw ,1.5625rem)) {
    .investing__deposit-title {
        font-size: clamp(.9375rem, .7505841121rem + .9345794393vw, 1.5625rem)
    }
}

@supports not (font-size:clamp(0.9375rem ,0.7505841121rem + 0.9345794393vw ,1.5625rem)) {
    .investing__deposit-title {
        font-size: calc(.9375rem + .625 * (100vw - 20rem) / 66.875)
    }
}

.investing__btn {
    padding: 20px 10px;
    max-width: 290px;
    width: 100%;
    margin: 0 auto;
    font-weight: 700;
    line-height: 29px;
    text-align: center;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@supports (font-size:clamp(0.9375rem ,0.7505841121rem + 0.9345794393vw ,1.5625rem)) {
    .investing__btn {
        font-size: clamp(.9375rem, .7505841121rem + .9345794393vw, 1.5625rem)
    }
}

@supports not (font-size:clamp(0.9375rem ,0.7505841121rem + 0.9345794393vw ,1.5625rem)) {
    .investing__btn {
        font-size: calc(.9375rem + .625 * (100vw - 20rem) / 66.875)
    }
}

.investing__step._hidden {
    display: none
}

.investing__step-2 {
    display: none
}

.investing__step-2._active {
    display: block
}

.investing__message {
    margin-top: 20px;
    margin-bottom: 60px
}

.investing__message textarea {
    width: 100%;
    border: 3px solid #000;
    padding: 25px;
    color: #000;
    outline: 0;
    background-color: transparent;
    min-height: 150px
}

.investing__deposit {
    margin-bottom: 40px
}

.investing__group-input:checked + .investing__group-inner {
    border-color: 5px solid #000;
    background-color: #fff
}

.input__box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr);
    gap: 20px
}

.input__field input {
    padding: 25px 25px;
    width: 100%;
    border: 3px solid #000;
    background-color: transparent;
    color: #000
}

.input__field input::-webkit-input-placeholder {
    text-align: center
}

.input__field input::-moz-placeholder {
    text-align: center
}

.input__field input:-ms-input-placeholder {
    text-align: center
}

.input__field input::-ms-input-placeholder {
    text-align: center
}

.input__field input::placeholder {
    text-align: center
}

.pagination {
    margin-top: 30px;
    text-align: center
}

.pagination a {
    font-weight: 700;
    font-size: 25px;
    color: #a91717;
    margin-right: 20px
}

.pagination a:last-child {
    margin-right: 0
}

.pagination a._active {
    color: #848484
}

.thankyo {
    padding-top: 200px
}

.thankyo .investing__form-label {
    text-align: center
}
.menu-item-type-custom {
	color: #da0b00;
    font-size: 15px;
    margin: 0px 12px;	
}
.header__menus .header__menus-item {
	display: none;
}
#menu-item-wpml-ls-9-uk {
	margin-left: 30px;
}



.page-id-123 .wrapper > main, .page-id-212 .wrapper > main{
    background: #ede0d8;
}

.page-id-123 #promorolik, .page-id-212 #promorolik{
	display:block;
}
.page-id-123 .about, .page-id-212 .about{
	display:block;
}
.page-id-123 #actual, .page-id-212 #actual{
	display:block;
}
.page-id-123 #ukrforce, .page-id-212 #ukrforce{
	display:block;
}
.page-id-123 #plot, .page-id-212 #plot{
	display:block;
}
.page-id-123 #ideas, .page-id-212 #ideas{
	display:block;
}

.page-id-123 #investing, .page-id-212 #investing{
	display:block;
}



.price__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px
}

.price__actual {
    font-weight: 700;
    font-size: 40px;
    line-height: 43px;
    color: #000;
	text-align: center
}

.price__all {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #000
}

.progress {
    width: 100%;
    height: 15px;
    position: relative;
    background: #ede0d8;
    border: 2px solid #000
}

.progress .progress_inner {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #a91717;
    display: inline-block
}

@media (min-width: 47.99875em) {
    .chronology__container {
        display: -ms-grid;
        display: block;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }
}

@media (min-width: 61.99875em) {
    .hero__mob {
        display: none
    }
}

@media (max-width: 61.99875em) {
    .popup__item-box._active {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .popup__item-box._active {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .music__box {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr);
        gap: 20px 25px
    }

    .music__item-images {
        width: 100%
    }
	.plot__description .alignleft {	
		width: 100%;
	}
}

@media (max-width: 47.99875em) {
    .popup {
        padding: 20px 10px
    }

    .investing__checkbox {		
		display: block;
	}
    .plot__images img {
		max-width: initial;
		width: auto;
	}

    .popup__title {
        text-align: left
    }

    .popup__item-box {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 10px
    }

    .popup__item-box img {
        max-width: 100%
    }

    ._w-30 {
        max-width: 100% !important
    }

    .header {
        padding: 55px 0 20px 0
    }

    .icon-menu {
        top: -20px
    }

    .hero__images {
        display: none
    }

    .hero__images.hero__mob {
        display: block;
		
    }
    .header__title{
        display: none;
    }
	.page-id-123 .header__title, .page-id-671 .header__title{
        display: block;
    }
    .about {
        padding: 30px 0
    }

    .about__column {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 25px;
        margin-bottom: 50px
    }

    .about__title {
        margin-bottom: 0
    }

    .about__item-name {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
        flex: 0 0 140px;
        margin-right: 25px;
        font-size: 16px
    }

    .about__item-desc {
        font-size: 16px
    }

    .about__desc {
        font-size: 14px
    }

    .actual__container {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .actual__desc {
        margin-right: 0;
        padding-right: 50px;
        padding-left: 50px;
        padding-top: 30px;
        padding-bottom: 30px;
        margin: 0 -50px
    }

    .chronology__body {
        padding-left: 0
    }

  

    .music__box {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr;
        gap: 40px
    }

    .investing__title {
        text-align: center
    }

    .investing__icon svg {
        width: 40px;
        height: 40px
    }

    .investing__btn {
        max-width: 100%
    }

    .investing__message textarea {
        font-size: 15px
    }

    .input__box {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .input__field input {
        font-size: 15px
    }
}
#projekt h2.projekt{
	font-size: 80px;
    padding: 0px;
    line-height: 100px;	
} 
blockquote {
    font-size: 1.4em;
    width: 100%;
    margin: 30px auto;
    font-family: Open Sans;
    font-style: italic;
    color: #555555;
    padding: 1.2em 30px 1.2em 75px;
    border-left: 8px solid #bebebe;
    line-height: 1.6;
    position: relative;
    background: #EDEDED;
}
    
    
 blockquote::before {
    font-family: Arial;
    content: "\201C";
    color: #8f8f8f;
    font-size: 4em;
    position: absolute;
    left: 10px;
    top: -10px;
} 