/* =============================================
   ROOT VARIABLES
   ============================================= */
:root {
    --fcolor: #25323b;
    --header-height: 110px;
    --header-bg: #ffffff;
    --button-bg: #25323b;
    --hover-bg: #394856;
    --h26-panel-width: 340px;
    --h26-panel-bg: #25323b;
    --h26-panel-text: #ffffff;
    --h26-radius-card: 14px;
    --h26-pill-shadow: 0 14px 22px rgba(0, 0, 0, 0.12);
}

/* =============================================
   BASE RESET
   ============================================= */
html {
    scroll-behavior: smooth;
}

* {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

a,
body {
    color: var(--fcolor);
    text-decoration: none;
}

a,
a:hover {
    opacity: 1;
    text-decoration: none;
}

a:hover {
    text-decoration: none !important;
}

a.product__item:hover {
    border: 0;
}

a.product__item {
    opacity: 1 !important;
    border: 0;
}

body {
    margin: 0;
    font-family: 'Gilroy', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 300;
    font-size: 18px;
    background: white;
    padding-top: var(--header-height, 110px);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px;
}

p {
    margin: 0 0 10px;
    line-height: 1.66;
}

p,
span {
    line-height: 1.66;
}

h1,
h2,
h3 {
    font-family: Gilroy, sans-serif;
}

h1 {
    padding: 0;
    position: relative;
    display: inline-block;
    font-size: 35px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1;
}

h1:before {
    content: "";
    left: 0;
    width: 100%;
    height: 2px;
    background: #25323b;
}

h2 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 36px;
}

h2,
h3 {
    margin: 25px 0 10px;
    line-height: 1;
    padding: 0;
}

h3 {
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: .8em;
    font-size: 30px;
}

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

@font-face {
    font-family: 'Gilroy';
    src: url('/assets/fonts/Gilroy-light.woff2') format('woff2'),
    url('/assets/fonts/Gilroy-Light.woff') format('woff'),
    url('/assets/fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* =============================================
   HEADER
   ============================================= */
body:before{
    content: "";
    position: fixed;
    top: -2px;
    left: 0;
    right: 0;
    height: calc(var(--header-height, 110px) + 0px);
    /*background-image: linear-gradient(180deg, white 76%, transparent 100%);*/
    background-color: rgba(255, 255, 255, 0.59);
    z-index: 10;
    /* filter: blur(1px); */
}

.site-header {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    height: 114px;
    display: flex;
    z-index: 1000;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); */
    padding: 0 0 8px;
    flex-wrap: nowrap;
    align-items: center;
    /* background-image: linear-gradient(180deg, white 76%, transparent 100%); */
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    position: relative;
    height: 70px;
    margin-top: 0;
    padding: 0 !important;
    width: 100%;
    overflow: visible !important;
}

.header-half {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 100%;
    flex: 1;
    min-width: 0;
    width: calc((100% - 150px) / 2);
    justify-content: space-between;
}

.header-left {
    justify-content: flex-start;
}

.header-right {
    justify-content: flex-end;
}

header .nav-pill {
    border-radius: 16px;
    background-color: var(--fcolor);
    height: 100%;
    min-width: 13%;
    font-size: 1em;
    font-weight: bold;
    padding: 10px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(5px 5px 10px #00000030);
    white-space: nowrap;
    transition: all 0.3s ease;
}
body.menu-open .nav-pill:nth-child(1){
    filter: drop-shadow(0px 0px 0px #0000);
    
}

.nav-pill {}
.nav-pill * {
    color: #fff;
    opacity: 1;
}

.burglabel {
    transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s;
    opacity: 1;
    transform: translateX(0) scale(1);
    display: inline-block;
    visibility: visible;
}

.menu-active .burglabel {
    opacity: 0;
    transform: translateX(-15px) scale(0.9);
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s 0.3s;
}

.burgline {
    width: 50px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    align-content: space-around;
    justify-content: center;
    position: relative;
}

.burgline:before,
.burgline:after {
    height: 5px;
    border-radius: 2px;
    width: 100%;
    min-width: 30px;
    position: absolute;
    content: ' ';
    background-color: #ffff;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

.burgline:before {
    transform: translateY(-7.4px);
}

.burgline:after {
    transform: translateY(6.4px);
}

.burgline--active:before {
    transform: rotate(45deg) translateY(0);
}

.burgline--active:after {
    transform: rotate(-45deg) translateY(0);
}

button#menu_btn {
    gap: 20px;
    border: 0;
    padding: 0;
    background: transparent;
    color: #fff;
    display: flex;
    width: 100%;
    align-items: center;
    height: 100%;
    font-size: 20px;
    flex-wrap: nowrap;
}
.menu-container::-webkit-scrollbar{
    width: 6px;
    height: 6px;
}

.menu-container::-webkit-scrollbar-track{
    background: transparent;
}

.menu-container::-webkit-scrollbar-thumb{
    background: rgb(255 255 255 / 38%);
    border-radius: 100px;
}

.menu-container::-webkit-scrollbar-thumb:hover{
    background: white;
}
.logo-main {
    height: 50px;
    width: 150px;
    display: block;
}

.logo_wrap {
    align-self: end;
}

.logo-bg {
    padding-top: 0;
    background-repeat: no-repeat;
    line-height: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjwhLS1HZW5lcmF0b3I6IDAyNTAucnUtLT4NCjxzdmcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuNTAxIiBzdHJva2UtbGluZWpvaW49ImJldmVsIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGZvbnQtZmFtaWx5PSJUaW1lcyBOZXcgUm9tYW4iIGZvbnQtc2l6ZT0iMTYiIHN0eWxlPSJmb250LXZhcmlhbnQtbGlnYXR1cmVzOm5vbmUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgb3ZlcmZsb3c9InZpc2libGUiIHdpZHRoPSIxNDkuMzA5cHQiIGhlaWdodD0iODguMTUycHQiIHZpZXdCb3g9IjAgLTg4LjE1MiAxNDkuMzA5IDg4LjE1MiI+DQoNCiA8ZyBpZD0iTGF5ZXIgMSIgdHJhbnNmb3JtPSJzY2FsZSgxIC0xKSI+DQogIDxwYXRoIGQ9Ik0gMTQyLjEzMyw4Mi44MzIgTCAxNDIuMTMzLDgxLjc2NSBMIDE0Mi42MTgsODEuNzY1IEMgMTQyLjgyOSw4MS43NjUgMTQyLjk5Miw4MS44MTIgMTQzLjEwNyw4MS45MSBDIDE0My4yMjUsODIuMDA3IDE0My4yODQsODIuMTM2IDE0My4yODQsODIuMjk3IEMgMTQzLjI4NCw4Mi42NTMgMTQzLjA2Miw4Mi44MyAxNDIuNjE4LDgyLjgzIEwgMTQyLjEzMyw4Mi44MyBMIDE0Mi4xMzMsODIuODMyIFogTSAxNDQuNDAxLDgyLjM5NSBDIDE0NC40MDEsODEuNzkgMTQ0LjE2Myw4MS4zNDMgMTQzLjY4NSw4MS4wNjMgTCAxNDQuNjA3LDc5LjM3NyBMIDE0My4zOTUsNzkuMzc3IEwgMTQyLjY3OSw4MC43OTUgTCAxNDIuMTMzLDgwLjc5NSBMIDE0Mi4xMzMsNzkuMzc3IEwgMTQxLjAxOCw3OS4zNzcgTCAxNDEuMDE4LDgzLjg2MSBMIDE0Mi42NzksODMuODYxIEMgMTQzLjE4LDgzLjg2MSAxNDMuNTkyLDgzLjcyMiAxNDMuOTE2LDgzLjQ0MSBDIDE0NC4yMzgsODMuMTYzIDE0NC40MDEsODIuODE0IDE0NC40MDEsODIuMzkyIEwgMTQ0LjQwMSw4Mi4zOTUgWiBNIDE0Mi41NTksNzcuNjE5IEMgMTQzLjY1OCw3Ny42MTkgMTQ0LjU5Myw3OC4wMDkgMTQ1LjM2Niw3OC43ODggQyAxNDYuMTM4LDc5LjU2NyAxNDYuNTI0LDgwLjUxMiAxNDYuNTI0LDgxLjYxOCBDIDE0Ni41MjQsODIuNzIzIDE0Ni4xMzYsODMuNjY4IDE0NS4zNjYsODQuNDQ3IEMgMTQ0LjU5Niw4NS4yMjcgMTQzLjY1OCw4NS42MTYgMTQyLjU1OSw4NS42MTYgQyAxNDEuNDYsODUuNjE2IDE0MC41MzQsODUuMjI3IDEzOS43NTksODQuNDQ3IEMgMTM4Ljk4Miw4My42NjggMTM4LjU5NCw4Mi43MjMgMTM4LjU5NCw4MS42MTggQyAxMzguNTk0LDgwLjUxMiAxMzguOTgyLDc5LjU3NiAxMzkuNzU5LDc4Ljc5MiBDIDE0MC41MzQsNzguMDA5IDE0MS40NjcsNzcuNjE3IDE0Mi41NTksNzcuNjE3IEwgMTQyLjU1OSw3Ny42MTkgWiBNIDEzOS40NTcsODQuNzIxIEMgMTQwLjMxNCw4NS41NzggMTQxLjM0OSw4Ni4wMDYgMTQyLjU1OSw4Ni4wMDYgQyAxNDMuNzY5LDg2LjAwNiAxNDQuODA2LDg1LjU3OCAxNDUuNjYzLDg0LjcyMSBDIDE0Ni41MTksODMuODY1IDE0Ni45NDcsODIuODMgMTQ2Ljk0Nyw4MS42MTggQyAxNDYuOTQ3LDgwLjQwNSAxNDYuNTE5LDc5LjM3IDE0NS42NjMsNzguNTE0IEMgMTQ0LjgwNiw3Ny42NTcgMTQzLjc3MSw3Ny4yMjkgMTQyLjU1OSw3Ny4yMjkgQyAxNDEuMzQ3LDc3LjIyOSAxNDAuMzE0LDc3LjY1NyAxMzkuNDU3LDc4LjUxNCBDIDEzOC42MDEsNzkuMzcgMTM4LjE3Myw4MC40MDUgMTM4LjE3Myw4MS42MTggQyAxMzguMTczLDgyLjgzIDEzOC42MDEsODMuODYzIDEzOS40NTcsODQuNzIxIFogTSA3OS4zODgsNTUuOTE3IEwgNzkuMzg4LDYyLjg2OCBMIDk3LjY2Miw2Mi44NjggTCA5Ny42NjIsNjguMTc0IEwgNzMuNjgzLDY4LjE3NCBMIDczLjY4Myw0OS44MjMgTCA5Mi4wMTksNDkuODIzIEwgOTIuMDE5LDQ0LjAxOCBMIDczLjY4Myw0NC4wMTggTCA3My42ODMsMzcuNTkxIEwgOTcuNjcxLDM3LjU5MSBMIDk3LjY3MSw1NS45MTcgTCA3OS4zODgsNTUuOTE3IFogTSA2MS42NDksNTUuODk0IEwgNDMuMzYzLDU1Ljg5NCBMIDQzLjM2MywzNy41OTUgTCA2Ny4zNTEsMzcuNTk1IEwgNjcuMzUxLDQ0LjAzIEwgNDkuMDIzLDQ0LjAzIEwgNDkuMDIzLDQ5Ljg0MyBMIDY3LjM0OSw0OS44NDMgTCA2Ny4zNDksNjguMTcxIEwgNDMuMzcyLDY4LjE3MSBMIDQzLjM3Miw2Mi44NTkgTCA2MS42NDksNjIuODU5IEwgNjEuNjQ5LDU1Ljg5NCBaIE0gMTguMzY1LDQ0LjA1IEwgMzAuODIxLDQ0LjA1IEwgMzAuODIxLDYyLjg0MSBMIDE4LjM2NSw2Mi44NDEgTCAxOC4zNjUsNDQuMDUgWiBNIDM2LjY4NSwzNy41ODkgTCAxMi41MDksMzcuNTg5IEwgMTIuNTA5LDY4LjE2NyBMIDM2LjY4NSw2OC4xNjcgTCAzNi42ODUsMzcuNTkxIEwgMzYuNjg1LDM3LjU4OSBaIE0gMTIyLjU3NCw2Mi44MzYgTCAxMTAuMTI1LDYyLjgzNiBMIDExMC4xMjUsNDQuMDM5IEwgMTIyLjU3NCw0NC4wMzkgTCAxMjIuNTc0LDYyLjgzNiBaIE0gMTA0LjI1Nyw2OC4xNzggTCAxMjguNDQ5LDY4LjE3OCBMIDEyOC40NDksMzcuNiBMIDEwNC4yNTcsMzcuNiBMIDEwNC4yNTcsNjguMTc4IFogTSA0Ljg3NCwzMC4zOTUgTCAxMzYuMDY0LDMwLjM5NSBMIDEzNi4wNjQsNzUuMzk5IEwgMTM1LjcxLDc1LjM5OSBDIDkyLjIyNSw3NS4zOTkgNDguNzQyLDc1LjM5OSA1LjI1Nyw3NS40MDggQyA0LjkyNCw3NS40MDggNC44NjcsNzUuMzA2IDQuODY3LDc1LjAwMiBDIDQuODc0LDYwLjI2IDQuODc0LDQ1LjUxOCA0Ljg3NCwzMC43NzYgTCA0Ljg3NCwzMC4zOTUgWiBNIDMuMDE4LDc3LjIyNSBMIDEzNy44ODMsNzcuMjI1IEwgMTM3Ljg4MywyOC41NDMgTCAzLjAxOCwyOC41NDMgTCAzLjAxOCw3Ny4yMjUgWiBNIDEzNC4wMiwzLjE3IEMgMTM0LjgwNiwzLjE3IDEzNS40NTQsMy40MjggMTM1Ljk2MiwzLjk0IEMgMTM2LjQ2OSw0LjQ1NSAxMzYuNzIzLDUuMTA5IDEzNi43MjMsNS45MDcgQyAxMzYuNzIzLDYuNzA0IDEzNi40NjksNy4zNDYgMTM1Ljk2Miw3Ljg1OCBDIDEzNS40NTQsOC4zNzIgMTM0LjgwNiw4LjYyOCAxMzQuMDIsOC42MjggTCAxMzAuOTg5LDguNjI4IEwgMTMwLjk4OSwzLjE3IEwgMTM0LjAyLDMuMTcgWiBNIDEzNC4wMiw5LjQ0OCBDIDEzNS4wNDYsOS40NDggMTM1Ljg5OCw5LjExMyAxMzYuNTc2LDguNDQgQyAxMzcuMjUzLDcuNzY3IDEzNy41OTMsNi45MjQgMTM3LjU5Myw1LjkwNyBDIDEzNy41OTMsNC44OSAxMzcuMjUzLDQuMDQ1IDEzNi41NzYsMy4zNjcgQyAxMzUuODk4LDIuNjkgMTM1LjA0NiwyLjM1IDEzNC4wMiwyLjM1IEwgMTMwLjEyMSwyLjM1IEwgMTMwLjEyMSwxMy44MjMgTCAxMzAuOTkxLDEzLjgyMyBMIDEzMC45OTEsOS40NDggTCAxMzQuMDIyLDkuNDQ4IEwgMTM0LjAyLDkuNDQ4IFogTSAxMjguMzE4LDEzLjgyMyBMIDEyOC4zMTgsMTMuMDAzIEwgMTI0LjcxMywxMy4wMDMgTCAxMjQuNzEzLDIuMzUgTCAxMjMuODI3LDIuMzUgTCAxMjMuODI3LDEzLjAwMyBMIDEyMC4yMjMsMTMuMDAzIEwgMTIwLjIyMywxMy44MjMgTCAxMjguMzE4LDEzLjgyMyBaIE0gMTEyLjk2Miw2LjA4OCBMIDExOC4wNzUsNi4wODggTCAxMTUuNTE5LDEyLjc1OCBMIDExMi45NjQsNi4wODggTCAxMTIuOTYyLDYuMDg4IFogTSAxMTkuNSwyLjM1MiBMIDExOC4zODUsNS4yNjggTCAxMTIuNjMzLDUuMjY4IEwgMTExLjUxOCwyLjM1MiBMIDExMC42MDEsMi4zNTIgTCAxMTUuMDU3LDEzLjgyNSBMIDExNS45NzUsMTMuODI1IEwgMTIwLjQxNSwyLjM1MiBMIDExOS40OTgsMi4zNTIgTCAxMTkuNSwyLjM1MiBaIE0gMTA3LjIwOSw3LjU0NyBDIDEwNy45OTUsNy41NDcgMTA4LjY0Myw3LjgwNSAxMDkuMTUxLDguMzE3IEMgMTA5LjY1OCw4LjgzMiAxMDkuOTEyLDkuNDggMTA5LjkxMiwxMC4yNjggQyAxMDkuOTEyLDExLjA1NyAxMDkuNjU4LDExLjcyMyAxMDkuMTUxLDEyLjIzNSBDIDEwOC42NDMsMTIuNzQ5IDEwNy45OTUsMTMuMDA1IDEwNy4yMDksMTMuMDA1IEwgMTA0LjE3OCwxMy4wMDUgTCAxMDQuMTc4LDcuNTQ3IEwgMTA3LjIwOSw3LjU0NyBaIE0gMTA3LjIwOSwxMy44MjUgQyAxMDguMjM2LDEzLjgyNSAxMDkuMDg3LDEzLjQ4NSAxMDkuNzY1LDEyLjgwOCBDIDExMC40NDIsMTIuMTMgMTEwLjc4MiwxMS4yODMgMTEwLjc4MiwxMC4yNjggQyAxMTAuNzgyLDkuMjUzIDExMC40NDIsOC40MDggMTA5Ljc2NSw3LjczOCBDIDEwOS4wODcsNy4wNjUgMTA4LjIzNiw2LjcyOSAxMDcuMjA5LDYuNzI5IEwgMTA0LjE3OCw2LjcyOSBMIDEwNC4xNzgsMi4zNTUgTCAxMDMuMzA4LDIuMzU1IEwgMTAzLjMwOCwxMy44MjcgTCAxMDcuMjA3LDEzLjgyNyBMIDEwNy4yMDksMTMuODI1IFogTSA5OS41ODgsMi4zNTIgTCA5OS41ODgsMTIuMjE3IEwgOTIuODA1LDIuMzUyIEwgOTIuMDUsMi4zNTIgTCA5Mi4wNSwxMy44MjUgTCA5Mi45MiwxMy44MjUgTCA5Mi45MiwzLjk1OSBMIDk5LjY4OCwxMy44MjUgTCAxMDAuNDU4LDEzLjgyNSBMIDEwMC40NTgsMi4zNTIgTCA5OS41ODgsMi4zNTIgWiBNIDg2LjYwOSwzLjE3IEMgODcuMjk3LDMuMTcgODcuODg2LDMuNDIyIDg4LjM3OCwzLjkyNSBDIDg4Ljg3LDQuNDI1IDg5LjExNiw1LjAzMiA4OS4xMTYsNS43NDQgQyA4OS4xMTYsNi40NTUgODguODcsNy4wNDIgODguMzc4LDcuNTQ1IEMgODcuODg2LDguMDQ4IDg3LjI5Nyw4LjI5OSA4Ni42MDksOC4yOTkgTCA4My4zMyw4LjI5OSBMIDgzLjMzLDMuMTY4IEwgODYuNjA5LDMuMTY4IEwgODYuNjA5LDMuMTcgWiBNIDg2LjYwOSw5LjExOSBDIDg3LjUzNyw5LjExOSA4OC4zMzUsOC43ODkgODkuMDAxLDguMTI5IEMgODkuNjY3LDcuNDY4IDkwLDYuNjczIDkwLDUuNzQ2IEMgOTAsNC44MTkgODkuNjY5LDQuMDIgODkuMDA4LDMuMzU0IEMgODguMzQ2LDIuNjg4IDg3LjU0NiwyLjM1NSA4Ni42MDYsMi4zNTUgTCA4Mi40NiwyLjM1NSBMIDgyLjQ2LDEzLjgyNyBMIDg5LjA2NCwxMy44MjcgTCA4OS4wNjQsMTMuMDA3IEwgODMuMzMsMTMuMDA3IEwgODMuMzMsOS4xMjQgTCA4Ni42MDksOS4xMjQgTCA4Ni42MDksOS4xMTkgWiBNIDc4Ljc0MiwxMy44MjUgTCA3OS42MjgsMTMuODI1IEwgNzkuNjI4LDIuMzUyIEwgNzguNzQyLDIuMzUyIEwgNzguNzQyLDEzLjgyNSBaIE0gNzAuODI3LDMuMTcgTCA3My44NTgsMy4xNyBDIDc0LjY0NCwzLjE3IDc1LjI5MiwzLjQyOCA3NS44LDMuOTQgQyA3Ni4zMDcsNC40NTUgNzYuNTYxLDUuMTA5IDc2LjU2MSw1LjkwNyBDIDc2LjU2MSw2LjcwNCA3Ni4zMDcsNy4zNDYgNzUuOCw3Ljg1OCBDIDc1LjI5Miw4LjM3MiA3NC42NDQsOC42MjggNzMuODU4LDguNjI4IEwgNzAuODI3LDguNjI4IEwgNzAuODI3LDMuMTcgWiBNIDY5Ljk1NywyLjM1MiBMIDY5Ljk1NywxMy44MjUgTCA3MC44MjcsMTMuODI1IEwgNzAuODI3LDkuNDUgTCA3My44NTgsOS40NSBDIDc0Ljg4NCw5LjQ1IDc1LjczNiw5LjExNSA3Ni40MTMsOC40NDIgQyA3Ny4wOTEsNy43NjkgNzcuNDMxLDYuOTI2IDc3LjQzMSw1LjkwOSBDIDc3LjQzMSw0Ljg5MiA3Ny4wOTEsNC4wNDcgNzYuNDEzLDMuMzY5IEMgNzUuNzM2LDIuNjkyIDc0Ljg4NCwyLjM1MiA3My44NTgsMi4zNTIgTCA2OS45NTksMi4zNTIgTCA2OS45NTcsMi4zNTIgWiBNIDY0LjY5NiwzLjE3IEMgNjUuMzE5LDMuMTcgNjUuODUxLDMuMzk3IDY2LjI5MywzLjg1IEMgNjYuNzM1LDQuMzAzIDY2Ljk1Nyw0Ljg0NyA2Ni45NTcsNS40ODEgQyA2Ni45NTcsNi4xMTUgNjYuNzM1LDYuNjU5IDY2LjI5Myw3LjExMiBDIDY1Ljg1MSw3LjU2NSA2NS4zMTksNy43OTIgNjQuNjk2LDcuNzkyIEwgNjAuNjE2LDcuNzkyIEwgNjAuNjE2LDMuMTcgTCA2NC42OTYsMy4xNyBaIE0gNjQuMzIsMTMuMDAzIEwgNjAuNjE2LDEzLjAwMyBMIDYwLjYxNiw4LjYxMiBMIDY0LjMyLDguNjEyIEMgNjQuOTA5LDguNjEyIDY1LjQxNCw4LjgyNyA2NS44MzYsOS4yNTggQyA2Ni4yNTcsOS42OSA2Ni40NjUsMTAuMjA3IDY2LjQ2NSwxMC44MDcgQyA2Ni40NjUsMTEuNDA4IDY2LjI1NSwxMS45MjQgNjUuODM2LDEyLjM1NSBDIDY1LjQxNCwxMi43ODUgNjQuOTA5LDEzIDY0LjMyLDEzIEwgNjQuMzIsMTMuMDAzIFogTSA2NS44Niw4LjI5OSBDIDY2LjQ0OSw4LjA3MSA2Ni45MjUsNy43MDQgNjcuMjg1LDcuMjAxIEMgNjcuNjQ2LDYuNjk4IDY3LjgyNyw2LjEyNCA2Ny44MjcsNS40ODEgQyA2Ny44MjcsNC42MTggNjcuNTIxLDMuODgxIDY2LjkwOSwzLjI2OCBDIDY2LjI5OCwyLjY1NiA2NS41NTksMi4zNSA2NC42OTYsMi4zNSBMIDU5Ljc0OCwyLjM1IEwgNTkuNzQ4LDEzLjgyMyBMIDY0LjMyLDEzLjgyMyBDIDY1LjE0OSwxMy44MjMgNjUuODYsMTMuNTI2IDY2LjQ1LDEyLjkzNyBDIDY3LjAzOSwxMi4zNDggNjcuMzM1LDExLjYzNyA2Ny4zMzUsMTAuODA3IEMgNjcuMzM1LDEwLjI2MSA2Ny4yMDIsOS43NjUgNjYuOTM0LDkuMzIzIEMgNjYuNjY3LDguODgyIDY2LjMwOSw4LjU0IDY1Ljg2LDguMjk5IFogTSA0Ny45ODEsNy44NzMgTCA1MS42NTMsNy44NzMgTCA1MS42NTMsMTMuMDAzIEwgNDcuOTgxLDEzLjAwMyBDIDQ3LjI5MiwxMy4wMDMgNDYuNzAzLDEyLjc1MSA0Ni4yMTEsMTIuMjQ4IEMgNDUuNzIsMTEuNzQ1IDQ1LjQ3MywxMS4xMzggNDUuNDczLDEwLjQyOSBDIDQ1LjQ3Myw5LjcyIDQ1LjcyLDkuMTI5IDQ2LjIxMSw4LjYyNiBDIDQ2LjcwMyw4LjEyMyA0Ny4yOTIsNy44NzEgNDcuOTgxLDcuODcxIEwgNDcuOTgxLDcuODczIFogTSA1Mi41MjEsMTMuODIzIEwgNTIuNTIxLDIuMzUgTCA1MS42NTMsMi4zNSBMIDUxLjY1Myw3LjA1MyBMIDQ4LjUwNiw3LjA1MyBMIDQ1LjI2MiwyLjM1IEwgNDQuMjc5LDIuMzUgTCA0Ny41NDEsNy4wODUgQyA0Ni43MTIsNy4xOTQgNDYuMDE0LDcuNTY4IDQ1LjQ1Miw4LjIgQyA0NC44OSw4LjgzMiA0NC42MDksOS41NzUgNDQuNjA5LDEwLjQyOSBDIDQ0LjYwOSwxMS4zNjcgNDQuOTQsMTIuMTY5IDQ1LjYwMiwxMi44MyBDIDQ2LjI2MywxMy40OTIgNDcuMDU5LDEzLjgyMyA0Ny45ODUsMTMuODIzIEwgNTIuNTI1LDEzLjgyMyBMIDUyLjUyMSwxMy44MjMgWiBNIDQyLjI0NiwxMy44MjMgTCA0Mi4yNDYsMi4zNSBMIDQxLjM3NiwyLjM1IEwgNDEuMzc2LDEyLjU0MyBMIDM3LjEzMyw1LjQ5NyBMIDM2Ljk4Niw1LjQ5NyBMIDMyLjc0MiwxMi41NDMgTCAzMi43NDIsMi4zNSBMIDMxLjg3MiwyLjM1IEwgMzEuODcyLDEzLjgyMyBMIDMyLjk1MywxMy44MjMgTCAzNy4wNDksNy4wMzcgTCA0MS4xNDUsMTMuODIzIEwgNDIuMjQ0LDEzLjgyMyBMIDQyLjI0NiwxMy44MjMgWiBNIDI0LjAwNiwzLjE3IEwgMjkuNzQxLDMuMTcgTCAyOS43NDEsMi4zNTIgTCAyMy4xMzYsMi4zNTIgTCAyMy4xMzYsMTMuODI1IEwgMjkuNjU5LDEzLjgyNSBMIDI5LjY1OSwxMy4wMDUgTCAyNC4wMDYsMTMuMDA1IEwgMjQuMDA2LDguNTQ5IEwgMjkuMjUxLDguNTQ5IEwgMjkuMjUxLDcuNzI4IEwgMjQuMDA2LDcuNzI4IEwgMjQuMDA2LDMuMTcyIEwgMjQuMDA2LDMuMTcgWiBNIDE3LjQxOCw3LjU0NSBDIDE4LjIwNCw3LjU0NSAxOC44NTIsNy44MDMgMTkuMzYsOC4zMTUgQyAxOS44NjcsOC44MjkgMjAuMTIxLDkuNDc3IDIwLjEyMSwxMC4yNjYgQyAyMC4xMjEsMTEuMDU0IDE5Ljg2NywxMS43MiAxOS4zNiwxMi4yMzIgQyAxOC44NTIsMTIuNzQ3IDE4LjIwNCwxMy4wMDMgMTcuNDE4LDEzLjAwMyBMIDE0LjM4NywxMy4wMDMgTCAxNC4zODcsNy41NDUgTCAxNy40MTgsNy41NDUgWiBNIDE3LjQxOCwxMy44MjMgQyAxOC40NDQsMTMuODIzIDE5LjI5NiwxMy40ODMgMTkuOTc0LDEyLjgwNiBDIDIwLjY1MSwxMi4xMjggMjAuOTkxLDExLjI4MSAyMC45OTEsMTAuMjY2IEMgMjAuOTkxLDkuMjUxIDIwLjY1MSw4LjQwNiAxOS45NzQsNy43MzUgQyAxOS4yOTYsNy4wNjIgMTguNDQ0LDYuNzI3IDE3LjQxOCw2LjcyNyBMIDE0LjM4Nyw2LjcyNyBMIDE0LjM4NywyLjM1MiBMIDEzLjUxNywyLjM1MiBMIDEzLjUxNywxMy44MjUgTCAxNy40MTYsMTMuODI1IEwgMTcuNDE4LDEzLjgyMyBaIE0gOC4yNTgsMy4xNyBDIDguODgxLDMuMTcgOS40MTQsMy4zOTcgOS44NTYsMy44NSBDIDEwLjI5Nyw0LjMwMyAxMC41MTksNC44NDcgMTAuNTE5LDUuNDgxIEMgMTAuNTE5LDYuMTE1IDEwLjI5Nyw2LjY1OSA5Ljg1Niw3LjExMiBDIDkuNDE0LDcuNTY1IDguODgxLDcuNzkyIDguMjU4LDcuNzkyIEwgNC4xOCw3Ljc5MiBMIDQuMTgsMy4xNyBMIDguMjYxLDMuMTcgTCA4LjI1OCwzLjE3IFogTSA3Ljg4MiwxMy4wMDMgTCA0LjE4LDEzLjAwMyBMIDQuMTgsOC42MTIgTCA3Ljg4NSw4LjYxMiBDIDguNDc0LDguNjEyIDguOTc5LDguODI3IDkuNCw5LjI1OCBDIDkuODIyLDkuNjkgMTAuMDMsMTAuMjA3IDEwLjAzLDEwLjgwNyBDIDEwLjAzLDExLjQwOCA5LjgxOSwxMS45MjQgOS40LDEyLjM1NSBDIDguOTc5LDEyLjc4NSA4LjQ3NCwxMyA3Ljg4NSwxMyBMIDcuODgyLDEzLjAwMyBaIE0gOS40MjMsOC4yOTkgQyAxMC4wMTIsOC4wNzEgMTAuNDg4LDcuNzA0IDEwLjg0OCw3LjIwMSBDIDExLjIwOCw2LjY5OCAxMS4zODksNi4xMjQgMTEuMzg5LDUuNDgxIEMgMTEuMzg5LDQuNjE4IDExLjA4NCwzLjg4MSAxMC40NzIsMy4yNjggQyA5Ljg2LDIuNjU2IDkuMTIyLDIuMzUgOC4yNTgsMi4zNSBMIDMuMzEsMi4zNSBMIDMuMzEsMTMuODIzIEwgNy44ODIsMTMuODIzIEMgOC43MTIsMTMuODIzIDkuNDIzLDEzLjUyNiAxMC4wMTIsMTIuOTM3IEMgMTAuNjAxLDEyLjM0OCAxMC44OTgsMTEuNjM3IDEwLjg5OCwxMC44MDcgQyAxMC44OTgsMTAuMjYxIDEwLjc2NCw5Ljc2NSAxMC40OTcsOS4zMjMgQyAxMC4yMjksOC44ODIgOS44NzIsOC41NCA5LjQyMyw4LjI5OSBaIiBmaWxsPSIjMjUzMjNiIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMC4yNSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIG1hcmtlci1zdGFydD0ibm9uZSIgbWFya2VyLWVuZD0ibm9uZSIvPg0KIDwvZz4NCjwvc3ZnPg0K");
    width: 156px;
    height: 82px;
    align-self: end;
    background-size: contain;
    background-position: 13px 2px;
}

input#search_input {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 17px;
    border-bottom: 1px solid #fff;
    width: 100%;
    min-width: 0;
}

.searchButton {
    width: 40px;
    height: 28px;
    margin: 0;
    padding: 0 0 8px;
    border: 0;
    background-color: unset;
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuNTAxIiBzdHJva2UtbGluZWpvaW49ImJldmVsIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGZvbnQtZmFtaWx5PSJUaW1lcyBOZXcgUm9tYW4iIGZvbnQtc2l6ZT0iMTYiIHN0eWxlPSJmb250LXZhcmlhbnQtbGlnYXR1cmVzOm5vbmUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgb3ZlcmZsb3c9InZpc2libGUiIHdpZHRoPSIxNzAuMTc0cHQiIGhlaWdodD0iMTY4LjU5MXB0IiB2aWV3Qm94PSIyLjYxIC0xNzAuOTI2IDE3MC4xNzQgMTY4LjU5MSI+DQogPGcgaWQ9IkxheWVyIDEiIHRyYW5zZm9ybT0ic2NhbGUoMSAtMSkiPg0KICA8ZyBpZD0iR3JvdXAiPg0KICAgPHBhdGggZD0iTSAxNTUuNzgyLDUuMjI1IEwgMTAzLjE5Niw1Ny4zMTUgQyA5Mi43NTEsNDkuNzkyIDc5Ljg5NCw0NS4zNTQgNjUuOTksNDUuMzU0IEMgMzAuOTkyLDQ1LjM1NCAyLjYxLDczLjQ3IDIuNjEsMTA4LjE0IEMgMi42MSwxNDIuODA5IDMwLjk5MiwxNzAuOTI2IDY1Ljk5LDE3MC45MjYgQyAxMDAuOTg4LDE3MC45MjYgMTI5LjM0MywxNDIuODA5IDEyOS4zNDMsMTA4LjE0IEMgMTI5LjM0Myw5NC4zNjYgMTI0Ljg2Nyw4MS42MjcgMTE3LjI3OCw3MS4yNzMgTCAxNjkuODY3LDE5LjE3NyBDIDE3My43NTYsMTUuMzI1IDE3My43NTYsOS4wNzggMTY5Ljg2Nyw1LjIyNSBDIDE2NS45NzcsMS4zNzIgMTU5LjY3MSwxLjM3MiAxNTUuNzgyLDUuMjI1IFogTSAxMTIuMTA5LDEwOC4xNCBDIDExMi4xMDksMTMzLjM2NyA5MS40NTcsMTUzLjgyNSA2NS45OSwxNTMuODI1IEMgNDAuNTI0LDE1My44MjUgMTkuODcyLDEzMy4zNjcgMTkuODcyLDEwOC4xNCBDIDE5Ljg3Miw4Mi45MTMgNDAuNTI0LDYyLjQ1NSA2NS45OSw2Mi40NTUgQyA5MS40NTcsNjIuNDU1IDExMi4xMDksODIuOTEzIDExMi4xMDksMTA4LjE0IFoiIHN0cm9rZS13aWR0aD0iMS43MTIiIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBtYXJrZXItc3RhcnQ9Im5vbmUiIG1hcmtlci1lbmQ9Im5vbmUiLz4NCiAgPC9nPg0KIDwvZz4NCjwvc3ZnPg0K")
}

/* =============================================
   LAYOUT - CONTAINER
   ============================================= */
.container,
.container_box {
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

.container_box {
    clear: both;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 44px;
}

/* =============================================
   SEARCH
   ============================================= */
.search-container.nav-pill {
    flex-grow: 0.5;
    max-width: 500px;
    justify-content: flex-start;
}

/* =============================================
   MENU PANEL
   ============================================= */
.menu-panel {
    position: fixed;
    display: flex;
    background-color: var(--fcolor);
    z-index: 990;
    overflow: hidden;
    will-change: width, height, top, left, border-radius;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    flex-direction: column;
    justify-content: space-between;
}

.menu-panel--closed {
    top: var(--btn-top, 20px);
    left: var(--btn-left, 20px);
    width: var(--btn-width, 150px);
    height: var(--btn-height, 73px);
    border-radius: 16px;
    opacity: 0;
    min-width: unset;
    pointer-events: none;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.menu-panel--open {
    top: var(--btn-top, 40px);
    left: 0;
    width: var(--btn-right, 400px);
    height: calc(100vh - (var(--btn-top, 40px) * 2));
    border-radius: 0 16px 16px 0;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: 901;
    min-width: 20em;
}

.menu-container {
    padding: 4.3em 16px 35px 16px;
    display: flex;
    flex-direction: column;
    color: var(--h26-panel-text, #ffffff);
    gap: 33px;
    height: auto;
    justify-content: space-between;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease 0.2s, transform 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;
    overflow-y: auto;
}

.menu-panel--closed .menu-container {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.menu-panel__close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
    color: var(--h26-panel-text, #ffffff);
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s ease;
    z-index: 10;
    border: none;
    background: transparent;
    padding: 0;
    line-height: 1;
}

.menu-panel__close:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.menu-section h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px 0;
    color: var(--h26-panel-text, #ffffff);
    letter-spacing: 0.5px;
}

.menu-section a {
    display: block;
    color: var(--h26-panel-text, #ffffff);
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    transition: opacity 0.2s ease;
    opacity: 0.9;
}

.menu-section a:hover {
    opacity: 1;
    text-decoration: underline;
}

.menu-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
    font-size: 12px;
}

.menu-links.single-column {
    grid-template-columns: 1fr;
}

.menu-footer {
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 15px;
}

.footer-contacts {
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: space-around;
    align-items: center;
}

.footer-phone {
    font-size: 18px;
    font-weight: 600;
    color: var(--h26-panel-text, #ffffff);
}

.footer-email {
    font-size: 16px;
    color: var(--h26-panel-text, #ffffff);
    opacity: 0.9;
    transition: opacity 0.2s ease;
}

.footer-email:hover {
    opacity: 1;
    text-decoration: underline;
}

/* =============================================
   PRODUCTS
   ============================================= */
.button_link {
    text-decoration: none;
    border-radius: 8px;
    line-height: 20px;
    display: block;
    position: relative;
    opacity: 1;
    border: 1px solid #25323b;
    margin: 20px 0;
    color: #25323b;
    width: auto;
    background-color: unset;
    max-width: 50%;
    text-align: center;
    padding: 15px 0;
    text-transform: uppercase;
    -moz-transition: all .3s 10ms ease;
    -o-transition: all .3s 10ms ease;
    -webkit-transition: all .3s 10ms ease;
}

.button_link:before,
.button_link:hover {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.button_link:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    border-radius: 8px;
    width: 0;
    height: calc(100% + 2px);
    background: #25323b0;
    z-index: -1;
}

.button_link:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: calc(100% + 2px);
    background: #25323b;
}

.button_link:hover {
    color: #fff;
    text-decoration: none !important;
}

.button_link:hover svg {
    fill: #fff;
}

.product:hover {
    border: 0;
}

.product {
    position: relative;
    padding: 0;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    -webkit-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
    color: inherit;
    text-decoration: none;
    border: 0;
}

.product__image {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 0;
    margin-bottom: 0;
    height: 210px;
    aspect-ratio: 3/2;
    max-width: calc(100vw - 10px);
}

img.product_image {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.product__title {
    border-left: 1px solid #929292;
    opacity: .7;
    padding: 3px 1px 0 4px;
    display: table;
    font-size: 12px;
    text-transform: inherit;
    margin: 0;
}

.product__title:hover {
    opacity: 1;
}

.product__item {
    width: calc((100% - 30px) / 4);
    -ms-flex-negative: 1;
    -ms-flex-positive: 0;
}

/* =============================================
   MISC LAYOUT
   ============================================= */
.breadcrumb {
    padding: 0;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.4;
}

.breadcrumb li {
    display: inline-block;
}

.breadcrumb li a {
    position: relative;
    color: inherit;
    font: inherit;
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* opacity: 0.4; */
}

.breadcrumb li:not(:first-child):before {
    content: " / ";
    color: inherit;
}

.col_mat_50,
.w-50 {
    width: 47%;
    vertical-align: text-top;
    display: inline-block;
}

.w-50 img {
    max-width: 100%;
    margin-bottom: 2em;
}

.w-50 p {
    padding: 2em;
}

.w-50 h3 {
    font-size: 26px;
}

.w-50 h2,
.w-50 h3 {
    padding: 0 1em;
}

.text-center {
    text-align: center;
}

.flex .w-50 {
    width: 50%;
}

#information-information {
    padding-top: 15px;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tp__h1 {
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 56px !important;
    line-height: 66px !important;
}

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

.tp__h3 img {
    aspect-ratio: 3 / 2;
}

.main_content .container {
    width: auto;
}

.ml-20p {
    margin-left: 20px;
}

.gap-1 {
    gap: 1em;
}

.image {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
}

.visually-hidden {
    visibility: hidden;
}

/* =============================================
   NEWSBLOG
   ============================================= */
.description h3 {
    font-size: 18px;
    font-weight: 800;
    margin-top: 0;
}

.projects .description h3 {
    padding: 0;
}

.description.w-50.ml-20p {
    width: 50%;
    max-width: 90%;
}

.dilb {
    display: inline-block;
}

.galery {
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
    margin-top: 1em;
    margin-bottom: 1em;
    height: fit-content;
}

.projects li {
    font-size: 18px !important;
}

.tp__h3 .image img {
    width: 100%;
    border-radius: var(--border-radius, 16px);
}

.tp__h3.introduction .image.w-50 {
    width: 57% !important;
    margin-bottom: 1em;
}

.tp__h3.introduction p {
    line-height: 1.5;
}

.hover {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hover > p {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    font-size: 1.4em;
    font-weight: 500;
    background: #25323b75;
    transition: color 600ms, background-color 800ms;
}

.hover > p:hover {
    background: unset;
    color: #0D334900;
    transition: color 600ms, background-color 800ms;
}

.project_footer {
    overflow: initial;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 3em;
    width: 100%;
}

.w-25 {
    width: 25%;
}

/* =============================================
   FOOTER
   ============================================= */
.logo {
    background-position: center;
    padding-top: 20px;
    background-repeat: no-repeat;
    line-height: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MzUuMjkgMzY5LjI1Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMjMxZjIwOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yOC4yNywzNDIuOTljMi42LDEuMDEsNC43LDIuNjMsNi4yOSw0Ljg1LDEuNTksMi4yMiwyLjM5LDQuNzUsMi4zOSw3LjU5LDAsMy44MS0xLjM1LDcuMDYtNC4wNSw5Ljc3LTIuNywyLjctNS45Niw0LjA1LTkuNzcsNC4wNUgxLjI5di01MC42NGgyMC4xOGMzLjY2LDAsNi44LDEuMzEsOS40LDMuOTEsMi42LDIuNiwzLjkxLDUuNzQsMy45MSw5LjQsMCwyLjQxLS41OSw0LjYtMS43Nyw2LjU1LTEuMTgsMS45NS0yLjc2LDMuNDYtNC43NCw0LjUyWm0tNi44LTIwLjc2SDUuMTN2MTkuMzhoMTYuMzVjMi42LDAsNC44My0uOTUsNi42OS0yLjg1LDEuODYtMS45MSwyLjc4LTQuMTksMi43OC02Ljg0cy0uOTMtNC45My0yLjc4LTYuODNjLTEuODYtMS45LTQuMDktMi44NS02LjY5LTIuODVabTEuNjYsNDMuNGMyLjc1LDAsNS4xLTEsNy4wNS0zLDEuOTUtMiwyLjkzLTQuNCwyLjkzLTcuMnMtLjk4LTUuMi0yLjkzLTcuMmMtMS45NS0yLTQuMy0zLTcuMDUtM0g1LjEzdjIwLjRoMTguMDFabTQwLjQzLTQ3LjAyYzQuNTMsMCw4LjI5LDEuNSwxMS4yOCw0LjQ5czQuNDksNi43Myw0LjQ5LDExLjIxLTEuNSw4LjIxLTQuNDksMTEuMTdjLTIuOTksMi45Ny02Ljc1LDQuNDUtMTEuMjgsNC40NWgtMTMuMzh2MTkuMzFoLTMuODR2LTUwLjY0aDE3LjIxWm0wLDI3LjcxYzMuNDcsMCw2LjMzLTEuMTQsOC41Ny0zLjQsMi4yNC0yLjI3LDMuMzYtNS4xMywzLjM2LTguNjFzLTEuMTItNi40Mi0zLjM2LTguNjhjLTIuMjQtMi4yNy01LjEtMy40LTguNTctMy40aC0xMy4zOHYyNC4wOWgxMy4zOFptMjkuMDgsMTkuMzFoMjUuMzF2My42MWgtMjkuMTV2LTUwLjY0aDI4Ljc5djMuNjJoLTI0Ljk1djE5LjY3aDIzLjE1djMuNjJoLTIzLjE1djIwLjExWm04MC41MS00Ny4wMnY1MC42NGgtMy44NHYtNDQuOTlsLTE4LjczLDMxLjFoLS42NWwtMTguNzMtMzEuMXY0NC45OWgtMy44NHYtNTAuNjRoNC43N2wxOC4wOCwyOS45NSwxOC4wOC0yOS45NWg0Ljg1Wm00NS4zNSwwdjUwLjY0aC0zLjgzdi0yMC43NmgtMTMuODlsLTE0LjMyLDIwLjc2aC00LjM0bDE0LjQtMjAuOWMtMy42Ni0uNDgtNi43NC0yLjEzLTkuMjItNC45MnMtMy43Mi02LjA3LTMuNzItOS44NGMwLTQuMTQsMS40Ni03LjY4LDQuMzgtMTAuNiwyLjkyLTIuOTIsNi40My00LjM4LDEwLjUyLTQuMzhoMjAuMDRabS0yMC4wNCwyNi4yNmgxNi4yMXYtMjIuNjRoLTE2LjIxYy0zLjA0LDAtNS42NCwxLjExLTcuODEsMy4zMy0yLjE3LDIuMjItMy4yNiw0LjktMy4yNiw4LjAzczEuMDksNS43NCwzLjI2LDcuOTZjMi4xNywyLjIyLDQuNzcsMy4zMyw3LjgxLDMuMzNabTc4LjkyLTEuODhjMi42LDEuMDEsNC43LDIuNjMsNi4yOSw0Ljg1LDEuNTksMi4yMiwyLjM5LDQuNzUsMi4zOSw3LjU5LDAsMy44MS0xLjM1LDcuMDYtNC4wNSw5Ljc3LTIuNywyLjctNS45Niw0LjA1LTkuNzcsNC4wNWgtMjEuODR2LTUwLjY0aDIwLjE4YzMuNjYsMCw2LjgsMS4zMSw5LjQsMy45MSwyLjYsMi42LDMuOTEsNS43NCwzLjkxLDkuNCwwLDIuNDEtLjU5LDQuNi0xLjc3LDYuNTUtMS4xOCwxLjk1LTIuNzYsMy40Ni00Ljc0LDQuNTJabS02LjgtMjAuNzZoLTE2LjM1djE5LjM4aDE2LjM1YzIuNiwwLDQuODMtLjk1LDYuNjktMi44NSwxLjg2LTEuOTEsMi43OC00LjE5LDIuNzgtNi44NHMtLjkzLTQuOTMtMi43OC02LjgzYy0xLjg2LTEuOS00LjA5LTIuODUtNi42OS0yLjg1Wm0xLjY2LDQzLjRjMi43NSwwLDUuMS0xLDcuMDUtMywxLjk1LTIsMi45My00LjQsMi45My03LjJzLS45OC01LjItMi45My03LjJjLTEuOTUtMi00LjMtMy03LjA1LTNoLTE4LjAxdjIwLjRoMTguMDFabTIzLjIyLDMuNjF2LTUwLjY0aDMuODR2MTkuMzFoMTMuMzhjNC41MywwLDguMjksMS40OCwxMS4yOCw0LjQ1LDIuOTksMi45Nyw0LjQ5LDYuNjksNC40OSwxMS4xOHMtMS41LDguMjItNC40OSwxMS4yMWMtMi45OSwyLjk5LTYuNzUsNC40OS0xMS4yOCw0LjQ5aC0xNy4yMVptMy44NC0zLjYxaDEzLjM4YzMuNDcsMCw2LjMzLTEuMTQsOC41Ny0zLjQsMi4yNC0yLjI3LDMuMzYtNS4xNiwzLjM2LTguNjhzLTEuMTItNi4zNS0zLjM2LTguNjFjLTIuMjQtMi4yNy01LjEtMy40LTguNTctMy40aC0xMy4zOHYyNC4wOVptMzQuOTQsMy42MXYtNTAuNjRoMy45MXY1MC42NGgtMy45MVptMzQuNzItMjkuODdjNC4xLDAsNy42MiwxLjQ2LDEwLjU2LDQuMzcsMi45NCwyLjkyLDQuNDEsNi40Myw0LjQxLDEwLjUycy0xLjQ2LDcuNjItNC4zOCwxMC41NmMtMi45MiwyLjk0LTYuNDUsNC40MS0xMC42LDQuNDFoLTE4LjN2LTUwLjY0aDI5LjE1djMuNjJoLTI1LjMxdjE3LjE0aDE0LjQ3Wm0wLDI2LjI2YzMuMDQsMCw1LjY0LTEuMTEsNy44MS0zLjMzLDIuMTctMi4yMSwzLjI2LTQuODksMy4yNi04LjAzcy0xLjA5LTUuNzMtMy4yNi03Ljk1Yy0yLjE3LTIuMjItNC43Ny0zLjMzLTcuODEtMy4zM2gtMTQuNDd2MjIuNjVoMTQuNDdabTU3LjI5LDMuNjF2LTQzLjU0bC0yOS45NCw0My41NGgtMy4zM3YtNTAuNjRoMy44NHY0My41NWwyOS44Ny00My41NWgzLjR2NTAuNjRoLTMuODRabTMzLjY0LTUwLjY0YzQuNTMsMCw4LjI5LDEuNSwxMS4yOCw0LjQ5LDIuOTksMi45OSw0LjQ5LDYuNzMsNC40OSwxMS4yMXMtMS41LDguMjEtNC40OSwxMS4xN2MtMi45OSwyLjk3LTYuNzUsNC40NS0xMS4yOCw0LjQ1aC0xMy4zOHYxOS4zMWgtMy44NHYtNTAuNjRoMTcuMjFabTAsMjcuNzFjMy40NywwLDYuMzMtMS4xNCw4LjU3LTMuNCwyLjI0LTIuMjcsMy4zNi01LjEzLDMuMzYtOC42MXMtMS4xMi02LjQyLTMuMzYtOC42OGMtMi4yNC0yLjI3LTUuMS0zLjQtOC41Ny0zLjRoLTEzLjM4djI0LjA5aDEzLjM4Wm01NC4yNSwyMi45M2wtNC45Mi0xMi44N2gtMjUuMzlsLTQuOTIsMTIuODdoLTQuMDVsMTkuNjctNTAuNjRoNC4wNWwxOS42LDUwLjY0aC00LjA1Wm0tMjguODYtMTYuNDloMjIuNTdsLTExLjI4LTI5LjQ0LTExLjI4LDI5LjQ0Wm02Ny43OC0zNC4xNHYzLjYyaC0xNS45MXY0Ny4wMmgtMy45MXYtNDcuMDJoLTE1Ljkxdi0zLjYyaDM1LjczWm0yNS4xNywxOS4zMWM0LjUzLDAsOC4yOSwxLjQ4LDExLjI4LDQuNDUsMi45OSwyLjk3LDQuNDksNi42OSw0LjQ5LDExLjE4cy0xLjUsOC4yMi00LjQ5LDExLjIxLTYuNzUsNC40OS0xMS4yOCw0LjQ5aC0xNy4yMXYtNTAuNjRoMy44NHYxOS4zMWgxMy4zOFptMCwyNy43MWMzLjQ3LDAsNi4zMy0xLjE0LDguNTctMy40LDIuMjQtMi4yNywzLjM2LTUuMTYsMy4zNi04LjY4cy0xLjEyLTYuMzUtMy4zNi04LjYxYy0yLjI0LTIuMjctNS4xLTMuNC04LjU3LTMuNGgtMTMuMzh2MjQuMDloMTMuMzhaTTAsMjUzLjY0VjM4Ljc2aDU5NS4yOHYyMTQuODhIMFptOC4xOS04LjE4aDU3OS4wNlY0Ni44MmgtMS41NmMtMTkxLjk0LDAtMzgzLjg3LDAtNTc1LjgxLS4wNC0xLjQ3LDAtMS43Mi40NS0xLjcyLDEuNzkuMDMsNjUuMDcuMDMsMTMwLjE0LjAzLDE5NS4yMSwwLC41NCwwLDEuMDgsMCwxLjY4Wk00NDYuODYsNzguNjloMTA2Ljc4djEzNC45N2gtMTA2Ljc4Vjc4LjY5Wm04MC44NSwxMDYuNTV2LTgyLjk3aC01NC45NXY4Mi45N2g1NC45NVptLTM3OS4xMSwyOC40N0g0MS44OVY3OC43NGgxMDYuNzF2MTM0Ljk2Wm0tODAuODYtMjguNTJoNTQuOTh2LTgyLjk0aC01NC45OHY4Mi45NFptMTkxLjA1LTUyLjI4aC04MC43MXY4MC43N2gxMDUuODh2LTI4LjRoLTgwLjl2LTI1LjY2aDgwLjg5di04MC45aC0xMDUuODN2MjMuNDVoODAuNjd2MzAuNzRabTc4LjMtLjF2LTMwLjY4aDgwLjY2di0yMy40MmgtMTA1Ljg0djgxaDgwLjkzdjI1LjYyaC04MC45M3YyOC4zN2gxMDUuODh2LTgwLjg5aC04MC43WiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTYwMi4yMyw1LjY3YzMuNzgtMy43OCw4LjM1LTUuNjcsMTMuNjktNS42N3M5LjkyLDEuODksMTMuNyw1LjY3LDUuNjcsOC4zNSw1LjY3LDEzLjctMS44OSw5LjkyLTUuNjcsMTMuNy04LjM1LDUuNjctMTMuNyw1LjY3LTkuOTEtMS44OS0xMy42OS01LjY3Yy0zLjc4LTMuNzgtNS42Ny04LjM1LTUuNjctMTMuN3MxLjg5LTkuOTEsNS42Ny0xMy43Wm0xMy42OSwzMS4zNWM0Ljg1LDAsOC45OC0xLjcyLDEyLjM5LTUuMTZzNS4xMS03LjYxLDUuMTEtMTIuNDktMS43MS05LjA1LTUuMTEtMTIuNDktNy41NC01LjE2LTEyLjM5LTUuMTYtOC45NCwxLjcyLTEyLjM2LDUuMTZjLTMuNDMsMy40NC01LjE0LDcuNjEtNS4xNCwxMi40OXMxLjcxLDkuMDEsNS4xNCwxMi40N2MzLjQyLDMuNDYsNy41NCw1LjE5LDEyLjM2LDUuMTlabTguMTMtMjEuMDhjMCwyLjY3LTEuMDUsNC42NC0zLjE2LDUuODhsNC4wNyw3LjQ0aC01LjM1bC0zLjE2LTYuMjZoLTIuNDF2Ni4yNmgtNC45MlY5LjQ3aDcuMzNjMi4yMSwwLDQuMDMuNjEsNS40NiwxLjg1LDEuNDIsMS4yMywyLjE0LDIuNzcsMi4xNCw0LjYzWm0tMTAuMDEtMS45M3Y0LjcxaDIuMTRjLjkzLDAsMS42NS0uMjEsMi4xNi0uNjQuNTItLjQzLjc4LTEsLjc4LTEuNzEsMC0xLjU3LS45OC0yLjM1LTIuOTQtMi4zNWgtMi4xNFoiLz4KPC9zdmc+);
}

.social-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjwhLS1HZW5lcmF0b3I6IFhhcmEgRGVzaWduZXIgKHd3dy54YXJhLmNvbSksIFNWRyBmaWx0ZXIgdmVyc2lvbjogNi42LjAuMC0tPg0KPHN2ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC41MDEiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZm9udC1mYW1pbHk9IlRpbWVzIE5ldyBSb21hbiIgZm9udC1zaXplPSIxNiIgc3R5bGU9ImZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9uZSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiBvdmVyZmxvdz0idmlzaWJsZSIgd2lkdGg9IjE1Ny4zNDZwdCIgaGVpZ2h0PSIyMy44OTNwdCIgdmlld0JveD0iMC40MzQgLTI0LjM4NSAxNTcuMzQ2IDIzLjg5MyI+DQogPGRlZnM+DQoJPC9kZWZzPg0KIDxnIGlkPSJMYXllciAxIiB0cmFuc2Zvcm09InNjYWxlKDEgLTEpIj4NCiAgPHBhdGggZD0iTSAxMDkuOTY3LDE3LjQ5MiBDIDEwOS43LDE4LjQ4NSAxMDguOTE3LDE5LjI2OCAxMDcuOTI0LDE5LjUzNiBDIDEwNi4xMDksMjAuMDMyIDk4Ljg1MiwyMC4wMzIgOTguODUyLDIwLjAzMiBDIDk4Ljg1MiwyMC4wMzIgOTEuNTk1LDIwLjAzMiA4OS43OCwxOS41NTQgQyA4OC44MDYsMTkuMjg3IDg4LjAwNCwxOC40ODUgODcuNzM3LDE3LjQ5MiBDIDg3LjI1OSwxNS42NzggODcuMjU5LDExLjkxNSA4Ny4yNTksMTEuOTE1IEMgODcuMjU5LDExLjkxNSA4Ny4yNTksOC4xMzQgODcuNzM3LDYuMzM5IEMgODguMDA0LDUuMzQ2IDg4Ljc4Nyw0LjU2MyA4OS43OCw0LjI5NSBDIDkxLjYxNCwzLjc5OCA5OC44NTIsMy43OTggOTguODUyLDMuNzk4IEMgOTguODUyLDMuNzk4IDEwNi4xMDksMy43OTggMTA3LjkyNCw0LjI3NiBDIDEwOC45MTcsNC41NDQgMTA5LjcsNS4zMjcgMTA5Ljk2Nyw2LjMyIEMgMTEwLjQ0NSw4LjEzNCAxMTAuNDQ1LDExLjg5NiAxMTAuNDQ1LDExLjg5NiBDIDExMC40NDUsMTEuODk2IDExMC40NjQsMTUuNjc4IDEwOS45NjcsMTcuNDkyIFogTSA5Ni41NDEsOC40NCBMIDk2LjU0MSwxNS4zOTEgTCAxMDIuNTc2LDExLjkxNSBaIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2U9Im5vbmUiIGZpbGw9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMC4wMzUiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFya2VyLXN0YXJ0PSJub25lIiBtYXJrZXItZW5kPSJub25lIi8+DQogIDxwYXRoIGQ9Ik0gNTguMTA4LDExLjMwNyBDIDU3LjczOCwxMS43NzYgNTcuODQ0LDExLjk4NCA1OC4xMDgsMTIuNDAyIEMgNTguMTE0LDEyLjQwOCA2MS4xNzQsMTYuNjM2IDYxLjQ4OSwxOC4wNyBMIDYxLjQ5MSwxOC4wNzEgQyA2MS42NDcsMTguNTkzIDYxLjQ5MSwxOC45NzcgNjAuNzMzLDE4Ljk3NyBMIDU4LjIyNiwxOC45NzcgQyA1Ny41ODgsMTguOTc3IDU3LjI5NCwxOC42NDcgNTcuMTM2LDE4LjI3OCBDIDU3LjEzNiwxOC4yNzkgNTUuODYsMTUuMjIzIDU0LjA1NCwxMy4yNDMgQyA1My40NzEsMTIuNjcxIDUzLjIwMywxMi40ODggNTIuODg0LDEyLjQ4OCBDIDUyLjcyNywxMi40ODggNTIuNDg0LDEyLjY3MSA1Mi40ODQsMTMuMTk0IEwgNTIuNDg0LDE4LjA3MSBDIDUyLjQ4NCwxOC42OTcgNTIuMzA1LDE4Ljk3NyA1MS43NzYsMTguOTc3IEwgNDcuODM1LDE4Ljk3NyBDIDQ3LjQzNCwxOC45NzcgNDcuMTk2LDE4LjY4NSA0Ny4xOTYsMTguNDEyIEMgNDcuMTk2LDE3LjgxOSA0OC4xLDE3LjY4MSA0OC4xOTMsMTYuMDEgTCA0OC4xOTMsMTIuMzgzIEMgNDguMTkzLDExLjU4OCA0OC4wNDksMTEuNDQyIDQ3LjcyOCwxMS40NDIgQyA0Ni44NzcsMTEuNDQyIDQ0LjgwOSwxNC41MDkgNDMuNTgyLDE4LjAyIEMgNDMuMzM1LDE4LjcwMSA0My4wOTMsMTguOTc2IDQyLjQ1LDE4Ljk3NiBMIDM5Ljk0MywxOC45NzYgQyAzOS4yMjgsMTguOTc2IDM5LjA4MywxOC42NDYgMzkuMDgzLDE4LjI3OCBDIDM5LjA4MywxNy42MjYgMzkuOTM1LDE0LjM4NyA0My4wNDYsMTAuMTA3IEMgNDUuMTE5LDcuMTg1IDQ4LjAzOSw1LjYwMiA1MC42OTQsNS42MDIgQyA1Mi4yOTEsNS42MDIgNTIuNDg2LDUuOTU0IDUyLjQ4Niw2LjU1OSBDIDUyLjQ4Niw5LjM1IDUyLjM0MSw5LjYxMyA1My4xNCw5LjYxMyBDIDUzLjUxMiw5LjYxMyA1NC4xNSw5LjQzMSA1NS42NCw4LjAyMiBDIDU3LjM0Myw2LjM1IDU3LjYyMyw1LjYwMiA1OC41NzcsNS42MDIgTCA2MS4wODQsNS42MDIgQyA2MS43OTgsNS42MDIgNjIuMTYsNS45NTQgNjEuOTUyLDYuNjQ4IEMgNjEuNDc1LDguMTA2IDU4LjI1NCwxMS4xMDggNTguMTA4LDExLjMwNyBaIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2U9Im5vbmUiIGZpbGw9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMC45NTQiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFya2VyLXN0YXJ0PSJub25lIiBtYXJrZXItZW5kPSJub25lIi8+DQogIDxnIGlkPSJHcm91cCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlPSJub25lIiBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZS13aWR0aD0iMC4wNDYiPg0KICAgPHBhdGggZD0iTSA4NS45MzYsMTcuMTc5IEMgODUuODgyLDE4LjQyNyA4NS42OCwxOS4yODUgODUuMzkxLDIwLjAyOSBDIDg1LjA5MywyMC44MTcgODQuNjM0LDIxLjUyMyA4NC4wMzQsMjIuMTExIEMgODMuNDQ1LDIyLjcwNyA4Mi43MzUsMjMuMTcxIDgxLjk1NCwyMy40NjQgQyA4MS4yMDcsMjMuNzUzIDgwLjM1NCwyMy45NTUgNzkuMTA2LDI0LjAxIEMgNzcuODUsMjQuMDY5IDc3LjQ1MSwyNC4wODMgNzQuMjYyLDI0LjA4MyBDIDcxLjA3NCwyNC4wODMgNzAuNjc1LDI0LjA2OSA2OS40MjMsMjQuMDE0IEMgNjguMTc2LDIzLjk1OSA2Ny4zMTcsMjMuNzU3IDY2LjU3NSwyMy40NjkgQyA2NS43ODUsMjMuMTcxIDY1LjA4LDIyLjcxMiA2NC40OSwyMi4xMTEgQyA2My44OTYsMjEuNTIzIDYzLjQzMiwyMC44MTMgNjMuMTM4LDIwLjAzMiBDIDYyLjg1LDE5LjI4NSA2Mi42NDgsMTguNDMxIDYyLjU5MywxNy4xODQgQyA2Mi41MzMsMTUuOTI3IDYyLjUyLDE1LjUyOSA2Mi41MiwxMi4zNCBDIDYyLjUyLDkuMTUxIDYyLjUzMyw4Ljc1MyA2Mi41ODgsNy41MDEgQyA2Mi42NDMsNi4yNTQgNjIuODQ1LDUuMzk1IDYzLjEzNCw0LjY1MyBDIDYzLjQzMiwzLjg2MyA2My44OTYsMy4xNTcgNjQuNDksMi41NjkgQyA2NS4wOCwxLjk3MyA2NS43OSwxLjUxIDY2LjU3LDEuMjE2IEMgNjcuMzE3LDAuOTI4IDY4LjE3MSwwLjcyNiA2OS40MTksMC42NzIgQyA3MC42NzEsMC42MTYgNzEuMDY5LDAuNjAyIDc0LjI1OCwwLjYwMiBDIDc3LjQ0NywwLjYwMiA3Ny44NDUsMC42MTYgNzkuMDk3LDAuNjcyIEMgODAuMzQ0LDAuNzI2IDgxLjIwMywwLjkyOCA4MS45NDYsMS4yMTYgQyA4My41MjQsMS44MjYgODQuNzcyLDMuMDc0IDg1LjM4Miw0LjY1MyBDIDg1LjY3LDUuNCA4NS44NzMsNi4yNTQgODUuOTI3LDcuNTAxIEMgODUuOTgyLDguNzUzIDg1Ljk5Niw5LjE1MSA4NS45OTYsMTIuMzQgQyA4NS45OTYsMTUuNTI5IDg1Ljk5MSwxNS45MjcgODUuOTM2LDE3LjE3OSBaIE0gODMuODIxLDcuNTkzIEMgODMuNzcxLDYuNDQ2IDgzLjU3OCw1LjgyNyA4My40MTgsNS40MTQgQyA4My4wMjQsNC4zOTEgODIuMjExLDMuNTc5IDgxLjE4OSwzLjE4NCBDIDgwLjc3NiwzLjAyNCA4MC4xNTIsMi44MzIgNzkuMDExLDIuNzgxIEMgNzcuNzcyLDIuNzI1IDc3LjQsMi43MTIgNzQuMjY3LDIuNzEyIEMgNzEuMTM0LDIuNzEyIDcwLjc1OCwyLjcyNSA2OS41MjQsMi43ODEgQyA2OC4zNzcsMi44MzIgNjcuNzU4LDMuMDI0IDY3LjM0NSwzLjE4NCBDIDY2LjgzNiwzLjM3MiA2Ni4zNzIsMy42NzEgNjUuOTk3LDQuMDYxIEMgNjUuNjA2LDQuNDQxIDY1LjMwOCw0LjkwMSA2NS4xMiw1LjQwOSBDIDY0Ljk1OSw1LjgyMyA2NC43NjcsNi40NDYgNjQuNzE3LDcuNTg3IEMgNjQuNjYxLDguODI2IDY0LjY0Nyw5LjE5OCA2NC42NDcsMTIuMzMxIEMgNjQuNjQ3LDE1LjQ2NCA2NC42NjEsMTUuODQxIDY0LjcxNywxNy4wNzQgQyA2NC43NjcsMTguMjIgNjQuOTU5LDE4Ljg0IDY1LjEyLDE5LjI1MyBDIDY1LjMwOCwxOS43NjIgNjUuNjA2LDIwLjIyNiA2Ni4wMDEsMjAuNjAxIEMgNjYuMzgxLDIwLjk5MiA2Ni44NCwyMS4yOSA2Ny4zNSwyMS40NzggQyA2Ny43NjMsMjEuNjM5IDY4LjM4NywyMS44MyA2OS41MjksMjEuODgxIEMgNzAuNzY3LDIxLjkzNiA3MS4xMzksMjEuOTUgNzQuMjcyLDIxLjk1IEMgNzcuNDA5LDIxLjk1IDc3Ljc4LDIxLjkzNiA3OS4wMTUsMjEuODgxIEMgODAuMTYxLDIxLjgzIDgwLjc4LDIxLjYzOSA4MS4xOTQsMjEuNDc4IEMgODEuNzAyLDIxLjI5IDgyLjE2NiwyMC45OTIgODIuNTQyLDIwLjYwMSBDIDgyLjkzMiwyMC4yMjEgODMuMjMsMTkuNzYyIDgzLjQxOCwxOS4yNTMgQyA4My41NzgsMTguODQgODMuNzcxLDE4LjIxNiA4My44MjEsMTcuMDc0IEMgODMuODc3LDE1LjgzNiA4My44OSwxNS40NjQgODMuODksMTIuMzMxIEMgODMuODksOS4xOTggODMuODc3LDguODMxIDgzLjgyMSw3LjU5MyBaIiBtYXJrZXItc3RhcnQ9Im5vbmUiIG1hcmtlci1lbmQ9Im5vbmUiLz4NCiAgIDxwYXRoIGQ9Ik0gNzQuMjYyLDE4LjM3MiBDIDcwLjkzMiwxOC4zNzIgNjguMjMxLDE1LjY3IDY4LjIzMSwxMi4zNCBDIDY4LjIzMSw5LjAxIDcwLjkzMiw2LjMwOSA3NC4yNjIsNi4zMDkgQyA3Ny41OTMsNi4zMDkgODAuMjk0LDkuMDEgODAuMjk0LDEyLjM0IEMgODAuMjk0LDE1LjY3IDc3LjU5MywxOC4zNzIgNzQuMjYyLDE4LjM3MiBaIE0gNzQuMjYyLDguNDI3IEMgNzIuMTAzLDguNDI3IDcwLjM0OSwxMC4xOCA3MC4zNDksMTIuMzQgQyA3MC4zNDksMTQuNTAxIDcyLjEwMywxNi4yNTMgNzQuMjYyLDE2LjI1MyBDIDc2LjQyMiwxNi4yNTMgNzguMTc1LDE0LjUwMSA3OC4xNzUsMTIuMzQgQyA3OC4xNzUsMTAuMTggNzYuNDIyLDguNDI3IDc0LjI2Miw4LjQyNyBaIiBtYXJrZXItc3RhcnQ9Im5vbmUiIG1hcmtlci1lbmQ9Im5vbmUiLz4NCiAgIDxwYXRoIGQ9Ik0gODEuOTQyLDE4LjYxIEMgODEuOTQyLDE3LjgzMyA4MS4zMSwxNy4yMDIgODAuNTMzLDE3LjIwMiBDIDc5Ljc1NSwxNy4yMDIgNzkuMTI1LDE3LjgzMyA3OS4xMjUsMTguNjEgQyA3OS4xMjUsMTkuMzg5IDc5Ljc1NSwyMC4wMTkgODAuNTMzLDIwLjAxOSBDIDgxLjMxLDIwLjAxOSA4MS45NDIsMTkuMzg5IDgxLjk0MiwxOC42MSBaIiBtYXJrZXItc3RhcnQ9Im5vbmUiIG1hcmtlci1lbmQ9Im5vbmUiLz4NCiAgPC9nPg0KICA8cGF0aCBkPSJNIDkuOTk5LDIwLjMyNiBMIDEyLjEzNSwyMC4zMjYgTCAxMi4xMzUsMjQuMDQ3IEMgMTEuNzY2LDI0LjA5OCAxMC40OTksMjQuMjEyIDkuMDIzLDI0LjIxMiBDIDUuOTQzLDI0LjIxMiAzLjgzMiwyMi4yNzUgMy44MzIsMTguNzE0IEwgMy44MzIsMTUuNDM3IEwgMC40MzQsMTUuNDM3IEwgMC40MzQsMTEuMjc3IEwgMy44MzIsMTEuMjc3IEwgMy44MzIsMC44MTMgTCA4LDAuODEzIEwgOCwxMS4yNzcgTCAxMS4yNjEsMTEuMjc3IEwgMTEuNzc5LDE1LjQzNiBMIDcuOTk5LDE1LjQzNiBMIDcuOTk5LDE4LjMwMiBDIDgsMTkuNTA0IDguMzI0LDIwLjMyNiA5Ljk5OSwyMC4zMjYgWiIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlPSJub25lIiBmaWxsPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjAuOTc1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hcmtlci1zdGFydD0ibm9uZSIgbWFya2VyLWVuZD0ibm9uZSIvPg0KICA8cGF0aCBkPSJNIDE1NC40NzIsMjAuNzEzIEMgMTUyLjMzNywyMi44NDkgMTQ5LjQ5OCwyNC4wMjcgMTQ2LjQ3MywyNC4wMjggQyAxNDAuMjQxLDI0LjAyOCAxMzUuMTY5LDE4Ljk1NiAxMzUuMTY2LDEyLjcyMiBDIDEzNS4xNjUsMTAuNzMgMTM1LjY4Niw4Ljc4MyAxMzYuNjc2LDcuMDcgTCAxMzUuMDcxLDEuMjEgTCAxNDEuMDY1LDIuNzgyIEMgMTQyLjcxNiwxLjg4MSAxNDQuNTc3LDEuNDA2IDE0Ni40NjgsMS40MDYgTCAxNDYuNDczLDEuNDA2IEMgMTUyLjcwNSwxLjQwNiAxNTcuNzc3LDYuNDc4IDE1Ny43OCwxMi43MTMgQyAxNTcuNzgxLDE1LjczNCAxNTYuNjA3LDE4LjU3NCAxNTQuNDcyLDIwLjcxMyBaIE0gMTQ2LjQ3MywzLjMxNiBMIDE0Ni40NjksMy4zMTYgQyAxNDQuNzgzLDMuMzE3IDE0My4xMjksMy43NjkgMTQxLjY4Niw0LjYyNSBMIDE0MS4zNDMsNC44MjkgTCAxMzcuNzg3LDMuODk2IEwgMTM4LjczNSw3LjM2NCBMIDEzOC41MTIsNy43MTkgQyAxMzcuNTcsOS4yMTYgMTM3LjA3NSwxMC45NDYgMTM3LjA3NSwxMi43MjEgQyAxMzcuMDc4LDE3LjkwMyAxNDEuMjk0LDIyLjExOCAxNDYuNDc3LDIyLjExOCBDIDE0OC45ODcsMjIuMTE3IDE1MS4zNDYsMjEuMTM5IDE1My4xMjEsMTkuMzYzIEMgMTU0Ljg5NSwxNy41ODYgMTU1Ljg3MiwxNS4yMjQgMTU1Ljg3MSwxMi43MTQgQyAxNTUuODY5LDcuNTMyIDE1MS42NTMsMy4zMTYgMTQ2LjQ3MywzLjMxNiBaIE0gMTUxLjYyOCwxMC4zNTMgQyAxNTEuMzQ2LDEwLjQ5NiAxNDkuOTU3LDExLjE4IDE0OS42OTgsMTEuMjczIEMgMTQ5LjQzOCwxMS4zNjcgMTQ5LjI1MSwxMS40MTQgMTQ5LjA2MSwxMS4xMzMgQyAxNDguODc0LDEwLjg0OSAxNDguMzMzLDEwLjIxMyAxNDguMTY2LDEwLjAyNCBDIDE0OC4wMDIsOS44MzYgMTQ3LjgzNyw5LjgxMyAxNDcuNTU1LDkuOTUzIEMgMTQ3LjI3MywxMC4wOTUgMTQ2LjM2MywxMC4zOTQgMTQ1LjI4MywxMS4zNTYgQyAxNDQuNDQzLDEyLjEwNSAxNDMuODc3LDEzLjAzIDE0My43MTIsMTMuMzEzIEMgMTQzLjU0NywxMy41OTUgMTQzLjcxLDEzLjczNCAxNDMuODM1LDEzLjg5IEMgMTQ0LjE0MSwxNC4yNyAxNDQuNDQ4LDE0LjY2NyAxNDQuNTQyLDE0Ljg1NiBDIDE0NC42MzcsMTUuMDQ0IDE0NC41OSwxNS4yMSAxNDQuNTE3LDE1LjM1MSBDIDE0NC40NDgsMTUuNDkzIDE0My44ODIsMTYuODgzIDE0My42NDcsMTcuNDQ5IEMgMTQzLjQxOCwxOCAxNDMuMTg1LDE3LjkyNiAxNDMuMDEyLDE3LjkzMyBDIDE0Mi44NDYsMTcuOTQyIDE0Mi42NTksMTcuOTQzIDE0Mi40NywxNy45NDMgQyAxNDIuMjgyLDE3Ljk0MyAxNDEuOTc2LDE3Ljg3MyAxNDEuNzE2LDE3LjU5IEMgMTQxLjQ1OCwxNy4zMDcgMTQwLjcyOCwxNi42MjQgMTQwLjcyOCwxNS4yMzMgQyAxNDAuNzI4LDEzLjg0MyAxNDEuNzQsMTIuNDk5IDE0MS44ODEsMTIuMzEgQyAxNDIuMDIzLDEyLjEyMiAxNDMuODc0LDkuMjY4IDE0Ni43MDgsOC4wNDQgQyAxNDcuMzgxLDcuNzUzIDE0Ny45MDgsNy41OCAxNDguMzE4LDcuNDQ5IEMgMTQ4Ljk5NSw3LjIzNCAxNDkuNjExLDcuMjY0IDE1MC4wOTcsNy4zMzcgQyAxNTAuNjQxLDcuNDE4IDE1MS43NjgsOC4wMiAxNTIuMDA1LDguNjggQyAxNTIuMjQxLDkuMzQgMTUyLjI0MSw5LjkwNyAxNTIuMTcsMTAuMDI0IEMgMTUyLjA5OSwxMC4xNDIgMTUxLjkxMSwxMC4yMTMgMTUxLjYyOCwxMC4zNTMgWiIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlPSJub25lIiBmaWxsPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjAuMDM1IiBtYXJrZXItc3RhcnQ9Im5vbmUiIG1hcmtlci1lbmQ9Im5vbmUiLz4NCiAgPGcgaWQ9Ikdyb3VwXzEiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2Utd2lkdGg9IjAuOTk0Ij4NCiAgIDxwYXRoIGQ9Ik0gMTMzLjM4LDEwLjU1MyBDIDEzNC4wOTIsMTYuNTQ4IDEzMy4wMzgsMjAuMzMzIDEzMS4xMzcsMjIuMDQ0IEwgMTMxLjEzOCwyMi4wNDUgQyAxMjguMDY4LDI0Ljk2OSAxMTcuNzAxLDI1LjQwMiAxMTQuMDI5LDIxLjkxNSBDIDExMi4zNzksMjAuMjA4IDExMS43OTgsMTcuNzA1IDExMS43MzUsMTQuNjA1IEMgMTExLjY3MSwxMS41MDUgMTExLjU5Niw1LjY5NyAxMTcuMDA4LDQuMTIxIEwgMTE3LjAxMyw0LjEyMSBMIDExNy4wMDgsMy43MTUgQyAxMTcuMDA4LDEuNzE1IDExNi45NzEsMC43NDEgMTE3LjU5NCwwLjU0NCBDIDExOC4zMDYsMC4zMTQgMTE4LjYyOCwwLjc2NyAxMjAuODQzLDMuNDEzIEMgMTI0LjU0OCwzLjA5MSAxMjcuMzkyLDMuODI3IDEyNy43MTYsMy45MzQgQyAxMjguNDYzLDQuMTg1IDEzMi42OTYsNC43NDUgMTMzLjM4LDEwLjU1MyBaIE0gMTIxLjIwOSw1LjEwNSBDIDEyMS4yMDksNS4xMDUgMTE4Ljg2NCwyLjE4MiAxMTguMTM1LDEuNDIzIEMgMTE3Ljg5NiwxLjE3NiAxMTcuNjM0LDEuMTk5IDExNy42MzksMy42ODkgQyAxMTcuNjM5LDIuMDEgMTE3LjY1Niw1LjY4MyAxMTcuNjU2LDUuNjgzIEMgMTEzLjA2Nyw2Ljk5OCAxMTMuMzM4LDExLjk0NCAxMTMuMzg4LDE0LjUzIEMgMTEzLjQzOCwxNy4xMTkgMTEzLjkxMSwxOS4yMzkgMTE1LjMwOCwyMC42NjYgQyAxMTguNTMxLDIzLjY4NyAxMjcuNjE4LDIzLjAxMiAxMjkuOTM0LDIwLjgzNiBDIDEzMi43NjQsMTguMzI2IDEzMS43NTcsMTEuMjM1IDEzMS43NjMsMTAuOTkzIEMgMTMxLjE4MSw2LjE0NSAxMjcuNzUyLDUuODM5IDEyNy4xMjEsNS42MjkgQyAxMjYuODUxLDUuNTM5IDEyNC4zNDksNC44OTYgMTIxLjIwOSw1LjEwNSBaIiBtYXJrZXItc3RhcnQ9Im5vbmUiIG1hcmtlci1lbmQ9Im5vbmUiLz4NCiAgIDxwYXRoIGQ9Ik0gMTIyLjUwNiwyMC4wOTggQyAxMjIuMTIyLDIwLjA5OCAxMjIuMTIyLDE5LjUwMSAxMjIuNTA2LDE5LjQ5NiBDIDEyNS40NzcsMTkuNDc0IDEyNy45MjQsMTcuNDAzIDEyNy45NSwxMy42MDQgQyAxMjcuOTUsMTMuMjAzIDEyOC41MzYsMTMuMjA4IDEyOC41MzIsMTMuNjA5IEwgMTI4LjUzMiwxMy42MDkgQyAxMjguNDk5LDE3LjcwMiAxMjUuODI4LDIwLjA3NSAxMjIuNTA2LDIwLjA5OCBaIiBtYXJrZXItc3RhcnQ9Im5vbmUiIG1hcmtlci1lbmQ9Im5vbmUiLz4NCiAgIDxwYXRoIGQ9Ik0gMTI2LjQxNCwxNC4yMzMgQyAxMjYuNDA1LDEzLjgzNyAxMjYuOTkxLDEzLjgxOSAxMjYuOTk2LDE0LjIxOSBDIDEyNy4wNDQsMTYuNDc3IDEyNS42NTIsMTguMzM2IDEyMy4wMzgsMTguNTMxIEMgMTIyLjY1NSwxOC41NTkgMTIyLjYxNSwxNy45NTggMTIyLjk5NiwxNy45MyBDIDEyNS4yNjUsMTcuNzU4IDEyNi40NTksMTYuMjEgMTI2LjQxNCwxNC4yMzMgWiIgbWFya2VyLXN0YXJ0PSJub25lIiBtYXJrZXItZW5kPSJub25lIi8+DQogICA8cGF0aCBkPSJNIDEyNS43ODcsMTEuNjY2IEMgMTI1LjI5NiwxMS45NSAxMjQuNzk2LDExLjc3NCAxMjQuNTg4LDExLjQ5NSBMIDEyNC4xNTYsMTAuOTM1IEMgMTIzLjkzNiwxMC42NSAxMjMuNTI1LDEwLjY4OCAxMjMuNTI1LDEwLjY4OCBDIDEyMC41MjcsMTEuNDgxIDExOS43MjUsMTQuNjE3IDExOS43MjUsMTQuNjE3IEMgMTE5LjcyNSwxNC42MTcgMTE5LjY4OSwxNS4wNDIgMTE5Ljk2NCwxNS4yNyBMIDEyMC41MDQsMTUuNzE3IEMgMTIwLjc3NSwxNS45MzIgMTIwLjk0NiwxNi40NSAxMjAuNjcsMTYuOTU4IEMgMTE5LjkzNSwxOC4yODggMTE5LjQzOSwxOC43NDYgMTE5LjE4OSwxOS4wOTggQyAxMTguOTI0LDE5LjQzIDExOC41MjYsMTkuNTA1IDExOC4xMTIsMTkuMjggTCAxMTguMTAzLDE5LjI4IEMgMTE3LjI0MiwxOC43NzcgMTE2LjMsMTcuODM1IDExNi42MDIsMTYuODY1IEMgMTE3LjExNiwxNS44NDMgMTE4LjA2MSwxMi41ODMgMTIxLjA3NCwxMC4xMiBDIDEyMi40ODgsOC45NTYgMTI0LjcyOSw3Ljc2MiAxMjUuNjgsNy40ODcgTCAxMjUuNjg5LDcuNDczIEMgMTI2LjYyNiw3LjE2MSAxMjcuNTM2LDguMTM5IDEyOC4wMjMsOS4wMjYgTCAxMjguMDIzLDkuMDMyIEMgMTI4LjIzOSw5LjQ2MSAxMjguMTY3LDkuODY3IDEyNy44NTEsMTAuMTMyIEMgMTI3LjI5MywxMC42NzcgMTI2LjQ0OSwxMS4yNzkgMTI1Ljc4NywxMS42NjYgWiIgbWFya2VyLXN0YXJ0PSJub25lIiBtYXJrZXItZW5kPSJub25lIi8+DQogICA8cGF0aCBkPSJNIDEyMy40NDcsMTYuMzExIEMgMTI0LjQwMywxNi4yNTYgMTI0Ljg2NywxNS43NTYgMTI0LjkxNywxNC43MzEgQyAxMjQuOTM0LDE0LjMzIDEyNS41MTYsMTQuMzU4IDEyNS40OTksMTQuNzU5IEMgMTI1LjQzNCwxNi4wOTggMTI0LjczNywxNi44NDMgMTIzLjQ3OSwxNi45MTMgQyAxMjMuMDk3LDE2LjkzNiAxMjMuMDYsMTYuMzM0IDEyMy40NDcsMTYuMzExIFoiIG1hcmtlci1zdGFydD0ibm9uZSIgbWFya2VyLWVuZD0ibm9uZSIvPg0KICA8L2c+DQogIDxwYXRoIGQ9Ik0gMjIuOTE4LDkuMDQzIEwgMjIuNTIxLDMuNDY1IEMgMjMuMDg5LDMuNDY1IDIzLjMzNCwzLjcwOCAyMy42MjksNC4wMDEgTCAyNi4yOSw2LjU0MyBMIDMxLjgwMywyLjUwNiBDIDMyLjgxNCwxLjk0MyAzMy41MjcsMi4yNCAzMy43OTksMy40MzYgTCAzNy40MTgsMjAuMzk0IEwgMzcuNDE5LDIwLjM5NSBDIDM3LjczOSwyMS44ODkgMzYuODc4LDIyLjQ3NCAzNS44OTMsMjIuMTA3IEwgMTQuNjIyLDEzLjk2MyBDIDEzLjE3LDEzLjM5OSAxMy4xOTIsMTIuNTkgMTQuMzc2LDEyLjIyMyBMIDE5LjgxMywxMC41MzIgTCAzMi40NDUsMTguNDM2IEMgMzMuMDQsMTguODMgMzMuNTgsMTguNjEzIDMzLjEzNSwxOC4yMTggWiIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlPSJub25lIiBmaWxsPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjAuOTk4IiBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hcmtlci1zdGFydD0ibm9uZSIgbWFya2VyLWVuZD0ibm9uZSIvPg0KIDwvZz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat;
    background-size: 200px 26px;
    width: 26px;
    height: 26px;
}

.icon-telegram {
    background-position: -29px 0;
}

.icon-viber {
    background-position: -135px .2px;
    width: 25px;
}

.icon-whatsapp {
    background-position: -160px 0;
}

.icon-vk {
    background-position: -55px 0;
}

.icon-youtube {
    background-position: -108.7px 0;
}

.footer {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-top: 20px;
    background-color: #25323b;
    color: #fff;
    margin-top: 4em;
    word-spacing: .04em;
    letter-spacing: .07em;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.footer a {
    opacity: 1;
    color: #fff;
}

.footer-social {
    margin-top: 25px;
}

.footer-social a {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    padding: 1em;
}

footer .logo {
    margin: 1em auto 2.4em;
    padding: 0;
    width: 225px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    height: 100px;
}

/* =============================================
   FOOTER NEW (.nf)
   ============================================= */
.nf {
    display: flex;
    text-align: left;
    min-height: 350px;
    margin: 40px auto 80px;
    word-spacing: 0.5px;
    letter-spacing: 0.1px;
    column-gap: 45px;
}

.nf .footer-container *,
footer.apr25.footer * {
    font-family: Gilroy, sans-serif;
}

.nf .footer-container {
    width: 20%;
    min-width: 11em;
    display: flex;
    gap: 30px;
    flex-direction: column;
    justify-content: space-between;
}

.nf .logo-section {
    background-position: left top;
    margin: -8px 0;
}

.company-info {
    font-size: 12px;
    line-height: 16px;
    opacity: 0.6;
}

.objects-column {
    list-style: none;
    column-count: 2;
    margin: 0;
    padding: 0;
    column-gap: 20px;
}

.nf .copyright {
    font-size: 18px;
    margin-top: 25px;
    opacity: 1;
}

.delivery-section,
.projects-section,
.subscribe-section {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.projects-section,
.footer-social {
    width: 10%;
}

.projects-section {
    min-width: 9em;
    justify-content: flex-start;
}

.delivery-section {
    min-width: 17em;
}

.subscribe-section {
    width: 35%;
}

.nf h3 {
    font-size: 28px;
    font-family: Gilroy, sans-serif;
    font-weight: bold;
    margin: 0 0 45px;
    text-transform: uppercase;
    letter-spacing: -0.7px;
}

.contact-info {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.6;
}

.contact-info p {
    margin-bottom: 8px;
}

.email {
    font-size: 18px;
}

.cities-list {
    list-style: none;
    font-size: 13px;
    padding-inline-start: 0;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.objects-column li,
.cities-list li {
    line-height: 19px;
    opacity: 0.65;
    font-weight: 300;
    font-size: 12px;
}

.cities-list li:last-child {
    grid-column: span 2;
    margin-top: 5px;
}

.social-icons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 25px;
    margin: 0;
    align-items: flex-end;
    width: 60px;
}

.social-icons a {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.social-icons a:hover {
    opacity: 1;
}

.social-icon {
    width: 60px;
    height: 60px;
    background-size: 600px 60px;
}

.icon-vk {
    background-position: -198px -12px;
}

.icon-telegram {
    background-position: -136px 0;
}

.icon-whatsapp {
    background-position: -438px 0;
}

.icon-youtube {
    background-position: -320px 0;
}

.icon-viber {
    background-position: -379px 0;
}

.email-input {
    width: 100%;
    padding: 12px 15px;
    background-color: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: 2px;
    color: white;
    margin-bottom: 15px;
    font-size: 14px;
}

.checkbox-container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.checkbox-container input {
    margin-right: 10px;
    margin-top: 5px;
    transform: scale(1.1);
}

.checkbox-container p {
    font-size: 18px;
    line-height: 22px;
}

.policy-link {
    color: white;
    text-decoration: underline;
}

.bg-gray-50 {
    margin: 1.6em 0;
    padding: 1em 1.5em;
    background-color: lightgrey;
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.36;
}

.disclaimer {
    font-size: 11px;
    line-height: 1.5;
    margin-top: 20px;
    opacity: 0.6;
}

.agreement-link {
    display: block;
    color: white;
    text-decoration: underline;
    font-size: 18px;
    margin-top: 1em;
}

.policy-link:hover,
.agreement-link:hover {
    text-decoration: none;
}

.newsletter-form {
    width: 100%;
}

.subscribe-button {
    padding: 10px 15px;
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s;
    margin-bottom: 15px;
}

.subscribe-button:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

#newsletter-message {
    font-size: 13px;
    padding: 10px 0;
    margin-bottom: 10px;
}

#newsletter-message.success {
    color: #4CAF50;
}

#newsletter-message.error {
    color: #F44336;
}

.row-flex { 
    display: flex;
    flex-direction:row;
}
.flex-wrap {flex-wrap:wrap;}
.articles-grid {
    gap: 32px 12px;
}

.article-card {
    width: calc((100% - 24px) / 3);
}
.article-card img {
    aspect-ratio: 3/2;
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
}

div.article_image {
    background-color: var(--fcolor);
    aspect-ratio: 3/2;
    width: 100%;
    border-radius: 16px;
}

div.article_image:before {
    content: "";
    display: block;
    width: 24px;
    margin: 15px 18px;
    height: 24px;
    position: absolute;
    background-color: #fff;
    border-radius: 16px;
}

.article-card .title {
    margin: 8px 6px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}


span.date {
    opacity: 0.3;
}


.slides-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: auto;
    overflow: hidden;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.button__cart, .slides-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product.catalog__item.slide {
    min-width: calc((100% - 30px) / 4);
}

/* coockies */

.absolute {
    position: absolute
}

.cookie-notice {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s,visibility .5s
}

.cookie-notice.show {
    visibility: visible;
    opacity: 1
}

.cookie-notice-inner {
    position: relative;
    width: 320px;
    height: 320px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-image: url(/image/pages/coockiesbgr.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.cookie-notice-content {
    padding: 30px 5px;
    max-width: 240px
}

.cookie-notice-title {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 12px
}

.cookie-notice-text {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 12px
}

.cookie-notice-text>a {
    text-decoration: underline;
    color: #fff
}

.cookie-notice-button {
    background-color: #fff;
    color: #263238;
    border: 0;
    border-radius: 3px;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color .3s;
    margin-top: 12px
}

.cookie-notice-button:hover {
    background-color: #f0f0f0
}





body.menu-open {
    overflow: hidden;
    padding-right: var(--scroll-lock-offset, 0px);
}

body.menu-open .site-header {
    padding-right: var(--scroll-lock-offset, 0px);
}

/* =============================================
   MEDIA QUERIES
   ============================================= */

/* --- Breakpoint: min 768px --- */
@media (min-width: 768px) {
    .breadcrumb,
    h1 {
        margin: 0 0 25px;
    }

    h1 {
        font-size: 35px;
        line-height: 1.2;
    }

    h1:before {
        bottom: -15px;
    }

    .footer {
        padding-top: 60px;
    }
}

/* --- Breakpoint: min 1200px --- */
@media (min-width: 1200px) {
    .container,
    .container_box {
        width: calc(100% - 250px);
        max-width: 1170px;
    }
}

/* --- Breakpoint: min 1470px --- */
@media (min-width: 1470px) {
    .container,
    .container_box {
        width: calc(100% - 400px);
        max-width: 1430px;
    }

    .product__title {
        font-size: 1.08vw;
    }
}

/* --- Breakpoint: min 1920px --- */
@media (min-width: 1920px) {
    .container,
    .container_box {
        width: calc(100% - 400px);
        max-width: 1580px;
    }

    .product__image {
        height: 248px;
    }

    .tp__h3.introduction p {
        line-height: 1.65;
    }
}

/* --- Breakpoint: max 1920px --- */
@media (max-width: 1920px) {
    .container,
    .container_box {
        /* width: calc(100% - 560px); */
        max-width: 1360px;
    }
    .header-half {
        gap: 12px;
    }
    .product__image {
        height: 240px;
    }

    .nf {
        column-gap: 25px;
    }

    .nf h3 {
        font-size: 18px;
        margin: 0;
        display: block;
        min-height: 3.4em;
    }

    .checkbox-container p {
        font-size: 12px;
        line-height: 15px;
    }

    .nf .copyright {
        font-size: 14px;
    }

    footer .logo {
        width: 167px;
        background-size: 140px;
    }

    .disclaimer p {
        font-size: 11px;
        line-height: 14px;
    }

    a.agreement-link {
        font-size: 14px;
    }

    .checkbox-container {
        margin-bottom: 0;
    }

    .disclaimer {
        margin-top: 0px;
    }

    .social-icon {
        width: 40px;
        height: 40px;
        background-size: 390px 39px;
    }

    .icon-vk {
        background-position: -128px 0px;
    }

    .icon-telegram {
        background-position: -88px 0;
    }

    .icon-whatsapp {
        background-position: -284px 0;
    }

    .icon-youtube {
        background-position: -207px 0;
    }

    .icon-viber {
        background-position: -246.4px 0;
    }

    .contact-info {
        font-size: 13px;
    }

    .email {
        font-size: 16px;
    }

    .delivery-section {
        min-width: 9em;
    }

    .projects-section {
        min-width: 7em;
    }

    .subscribe-section {
        width: 35%;
    }
}

/* --- Breakpoint: max 1470px --- */
@media (max-width: 1470px) {
    .container,
    .container_box {
        width: calc(100% - 400px);
        max-width: 1430px;
    }
}

/* --- Breakpoint: max 1440px --- */
@media (max-width: 1440px) {
    .product__image {
        height: 180px;
    }

    .tp__h3.introduction p {
        line-height: 1.3;
    }
}

/* --- Breakpoint: max 1366px --- */
@media (max-width: 1366px) {
    .product__image {
        height: 189px;
    }
}

/* --- Breakpoint: max 1200px --- */
@media (max-width: 1200px) {
    .container,
    .container_box {
        width: calc(100% - 60px);
        max-width: 1170px;
    }

    .header-half {
        gap: 12px;
    }
}

/* --- Breakpoint: max 1024px --- */
@media (max-width: 1024px) {
    .product__image {
        height: 180px;
    }

    .tp__h3.introduction p {
        line-height: 1.4;
        padding-right: 1em;
    }
}

/* --- Breakpoint: max 991px --- */
@media (max-width: 991px) {
    .product__item {
        width: calc(50% - 30px);
    }
}

/* --- Breakpoint: max 960px --- */
@media (max-width: 960px) {
    .search-container {
        display: none !important;
    }

    .header-right {
        display: none !important;
    }

    .burglabel {
        display: none !important;
    }
    .site-header  {
        align-items: center;
    }
    .header-inner {
        justify-content: center;
        display: flex;
        align-items: center;
        align-content: center;
    }

    .header-left {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .menu-container {
        padding: 120px 25px 30px;
    }

    .menu-links {
        grid-template-columns: 1fr 1fr;
        gap: 0.9em 0;
    }
}

/* --- Breakpoint: max 768px --- */
@media (max-width: 768px) {
    .container,
    .container_box {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 1em;
    }

    h1.tp__h1 {
        font-size: 26px !important;
        line-height: 1.2 !important;
    }

    .breadcrumb {
        margin: 0 0 15px 1%;
    }

    h1 {
        margin: 0 0 15px;
    }

    h1:before {
        bottom: -5px;
    }

    .product__item {
        margin: 0 7.5px;
    }

    .product {
        padding-bottom: 15px;
        width: calc(50% - 15px);
    }

    .product__image {
        margin-bottom: 0;
    }

    .product_image {
        margin: 0;
    }

    .col_mat_50 {
        width: 100%;
    }

    .nf {
        flex-direction: column;
        margin: 30px auto 50px;
        row-gap: 45px;
    }

    .nf .footer-container,
    .delivery-section,
    .projects-section,
    .subscribe-section,
    .footer-social {
        width: 100%;
        margin-bottom: 40px;
        padding: 0;
        box-sizing: border-box;
    }

    .delivery-section {
        order: 1;
        margin: 0;
        row-gap: 40px;
    }

    .subscribe-section {
        order: 2;
    }

    .projects-section {
        order: 3;
        min-width: 100%;
        margin-bottom: 30px;
    }

    .nf .footer-container {
        order: 5;
    }

    .footer-social {
        order: 4;
    }

    .nf h3 {
        font-size: 16pt;
        margin: 0 0 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .objects-column {
        column-count: 2;
        margin-bottom: 20px;
    }

    .social-icons {
        flex-direction: row;
        justify-content: center;
        gap: 20px;
        margin: 20px 0;
        padding: 20px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .social-icon {
        width: 40px;
        height: 40px;
        background-size: 400px 40px;
    }

    .icon-vk {
        background-position: -132px 0;
    }

    .icon-telegram {
        background-position: -90px 0;
    }

    .icon-whatsapp {
        background-position: -290px 0;
    }

    .icon-youtube {
        background-position: -213px 0;
    }

    .icon-viber {
        background-position: -253px 0;
    }

    .contact-info {
        font-size: 14px;
        margin-bottom: 25px;
        line-height: 1.7;
    }

    .contact-info a {
        color: white;
        text-decoration: none;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
        padding-bottom: 2px;
    }

    .email a {
        font-size: 14px;
        color: white;
        text-decoration: none;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
        padding-bottom: 2px;
    }

    .cities-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .cities-list li {
        width: 48%;
        margin-bottom: 15px;
        line-height: 1.4;
    }

    .cities-list li:last-child {
        width: 100%;
        margin-top: 10px;
        font-weight: bold;
    }

    .cities-list a {
        color: white;
        text-decoration: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding-bottom: 2px;
        transition: border-color 0.2s;
    }

    .cities-list a:hover {
        border-color: rgba(255, 255, 255, 0.5);
    }

    .checkbox-container {
        margin-bottom: 20px;
    }

    .checkbox-container p {
        font-size: 12px;
        line-height: 1.6;
    }

    .email-input {
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        margin-bottom: 20px;
        transition: background-color 0.3s;
    }

    .email-input:focus {
        background-color: rgba(255, 255, 255, 0.15);
    }

    .subscribe-button {
        width: 100%;
        padding: 12px;
        background-color: rgba(255, 255, 255, 0.15);
        border-radius: 4px;
        font-weight: bold;
        letter-spacing: 0.5px;
        transition: background-color 0.3s;
    }

    .subscribe-button:hover {
        background-color: rgba(255, 255, 255, 0.25);
    }

    #newsletter-message {
        text-align: center;
        padding: 15px 0;
    }

    footer.footer .disclaimer p {
        font-size: 12px;
        line-height: 16px;
        opacity: 0.6;
        padding-top: 20px;
    }

    .disclaimer {
        margin: 0;
        opacity: 1;
    }

    .agreement-link {
        display: inline-block;
        margin-top: 10px;
    }

    .company-info {
        text-align: center;
        font-size: 12px;
        line-height: 1.8;
        opacity: 0.8;
    }

    .copyright {
        margin-top: 15px;
        font-size: 12px;
        text-align: center;
    }

    .nf .logo-section {
        width: 100%;
        margin: auto;
        background-position: center top;
    }


.menu-panel--open {
    width:100%;
    height: 100vh;
    top: 0;
    padding: 2em 0;
    border-radius: 16px;
}
    
}

/* --- Breakpoint: max 560px --- */
@media (max-width: 560px) {
    .description.w-50.ml-20p {
        width: 100%;
        max-width: 90%;
    }

    .description h3 {
        font-size: 12px;
    }

    img {
        transform: none !important;
    }

    .introduction .flex {
        display: block;
    }

    .introduction img {
        max-width: 100%;
        padding-right: 0 !important;
        height: auto !important;
    }

    h1,
    h2,
    h3 {
        padding-left: 1px;
    }

    .galery.row.flex.gap-1 {
        width: 100vw !important;
        max-width: 100%;
        gap: 5px;
        display: flex;
        margin: 12px 0 0;
        justify-content: flex-end;
    }

    .projects li {
        font-size: 14px !important;
    }

    .tp__h3.introduction .image.w-50 {
        width: 100% !important;
    }

    .tp__h3 p {
        padding: 0.5em;
    }

    .w-25 {
        width: 100%;
        order: 3;
        margin: 0;
    }

    .product__image {
        height: calc(90vw / 1.5);
    }

    h2 {
        font-size: 23px;
    }
}

/* --- Breakpoint: max 550px --- */
@media screen and (max-width: 550px) {
    .product__image {
        height: calc(100vw / 3 * 2);
        width: 100%;
        margin: 0;
        padding: 0;
        -o-object-fit: contain;
        object-fit: contain;
        max-width: 100%;
    }

    .w-50 {
        display: block;
        width: 100% !important;
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        min-height: 3.6em;
    }
}

/* --- Breakpoint: max 540px --- */
@media (max-width: 540px) {
    a.product.projects.product__item {
        width: 100%;
        overflow: hidden;
    }
}

/* --- Breakpoint: max 480px --- */
@media (max-width: 480px) {
    .container,
    .container_box {
        padding-right: 0;
        padding-left: 0;
        min-height: unset !important;
        padding-top: 1em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .article-card {
        width: calc((100% - 12px));
    }
    p,
    span {
        font-size: 16px;
        line-height: 1.55;
    }

    #information-information h2 {
        font-size: 20px;
    }

    .tp__h3,
    .tp__h3 p {
        margin: 5px 0;
    }

    .button_link {
        max-width: 90%;
        width: 90%;
        margin: 1em auto;
    }

    .product {
        padding-bottom: 15px;
        width: 100%;
        margin: 0;
    }

    .product__title {
        font-size: 15px;
        line-height: 1.1;
        padding-left: 1em;
    }

    h2,
    h3 {
        font-size: 22px;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 1.1;
        margin: 10px 0 0;
    }

    .menu-container {
        padding: 110px 15px 20px;
    }

    .nf {
        padding: 0 10px;
    }

    .nf h3 {
        font-size: 15pt;
        margin: 0 0 15px;
    }

    .cities-list {
        column-count: 2;
        display: block;
    }

    .cities-list li {
        width: 100%;
        margin-bottom: 12px;
    }

    .social-icons {
        gap: 15px;
    }

    .social-icon {
        width: 36px;
        height: 36px;
        background-size: 360px 36px;
    }

    .icon-vk {
        background-position: -119px 0;
    }

    .icon-telegram {
        background-position: -84px 0;
    }

    .icon-whatsapp {
        background-position: -262px 0;
    }

    .icon-youtube {
        background-position: -192px 0;
    }

    .email-input,
    .subscribe-button {
        padding: 12px 10px;
    }

    .company-info {
        font-size: 11px;
    }
}

/* --- Breakpoint: max 320px --- */
@media (max-width: 320px) {
    .footer {
        padding-top: 10px;
    }

    .footer-social a {
        font-size: 32px;
        padding: 5px;
    }
}