/*
Theme Name: Fortis Simple Theme
Author: -CML-
Version: 0.0.3 α
*/

/* html (re)set */
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

p {
    margin: 20px 0;
}

em {
    font-style: inherit;
}

svg {
    fill: currentColor;
}

figure {
    margin: 0;
}

hr {
    height: 3px;
    margin: 20px 0;
    border: 0;
    background: #f9f9fa;
    background: linear-gradient(90deg, transparent, #f9f9fa, transparent);
}
hr::after {
    display: block;
    height: 1px;
    content: '';
    background: #c3c3c3;
    background: linear-gradient(90deg, transparent, #c3c3c3, transparent);
}


/* site setting */
html {
    min-height: 100%;
}

body {
    min-width: 310px;
    position: relative;
}

.hf-site-width {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    max-width: 1180px;
    margin: 0 auto;
}

.hf-padding {
    padding: 20px;
}

.remove {
    display: none;
}

/* background */
html {
    background-color: rgb(11, 11, 14);
    background-image: repeating-linear-gradient(135deg,
        rgba(122, 122, 122, 0.03) 0px,
        rgba(122, 122, 122, 0.03) 54px,
        rgba(0, 0, 0, 0) 54px,
        rgba(0, 0, 0, 0) 108px),
            -webkit-gradient(linear,
                left top, right top,
                from(rgb(11, 11, 14)),
                to(rgb(15, 10, 15)));
    background-image: repeating-linear-gradient(135deg,
        rgba(122, 122, 122, 0.03) 0px,
        rgba(122, 122, 122, 0.03) 54px,
        rgba(0, 0, 0, 0) 54px,
        rgba(0, 0, 0, 0) 108px),
            linear-gradient(90deg,
                rgb(11, 11, 14),
                rgb(15, 10, 15));
}

.hf-bg-color--main {
    background-color: #f9f9fa;
    background-image: linear-gradient(158deg, rgba(84, 84, 84, 0.03) 0%, rgba(84, 84, 84, 0.03) 20%,rgba(219, 219, 219, 0.03) 20%, rgba(219, 219, 219, 0.03) 40%,rgba(54, 54, 54, 0.03) 40%, rgba(54, 54, 54, 0.03) 60%,rgba(99, 99, 99, 0.03) 60%, rgba(99, 99, 99, 0.03) 80%,rgba(92, 92, 92, 0.03) 80%, rgba(92, 92, 92, 0.03) 100%),linear-gradient(45deg, rgba(221, 221, 221, 0.02) 0%, rgba(221, 221, 221, 0.02) 14.286%,rgba(8, 8, 8, 0.02) 14.286%, rgba(8, 8, 8, 0.02) 28.572%,rgba(52, 52, 52, 0.02) 28.572%, rgba(52, 52, 52, 0.02) 42.858%,rgba(234, 234, 234, 0.02) 42.858%, rgba(234, 234, 234, 0.02) 57.144%,rgba(81, 81, 81, 0.02) 57.144%, rgba(81, 81, 81, 0.02) 71.42999999999999%,rgba(239, 239, 239, 0.02) 71.43%, rgba(239, 239, 239, 0.02) 85.71600000000001%,rgba(187, 187, 187, 0.02) 85.716%, rgba(187, 187, 187, 0.02) 100.002%),linear-gradient(109deg, rgba(33, 33, 33, 0.03) 0%, rgba(33, 33, 33, 0.03) 12.5%,rgba(147, 147, 147, 0.03) 12.5%, rgba(147, 147, 147, 0.03) 25%,rgba(131, 131, 131, 0.03) 25%, rgba(131, 131, 131, 0.03) 37.5%,rgba(151, 151, 151, 0.03) 37.5%, rgba(151, 151, 151, 0.03) 50%,rgba(211, 211, 211, 0.03) 50%, rgba(211, 211, 211, 0.03) 62.5%,rgba(39, 39, 39, 0.03) 62.5%, rgba(39, 39, 39, 0.03) 75%,rgba(55, 55, 55, 0.03) 75%, rgba(55, 55, 55, 0.03) 87.5%,rgba(82, 82, 82, 0.03) 87.5%, rgba(82, 82, 82, 0.03) 100%),linear-gradient(348deg, rgba(42, 42, 42, 0.02) 0%, rgba(42, 42, 42, 0.02) 20%,rgba(8, 8, 8, 0.02) 20%, rgba(8, 8, 8, 0.02) 40%,rgba(242, 242, 242, 0.02) 40%, rgba(242, 242, 242, 0.02) 60%,rgba(42, 42, 42, 0.02) 60%, rgba(42, 42, 42, 0.02) 80%,rgba(80, 80, 80, 0.02) 80%, rgba(80, 80, 80, 0.02) 100%),linear-gradient(120deg, rgba(106, 106, 106, 0.03) 0%, rgba(106, 106, 106, 0.03) 14.286%,rgba(67, 67, 67, 0.03) 14.286%, rgba(67, 67, 67, 0.03) 28.572%,rgba(134, 134, 134, 0.03) 28.572%, rgba(134, 134, 134, 0.03) 42.858%,rgba(19, 19, 19, 0.03) 42.858%, rgba(19, 19, 19, 0.03) 57.144%,rgba(101, 101, 101, 0.03) 57.144%, rgba(101, 101, 101, 0.03) 71.42999999999999%,rgba(205, 205, 205, 0.03) 71.43%, rgba(205, 205, 205, 0.03) 85.71600000000001%,rgba(53, 53, 53, 0.03) 85.716%, rgba(53, 53, 53, 0.03) 100.002%),linear-gradient(45deg, rgba(214, 214, 214, 0.03) 0%, rgba(214, 214, 214, 0.03) 16.667%,rgba(255, 255, 255, 0.03) 16.667%, rgba(255, 255, 255, 0.03) 33.334%,rgba(250, 250, 250, 0.03) 33.334%, rgba(250, 250, 250, 0.03) 50.001000000000005%,rgba(231, 231, 231, 0.03) 50.001%, rgba(231, 231, 231, 0.03) 66.668%,rgba(241, 241, 241, 0.03) 66.668%, rgba(241, 241, 241, 0.03) 83.33500000000001%,rgba(31, 31, 31, 0.03) 83.335%, rgba(31, 31, 31, 0.03) 100.002%),linear-gradient(59deg, rgba(224, 224, 224, 0.03) 0%, rgba(224, 224, 224, 0.03) 12.5%,rgba(97, 97, 97, 0.03) 12.5%, rgba(97, 97, 97, 0.03) 25%,rgba(143, 143, 143, 0.03) 25%, rgba(143, 143, 143, 0.03) 37.5%,rgba(110, 110, 110, 0.03) 37.5%, rgba(110, 110, 110, 0.03) 50%,rgba(34, 34, 34, 0.03) 50%, rgba(34, 34, 34, 0.03) 62.5%,rgba(155, 155, 155, 0.03) 62.5%, rgba(155, 155, 155, 0.03) 75%,rgba(249, 249, 249, 0.03) 75%, rgba(249, 249, 249, 0.03) 87.5%,rgba(179, 179, 179, 0.03) 87.5%, rgba(179, 179, 179, 0.03) 100%),linear-gradient(241deg, rgba(58, 58, 58, 0.02) 0%, rgba(58, 58, 58, 0.02) 25%,rgba(124, 124, 124, 0.02) 25%, rgba(124, 124, 124, 0.02) 50%,rgba(254, 254, 254, 0.02) 50%, rgba(254, 254, 254, 0.02) 75%,rgba(52, 52, 52, 0.02) 75%, rgba(52, 52, 52, 0.02) 100%);
}

.hf-header-menu {
    background-color: rgba(11, 11, 14, .98);
}

.hf-header-pic,
.hf-descr-pic,
.hf-room-article-pic,
.hf-photo-pic {
    background-color: #f2f2f2;
}

.hf-header-pic,
.hf-descr-pic {
    background-image: url(imgs/room-0.jpg);
    background-position: center right;
    background-size: cover;
}

.hf-header-pic .hf-pic-deco--bottom,
.hf-descr-pic .hf-pic-deco--bottom {
    background: repeating-linear-gradient(-45deg,
        rgba(0, 0, 0, .07) 0px,
        rgba(0, 0, 0, .07) 1px,
        rgba(255, 255, 255, 0) 2px,
        rgba(255, 255, 255, 0) 6px);
}

.hf-room-article:hover {
    background-color: rgba(255, 255, 255, .2);
}

.hf-review-article-content {
    background: rgba(253, 202, 148, .92);
}

.hf-section-header-pic,
.hf-section-reviews {
    background: url(css/hf-pattern.svg) 0 -2px,
        url(css/hf-pattern.svg) 55px -57px,
        #f9f9fa;
}

/* shadow */
.hf-shadow--around-hover:hover {
    -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, .15);
}

.hf-review-article-shadow::before {
    -webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px 10px rgba(0, 0, 0, .2);
}

.hf-header-pic-shadow::before{
    -webkit-box-shadow: 0 0 20px 15px rgba(0, 0, 0, .4);
    box-shadow: 0 0 20px 15px rgba(0, 0, 0, .4);
}

/* font family */
@font-face {
    font-family: "Playfair Display";
    src: url("webfonts/PlayfairDisplay-Regular.ttf");
    font-display: swap;
}

.hf-font-family--main,
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.hf-font-family--deco {
    font-family: "Playfair Display";
}

/* font style */
.text-uppercase {
    text-transform: uppercase;
}

.text-normal {
    font-style: normal;
}

.text-italic {
    font-style: italic;
}

/* font size */
html {
    font-size: 100%;
}

.font-size--small {
    font-size: .8rem;
}

.font-size--normal,
body {
    font-size: 1rem;
}

.font-size--big {
    font-size: 1.4rem;
}

.font-size--large {
    font-size: 1.8rem;
}

/* line height */
.line-height--small {
    line-height: 1.382;
}

.line-height--normal,
body {
    line-height: 1.618;
}

.line-height--big {
    line-height: 2;
}

/* font color */
.hf-font-color--main,
body {
    color: #282828;
}

.hf-font-color--deco {
    color: #fdca94; /* color--deco */
}

.hf-font-color--deco-dark {
    color: #d69b5c; /* color--deco-dark */
}

/* button */
.button {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    text-align: center;
    color: inherit;
    font-weight: normal;
    background-color: #ccc;
    line-height: 1;
    border-radius: 3px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.pointer--up {
    position: relative;
}

.pointer--up::before {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.button--red {
    color: #f2f2f2;
    background-color: rgb(229, 86, 76);
}

.button.pointer--up::before {
    border-bottom-color: #ccc;
}

.button--red.pointer--up::before {
    border-bottom-color: rgb(229, 86, 76);
}

/* hf logo */
.hf-logo,
.hf-logo-sport,
.hf-logo-pk {
    display: inline-block;
    vertical-align: bottom;
}

.hf-logo-img,
.hf-logo-sport-img,
.hf-logo-pk-img {
    display: block;
    width: 92px;
    margin: 0 auto;
}

.hf-logo-txt,
.hf-logo-sport-txt,
.hf-logo-pk-txt {
    display: block;
    margin: 15px 0 0 0;
    font-size: 34px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
}

/* hf pic deco */
.hf-pic-deco--top,
.hf-pic-deco--bottom {
    position: relative;
    height: 100%;
}

.hf-pic-deco--bottom {
    min-height: 160px;
}

.hf-pic-deco--top::before,
.hf-pic-deco--top::after,
.hf-pic-deco--bottom::before,
.hf-pic-deco--bottom::after {
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    content: '';
    z-index: 1;
}

.hf-pic-deco--top::before {
    top: -1px;
    left: -1px;
    border-top: 2px solid currentColor;
    border-left: 2px solid currentColor;
}

.hf-pic-deco--top::after {
    top: -1px;
    right: -1px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
}

.hf-pic-deco--bottom::before {
    bottom: -1px;
    left: -1px;
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
}

.hf-pic-deco--bottom::after {
    bottom: -1px;
    right: -1px;
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
}

/* hf space bar */
.hf-spacer-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hf-spacer-bar:after,
.hf-spacer-bar:before {
    display: block;
    height: 1px;
    content: '';
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: currentColor;
}

.hf-spacer-bar .hf-logo.hf-padding {
    padding-top: 0;
    padding-bottom: 0;
}

.hf-spacer-bar .hf-logo-img {
    width: 64px;
}

/* hf section */
.hf-section-header,
.hf-section-header-nav,
.hf-section-header-pic,
.hf-section-rooms,
.hf-section-reviews,
.hf-section-descr,
.hf-section-footer {
    padding-left: 0;
    padding-right: 0;
}

/* hf section header */
.hf-logo-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
}

.hf-logo-row-cell {
    display: table-cell;
    width: 33.3333%;
    vertical-align: middle;
}

.hf-logo-row-cell.left {
    text-align: left;
}

.hf-logo-row-cell.right {
    text-align: right;
}

/* hf section header nav */
.hf-section-header-nav {
    padding-top: 0;
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 9;
}

.hf-header-menu-button {
    display: none;
}

.hf-header-burger {
    display: none;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
}

.hf-header-burger-meat {
    display: inline-block;
    position: relative;
}

.hf-header-burger-meat,
.hf-header-burger-meat::before,
.hf-header-burger-meat::after {
    width: 30px;
    height: 2px;
    background-color: currentColor;
    -webkit-transition: opacity .2s linear, -webkit-transform .2s ease-in-out;
    transition: opacity .2s linear, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, opacity .2s linear;
    transition: transform .2s ease-in-out, opacity .2s linear, -webkit-transform .2s ease-in-out;
}

.hf-header-burger-meat::before,
.hf-header-burger-meat::after {
    position: absolute;
    left: 0;
    content: '';
}

.hf-header-burger-meat::before {
    bottom: 10px;
}

.hf-header-burger-meat::after {
    top: 10px;
}

.hf-header-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    border-top: 1px solid currentColor;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
}

.hf-header-menu-link {
    display: inline-block;
    padding: 20px;
}

/* hf section header pic */
.hf-section-header-pic {
    padding-bottom: 0;
}

.hf-header-pic {
    height: 500px;
}

.hf-header-pic-shadow {
    position: relative;
    height: 35px;
    overflow: hidden;
}

.hf-header-pic-shadow::before {
    display: block;
    height: 50px;
    border-radius: 0;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    content: '';
    position: absolute;
    top: -50px;
    right: 30px;
    left: 30px;
}

/* hf section rooms */
.hf-room-articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hf-room-article {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33.3333%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
    transition: background-color 0.3s, -webkit-box-shadow 0.3s;
    transition: background-color 0.3s, box-shadow 0.3s;
    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.hf-room-article-header {
    display: block;
}

.hf-room-article-pic,
.hf-photo-pic {
    max-width: 1024px;
    margin: 0 auto;
}

.hf-photo-pic {
    margin-top: 20px;
    margin-bottom: 20px;
}

.hf-room-article-img {
    display: block;
    width: 100%;
    height: auto;
}

.hf-room-article-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hf-room-article-title {
    display: block;
    margin: 20px 0;
    font-weight: normal;
}

.hf-room-article-footer {
    display: block;
    text-align: center;
}

.hf-room-price {
    margin-bottom: 20px;
    padding-bottom: .25em;
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
}

/* hf section reviews */
.hf-review-articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hf-review-article {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    margin: 0;
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.hf-review-article-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hf-quote-img {
    display: block;
    width: 64px;
    float: left;
    margin: 0 20px 10px 0;
}

.hf-review-article-source {
    display: block;
    margin-top: 20px;
    clear: both;
}

.hf-review-article-shadow {
    position: relative;
    height: 25px;
    overflow: hidden;
}

.hf-review-article-shadow::before {
    display: block;
    height: 40px;
    border-radius: 0;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    content: '';
    position: absolute;
    top: -40px;
    right: 30px;
    left: 30px;
}

/* hf section descr */
.hf-descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hf-descr-cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.hf-descr-cell.left-cell {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hf-descr-cell.right-cell {
    width: 66.6666%;
}

.hf-map {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border: 0 none;
}

/* hf section footer */
.hf-address {
    display: table;
    margin: 0 auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hf-address-cell {
    display: table-cell;
    vertical-align: middle;
}

.hf-footer-menu {
    list-style-type: none;
    margin: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-top: 1px solid currentColor;
}

.hf-footer-menu-item {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hf-footer-menu-link {
    display: inline-block;
    padding: 0 20px;
}

/* hf slogan */

.hf-slogan {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.hf-slogan-title {
    margin: 0;
    font-weight: normal;
}

/* media */
@media all and (max-width: 1690px) {}

@media all and (max-width: 1280px) {}

@media all and (max-width: 980px) {

    /* ht section header */
    .hf-logo-row {
        padding-bottom: 0;
    }

    .hf-logo-row-cell {
        width: auto;
    }

    .hf-logo-row-cell.left,
    .hf-logo-row-cell.right {
        display: none;
    }

    /* hf section header nav */
    .hf-header-burger {
        display: inline-block;
        margin-bottom: 20px;
    }

    .hf-section-header-nav {
        display: none;
        position: relative;
        top: 0;
    }

    .hf-header-menu-button:checked ~ .hf-section-header-nav {
        display: block;
    }

    .hf-header-menu-button:checked ~ .hf-header-burger .hf-header-burger-meat {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    }

    .hf-header-menu-button:checked ~ .hf-header-burger .hf-header-burger-meat::before {
    opacity: 0;
    }

    .hf-header-menu-button:checked ~ .hf-header-burger .hf-header-burger-meat::after {
    -webkit-transform: rotate(90deg) translate(-10px);
    transform: rotate(90deg) translate(-10px);
    }

    .hf-header-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    /* ht section header pic */
    .hf-section-header-pic,
    .hf-section-header-pic .hf-site-width {
        padding: 0;
    }

    .hf-header-pic {
        height: 450px;
    }

    .hf-header-pic-shadow,
    .hf-header-pic.hf-pic-deco--top::before,
    .hf-header-pic.hf-pic-deco--top::after,
    .hf-header-pic .hf-pic-deco--bottom::before,
    .hf-header-pic .hf-pic-deco--bottom::after {
        display: none;
    }

    /* ht section rooms */
    .hf-room-article {
        width: 100%;
    }

    .hf-room-article:hover {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .hf-room-article-pic {
        margin: 0 20%;
    }

    /* ht section reviews */
    .hf-review-article {
        width: 100%;
    }

}

@media all and (max-width: 736px) {

    /* ht section header pic */
    .hf-header-pic {
        height: 400px;
    }

    /* ht section rooms */
    .hf-room-article-pic {
        margin: 0;
    }

    /* ht section descr */
    .hf-descr-cell.left-cell,
    .hf-descr-cell.right-cell {
        width: 100%;
        min-height: 250px;
    }

    .hf-descr-cell.right-cell {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* ht section footer */
    .hf-address,
    .hf-address-cell {
        display: block;
        text-align: center;
    }

}


/* old theme fast fix */
img.size-large,
.img-wrapper img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}



/* BIP -------------------------------------- */
#bip,
#bip body {
    background: #fff;
}

#bip a {
    text-decoration: none;
}

#bip a:hover {
    text-decoration: underline;
}

.bip-width {
    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto;
}

.bip__header-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 20px 0;
}

.bip-logo,
.bip-name {
    padding: 0 20px;
}

.bip-name {
    border-left: 1px solid #ccc;
}

.bip-logo__img {
    display: block;
    width: 100%;
    max-width: 260px;
    height: auto;
}

.bip-name__title {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.382;
    font-weight: normal;
}

.bip__header-menu {
    position: sticky;
    top: 0;
    background: #e8e8e8;
}

.bip__header-nav {
    display: block;
    padding: 0;
    list-style-type: none;
    text-align: right;
}

.bip__header-nav-item {
    display: inline-block;
    padding: 10px 20px;
}

.bip__main {
    background: #f9f9fa;
}

.bip__main-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 20px 0;
}

.bip__main-menu,
.bip__main-section {
    box-sizing: border-box;
    min-width: 250px;
    padding: 20px;
}

.bip__main-menu-subtitle {
    margin: 0;
    font-size: 1.2rem;
    font-weight: bold;
}

.bip__main-menu {
    max-width: 250px;
}

.bip__main-menu ul {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    list-style-type: none;
}

.bip__main-menu li {
    display: block;
    padding: 5px 0;
}

.bip__main-section {
    border-left: 1px solid #ccc;
    flex-grow: 1;
}

.bip__post {
    padding-bottom: 30px;
}

.bip__post-title {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.382;
    font-weight: normal;
}

.bip__post-bio {
    list-style: none;
}

.bip__footer {
    text-align: right;
    font-style: italic;
    border-top: 1px solid #e8e8e8;
}

.bip__footer-inner {
    padding: 20px;
}

/* EASTER */
/*
.home .hf-header-pic {
	background-image: url(https://hostelfortis.ostroleka.pl/wp-content/uploads/2020/04/hf-wielkanoc.jpg);
	background-position: center left;
}
*/