body{
    position: relative;
    overflow-x: hidden;
}
.logo{
    position: relative;
    display:block;
    width:138px;
    height:36px;
    text-indent:120%;
    white-space:nowrap;
    overflow:hidden;
    padding:0px;
    position:relative;
    background-color:transparent;
    background-position:center;
    background-repeat:no-repeat;
    background-size: contain;
    background-image: url('/assets/upload/site/lofthostel-logo.svg');
    text-decoration:none;
}
.transition, a, .icon-link-arrow{
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
a{
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a.line{
    position: relative;
}
a.line:before{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #BF3434;
    left: 0px;
    bottom: 0px;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transform-origin: right;
    transform: scaleX(0);
}
a.line:hover:before{
    transform-origin: left;
    transform: scaleX(1);
}
h1, h2, h3{
    line-height: 1;
    text-wrap: balance;
}
a:focus,
button:focus {
    outline: none;
}
.uk-button{
    mask: url('data:image/svg+xml,%3Csvg width="1210" height="240" viewBox="0 0 1210 240" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H1202V4H1206V8H1210V240H0V0Z" fill="black"/%3E%3C/svg%3E%0A');
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="1210" height="240" viewBox="0 0 1210 240" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H1202V4H1206V8H1210V240H0V0Z" fill="black"/%3E%3C/svg%3E%0A');
    mask-position: top right;
    -webkit-mask-position: top right;
    text-wrap: balance;
}
hr{
    border-color: #BFCCDE;
}
blockquote{
    font-weight: 700;
}

/* Icons */
.icon-grid{
    display: grid !important;
    gap: 8px;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: start;
}
.icon-grid-button{
    justify-content: center;
}
.icon-grid-button .icon{
    top: -2px;
}
.icon-grid-bold{
    font-weight: 700;
}
.icon{
    position: relative;
    width: 24px;
    height: 24px;
    display: block;
    background-color: #111;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}
.icon-16{
    width: 16px;
    height: 16px;
}
.icon-32{
    width: 32px;
    height: 32px;
}
.icon-48{
    width: 48px;
    height: 48px;
}
.icon-phone{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.47318 11.6659C4.51203 14.2785 5.43459 16.0823 6.83828 17.486C8.24198 18.8897 10.0458 19.8123 12.6584 20.8511C15.8079 22.1035 19.3567 20.787 21.0746 17.9239C21.6292 16.9996 21.2245 15.7985 20.2237 15.3982L16.5302 13.9208C15.9187 13.6762 15.226 13.7483 14.678 14.1136L12.5627 15.5238C11.4483 15.0365 10.7245 14.5764 10.1792 14.0297C9.63781 13.4869 9.2152 12.8015 8.79208 11.7742L10.2107 9.64629C10.576 9.0983 10.6481 8.40559 10.4035 7.7941L8.92608 4.10054C8.52576 3.09975 7.32469 2.69513 6.4004 3.2497C3.53726 4.96759 2.22083 8.51641 3.47318 11.6659ZM4.40242 11.2964C3.34037 8.62549 4.45019 5.58602 6.9149 4.1072C7.31112 3.86946 7.826 4.04291 7.9976 4.47194L9.47503 8.16549C9.59733 8.47124 9.56126 8.81759 9.3786 9.09159L7.955 11.227C7.77633 11.495 7.73569 11.8337 7.85787 12.1317C8.76938 14.3552 9.80703 15.4136 12.1821 16.4488C12.4855 16.5811 12.8352 16.544 13.1106 16.3604L15.2327 14.9457C15.5067 14.763 15.8531 14.727 16.1588 14.8493L19.8524 16.3267C20.2814 16.4983 20.4548 17.0132 20.2171 17.4094C18.7383 19.8741 15.6988 20.9839 13.0279 19.9219C7.84936 17.8627 6.46158 16.4749 4.40242 11.2964Z' fill='%23101010'/%3E%3Cpath d='M14.1961 4.49582C14.2834 4.23385 14.5666 4.09227 14.8286 4.17959C16.3528 4.68767 17.4414 5.21778 18.274 6.05038C19.1066 6.88298 19.6367 7.97159 20.1448 9.49582C20.2321 9.75779 20.0906 10.041 19.8286 10.1283C19.5666 10.2156 19.2834 10.074 19.1961 9.81205C18.7042 8.33628 18.2343 7.42489 17.5669 6.75749C16.8995 6.09009 15.9881 5.6202 14.5124 5.12828C14.2504 5.04095 14.1088 4.75779 14.1961 4.49582Z' fill='%23101010'/%3E%3Cpath d='M13.1961 7.49582C13.2834 7.23385 13.5666 7.09227 13.8286 7.17959C15.4779 7.72936 16.595 8.84652 17.1448 10.4958C17.2321 10.7578 17.0906 11.041 16.8286 11.1283C16.5666 11.2156 16.2834 11.074 16.1961 10.812C15.7459 9.46135 14.8631 8.57851 13.5124 8.12828C13.2504 8.04095 13.1088 7.75779 13.1961 7.49582Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.47318 11.6659C4.51203 14.2785 5.43459 16.0823 6.83828 17.486C8.24198 18.8897 10.0458 19.8123 12.6584 20.8511C15.8079 22.1035 19.3567 20.787 21.0746 17.9239C21.6292 16.9996 21.2245 15.7985 20.2237 15.3982L16.5302 13.9208C15.9187 13.6762 15.226 13.7483 14.678 14.1136L12.5627 15.5238C11.4483 15.0365 10.7245 14.5764 10.1792 14.0297C9.63781 13.4869 9.2152 12.8015 8.79208 11.7742L10.2107 9.64629C10.576 9.0983 10.6481 8.40559 10.4035 7.7941L8.92608 4.10054C8.52576 3.09975 7.32469 2.69513 6.4004 3.2497C3.53726 4.96759 2.22083 8.51641 3.47318 11.6659ZM4.40242 11.2964C3.34037 8.62549 4.45019 5.58602 6.9149 4.1072C7.31112 3.86946 7.826 4.04291 7.9976 4.47194L9.47503 8.16549C9.59733 8.47124 9.56126 8.81759 9.3786 9.09159L7.955 11.227C7.77633 11.495 7.73569 11.8337 7.85787 12.1317C8.76938 14.3552 9.80703 15.4136 12.1821 16.4488C12.4855 16.5811 12.8352 16.544 13.1106 16.3604L15.2327 14.9457C15.5067 14.763 15.8531 14.727 16.1588 14.8493L19.8524 16.3267C20.2814 16.4983 20.4548 17.0132 20.2171 17.4094C18.7383 19.8741 15.6988 20.9839 13.0279 19.9219C7.84936 17.8627 6.46158 16.4749 4.40242 11.2964Z' fill='%23101010'/%3E%3Cpath d='M14.1961 4.49582C14.2834 4.23385 14.5666 4.09227 14.8286 4.17959C16.3528 4.68767 17.4414 5.21778 18.274 6.05038C19.1066 6.88298 19.6367 7.97159 20.1448 9.49582C20.2321 9.75779 20.0906 10.041 19.8286 10.1283C19.5666 10.2156 19.2834 10.074 19.1961 9.81205C18.7042 8.33628 18.2343 7.42489 17.5669 6.75749C16.8995 6.09009 15.9881 5.6202 14.5124 5.12828C14.2504 5.04095 14.1088 4.75779 14.1961 4.49582Z' fill='%23101010'/%3E%3Cpath d='M13.1961 7.49582C13.2834 7.23385 13.5666 7.09227 13.8286 7.17959C15.4779 7.72936 16.595 8.84652 17.1448 10.4958C17.2321 10.7578 17.0906 11.041 16.8286 11.1283C16.5666 11.2156 16.2834 11.074 16.1961 10.812C15.7459 9.46135 14.8631 8.57851 13.5124 8.12828C13.2504 8.04095 13.1088 7.75779 13.1961 7.49582Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-location{
    mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12.3123 3.10957C12.1297 2.96348 11.8703 2.96348 11.6877 3.10957L4.56296 8.80932C4.20713 9.09398 4 9.52495 4 9.98063V20H2.5C2.22386 20 2 20.2239 2 20.5C2 20.7761 2.22386 21 2.5 21H21.5C21.7761 21 22 20.7761 22 20.5C22 20.2239 21.7761 20 21.5 20H20V9.98062C20 9.52495 19.7929 9.09398 19.437 8.80932L12.3123 3.10957ZM19 20V9.98062C19 9.82873 18.931 9.68508 18.8123 9.59019L12 4.14031L5.18765 9.59019C5.06905 9.68508 5 9.82873 5 9.98063V20H9V14.5C9 14.2239 9.22386 14 9.5 14H14.5C14.7761 14 15 14.2239 15 14.5V20H19ZM14 15V20H10V15H14Z" fill="black"/%3E%3C/svg%3E%0A');
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12.3123 3.10957C12.1297 2.96348 11.8703 2.96348 11.6877 3.10957L4.56296 8.80932C4.20713 9.09398 4 9.52495 4 9.98063V20H2.5C2.22386 20 2 20.2239 2 20.5C2 20.7761 2.22386 21 2.5 21H21.5C21.7761 21 22 20.7761 22 20.5C22 20.2239 21.7761 20 21.5 20H20V9.98062C20 9.52495 19.7929 9.09398 19.437 8.80932L12.3123 3.10957ZM19 20V9.98062C19 9.82873 18.931 9.68508 18.8123 9.59019L12 4.14031L5.18765 9.59019C5.06905 9.68508 5 9.82873 5 9.98063V20H9V14.5C9 14.2239 9.22386 14 9.5 14H14.5C14.7761 14 15 14.2239 15 14.5V20H19ZM14 15V20H10V15H14Z" fill="black"/%3E%3C/svg%3E%0A');
}
.icon-email{
    mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3 4C2.44772 4 2 4.44772 2 5V19C2 19.5523 2.44772 20 3 20H21C21.5523 20 22 19.5523 22 19V5C22 4.44772 21.5523 4 21 4H3ZM3.7282 5H20.2718L12 12.8123L3.7282 5ZM3 5.68775V18.2929L9.48265 11.8102L3 5.68775ZM3.70711 19H20.2929L13.79 12.4971L12.3433 13.8635C12.1506 14.0455 11.8494 14.0455 11.6567 13.8635L10.21 12.4971L3.70711 19ZM21 18.2929V5.68774L14.5174 11.8102L21 18.2929Z" fill="black"/%3E%3C/svg%3E%0A');
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3 4C2.44772 4 2 4.44772 2 5V19C2 19.5523 2.44772 20 3 20H21C21.5523 20 22 19.5523 22 19V5C22 4.44772 21.5523 4 21 4H3ZM3.7282 5H20.2718L12 12.8123L3.7282 5ZM3 5.68775V18.2929L9.48265 11.8102L3 5.68775ZM3.70711 19H20.2929L13.79 12.4971L12.3433 13.8635C12.1506 14.0455 11.8494 14.0455 11.6567 13.8635L10.21 12.4971L3.70711 19ZM21 18.2929V5.68774L14.5174 11.8102L21 18.2929Z" fill="black"/%3E%3C/svg%3E%0A');
}
.icon-light{
    mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.08548 13.4046C3.92535 13.0426 3.9938 12.6202 4.26006 12.3274L14.2601 1.32737C14.5651 0.991854 15.0577 0.903556 15.4602 1.11223C15.8628 1.32091 16.0745 1.77433 15.9762 2.21697L14.2466 10L19 10C19.3958 10 19.7544 10.2335 19.9145 10.5955C20.0746 10.9575 20.0062 11.3798 19.7399 11.6727L9.73994 22.6727C9.42197 23.0225 8.90254 23.1018 8.49465 22.863C8.08676 22.6241 7.90184 22.1322 8.05131 21.6838L10.6126 14L5 14C4.60418 14 4.24561 13.7666 4.08548 13.4046ZM5 13H10.6126C11.2951 13 11.7771 13.6687 11.5613 14.3163L9 22L19 11H14.2466C13.6069 11 13.1316 10.4076 13.2704 9.78311L15 2.00004L5 13Z" fill="black"/%3E%3C/svg%3E%0A');
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.08548 13.4046C3.92535 13.0426 3.9938 12.6202 4.26006 12.3274L14.2601 1.32737C14.5651 0.991854 15.0577 0.903556 15.4602 1.11223C15.8628 1.32091 16.0745 1.77433 15.9762 2.21697L14.2466 10L19 10C19.3958 10 19.7544 10.2335 19.9145 10.5955C20.0746 10.9575 20.0062 11.3798 19.7399 11.6727L9.73994 22.6727C9.42197 23.0225 8.90254 23.1018 8.49465 22.863C8.08676 22.6241 7.90184 22.1322 8.05131 21.6838L10.6126 14L5 14C4.60418 14 4.24561 13.7666 4.08548 13.4046ZM5 13H10.6126C11.2951 13 11.7771 13.6687 11.5613 14.3163L9 22L19 11H14.2466C13.6069 11 13.1316 10.4076 13.2704 9.78311L15 2.00004L5 13Z" fill="black"/%3E%3C/svg%3E%0A');
}
.icon-arrow-top{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 13.5L12 9L16.5 13.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 13.5L12 9L16.5 13.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-arrow-bottom{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 10.5L12 15L16.5 10.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 10.5L12 15L16.5 10.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-arrow-left{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 7.5L9 12L13.5 16.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 7.5L9 12L13.5 16.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-arrow-right{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 7.5L15 12L10.5 16.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 7.5L15 12L10.5 16.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-arrow-left-long{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.14645 6.14645C7.34171 5.95118 7.65829 5.95118 7.85355 6.14645C8.04882 6.34171 8.04882 6.65829 7.85355 6.85355L2.70711 12H22.5C22.7761 12 23 12.2239 23 12.5C23 12.7761 22.7761 13 22.5 13H2.70711L7.85355 18.1464C8.04882 18.3417 8.04882 18.6583 7.85355 18.8536C7.65829 19.0488 7.34171 19.0488 7.14645 18.8536L1.14645 12.8536C0.951184 12.6583 0.951184 12.3417 1.14645 12.1464L7.14645 6.14645Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.14645 6.14645C7.34171 5.95118 7.65829 5.95118 7.85355 6.14645C8.04882 6.34171 8.04882 6.65829 7.85355 6.85355L2.70711 12H22.5C22.7761 12 23 12.2239 23 12.5C23 12.7761 22.7761 13 22.5 13H2.70711L7.85355 18.1464C8.04882 18.3417 8.04882 18.6583 7.85355 18.8536C7.65829 19.0488 7.34171 19.0488 7.14645 18.8536L1.14645 12.8536C0.951184 12.6583 0.951184 12.3417 1.14645 12.1464L7.14645 6.14645Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-arrow-right-long{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8536 6.14645C16.6583 5.95118 16.3417 5.95118 16.1464 6.14645C15.9512 6.34171 15.9512 6.65829 16.1464 6.85355L21.2929 12H1.5C1.22386 12 1 12.2239 1 12.5C1 12.7761 1.22386 13 1.5 13H21.2929L16.1464 18.1464C15.9512 18.3417 15.9512 18.6583 16.1464 18.8536C16.3417 19.0488 16.6583 19.0488 16.8536 18.8536L22.8536 12.8536C23.0488 12.6583 23.0488 12.3417 22.8536 12.1464L16.8536 6.14645Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8536 6.14645C16.6583 5.95118 16.3417 5.95118 16.1464 6.14645C15.9512 6.34171 15.9512 6.65829 16.1464 6.85355L21.2929 12H1.5C1.22386 12 1 12.2239 1 12.5C1 12.7761 1.22386 13 1.5 13H21.2929L16.1464 18.1464C15.9512 18.3417 15.9512 18.6583 16.1464 18.8536C16.3417 19.0488 16.6583 19.0488 16.8536 18.8536L22.8536 12.8536C23.0488 12.6583 23.0488 12.3417 22.8536 12.1464L16.8536 6.14645Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-facebook{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 13L16 10H13L13.0052 8.5C13.0052 7.65066 13.5 7 14.5 7H16V4.5C15 4 14.3196 4.01001 13.5 4C11.5 4 10 5.54209 10 8.5V10H7V13H10V20H13V13H15Z' fill='%23021832'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 13L16 10H13L13.0052 8.5C13.0052 7.65066 13.5 7 14.5 7H16V4.5C15 4 14.3196 4.01001 13.5 4C11.5 4 10 5.54209 10 8.5V10H7V13H10V20H13V13H15Z' fill='%23021832'/%3E%3C/svg%3E%0A");
}
.icon-youtube{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.2514 6.35727C18.9411 6.55636 19.4833 7.13727 19.6666 7.87364C20 9.21 20 12 20 12C20 12 20 14.79 19.6666 16.1264C19.4808 16.8655 18.9386 17.4464 18.2514 17.6427C17.0041 18 12 18 12 18C12 18 6.99841 18 5.74865 17.6427C5.05886 17.4436 4.5167 16.8627 4.33344 16.1264C4 14.79 4 12 4 12C4 12 4 9.21 4.33344 7.87364C4.51925 7.13455 5.06141 6.55364 5.74865 6.35727C6.99841 6 12 6 12 6C12 6 17.0041 6 18.2514 6.35727ZM14.9091 12L10.5455 9V15L14.9091 12Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.2514 6.35727C18.9411 6.55636 19.4833 7.13727 19.6666 7.87364C20 9.21 20 12 20 12C20 12 20 14.79 19.6666 16.1264C19.4808 16.8655 18.9386 17.4464 18.2514 17.6427C17.0041 18 12 18 12 18C12 18 6.99841 18 5.74865 17.6427C5.05886 17.4436 4.5167 16.8627 4.33344 16.1264C4 14.79 4 12 4 12C4 12 4 9.21 4.33344 7.87364C4.51925 7.13455 5.06141 6.55364 5.74865 6.35727C6.99841 6 12 6 12 6C12 6 17.0041 6 18.2514 6.35727ZM14.9091 12L10.5455 9V15L14.9091 12Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-pinterest{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0995 3.06354C8.10921 3.416 5.12948 5.97042 5.0065 9.61933C4.92919 11.8473 5.5283 13.5187 7.53645 13.988C8.40788 12.3648 7.25535 12.0068 7.07614 10.8325C6.33999 6.02051 12.3328 2.7389 15.4689 6.09842C17.6387 8.42467 16.2103 15.5815 12.7106 14.8376C9.35838 14.1271 14.3515 8.43023 11.6757 7.31163C9.50069 6.40265 8.34464 10.0924 9.37594 11.9252C8.77157 15.0769 7.46969 18.0469 7.99677 22C9.70624 20.6903 10.2825 18.1823 10.7551 15.5667C11.6143 16.1176 12.0728 16.6908 13.1691 16.7799C17.2118 17.1101 19.4694 12.5188 18.9178 8.28368C18.4276 4.52904 14.8786 2.61833 11.0995 3.06354Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0995 3.06354C8.10921 3.416 5.12948 5.97042 5.0065 9.61933C4.92919 11.8473 5.5283 13.5187 7.53645 13.988C8.40788 12.3648 7.25535 12.0068 7.07614 10.8325C6.33999 6.02051 12.3328 2.7389 15.4689 6.09842C17.6387 8.42467 16.2103 15.5815 12.7106 14.8376C9.35838 14.1271 14.3515 8.43023 11.6757 7.31163C9.50069 6.40265 8.34464 10.0924 9.37594 11.9252C8.77157 15.0769 7.46969 18.0469 7.99677 22C9.70624 20.6903 10.2825 18.1823 10.7551 15.5667C11.6143 16.1176 12.0728 16.6908 13.1691 16.7799C17.2118 17.1101 19.4694 12.5188 18.9178 8.28368C18.4276 4.52904 14.8786 2.61833 11.0995 3.06354Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-linkedin{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.06 18.39H5.06V9.39H8.06V18.39ZM6.56 8.13C6.14626 8.13 5.74947 7.96564 5.45691 7.67309C5.16436 7.38053 5 6.98374 5 6.57C5 6.15626 5.16436 5.75947 5.45691 5.46691C5.74947 5.17436 6.14626 5.01 6.56 5.01C6.7797 4.98508 7.00218 5.00685 7.21287 5.07388C7.42357 5.14091 7.61774 5.25169 7.78266 5.39896C7.94757 5.54623 8.07953 5.72668 8.16987 5.92848C8.26022 6.13029 8.30692 6.3489 8.30692 6.57C8.30692 6.7911 8.26022 7.00971 8.16987 7.21152C8.07953 7.41332 7.94757 7.59377 7.78266 7.74104C7.61774 7.88831 7.42357 7.99909 7.21287 8.06612C7.00218 8.13315 6.7797 8.15492 6.56 8.13ZM18.88 18.39H15.88V13.56C15.88 12.35 15.45 11.56 14.36 11.56C14.0227 11.5625 13.6942 11.6683 13.4188 11.8632C13.1435 12.0581 12.9345 12.3327 12.82 12.65C12.7417 12.885 12.7078 13.1326 12.72 13.38V18.38H9.72C9.72 18.38 9.72 10.2 9.72 9.38H12.72V10.65C12.9925 10.1771 13.3889 9.78752 13.8664 9.5232C14.344 9.25888 14.8846 9.12985 15.43 9.15C17.43 9.15 18.88 10.44 18.88 13.21V18.39Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.06 18.39H5.06V9.39H8.06V18.39ZM6.56 8.13C6.14626 8.13 5.74947 7.96564 5.45691 7.67309C5.16436 7.38053 5 6.98374 5 6.57C5 6.15626 5.16436 5.75947 5.45691 5.46691C5.74947 5.17436 6.14626 5.01 6.56 5.01C6.7797 4.98508 7.00218 5.00685 7.21287 5.07388C7.42357 5.14091 7.61774 5.25169 7.78266 5.39896C7.94757 5.54623 8.07953 5.72668 8.16987 5.92848C8.26022 6.13029 8.30692 6.3489 8.30692 6.57C8.30692 6.7911 8.26022 7.00971 8.16987 7.21152C8.07953 7.41332 7.94757 7.59377 7.78266 7.74104C7.61774 7.88831 7.42357 7.99909 7.21287 8.06612C7.00218 8.13315 6.7797 8.15492 6.56 8.13ZM18.88 18.39H15.88V13.56C15.88 12.35 15.45 11.56 14.36 11.56C14.0227 11.5625 13.6942 11.6683 13.4188 11.8632C13.1435 12.0581 12.9345 12.3327 12.82 12.65C12.7417 12.885 12.7078 13.1326 12.72 13.38V18.38H9.72C9.72 18.38 9.72 10.2 9.72 9.38H12.72V10.65C12.9925 10.1771 13.3889 9.78752 13.8664 9.5232C14.344 9.25888 14.8846 9.12985 15.43 9.15C17.43 9.15 18.88 10.44 18.88 13.21V18.39Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-x{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.375 19.25L4.5 4.75H8.625L19.5 19.25H15.375Z' stroke='%23101010' stroke-width='1.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 4H18L12.5455 9.81818L13.7922 11.6883L21 4ZM11.4545 14.1818L10.2078 12.3117L3 20H6L11.4545 14.1818Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.375 19.25L4.5 4.75H8.625L19.5 19.25H15.375Z' stroke='%23101010' stroke-width='1.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 4H18L12.5455 9.81818L13.7922 11.6883L21 4ZM11.4545 14.1818L10.2078 12.3117L3 20H6L11.4545 14.1818Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-instagram{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 7C18 7.55228 17.5523 8 17 8C16.4477 8 16 7.55228 16 7C16 6.44772 16.4477 6 17 6C17.5523 6 18 6.44772 18 7Z' fill='%23101010'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z' fill='%23101010'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8C3 5.23858 5.23858 3 8 3ZM8 4C5.79086 4 4 5.79086 4 8V16C4 18.2091 5.79086 20 8 20H16C18.2091 20 20 18.2091 20 16V8C20 5.79086 18.2091 4 16 4H8Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 7C18 7.55228 17.5523 8 17 8C16.4477 8 16 7.55228 16 7C16 6.44772 16.4477 6 17 6C17.5523 6 18 6.44772 18 7Z' fill='%23101010'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z' fill='%23101010'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8C3 5.23858 5.23858 3 8 3ZM8 4C5.79086 4 4 5.79086 4 8V16C4 18.2091 5.79086 20 8 20H16C18.2091 20 20 18.2091 20 16V8C20 5.79086 18.2091 4 16 4H8Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-telegram{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1685 7.9416C11.5609 9.02377 4.04224 12.097 4.04224 12.097C2.26037 12.7896 3.30336 13.4389 3.30336 13.4389C3.30336 13.4389 4.82449 13.9584 6.12835 14.3479C7.43215 14.7375 8.12754 14.3046 8.12754 14.3046C8.12754 14.3046 11.1698 12.3135 14.2555 10.1924C16.4285 8.72076 15.907 9.93275 15.3854 10.4522C14.2555 11.5776 12.3867 13.3523 10.8221 14.7808C10.1267 15.3868 10.4744 15.9062 10.7786 16.1659C11.6634 16.9116 13.7473 18.2677 14.6935 18.8834C14.9556 19.054 15.1304 19.1677 15.1682 19.1959C15.3854 19.3691 16.6024 20.1482 17.3412 19.9751C18.08 19.8019 18.1669 18.8063 18.1669 18.8063C18.1669 18.8063 18.7319 15.2569 19.2535 12.0105C19.3501 11.373 19.4467 10.749 19.5367 10.167C19.7708 8.65462 19.9609 7.42695 19.9923 6.98931C20.1227 5.51762 18.5581 6.12358 18.5581 6.12358C18.5581 6.12358 15.1682 7.50877 14.1685 7.9416Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1685 7.9416C11.5609 9.02377 4.04224 12.097 4.04224 12.097C2.26037 12.7896 3.30336 13.4389 3.30336 13.4389C3.30336 13.4389 4.82449 13.9584 6.12835 14.3479C7.43215 14.7375 8.12754 14.3046 8.12754 14.3046C8.12754 14.3046 11.1698 12.3135 14.2555 10.1924C16.4285 8.72076 15.907 9.93275 15.3854 10.4522C14.2555 11.5776 12.3867 13.3523 10.8221 14.7808C10.1267 15.3868 10.4744 15.9062 10.7786 16.1659C11.6634 16.9116 13.7473 18.2677 14.6935 18.8834C14.9556 19.054 15.1304 19.1677 15.1682 19.1959C15.3854 19.3691 16.6024 20.1482 17.3412 19.9751C18.08 19.8019 18.1669 18.8063 18.1669 18.8063C18.1669 18.8063 18.7319 15.2569 19.2535 12.0105C19.3501 11.373 19.4467 10.749 19.5367 10.167C19.7708 8.65462 19.9609 7.42695 19.9923 6.98931C20.1227 5.51762 18.5581 6.12358 18.5581 6.12358C18.5581 6.12358 15.1682 7.50877 14.1685 7.9416Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-viber{
    mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.413 7.58717C14.6019 6.776 13.432 6.30004 12.0002 6.30006C11.8345 6.30006 11.7002 6.16575 11.7002 6.00007C11.7002 5.83438 11.8345 5.70006 12.0002 5.70006C13.5684 5.70004 14.8985 6.22407 15.8373 7.16291C16.7761 8.10175 17.3002 9.4319 17.3002 11.0001C17.3002 11.1658 17.1658 11.3001 17.0002 11.3001C16.8345 11.3001 16.7002 11.1658 16.7002 11.0001C16.7002 9.56824 16.2242 8.39835 15.413 7.58717Z' fill='%23101010'/%3E%3Cpath d='M12.5002 7.8C13.1526 7.8 13.8302 8.12923 14.3506 8.64962C14.871 9.17001 15.2002 9.84754 15.2002 10.5C15.2002 10.6657 15.3345 10.8 15.5002 10.8C15.6659 10.8 15.8002 10.6657 15.8002 10.5C15.8002 9.6524 15.3794 8.82995 14.7748 8.22535C14.1702 7.62076 13.3478 7.2 12.5002 7.2C12.3346 7.2 12.2002 7.33431 12.2002 7.5C12.2002 7.66568 12.3346 7.8 12.5002 7.8Z' fill='%23101010'/%3E%3Cpath d='M7.65229 8.58721C7.64364 8.32265 7.79073 8.13057 7.96872 7.95782C8.20347 7.73804 8.4621 7.544 8.74001 7.37917C8.86674 7.30279 9.01741 7.27368 9.16434 7.29721C9.31127 7.32074 9.44457 7.39531 9.53973 7.50722C9.87598 7.85266 10.1769 8.22934 10.4383 8.63191C10.5678 8.81299 10.6655 9.01385 10.7276 9.22626C10.7524 9.30915 10.754 9.39702 10.7322 9.48073C10.7105 9.56444 10.6662 9.64092 10.604 9.70223C10.4614 9.83903 10.3094 9.96617 10.1491 10.0828C10.0683 10.1457 10.0083 10.2304 9.97641 10.3264C9.94454 10.4224 9.94227 10.5255 9.96987 10.6228C10.0689 11.0795 10.2932 11.5013 10.6188 11.8429C11.0144 12.3149 11.5242 12.6832 12.102 12.9144C12.244 12.9857 12.4067 13.0075 12.5631 12.976C12.6487 12.9532 12.7248 12.9046 12.7806 12.8371C12.806 12.8055 12.8321 12.7743 12.8581 12.743C12.9209 12.6677 12.984 12.592 13.039 12.5109C13.14 12.3678 13.2942 12.2688 13.4687 12.2352C13.6433 12.2016 13.8244 12.2359 13.9734 12.3309C14.3924 12.5685 14.788 12.8435 15.1551 13.1524C15.194 13.185 15.2336 13.2171 15.2733 13.2492C15.3219 13.2886 15.3708 13.3281 15.4184 13.3686C15.5207 13.4449 15.5947 13.552 15.6288 13.6733C15.663 13.7946 15.6555 13.9235 15.6075 14.0403C15.5311 14.2366 15.4198 14.4182 15.2787 14.5767C15.1033 14.8149 14.88 15.0155 14.6223 15.1662C14.4992 15.2369 14.3608 15.2784 14.2183 15.2874C14.0758 15.2964 13.9331 15.2727 13.8016 15.2181C12.8016 14.8246 11.8671 14.2876 11.0292 13.6247C10.2095 12.9653 9.49326 12.192 8.90317 11.3295C8.40664 10.6154 8.01162 9.83881 7.72893 9.02089C7.69883 8.92197 7.67407 8.82156 7.65476 8.72009C7.64927 8.676 7.64844 8.63147 7.65229 8.58721Z' fill='%23101010'/%3E%3Cpath d='M13.4753 9.52464C13.3299 9.37924 13.1523 9.30001 12.9999 9.30001C12.8342 9.30001 12.6999 9.1657 12.6999 9.00001C12.6999 8.83433 12.8342 8.70001 12.9999 8.70001C13.3475 8.7 13.6699 8.87077 13.8995 9.10037C14.1291 9.32997 14.2999 9.65242 14.2999 9.99998C14.3 10.1657 14.1657 10.3 14 10.3C13.8343 10.3 13.7 10.1657 13.7 10C13.6999 9.8476 13.6207 9.67004 13.4753 9.52464Z' fill='%23101010'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 19C11.5697 19 11.1583 18.9936 10.7651 18.9798L8.8 21.6C8.54174 21.9443 8.09212 22.0848 7.68377 21.9487C7.27543 21.8126 7 21.4304 7 21V18.4492C5.63676 18.0229 4.61089 17.2969 3.94566 16.1218C3.20396 14.8117 3 13.0854 3 11C3 8.24274 3.35288 6.07268 4.89571 4.69226C6.39637 3.34956 8.76583 3 12 3C15.2342 3 17.6036 3.34956 19.1043 4.69226C20.6471 6.07268 21 8.24274 21 11C21 13.7573 20.6471 15.9273 19.1043 17.3077C17.6036 18.6504 15.2342 19 12 19ZM8 17.678V21L10.282 17.9573C10.8116 17.9865 11.3833 18 12 18C18.5 18 20 16.5 20 11C20 5.5 18.5 4 12 4C5.5 4 4 5.5 4 11C4 15.1216 4.84235 16.9969 8 17.678Z' fill='%23101010'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.413 7.58717C14.6019 6.776 13.432 6.30004 12.0002 6.30006C11.8345 6.30006 11.7002 6.16575 11.7002 6.00007C11.7002 5.83438 11.8345 5.70006 12.0002 5.70006C13.5684 5.70004 14.8985 6.22407 15.8373 7.16291C16.7761 8.10175 17.3002 9.4319 17.3002 11.0001C17.3002 11.1658 17.1658 11.3001 17.0002 11.3001C16.8345 11.3001 16.7002 11.1658 16.7002 11.0001C16.7002 9.56824 16.2242 8.39835 15.413 7.58717Z' fill='%23101010'/%3E%3Cpath d='M12.5002 7.8C13.1526 7.8 13.8302 8.12923 14.3506 8.64962C14.871 9.17001 15.2002 9.84754 15.2002 10.5C15.2002 10.6657 15.3345 10.8 15.5002 10.8C15.6659 10.8 15.8002 10.6657 15.8002 10.5C15.8002 9.6524 15.3794 8.82995 14.7748 8.22535C14.1702 7.62076 13.3478 7.2 12.5002 7.2C12.3346 7.2 12.2002 7.33431 12.2002 7.5C12.2002 7.66568 12.3346 7.8 12.5002 7.8Z' fill='%23101010'/%3E%3Cpath d='M7.65229 8.58721C7.64364 8.32265 7.79073 8.13057 7.96872 7.95782C8.20347 7.73804 8.4621 7.544 8.74001 7.37917C8.86674 7.30279 9.01741 7.27368 9.16434 7.29721C9.31127 7.32074 9.44457 7.39531 9.53973 7.50722C9.87598 7.85266 10.1769 8.22934 10.4383 8.63191C10.5678 8.81299 10.6655 9.01385 10.7276 9.22626C10.7524 9.30915 10.754 9.39702 10.7322 9.48073C10.7105 9.56444 10.6662 9.64092 10.604 9.70223C10.4614 9.83903 10.3094 9.96617 10.1491 10.0828C10.0683 10.1457 10.0083 10.2304 9.97641 10.3264C9.94454 10.4224 9.94227 10.5255 9.96987 10.6228C10.0689 11.0795 10.2932 11.5013 10.6188 11.8429C11.0144 12.3149 11.5242 12.6832 12.102 12.9144C12.244 12.9857 12.4067 13.0075 12.5631 12.976C12.6487 12.9532 12.7248 12.9046 12.7806 12.8371C12.806 12.8055 12.8321 12.7743 12.8581 12.743C12.9209 12.6677 12.984 12.592 13.039 12.5109C13.14 12.3678 13.2942 12.2688 13.4687 12.2352C13.6433 12.2016 13.8244 12.2359 13.9734 12.3309C14.3924 12.5685 14.788 12.8435 15.1551 13.1524C15.194 13.185 15.2336 13.2171 15.2733 13.2492C15.3219 13.2886 15.3708 13.3281 15.4184 13.3686C15.5207 13.4449 15.5947 13.552 15.6288 13.6733C15.663 13.7946 15.6555 13.9235 15.6075 14.0403C15.5311 14.2366 15.4198 14.4182 15.2787 14.5767C15.1033 14.8149 14.88 15.0155 14.6223 15.1662C14.4992 15.2369 14.3608 15.2784 14.2183 15.2874C14.0758 15.2964 13.9331 15.2727 13.8016 15.2181C12.8016 14.8246 11.8671 14.2876 11.0292 13.6247C10.2095 12.9653 9.49326 12.192 8.90317 11.3295C8.40664 10.6154 8.01162 9.83881 7.72893 9.02089C7.69883 8.92197 7.67407 8.82156 7.65476 8.72009C7.64927 8.676 7.64844 8.63147 7.65229 8.58721Z' fill='%23101010'/%3E%3Cpath d='M13.4753 9.52464C13.3299 9.37924 13.1523 9.30001 12.9999 9.30001C12.8342 9.30001 12.6999 9.1657 12.6999 9.00001C12.6999 8.83433 12.8342 8.70001 12.9999 8.70001C13.3475 8.7 13.6699 8.87077 13.8995 9.10037C14.1291 9.32997 14.2999 9.65242 14.2999 9.99998C14.3 10.1657 14.1657 10.3 14 10.3C13.8343 10.3 13.7 10.1657 13.7 10C13.6999 9.8476 13.6207 9.67004 13.4753 9.52464Z' fill='%23101010'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 19C11.5697 19 11.1583 18.9936 10.7651 18.9798L8.8 21.6C8.54174 21.9443 8.09212 22.0848 7.68377 21.9487C7.27543 21.8126 7 21.4304 7 21V18.4492C5.63676 18.0229 4.61089 17.2969 3.94566 16.1218C3.20396 14.8117 3 13.0854 3 11C3 8.24274 3.35288 6.07268 4.89571 4.69226C6.39637 3.34956 8.76583 3 12 3C15.2342 3 17.6036 3.34956 19.1043 4.69226C20.6471 6.07268 21 8.24274 21 11C21 13.7573 20.6471 15.9273 19.1043 17.3077C17.6036 18.6504 15.2342 19 12 19ZM8 17.678V21L10.282 17.9573C10.8116 17.9865 11.3833 18 12 18C18.5 18 20 16.5 20 11C20 5.5 18.5 4 12 4C5.5 4 4 5.5 4 11C4 15.1216 4.84235 16.9969 8 17.678Z' fill='%23101010'/%3E%3C/svg%3E%0A");
}
.icon-16.icon-home{
    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.66782 2.1263C7.85726 1.9579 8.14274 1.9579 8.33218 2.1263L12.8322 6.1263C12.9389 6.22118 13 6.35718 13 6.5V13H14.5C14.7761 13 15 13.2239 15 13.5C15 13.7761 14.7761 14 14.5 14H1.5C1.22386 14 1 13.7761 1 13.5C1 13.2239 1.22386 13 1.5 13H3V6.5C3 6.35718 3.06107 6.22118 3.16782 6.1263L7.66782 2.1263ZM7 13H9V10H7V13ZM10 13V9.5C10 9.22386 9.77614 9 9.5 9H6.5C6.22386 9 6 9.22386 6 9.5V13H4V6.72453L8 3.16898L12 6.72453V13H10Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.66782 2.1263C7.85726 1.9579 8.14274 1.9579 8.33218 2.1263L12.8322 6.1263C12.9389 6.22118 13 6.35718 13 6.5V13H14.5C14.7761 13 15 13.2239 15 13.5C15 13.7761 14.7761 14 14.5 14H1.5C1.22386 14 1 13.7761 1 13.5C1 13.2239 1.22386 13 1.5 13H3V6.5C3 6.35718 3.06107 6.22118 3.16782 6.1263L7.66782 2.1263ZM7 13H9V10H7V13ZM10 13V9.5C10 9.22386 9.77614 9 9.5 9H6.5C6.22386 9 6 9.22386 6 9.5V13H4V6.72453L8 3.16898L12 6.72453V13H10Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-16.icon-dot{
    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-32.icon-menu{
    mask: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M28 16H4" stroke="%23111111" stroke-width="2"/%3E%3Cpath d="M22 9H4" stroke="%23111111" stroke-width="2"/%3E%3Cpath d="M22 23H4" stroke="%23111111" stroke-width="2"/%3E%3C/svg%3E%0A');
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M28 16H4" stroke="%23111111" stroke-width="2"/%3E%3Cpath d="M22 9H4" stroke="%23111111" stroke-width="2"/%3E%3Cpath d="M22 23H4" stroke="%23111111" stroke-width="2"/%3E%3C/svg%3E%0A');
}
.icon-32.icon-close{
    mask: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 25L25 7" stroke="%23111111" stroke-width="2"/%3E%3Cpath d="M7 7L25 25" stroke="%23111111" stroke-width="2"/%3E%3C/svg%3E%0A');
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 25L25 7" stroke="%23111111" stroke-width="2"/%3E%3Cpath d="M7 7L25 25" stroke="%23111111" stroke-width="2"/%3E%3C/svg%3E%0A');
}
.icon-32.icon-phone{
    mask: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.62065 15.3523C4.50837 12.2298 4.86264 8.05637 7.47102 5.33458L8.70302 4.04902C9.65997 3.05046 11.3173 3.30135 11.9358 4.5384L14.2905 9.24761C14.6114 9.88955 14.5638 10.6543 14.1657 11.2514L12.9571 13.0643C12.4283 13.8576 12.5329 14.9138 13.207 15.588L16.412 18.793C17.0862 19.4671 18.1424 19.5717 18.9357 19.0429L20.7486 17.8343C21.3457 17.4362 22.1104 17.3886 22.7524 17.7095L27.4616 20.0641C28.6986 20.6827 28.9495 22.34 27.951 23.297L26.6654 24.529C23.9436 27.1374 19.7702 27.4916 16.6477 25.3793L14.1832 23.7122C11.8603 22.1408 9.8592 20.1397 8.2878 17.8168L6.62065 15.3523Z" stroke="%232C3540" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.62065 15.3523C4.50837 12.2298 4.86264 8.05637 7.47102 5.33458L8.70302 4.04902C9.65997 3.05046 11.3173 3.30135 11.9358 4.5384L14.2905 9.24761C14.6114 9.88955 14.5638 10.6543 14.1657 11.2514L12.9571 13.0643C12.4283 13.8576 12.5329 14.9138 13.207 15.588L16.412 18.793C17.0862 19.4671 18.1424 19.5717 18.9357 19.0429L20.7486 17.8343C21.3457 17.4362 22.1104 17.3886 22.7524 17.7095L27.4616 20.0641C28.6986 20.6827 28.9495 22.34 27.951 23.297L26.6654 24.529C23.9436 27.1374 19.7702 27.4916 16.6477 25.3793L14.1832 23.7122C11.8603 22.1408 9.8592 20.1397 8.2878 17.8168L6.62065 15.3523Z" stroke="%232C3540" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-32.icon-phone-2{
    mask: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="15" cy="23" r="1" fill="black"/%3E%3Ccircle cx="15" cy="20" r="1" fill="black"/%3E%3Ccircle cx="15" cy="17" r="1" fill="black"/%3E%3Ccircle cx="19" cy="23" r="1" fill="black"/%3E%3Ccircle cx="19" cy="20" r="1" fill="black"/%3E%3Ccircle cx="19" cy="17" r="1" fill="black"/%3E%3Ccircle cx="23" cy="23" r="1" fill="black"/%3E%3Ccircle cx="23" cy="20" r="1" fill="black"/%3E%3Ccircle cx="23" cy="17" r="1" fill="black"/%3E%3Crect x="15" y="9" width="8" height="4" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M14 5H27C27.5523 5 28 5.44772 28 6V26C28 26.5523 27.5523 27 27 27H14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M7 28C4.79086 28 3 26.2091 3 24L3 8C3 5.79086 4.79086 4 7 4H9C9.55228 4 10 4.44772 10 5L10 9C10 9.55228 9.55228 10 9 10H8C7.44772 10 7 10.4477 7 11L7 21C7 21.5523 7.44772 22 8 22H9C9.55228 22 10 22.4477 10 23V27C10 27.5523 9.55228 28 9 28L7 28Z" stroke="black" stroke-width="2"/%3E%3C/svg%3E%0A');
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="15" cy="23" r="1" fill="black"/%3E%3Ccircle cx="15" cy="20" r="1" fill="black"/%3E%3Ccircle cx="15" cy="17" r="1" fill="black"/%3E%3Ccircle cx="19" cy="23" r="1" fill="black"/%3E%3Ccircle cx="19" cy="20" r="1" fill="black"/%3E%3Ccircle cx="19" cy="17" r="1" fill="black"/%3E%3Ccircle cx="23" cy="23" r="1" fill="black"/%3E%3Ccircle cx="23" cy="20" r="1" fill="black"/%3E%3Ccircle cx="23" cy="17" r="1" fill="black"/%3E%3Crect x="15" y="9" width="8" height="4" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M14 5H27C27.5523 5 28 5.44772 28 6V26C28 26.5523 27.5523 27 27 27H14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M7 28C4.79086 28 3 26.2091 3 24L3 8C3 5.79086 4.79086 4 7 4H9C9.55228 4 10 4.44772 10 5L10 9C10 9.55228 9.55228 10 9 10H8C7.44772 10 7 10.4477 7 11L7 21C7 21.5523 7.44772 22 8 22H9C9.55228 22 10 22.4477 10 23V27C10 27.5523 9.55228 28 9 28L7 28Z" stroke="black" stroke-width="2"/%3E%3C/svg%3E%0A');
}

.icon-lofthostel{
    width: 18px;
    height: 18px;
    mask: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M14 0H0V18H18V4H16V2H14V0ZM4 4H6V12H10V14H4V4ZM12 4H14V14H12V10H8V8H12V4Z" fill="black"/%3E%3C/svg%3E%0A');
    -webkit-mask: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M14 0H0V18H18V4H16V2H14V0ZM4 4H6V12H10V14H4V4ZM12 4H14V14H12V10H8V8H12V4Z" fill="black"/%3E%3C/svg%3E%0A');
}

/* Header */
header{
    position: relative;
    padding: 24px 0px;
}
.header{
    position: relative;
    background-color: #FFF;
    padding: 16px 0px;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.header.uk-active{
    -webkit-box-shadow: 0px 12px 12px -12px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 12px 12px -12px rgba(0,0,0,0.2);
    box-shadow: 0px 12px 12px -12px rgba(0,0,0,0.2);
}
.header-grid{
    display: grid;
    gap: 8px;
    align-items: center;
    grid-template-columns: auto 1fr auto auto;
}
.header-menu{
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px;
    list-style: none;
    justify-content: center;
}
.header-menu li{
    padding: 0px 8px;
}
.header-menu a{
    display: block;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    padding: 8px 0px;
}
.header-contacts{
    display: grid;
    gap: 4px;
    justify-content: end;
    line-height: 1;
    list-style: none;
    padding: 0px 40px 0px 0px;
    margin: 0px;
    text-align: right;
    font-size: 12px;
    font-weight: 700;
}
.header-contacts .phone{
    font-size: 20px;
}
.header-contacts a{
    text-decoration: none;
}
.header-contacts a:hover{
    text-decoration: none;
}

/* Footer */
footer{
    overflow: hidden;
    background-color: #FFF;
    font-size: 14px;
    padding: 0px 0px 32px 0px;
}
.footer-grid{
    display: grid;
    gap: 40px;
    align-items: center;
    grid-template-columns: auto auto 1fr auto;
    padding: 8px 0px;
}
.footer .logo{
    width: 45px;
    height: 69px;
    background-image: url('/assets/upload/site/lofthostel-vert-logo.svg');
}
.footer-menu{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: inline-grid;
    gap: 0px;
}
.footer-menu a{
    display: inline-block;
    text-decoration: none;
    padding: 4px 0px;
}
.footer-contacts{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: inline-grid;
    gap: 0px;
}
.footer-contacts li{
    display: grid;
    gap: 16px;
    align-items: center;
    grid-template-columns: auto 1fr;
}
.footer-contacts li a,
.footer-contacts li p{
    display: inline-block;
    padding: 4px 0px;
    margin: 0px;
    text-decoration: none;
}
.footer-contacts li a.phone{
    font-weight: bold;
}
.footer .icon{
    background-color: #8191A6;
}
.footer-social{
    display: grid;
    gap: 8px;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.footer-social a{
    display: block;
    padding: 4px;
    background-color: #EBF2FB;
}
.footer-social .text{
    display: none;
}
.footer-social a:hover{
    background-color: #2C3540;
}
.footer-social a:hover .icon{
    background-color: #FFFFFF;
}
.footer-end{
    padding: 8px 0px;
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr auto;
}
.footer-button{
    position: fixed;
    display: flex;
    justify-content: center;
    z-index: 900;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0px 24px 16px 24px;
}
.footer-button div{
    background-color: #fff;
    padding: 4px;
}

/* Divider */
.divider{
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.divider div{
    position: relative;
    padding: 0px 16px;
}
.divider div:before{
    content:"";
    position: absolute;
    right: 100%;
    top: 45%;
    display: block;
    width: 2000px;
    height: 1px;
    background-color: #BFCCDE;
}
.divider div:after{
    content:"";
    position: absolute;
    left: 100%;
    top: 45%;
    display: block;
    width: 2000px;
    height: 1px;
    background-color: #BFCCDE;
}
.divider .icon{
    background-color: #BFCCDE;
}


/* Main */
main{
    padding: 0px;
    /*overflow-x: hidden;*/
}

/* Block */
.block{
    position: relative;
    padding: 0px 0px;
}
.block-title{
    font-family: "LTRemark";
    font-size: 32px;
    font-weight: bold;
    line-height: 1.2;
    text-wrap: balance;
}
.block-homepage{
    padding-bottom: 48px;
    display: grid;
    gap: 0px;
    grid-template-columns: 1fr 1fr;
}
.block-homepage-content{
    display: grid;
    gap: 16px;
    background-color: #EBF2FB;
    padding: 24px;
    margin: 40px 0px;
}
.block-homepage-banner{
    height: 100%;
    background-position: center;
    background-size: cover;
}
.block-content{
    padding: 32px 0px 32px 0px;
}
.block-gallery{
    display: grid;
    gap: 16px;
    padding: 24px 0px 48px 0px;
}
.block-gallery-header{
    display: grid;
    gap: 16px;
    align-items: center;
    grid-template-columns: 1fr auto;
}
.block-gallery-images{
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
}
.block-gallery-images .image-1,
.block-gallery-images .image-3{
    grid-row: span 2;
}
.block-gallery-images a{
    height: 100%;
    display: block;
    background-size: cover;
    background-position: center;
}
.block-advantages{
    display: grid;
    gap: 16px;
    background-color: #EBF2FB;
    padding: 24px;
    background-image: url('data:image/svg+xml,%3Csvg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H64V64H32V32H0V0Z" fill="white"/%3E%3C/svg%3E%0A');
    background-position: top right;
    background-repeat: no-repeat;
}
.block-advantages-header{
    text-align: center;
}
.block-advantages-items{
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
}
.block-advantages-item{
    display: grid;
    gap: 8px;
    align-self: flex-start;
}
.block-advantages-item-title{
    font-weight: bold;
}
.block-advantages-content{
    text-align: center;
    text-wrap: balance;
    font-weight: bold;
    font-style: italic;
}
.block-booking-button{
    padding: 16px 0px;
}
.block-booking-button-grid{
    display: grid;
    gap: 32px;
    justify-content: center;
    align-items: center;
    grid-template-columns: auto auto;
}
.block-booking-button-content{
    position: relative;
    padding-left: 40px;
    font-style: italic;
}
.block-booking-button-content p{
    padding: 2px 0px;
    margin: 0px;
    text-wrap: balance;
    line-height: 1.2;
}
.block-booking-button-content .icon{
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -12px;
    background-color: #BFCCDE;
}
.block-facilities{
    display: grid;
    gap: 16px;
    padding: 0px;
}
.block-facilities-header{
    text-align: center;
}
.block-facilities-items{
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
}
.block-facilities-item{
    display: grid;
    gap: 8px;
    align-self: flex-start;
}
.block-facilities-item-title{
    font-weight: bold;
}
.block-entries{
    padding: 0px 0px 24px 0px;
}


/* Content */
.content ul{
    list-style: none;
    padding: 0px 0px 16px 0px;
    margin: 0px;
    display: grid;
    gap: 8px;
}
.content ul li{
    position: relative;
    padding: 0px 0px 0px 16px;
}
.content ul li:before{
    content:"";
    position: absolute;
    left: 0px;
    top: 7px;
    width: 6px;
    height: 6px;
    background-color: #BFCCDE;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* Entries */
.entries-header{}
.entries-header-grid{
    display: grid;
    gap: 4px;
    text-align: center;
    margin: 0 auto;
    width: 900px;
    text-wrap: balance;
}
.entries-items{
    padding-bottom: 48px;
}
.entries-item{
    display: grid;
    gap: 16px;
    text-decoration: none;
}
.entries-item-image{
    background-position: center;
    background-size: cover;
}
.entries-item-content{
    display: grid;
    gap: 8px;
    align-self: flex-start;
}
.entries-item-title{
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.entries-item-fotter{
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr auto;
}
.entries-item-price{
    font-weight: bold;
}
.entries-item-more{
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.entries-item:hover{
    color: #2C3540;
    text-decoration: none;
}
.entries-item:hover .entries-item-title{
    color: #BF3434;
}
.entry{}
.entry-image{
    background-position: center;
    background-size: cover;
}
.entry-slider{
    padding: 24px 0px;
}
.entry-slider-icons{
    padding: 16px 0px 0px 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.entry-slider-icons li{
    width: 80px;
    padding: 0px 8px 8px 0px;
}
.entry-slider-icons li a{
    display: block;
    background-position: center;
    background-size: cover;
    opacity: .4;
}
.entry-slider-icons li.uk-active a,
.entry-slider-icons li a:hover{
    opacity: 1;
}
.entry-price-grid{
    display: grid;
    gap: 16px;
    align-items: center;
    grid-template-columns: auto 1fr;
    padding-bottom: 16px;
}
.entry-price{
    display: inline-block;
    background-color: #F5E6E6;
    border: 1px solid #BF3434;
    color: #BF3434;
    font-weight: bold;
    padding: 16px 24px;
}
.entry-price-desc{
    text-wrap: balance;
}
.entry-price-desc a{
    font-weight: bold;
}

/* Slider */
.slider-nav{
    display: flex;
    justify-content: center;
}
.slider-nav a{
    margin: 24px 8px;
}

/* Breadcrumbs */
.breadcrumbs-container{
    padding: 0px;
}
.breadcrumbs .icon{
    background-color: #BFCCDE;
}
.breadcrumbs ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #BFCCDE;
}
.breadcrumbs ul li:first-child{
    padding-left: 0px;
}
.breadcrumbs ul li:last-child{
    font-weight: 700;
}
.breadcrumbs ul li{
    padding: 0px 6px 0px 0px;
}
.breadcrumbs ul li a{
    display: grid;
    gap: 0px;
    grid-template-columns: auto auto;
    align-items: center;
    color: #BFCCDE;
}
.breadcrumbs ul li.breadcrumbs-home a{
    gap: 8px;
}
.breadcrumbs ul li:last-child{
    padding: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Offcanvas */
.uk-offcanvas-bar{
    padding: 0px;
    background: rgb(235,242,251);
    background: linear-gradient(180deg, rgba(235,242,251,1) 0%, rgba(213,223,236,1) 100%);
}
.uk-offcanvas-close{
    top:16px;
    right:8px;
}
.offcanvas-container{
    display: grid;
    gap: 8px;
    align-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    padding: 24px;
    height: 100%;
    box-sizing: border-box;
}
.offcanvas-logo{
    display: flex;
    justify-content: center;
}
.offcanvas-logo a{
    width: 240px;
}
.offcanvas-menu{
    padding: 0px 0px 32px 0px;
    margin: 0px;
    list-style: none;
    display: grid;
    gap: 24px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}
.offcanvas-menu a, .offcanvas-menu a:hover{
    color: #111;
    text-decoration: none;
}
.offcanvas-bottom{
    display: flex;
    justify-content: center;
}
.offcanvas-contacts{
    display: grid;
    gap: 32px;
    justify-content: center;
    grid-template-columns: auto;
}
.offcanvas-contacts .footer-contacts .icon{
    background-color: #8191A6 !important;
}
.offcanvas-contacts .footer-social a{
    background-color: #8191A6 !important;
}
.offcanvas-contacts .footer-social a .icon{
    background-color: #FFF !important;
}

.error-404{
    text-align: center;
    display: grid;
    gap: 16px;
    max-width: 500px;
    box-sizing: border-box;
    padding: 8px;
    text-wrap: balance;
}
.error-404-logo{
    display: flex;
    justify-content: center;
    padding-bottom: 16px;
}
.error-404 h1{
    font-size: 1.6rem;
    margin: 0px;
    padding: 0px;
}
.error-404 p{
    margin: 0px;
    padding: 0px;
}

.map{
    height: 500px;
    border: 4px solid #D5DFEC;
    margin-bottom: 24px;
}
.leaflet-top, .leaflet-bottom {
    z-index: 990 !important;
}

/* XL */
@media only screen and (max-width: 1599px) {
}

/* L */
@media only screen and (max-width: 1199px) {
    .entries-header-grid{
        width: auto;
        padding: 0px 24px;
    }
}

/* M */
@media only screen and (max-width: 959px) {
    .breadcrumbs-container{
        padding: 0px 24px;
    }
    .header{
        padding-left: 24px;
        padding-right: 24px;        
    }
    .uk-container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .block-homepage{
        text-align: center;
        padding-bottom: 0px;
        gap: 0px;
        grid-template-columns: 1fr;
    }
    .block-homepage-content{
        padding: 24px;
        margin: 0px;
    }
    .block-content{
        padding: 24px 24px;
    }
    .block-gallery{
        padding: 24px 24px;
    }
    .block-advantages{
        gap: 8px;
        background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20V20H10V10H0V0Z" fill="white"/%3E%3C/svg%3E%0A');
    }
    .block-advantages-items{
        gap: 24px;
        grid-template-columns: repeat(2, 1fr);
    }
    .block-booking-button{
        padding: 0px 24px;
    }
    .block-booking-button-grid{
        gap: 16px;
        grid-template-columns: 1fr;
    }
    .header-grid{
        grid-template-columns: auto 1fr auto;
    }
    .header-grid .logo{
        width: 100%;
        background-position: center;
    }
    .block-entries{
        padding: 0px 24px 24px 24px;
    }
    .block-facilities{
        padding: 0px 24px;
    }
    .block-facilities-items{
        grid-template-columns: 1fr;
    }
    footer{
        padding-top: 32px;
        background-color: #2C3540;
        color: #FFF;
    }
    footer a{
        color: #FFF;
    }
    footer hr{
        border-color: #3D4754;
    }
    .footer-grid{
        gap: 16px;
        justify-content: center;
        grid-template-columns: 1fr;
        text-align: center;
    }
    .footer .footer-menu, .footer .footer-contacts{
        gap: 8px;
    }
    .footer .footer-contacts li{
        grid-template-columns: 1fr;
    }
    .footer .footer-contacts .icon{
        display: none;
    }
    .footer-end{
        gap: 8px;
        text-align: center;
        grid-template-columns: 1fr;
    }
    .footer-logo .logo{
        width: 100% !important;
        height: 36px;
        background-position: center;
        background-image: url('/assets/upload/site/lofthostel-reverse-logo.svg');
    }
    .footer-social{
        display: flex;
        justify-content: center;
    }
    .footer-social a{
        background-color: transparent;
    }
    .footer .divider div:before{
        background-color: #3D4754;
    }
    .footer .divider div:after{
        background-color: #3D4754;
    }
    .footer .divider .icon{
        background-color: #3D4754;
    }
    .map{
        height: 400px;
        margin: 0px;
    }
    .entries-items{
        padding: 0px 24px 40px 24px;
    }
    .entry-content{
        padding: 0px 24px;
    }
    .entry-content-header{
        text-align: center;
    }
    .entry-slider-icons{
        padding: 8px 24px 0px 24px;
        justify-content: center;
    }
    .entry-slider-icons li{
        padding: 4px;
    }
    .entry-price-grid{
        gap: 16px;
        justify-content: center;
        grid-template-columns: auto;
        padding-bottom: 0px;
    }
    .entry-price{
        padding: 8px 24px;
    }
}

/* S */
@media only screen and (max-width: 639px) {
    .block-gallery{
        padding: 0px 24px 24px 24px;
    }
    .block-gallery-header{
        text-align: center;
        grid-template-columns: 1fr;
    }
    .block-gallery-images{
        grid-template-columns: repeat(2, 1fr);
    }
    .block-gallery-images .image-1,
    .block-gallery-images .image-3{
        grid-row: auto;
    }
    .block-advantages{
        padding: 16px 24px;
    }
    .block-advantages-items{
        gap: 16px;
        grid-template-columns: 1fr;
    }
    .map{
        height: 300px;
    }
    .entries-item-title{
        font-size: 24px;
    }
    .entry-slider-icons li{
        width: 60px;
    }
    .uk-button{
        line-height: 1.2;
        padding: 12px 24px;
    }
}

/* XS */
@media only screen and (max-width: 400px) {
    .header,
    .block-homepage-content,
    .block-advantages,
    .block-gallery,
    .entries-items{
        padding-left: 16px;
        padding-right: 16px;        
    }
    .block-title{
        font-size: 26px;
    }
    h1{
        font-size: 1.8rem;
    }
    .entries-item-title{
        font-size: 20px;
    }
    .entry-slider-icons li{
        width: 40px;
    }
}