/*-----------------------------------------------------------------------------------

    Template Name: Hotel ATR
    Template URI: https://devitems.com/html/hotel-atr-preview/
    Description: This is html5 template
    Author: HasTech
    Author URI: https://devitems.com/
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    1. About Area
    2. Room Area
    3. Services Area
    4. Fun Factor Area
    5. Gallery Area
    6. Team Area
    7. Advertise Area
    8. Pricing Area
    9. Blog Area
    10. Client Area
    11. Newsletter Area
    12. Room Grid / List Page
    13. Room Details Page
    14. Location Page
    15. Event Page
    16. Contact Page

-----------------------------------------------------------------------------------*/
@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/opensanslight.woff2") format("woff2"),
        url("../fonts/opensanslight.woff") format("woff"), url("../fonts/opensanslight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"),
        url("../fonts/opensanslightitalic.woff2") format("woff2"),
        url("../fonts/opensanslightitalic.woff") format("woff"),
        url("../fonts/opensanslightitalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: local("Open Sans"), local("OpenSans"), url("../fonts/opensans.woff2") format("woff2"),
        url("../fonts/opensans.woff") format("woff"), url("../fonts/opensans.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../fonts/opensansitalic.woff2") format("woff2"),
        url("../fonts/opensansitalic.woff") format("woff"), url("../fonts/opensansitalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/opensanssemibold.woff2") format("woff2"),
        url("../fonts/opensanssemibold.woff") format("woff"), url("../fonts/opensanssemibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"),
        url("../fonts/opensanssemibolditalic.woff2") format("woff2"),
        url("../fonts/opensanssemibolditalic.woff") format("woff"),
        url("../fonts/opensanssemibolditalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/opensansbold.woff2") format("woff2"),
        url("../fonts/opensansbold.woff") format("woff"), url("../fonts/opensansbold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"),
        url("../fonts/opensansbolditalic.woff2") format("woff2"), url("../fonts/opensansbolditalic.woff") format("woff"),
        url("../fonts/opensansbolditalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"),
        url("../fonts/opensansextrabold.woff2") format("woff2"), url("../fonts/opensansextrabold.woff") format("woff"),
        url("../fonts/opensansextrabold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

/* Fonts: Rising Sun */
@font-face {
    font-family: 'Rising Sun';
    src: local('Rising Sun Regular'), local('RisingSun-Regular'),
        url('../fonts/RisingSun/RisingSun-Regular.woff2') format('woff2'),
        url('../fonts/RisingSun/RisingSun-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} /* 400 */

@font-face {
    font-family: 'Rising Sun';
    src: local('Rising Sun Bold'), local('RisingSun-Bold'),
    url('../fonts/RisingSun/RisingSun-Bold.woff2') format('woff2'),
    url('../fonts/RisingSun/RisingSun-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
} /* 700 */

/*----------------------------------------*/
/*  1. About Area
/*----------------------------------------*/
form.search-form,
.search-form.search-form--widget {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
    /* margin-top: -50px; */
    margin-top: -130px;
    padding: 50px 70px;
    position: relative;
    z-index: 2;
}

.box-select .select {
    border: 1px solid #dddddd;
    float: left;
    height: 48px;
    margin-right: 30px;
    width: 182px;
}
.select > select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    cursor: pointer;
    position: relative;
    z-index: 99;
}
.select > select:focus {
    outline: 0;
}
.search-form button {
    border: 0 none;
    color: #ffffff;
    line-height: 48px;
    text-transform: uppercase;
    width: 182px;
}
.box-select .select {
    position: relative;
}
.box-select .select::after {
    content: "";
    font-family: "Material-Design-Iconic-Font";
    font-size: 18px;
    position: absolute;
    right: 9px;
    top: 14px;
    z-index: 1;
}
.box-select .select::after {
    content: "\f331";
}
.box-select .select.arrow::after {
    content: "\f2f2";
    font-size: 24px;
    top: 8px;
}
.about-text {
    padding-top: 20px;
}
.about-text .section-title {
    padding: 0;
}
.about-links > a {
    border: 1px solid #f1f1f1;
    color: #b5876d;
    display: table;
    float: left;
    font-size: 18px;
    height: 38px;
    margin-right: 15px;
    text-align: center;
    transition: all 0.3s linear 0s;
    width: 38px;
}
.about-links > a i {
    display: table-cell;
    vertical-align: middle;
}
.about-links > a:hover {
    background: #b5876d none repeat scroll 0 0;
    border-color: #b5876d;
    color: #ffffff;
}
.about-links {
    padding-top: 37px;
}
.video-wrapper,
.video-overlay {
    position: relative;
}
.video-overlay::after {
    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.video-wrapper:hover .video-overlay::after {
    opacity: 1;
}
.video-overlay > img {
    width: 100%;
}
.video-popup {
    bottom: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 72px;
    height: 60px;
    left: 0;
    line-height: 58px;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 60px;
    z-index: 2;
}
.video-popup i {
    line-height: 58px;
}
.video-wrapper .video-popup:hover {
    color: #c6c6c6;
}
.video-wrapper:hover .video-popup {
    opacity: 1;
}
/*----------------------------------------*/
/*  2. Room Area
/*----------------------------------------*/
.room-area .container-fluid {
    padding: 0;
}
.single-room {
    float: left;
    width: 25%;
    position: relative;
}
.single-room.small {
    width: 22.95%;
}
.single-room.large {
    width: 29.1%;
}
.single-room.medium {
    width: 25%;
}
.single-room img {
    max-width: 100%;
    height: 100%;
}
.room-hover {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.room-hover:after {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in 0.4s;
    width: 100%;
}
.single-room:hover .room-hover:after {
    opacity: 1;
    transition-delay: 0.2s;
}
.single-room .room-hover {
    background-color: rgba(0, 0, 0, .35);
}
.single-room .as__h3 {
    color: #ffffff;
    left: 50%;
    margin-bottom: 19px;
    opacity: 1;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 1;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
}
.single-room:hover .as__h3 {
    opacity: 0;
    transition-delay: 0s;
}
.hover-text > a.title {
    color: #ffffff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease 0s;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    margin-top: 0.8em;
    font-family: "Open Sans", sans-serif;
}
.single-room:hover .hover-text > a.title {
    top: 26%;
}
.main__page .single-room .hover-text .p-amount {
    right: 10px;
}
.main__page .single-room .hover-text p {
    display: block;
    bottom: 38%;
    padding: 0 45px;
    width: 100%;
}
.main__page .single-room:hover .hover-text > a.title {
    top: 18%;
}
.main__page .single-room:hover .hover-text .room-btn {
    bottom: 24%;
    line-height: normal;
}
.main__page .single-room .hover-text .p-amount > span {
    font-size: 24px;
}
.main__page .single-room .hover-text .p-amount > span.count {
    font-size: 14px;
}
.hover-text > p {
    bottom: 41%;
    color: #ffffff;
    opacity: 0;
    padding: 0;
    position: absolute;
    transform: translateY(100px);
    transition: all 0.3s ease-in-out 0.1s;
}
.large .hover-text > p {
    padding: 0 10px;
}
.single-room:hover p {
    opacity: 1;
    transform: translateY(0px);
    transition-delay: 0.2s;
}
.hover-text > .title:hover a {
    color: #b5876d;
}
.hover-text {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.hover-text .room-btn {
    bottom: 25%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: translateY(100px);
    transition: all 0.3s ease-in-out 0.1s;
}
.single-room:hover .room-btn {
    opacity: 1;
    transform: translateY(0px);
    transition-delay: 0.5s;
}
.hover-text .default-btn {
    display: inline-block;
    line-height: 38px;
    margin-top: 37px;
    padding: 0 22px;
}
.p-amount {
    bottom: 26px;
    color: #ffffff;
    position: absolute;
    right: 28px;
    transform: translateX(120px);
    transition: all 0.3s ease-in-out 0.1s;
    z-index: 2;
}
.p-amount > span {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    font-weight: 700;
}
.p-amount > span.count {
    font-size: 15px;
    font-weight: 400;
    padding-top: 3px;
}
.single-room:hover .p-amount {
    opacity: 1;
    transform: translateX(0px);
    transition-delay: 0.3s;
}
.single-room.large:hover .hover-text > h3 {
    top: 29%;
}
.single-room.large .hover-text > p {
    bottom: 44%;
}
.single-room.large .hover-text > .room-btn {
    bottom: 26%;
}
/*----------------------------------------*/
/*  3. Services Area
/*----------------------------------------*/
.nav.nav-tabs {
    border: 0 none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover {
    background: #4dabe4 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
}
.nav-tabs > li > a {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    line-height: 24px;
    margin: 0;
    padding: 10px 0 12px;
}
.title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
}
span.title,
span.text {
    color: #444444;
    display: block;
    padding-left: 80px;
}
span.image {
    display: block;
    left: 0.5em;
    position: absolute;
    top: calc(50% - 32px);
}
.nav-tabs > li {
    margin-bottom: 20px;
    width: 100%;
}
.nav-tabs > li.active > a .title,
.nav-tabs > li.active > a:focus .title,
.nav-tabs > li.active > a:hover .title,
.nav-tabs > li > a:hover .title {
    color: #ffffff;
}
.nav-tabs > li.active > a .text,
.nav-tabs > li.active > a:focus .text,
.nav-tabs > li.active > a:hover .text,
.nav-tabs > li > a:hover .text {
    color: #ffffff;
}
.nav-tabs > li > a span {
    transition: all 0.2s ease 0s;
}
.nav-tabs > li:last-child {
    margin: 0;
}

span.image.s-img {
    display: none;
}
.nav-tabs > li.active > a span.s-img,
.nav-tabs > li.active > a:focus span.s-img,
.nav-tabs > li.active > a:hover span.s-img,
.nav-tabs > li > a:hover span.s-img {
    display: block;
}
/*----------------------------------------*/
/*  4. Fun Factor Area
/*----------------------------------------*/
.fun-factor-area {
    padding: 57px 0 69px;
}
.single-fun-factor > h1 {
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 60px;
    font-weight: 700;
}
.single-fun-factor > h4 {
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding-top: 17px;
    text-transform: uppercase;
}
/*----------------------------------------*/
/*  5. Gallery Area
/*----------------------------------------*/
.gallery-item {
    width: 20%;
    padding: 2px;
    overflow: hidden;
}
.thumb > img {
    max-width: 100%;
}
.gallery-hover a {
    border: 1px solid #fbfafa;
    border-radius: 50%;
    color: #ffffff;
    display: inline-table;
    font-size: 24px;
    height: 38px;
    margin: 0 8px;
    position: relative;
    text-align: center;
    transition: all 0.2s linear 0s;
    width: 38px;
}
.gallery-hover {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
}
.gallery-item:hover .gallery-hover {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
}
.gallery-masonry .thumb img {
    width: 100%;
    height: auto;
}
.gallery-icon {
    bottom: 0;
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.gallery-hover a i {
    display: table-cell;
    vertical-align: middle;
}
.gallery-hover a:hover {
    background: #ffffff none repeat scroll 0 0;
    color: #b5876d;
}
.gallery-filter,
.event-menu {
    margin-bottom: 50px;
    text-align: center;
}
.gallery-filter button,
.event-menu button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #444444;
    font-size: 18px;
    line-height: 17px;
    padding: 0 21px;
}
.gallery-filter button:focus,
.gallery-filter button.active,
.event-menu button:focus,
.event-menu button.active {
    color: #b5876d;
}
.gallery-icon span {
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    vertical-align: middle;
}
.gallery-icon span img {
    transition: all 0.3s ease-in-out 0s;
}
.gallery-icon span.s-img,
.gallery-icon a:hover span.p-img {
    display: none;
}
.gallery-icon a:hover span.s-img {
    display: block;
}
/*----------------------------------------*/
/*  6. Team Area
/*----------------------------------------*/
.single-team {
    position: relative;
    text-align: center;
    overflow: hidden;
}
.team-image > img {
    max-width: 100%;
}
.team-hover > h4 {
    color: #ffffff;
    margin-bottom: 2px;
    transform: translate3d(0px, 200%, 0px);
    transition: transform 0.25s ease 0s;
}
.single-team:hover .team-hover h4 {
    transform: translate3d(0px, 0px, 0px);
    transition-delay: 0.3s;
}
.team-hover span {
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 16px;
    margin-bottom: 14px;
    transform: translate3d(0px, 200%, 0px);
    transition: transform 0.25s ease 0s;
}
.single-team:hover .team-hover span {
    transform: translate3d(0px, 0px, 0px);
    transition-delay: 0.4s;
}
.team-hover > p {
    color: #ffffff;
    margin-bottom: 12px;
    transform: translate3d(0px, 200%, 0px);
    transition: transform 0.25s ease 0s;
}
.single-team:hover .team-hover p {
    transform: translate3d(0px, 0px, 0px);
    transition-delay: 0.5s;
}
.team-links a {
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    margin: 0 20px;
    transform: translate3d(0px, 200%, 0px);
    transition: transform 0.35s ease 0s;
}
.single-team:hover .team-links a {
    transform: translate3d(0px, 0px, 0px);
}
.single-team:hover .team-links a:nth-child(1) {
    transition-delay: 0.7s;
}
.single-team:hover .team-links a:nth-child(2) {
    transition-delay: 0.9s;
}
.single-team:hover .team-links a:nth-child(3) {
    transition-delay: 1.1s;
}
.team-links > a:hover {
    color: #b5876d;
}
.team-hover {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: -100%;
    left: 0;
    padding: 28px 32px 25px;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.single-team:hover .team-hover {
    bottom: 0;
}
.team-section .single-team {
    margin-bottom: 50px;
}
/*----------------------------------------*/
/*  7. Advertise Area
/*----------------------------------------*/
.advertise-text {
    overflow: hidden;
    padding: 75px 0;
}
.advertise-text > h1 {
    color: #ffffff;
    float: left;
    font-size: 48px;
    line-height: 48px;
    text-transform: uppercase;
}
.advertise-text span {
    color: #b5876d;
}
.advertise-text .default-btn {
    float: right;
    line-height: 48px;
    padding: 0 25px;
    text-transform: uppercase;
}
/*----------------------------------------*/
/*  8. Pricing Area
/*----------------------------------------*/
.package-name > h3 {
    color: #252525;
    font-family: "Open Sans", sans-serif;
    padding: 44px 0 25px;
}
.single-pricing {
    background: #f1f1f1 none repeat scroll 0 0;
    border-bottom: 1px solid #b5876d;
    border-top: 1px solid #b5876d;
    padding-bottom: 49px;
    text-align: center;
}
.package-name > h1 {
    background: #ffffff none repeat scroll 0 0;
    color: #535353;
    font-family: "Open Sans", sans-serif;
    font-size: 50px;
    padding: 30px 0 36px;
}
.package-name h1 span {
    font-size: 20px;
}
.package-name h1 .currency {
    position: relative;
    top: -20px;
}
.package-offer {
    padding-top: 10px;
}
.package-offer > span {
    color: #606060;
    display: block;
    font-size: 18px;
    margin: 16px 0;
}
.signup-btn {
    padding-top: 33px;
}
.signup-btn a {
    background: #ffffff none repeat scroll 0 0;
    color: #606060;
    display: inline-block;
    font-weight: 700;
    line-height: 38px;
    padding: 0 21px;
    text-transform: uppercase;
}
.signup-btn a::before {
    background: #b5876d none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.signup-btn a:hover,
.signup-btn a:focus,
.signup-btn a:active {
}
.signup-btn a:hover::before,
.signup-btn a:focus::before,
.signup-btn a:active::before {
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.single-pricing.best-offer {
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15);
}
.best-offer .package-name > h1,
.best-offer .signup-btn a {
    color: #b5876d;
}
.signup-btn a:hover {
    color: #ffffff;
}
.package-offer > span.light {
    color: #bbbbbb;
}
/*----------------------------------------*/
/*  9. Blog Area
/*----------------------------------------*/
.single-blog-wrapper {
    position: relative;
    overflow: hidden;
}
.blog-text {
    border: 1px solid #dfdfdf;
    padding: 26px 0 29px;
}
.single-blog {
    text-align: center;
}
.blog-text > h3,
.blog-hover > h3 {
    color: #252525;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}
.blog-text .time,
.blog-hover > span {
    color: #909090;
    display: block;
    font-size: 13px;
    margin-bottom: 14px;
}
.blog-text .time i,
.blog-hover > span i {
    font-size: 14px;
    padding-right: 5px;
}
.blog-hover {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dfdfdf;
    bottom: 0;
    height: 100%;
    left: -100%;
    padding: 26px 26px 6px;
    position: absolute;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.blog-hover > p {
    color: #252525;
    padding-top: 13px;
}
.post-info > span {
    display: inline-block;
    font-size: 13px;
    padding-right: 35px;
}
.post-info > span a {
    color: #909090;
}
.post-info > span a:hover {
    color: #444;
}
.post-info > span i {
    padding-right: 5px;
}
.post-info > span:last-child {
    padding-right: 0;
}
.post-info {
    padding-top: 14px;
}
.blog-hover .default-btn {
    line-height: 38px;
    margin-top: 48px;
    padding: 0 21px;
}
.blog-hover .default-btn:before {
    background: #131313 none repeat scroll 0 0;
}
.blog-hover .default-btn:hover {
    color: #fff;
}
.blog-hover .default-btn:before {
    color: #b5876d;
}
.single-blog-wrapper:hover .blog-hover {
    left: 0;
}
.blog-hover > h3:hover a {
    color: #b5876d;
}
.blog-hover > p {
    transform: translate3d(0px, 350%, 0px);
    transition: transform 1s ease 0s;
}
.post-info > span {
    transition: transform 1s ease 0s;
}
.post-info > span:first-child {
    transform: translate3d(-500%, 0px, 0px);
}
.post-info > span:nth-child(2) {
    transform: translate3d(-550%, 0px, 0px);
}
.post-info > span:nth-child(3) {
    transform: translate3d(-600%, 0px, 0px);
}
.blog-hover .default-btn {
    transform: translate3d(0px, 700%, 0px);
    transition: transform 0.4s ease 0s;
}
.single-blog-wrapper:hover .blog-hover > p,
.single-blog-wrapper:hover .post-info > span,
.single-blog-wrapper:hover .blog-hover .default-btn {
    transform: translate3d(0px, 0px, 0px);
}
.single-blog-wrapper:hover .blog-hover > p {
    transition-delay: 0.4s;
}
.single-blog-wrapper:hover .post-info > span:last-child {
    transition-delay: 1.2s;
}
.single-blog-wrapper:hover .post-info > span:nth-child(2) {
    transition-delay: 1.7s;
}
.single-blog-wrapper:hover .post-info > span:first-child {
    transition-delay: 2s;
}
.single-blog-wrapper:hover .blog-hover .default-btn {
    transition-delay: 2.3s;
}
/*----------------------------------------*/
/*  10. Client Area
/*----------------------------------------*/
.client-area {
    padding: 68px 0 61px;
}
.client-image > a {
    display: table-cell;
    vertical-align: middle;
}
.single-client {
    height: 80px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.client-image {
    display: inline-table;
    height: 100%;
}
.owl-carousel .owl-item .client-image .s-img,
.single-client:hover .p-img {
    display: none;
}
.owl-carousel .owl-item .single-client:hover .client-image .s-img {
    display: block;
}
/*----------------------------------------*/
/*  11. Newsletter Area
/*----------------------------------------*/
.newsletter-container h3 {
    float: left;
    line-height: 38px;
    text-transform: uppercase;
}
.newsletter-container {
    overflow: hidden;
    padding: 0 25px;
}
.newsletter-form {
    overflow: hidden;
}
.newsletter-area {
    padding: 80px 0;
}
.newsletter-form input {
    border: 1px solid #b7b6b6;
    color: #4d4d4d;
    font-size: 14px;
    height: 38px;
    padding: 0 8px;
    width: 284px;
}
.newsletter-form input#mc-email::-moz-placeholder {
    color: #4d4d4d;
}
.newsletter-form input[type="email"]::-webkit-input-placeholder {
    color: #4d4d4d;
}
.newsletter-form form {
    float: right;
}
.mailchimp-alerts {
    display: block;
    overflow: hidden;
    padding-left: 53px;
    width: 100%;
}
.newsletter-form button {
    border: 0 none;
    float: right;
    line-height: 38px;
    padding: 0 20px;
    text-transform: uppercase;
}
.newsletter-form button::before,
.search-form button:before {
    background: #131313 none repeat scroll 0 0;
}
.newsletter-form button:hover,
.search-form button:hover {
    color: #fff;
}
/*----------------------------------------*/
/*  12. Room Grid / List Page
/*----------------------------------------*/
.room-grid {
    position: relative;
}
.room-grid .single-room {
    padding: 0;
    width: 100%;
}
.room-grid .p-amount {
    left: 0;
    margin-bottom: 6px;
    opacity: 0;
    right: 0;
    top: 36%;
    bottom: auto;
    transition: all 0.3s ease-in-out 0.2s;
}
.room-grid .single-room:hover .p-amount {
    opacity: 1;
}
.room-grid .p-amount > span {
    display: inline-block;
    font-size: 24px;
}
.room-grid .p-amount > span.count {
    font-size: 15px;
}
.room-grid .hover-text a.title {
    margin-bottom: 18px;
}
.room-grid .single-room:hover .hover-text > h3 {
    top: 30%;
}
.room-grid .single-room .hover-text .room-btn {
    bottom: 28%;
}
.room-grid .hover-text .default-btn {
    margin-top: 26px;
}
.room-grid .single-room {
    margin-bottom: 50px;
}
.room-grid .single-room .room-hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.room-grid .single-room::after {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.room-grid .hover-text {
    z-index: 2;
}
.room-grid .single-room:hover::after {
    transform: scaleY(0.57);
}
.room-grid .single-room .hover-text > p {
    bottom: 42%;
    padding: 0 20px;
    text-align: center;
}
.room-grid .single-room:hover .hover-text .default-btn {
    bottom: 28%;
}
.room-list a {
    display: block;
}
.room-list-text > h3:hover a {
    color: #b5876d;
}
.room-service p {
    width: 77%;
}
.room-list-text > h3 {
    margin-bottom: 15px;
}
.room-list-text h4 {
    padding: 15px 0 18px;
}
.room-list {
    margin-bottom: 50px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.room-list::after {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 100%;
}
.room-list img {
    position: relative;
    z-index: 2;
}
.room-list .p-amount {
    background: #b5876d none repeat scroll 0 0;
    bottom: 0;
    height: 101px;
    opacity: 0;
    padding-top: 20px;
    right: 15px;
    text-align: center;
    transform: translateX(0px);
    transition: all 0.3s ease 0s;
    width: 150px;
}
.room-list-text {
    padding-bottom: 48px;
    padding-top: 58px;
}
.room-list:hover .p-amount {
    opacity: 1;
}
.room-list:hover::after {
    background: #b5876d none repeat scroll 0 0;
}
.room-list:hover {
    box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.1);
}
/*----------------------------------------*/
/*  13. Room Details Page
/*----------------------------------------*/
.slick-list {
    padding: 0 !important;
}
.slick-slide img {
    width: 100%;
}
.slider-nav .slick-slide {
    padding-left: 11px;
    padding-right: 11px;
}
.nav-row {
    margin-left: -11px;
    margin-right: -11px;
}
.room-slider {
    margin-bottom: 20px;
}
.slider-nav {
    position: relative;
    overflow: hidden;
}
.slick-prev,
.slick-next {
    font-size: 0;
    padding: 0;
}
.slick-arrow {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    border: 0 none;
    height: 100%;
    left: 11px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 9;
}
.slick-next {
    left: auto;
    right: 9px;
}
.slick-prev::before,
.slick-next::before {
    color: #444444;
    content: "\f2f4";
    font-family: "Material-Design-Iconic-Font";
    font-size: 48px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all 0.3s ease 0s;
    width: 16px;
    transform: translate(-50%, -50%);
}
.slick-next:before {
    content: "\f2f6";
}
.room-details-title {
    line-height: 18px;
    margin-bottom: 34px;
    position: relative;
    text-transform: uppercase;
}
.room-details-title::after {
    background: #b5876d none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 90px;
}
.room-details-text {
    padding-top: 50px;
}
.room-details-text > p {
    margin-bottom: 24px;
}
.room-facilities {
    margin-bottom: 32px;
    overflow: hidden;
    padding-top: 22px;
}
.single-facility > span {
    display: block;
    line-height: 25px;
    margin-bottom: 10px;
}
.single-facility {
    float: left;
    width: 33.3333%;
}
.single-faciity {
    padding-top: 1px;
}
.single-facility span i {
    font-size: 18px;
    padding-right: 10px;
}
.cost > h2,
.cost span {
    color: #ffffff;
}
.cost {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    height: 100px;
    padding: 20px 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 170px;
}
.cost > span {
    display: block;
    font-size: 15px;
    padding-top: 5px;
}
.zmdi-check {
    color: #1db000;
}
.zmdi-close {
    color: #ff0101;
}
.room-area .room-details-title {
    margin-bottom: 40px;
}
.cost > h2,
.cost span {
    color: #ffffff;
}
.cost {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    height: 100px;
    padding: 20px 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 170px;
}
.cost > span {
    display: block;
    font-size: 15px;
    padding-top: 5px;
}
.sidebar-widget form.search-form {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.sidebar-widget .box-select .select {
    background: #ffffff none repeat scroll 0 0;
    border-color: #ffffff;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
}
.sidebar-widget .search-form button {
    margin-top: 20px;
    width: 100%;
}
.sidebar-widget {
    background: #f1f1f1 none repeat scroll 0 0;
    margin-bottom: 50px;
    padding: 24px 20px 30px;
}
.sidebar-widget .room-details-title {
    font-size: 18px;
    margin-bottom: 27px;
    padding-top: 6px;
}
.sidebar-widget .room-details-title::after {
    bottom: -7px;
}
.sidebar-widget .c-info > span:first-child {
    border: 0 none;
    text-align: left;
}
.sidebar-widget .c-info:hover > span:first-child {
    background: transparent;
    color: #252525;
}
.sidebar-widget .c-info {
    margin-bottom: 12px;
}
.sidebar-widget .c-info-text {
    margin-bottom: 12px;
}
.sidebar-widget .c-info:last-child {
    margin: 0;
}
.sidebar-widget .c-info > span:last-child {
    padding-left: 44px;
}
.post-img > img {
    max-width: 100%;
}
.post-img {
    float: left;
}
.post-content {
    margin-bottom: 40px;
    overflow: hidden;
}
.post-text {
    overflow: hidden;
    padding-left: 24px;
}
.post-text h4 {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 11px;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.post-text h4:hover a {
    color: #b5876d;
}
.post-text > span {
    color: #909090;
    display: block;
    font-size: 13px;
}
.post-content:last-child {
    margin: 0;
}

.room-details .single-room.large .hover-text {
    padding: 0 80px;
}
/*----------------------------------------*/
/*  14. Location Page
/*----------------------------------------*/
.location-image a {
    display: block;
    position: relative;
    overflow: hidden;
}
.location-image a::before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
}
.location-image a:hover::before {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
}
.location-image a::after {
    color: #ffffff;
    content: "";
    font-family: "Material-Design-Iconic-Font";
    font-size: 48px;
    left: 50%;
    margin: auto;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease 0s;
}
.location-image a:hover::after {
    opacity: 1;
}
.location-text > h3 {
    color: #252525;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin-bottom: 13px;
}
.location-text > h3:hover a {
    color: #b5876d;
}
.location-text {
    padding-top: 25px;
}
.address-distance > span {
    display: inline-block;
    font-size: 15px;
}
.address-distance > span:first-child {
    float: left;
}
.address-distance > span:last-child {
    float: right;
}
.single-location {
    margin-bottom: 70px;
}
/*----------------------------------------*/
/*  15. Event Page
/*----------------------------------------*/
.event-items {
    margin-left: -5px;
    margin-right: -5px;
}
.single-event {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
}
.single-event-item > img {
    width: 100%;
}
.single-event-item {
    position: relative;
}
.event-text {
    height: 100%;
    left: 0;
    padding-left: 39px;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.event-text::before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-event:hover .event-text::before {
    opacity: 1;
}
.event-title {
    bottom: 45px;
    color: #ffffff;
    position: absolute;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    z-index: 1;
}
.single-event:hover .event-title {
    bottom: 140px;
}
.event-text .author-name {
    bottom: -90%;
    color: #b5876d;
    position: absolute;
    transition: all 0.8s ease 0s;
    z-index: 1;
}
.event-text > p {
    bottom: -200%;
    color: #ffffff;
    position: absolute;
    transition: all 1s ease 0s;
    width: 48%;
    z-index: 1;
}
.small .event-text > p {
    width: 93%;
}
.single-event:hover .event-text > p {
    bottom: 37px;
    transition-delay: 0.25s;
}
.single-event:hover .event-text .author-name {
    bottom: 108px;
    transition-delay: 0.1s;
}
.event-text::after {
    background: #ffffff none repeat scroll 0 0;
    bottom: 53px;
    content: "";
    height: 0;
    left: 29px;
    position: absolute;
    transition: all 0.8s ease 0s;
    width: 1px;
}
.single-event:hover .event-text::after {
    height: 110px;
    transition-delay: 0.5s;
}
.event-area .single-event:nth-child(5),
.event-area .single-event:nth-child(6) {
    margin: 0;
}
/*----------------------------------------*/
/*  16. Contact Page
/*----------------------------------------*/
h4.contact-title {
    font-size: 24px;
    line-height: 18px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.contact-text > p {
    line-height: 24px;
    margin-bottom: 13px;
}
.contact-text i {
    font-size: 18px;
}
span.c-icon {
    display: inline-block;
    float: left;
}
span.c-icon i {
    position: relative;
    top: 3px;
    width: 27px;
}
span.c-text {
    display: inline-block;
}
.contact-text {
    margin-bottom: 55px;
}
.link-social > a {
    color: #444;
    display: inline-block;
    line-height: 19px;
    margin-right: 27px;
}
.link-social > a:hover {
    color: #b5876d;
}
.link-social > a i {
    font-size: 20px;
}
.form__guest input,
.form__guest textarea {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 0 none;
    color: #444444;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 0 15px;
    width: 100%;
    border-radius: 0;
}
.form__guest textarea {
    height: 100px;
    padding-top: 13px;
}
#contact-form input::-moz-placeholder,
#contact-form textarea::-moz-placeholder {
    color: #444;
}
#contact-form input::-webkit-input-placeholder,
#contact-form textarea::-webkit-input-placeholder {
    color: #444;
}
#contact-form button.default-btn {
    border: 0 none;
    font-size: 16px;
    line-height: 40px;
    padding: 0 35px;
}
#contact-form button.default-btn::before {
    background: #333333 none repeat scroll 0 0;
}
.rooms-carousel {
    position: relative;
}
.rooms-carousel .s-room .name {
    color: #444;
}
.rooms-carousel .s-room .name a {
    font-size: 22px;
    font-weight: bold;
    margin: 10px 0;
    display: block;
    min-height: 60px;
}
.rooms-carousel .s-room .name a.btn__more {
    font-size: 14px;
    text-align: left;
    display: inline-block;
    padding: 2px 10px;
    height: auto;
    min-height: auto;
}
.rooms-carousel .owl-nav .owl-next {
    right: 0;
    top: calc(34% - 23px);
}
.rooms-carousel .owl-nav .owl-prev {
    left: 0;
    top: calc(34% - 23px);
}
.nav-tabs > li .text {
    font-size: 14px;
}
.booking__btn .with-bg {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #9addff;
}
.booking__btn .booking {
    color: #065583;
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
}
.blog-carousel .owl-nav .owl-next {
    right: -1em;
    top: calc(50% - 23px);
}
.blog-carousel .owl-nav .owl-prev {
    left: -1em;
    top: calc(50% - 23px);
}
.blog-carousel .owl-nav .owl-next,
.blog-carousel .owl-nav .owl-prev {
    background-color: #9addff;
}
.blog-carousel .blog-image img {
    max-width: 225px;
    margin: 0 auto;
}
/* HOME GUEST BOOK */
.bg-13 {
    background-image: url("../img/bg/gb-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 90px;
    overflow: hidden;
    position: relative;
}
.home-guestbook {
    padding: 100px 0;
    position: relative;
}
.home-guestbook:after {
    display: table;
    content: "";
    clear: both;
}
.home-guestbook:before {
    width: 10000px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 74.35%;
    content: "";
    z-index: 0;
    background-color: rgba(255, 255, 255, 0.5);
}
.guestbook-content {
    margin-top: 40px;
}
.guestbook-content .owl-buttons {
    display: none;
}
.guestbook-content .owl-pagination {
    margin-top: 20px;
    margin-left: 165px;
}
.guestbook-header {
    position: relative;
    z-index: 100;
}
.home-guestbook .guestbook-header .as__h3 {
    font-size: 22px;
}
.guestbook-header p {
    color: #232323;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1.428em;
}
.guestbook-header .awe-btn {
    margin-top: 40px;
}
.guestbook-item {
    padding-right: 70px;
}
.guestbook-item .img {
    float: left;
    overflow: hidden;
    width: 115px;
    height: 115px;
    margin-right: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.guestbook-item .text {
    overflow: hidden;
    padding-top: 10px;
    padding-left: 20px;
}
.guestbook-item .text p {
    color: #232323;
    line-height: 1.4em;
    font-size: 16px;
    position: relative;
    margin-bottom: 15px;
}
.guestbook-item .text p:before {
    position: absolute;
    content: "“";
    top: 0;
    left: -20px;
    font-size: 40px;
}
.guestbook-item .text p:after {
    content: "„";
    font-size: 40px;
    line-height: 0;
    margin-left: 10px;
}
.guestbook-item .text span {
    color: #ffffff;
}
.guestbook-item .text span strong {
    font-size: 20px;
    margin-right: 20px;
}
/* END / HOME GUEST BOOK */
.with__bg {
    padding: 2em 0;
}
.form_callback {
    color: #fff;
    padding: 3em 2em 2em 2em;
    max-width: 770px;
    background-color: #0883cb;
    margin: 0 auto;
}
.form_callback .form__title {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    font-size: 20px;
    margin-bottom: 1em;
}
.form_callback .single__block {
    width: 32%;
    display: inline-block;
    padding: 5px;
    box-sizing: border-box;
}
.form_callback .single__block + .single__block {
    margin-left: 10px;
}
.form_callback .message {
    padding: 5px;
    box-sizing: border-box;
}
.form_callback .single__block input,
.form_callback textarea,
.form_callback select {
    font-size: 14px;
    color: #fff;
    padding: 0 30px 0 10px;
    background-color: transparent;
    width: 100%;
    border: 2px solid #fff;
    box-sizing: border-box;
    height: 40px;
    line-height: 36px;
}
.form_callback textarea {
    width: 100%;
    height: 120px;
}
.form_callback .hillter-icon-calendar {
    color: #fff;
    top: 16px;
    right: 16px;
}
.form_callback .single__block input {
    color: #fff;
}
.form_callback .required__info {
    display: block;
    margin-top: 10px;
}
.form_callback .single__block select {
    width: 100%;
}
.form_callback label {
    color: #fff;
    width: 100%;
}
.form_callback ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}
.form_callback ::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.form_callback :-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}
.form_callback :-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}
.form_callback .btn {
    border: 0 none;
    font-size: 16px;
    line-height: normal;
    padding: 12px 35px;
    height: auto;
    margin: 1em 0 0 0;
    background: #abdfff;
    color: #0f5b87;
}
.form_callback .btn:hover {
    color: #033333;
}
.form_room_booking input,
.form_room_booking select,
.form_room_booking textarea {
    background-color: #fff;
    width: 100%;
    display: block;
    height: 30px;
    border: 1px solid #d4d4d4;
    line-height: 21px;
    padding: 4px 10px;
}
.form_room_booking .form-group {
    margin-bottom: 8px;
}
.sidebar-widget .search-form button {
    line-height: normal;
    padding: 12px 14px;
    height: auto;
}
.form_room_booking textarea {
    height: 80px;
    display: none;
}
.form_room_booking .message label {
    display: inline-block;
    border-bottom: 1px dashed #dddddd;
}
.form_room_booking .message label:hover {
    cursor: pointer;
}
.required__info {
    font-size: 11px;
}
.required__info + .required__info {
    margin-top: 4px;
}
.form_room_booking .single__block {
    position: relative;
}
.form_room_booking label {
    font-size: 13px;
    font-weight: bold;
}
.form_room_booking .zmdi-calendar-note {
    position: absolute;
    top: 29px;
    right: 10px;
    font-size: 16px;
}
.form_main_booking {
    background-color: #f1f1f1;
    padding: 1em;
    text-align: center;
}
.form_main_booking .single__block {
    display: inline-block;
    width: 33%;
    margin-top: 10px;
    padding: 0 0.5em;
    box-sizing: border-box;
}
.form_main_booking label {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
}
.form_main_booking input,
.form_main_booking select,
.form_main_booking textarea {
    background-color: #fff;
    width: 100%;
    display: block;
    height: 30px;
    border: 1px solid #d4d4d4;
    line-height: 21px;
    padding: 4px 10px;
}
.form_main_booking textarea {
    height: 140px;
}
.form_main_booking input,
.form_main_booking select {
    height: 35px;
    width: 100%;
}
.form_main_booking .form-group {
    margin-bottom: 0;
    position: relative;
}
.form__checkbox {
    margin: 7px 0;
}
.form__checkbox label {
    display: inline;
    position: relative;
    padding-left: 25px;
}
.form__checkbox input {
    display: block;
    position: absolute;
    left: 0px;
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    margin: 0px;
}
#form_room_booking .form__checkbox label {
    display: block;
    text-align: left;
}
#form_room_booking .form__checkbox label {
    padding-left: 32px;
}
#form_room_booking .form__checkbox input {
    left: 7px;
}
@media screen and (max-width: 480px) {
    .form__checkbox label {
        display: block;
        text-align: left;
    }
    .form__checkbox label {
        padding-left: 32px;
    }
    .form__checkbox input {
        left: 7px;
    }
}
.zmdi-calendar-note {
    top: 30px;
    right: 18px;
    position: absolute;
}
.form_main_booking .message {
    width: 100%;
    display: block;
    padding: 0 0.5em;
    margin-top: 1em;
}
.form_main_booking .message textarea {
    width: 100%;
    display: block;
}
.form_main_booking .captcha_box {
    display: block;
    padding: 0 0.5em;
    text-align: center;
    margin-top: 1em;
}
.form_main_booking .required__info + .required__info {
    margin-top: 5px;
}
.form_main_booking button {
    margin-top: 1em;
}
form .required label:after {
    content: " *";
}
.news .title {
    display: block;
    font-weight: bold;
    margin: 1em 0 0.5em 0;
    font-size: 16px;
}
.news .date {
    font-size: 14px;
    color: #606060;
    font-weight: bold;
    display: block;
}
.list__wrapper.news > div {
    min-height: 370px;
}
.gallery-filter button {
    padding: 8px 15px;
    line-height: normal;
}
.gallery-filter .parent__box a.disable__click {
    padding: 10px 15px;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    color: #444444;
}
.gallery-filter button:focus,
.gallery-filter button.active,
.gallery-filter button:hover,
.gallery-filter .parent__box:hover {
    background-color: #0883cb;
    color: #fff;
}
.gallery-filter .parent__box:hover .disable__click {
    color: #fff;
}
.gallery-filter button + button {
    margin-left: 1em;
}
.gallery-filter .parent__box {
    margin-left: 1em;
    font-size: 18px;
    text-align: left;
}
.gallery-filter .parent__box li button {
    font-size: 18px;
    text-align: left;
}
.gallery-filter .parent__box button.active {
    color: #fff;
}
.gallery-page .gallery-filter {
    margin-bottom: 1.5em;
}
.gallery-page .gallery-masonry {
    margin-bottom: 1.5em;
}
.section-guest-book .default-btn {
    padding: 12px 20px;
}
.gallery-page .gallery-filter ul {
    padding: 0;
}
.gallery-page .gallery-filter ul li {
    list-style: none;
    font-size: 18px;
}
.white-popup-block {
    background: #fff;
    padding: 20px 30px;
    text-align: left;
    max-width: 370px;
    margin: 40px auto;
    position: relative;
}
.center_block {
    text-align: center;
    display: block;
    width: 100%;
}
.center_block .g-recaptcha {
    display: inline-block;
}
form .btn {
    margin-top: 1em;
    padding: 14px 20px;
    width: 250px;
    height: auto;
    line-height: normal;
}
.alert__box:empty {
    display: none;
}
.alert__box {
    padding: 10px;
    text-align: center;
    margin: 0.5em 0;
    font-size: 15px;
}
/* 14.   Guest Book
--------------------------------------------------------------------------------*/
.section-guest-book {
    background-color: #fff;
    padding: 45px 0;
}
.guest-book .guest-book_head {
    background-size: cover;
    overflow: hidden;
}
.guest-book .guest-book_head .text {
    background-color: #344a71;
    float: right;
    width: 400px;
    padding: 0;
}
.guest-book .guest-book_head .text h2 {
    color: #fff;
    margin: 0;
    font-size: 23px;
    text-transform: uppercase;
    line-height: 1.428em;
}
.guest-book .guest-book_head .text p {
    color: #fff;
    font-size: 15px;
    line-height: 1.428em;
    margin-bottom: 0;
    margin-top: 15px;
}
.guest-book .guest-book_head .text .awe-btn {
    font-size: 16px;
    padding: 7px 20px;
    margin-top: 25px;
}
.guest-book .guest-book_head.guest-book_head-2 .text {
    background-color: transparent;
    max-width: 660px;
    width: auto;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.guest-book .guest-book_head.guest-book_head-2 .text h2 {
    color: #232323;
    font-weight: bold;
    font-size: 40px;
    letter-spacing: 2px;
}
.guest-book .guest-book_head.guest-book_head-2 .text p {
    color: #898989;
}
.guest-book .guest-book_content .guest-book_item {
    margin-top: 30px;
}
.guest-book_item {
    text-align: center;
    padding: 25px 35px 25px 35px;
    border: 2px solid #232323;
    position: relative;
}
.guest-book_item:before,
.guest-book_item:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.guest-book_item:before {
    border-right: 2px solid #0883cb;
    border-bottom: 2px solid #0883cb;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
}
.guest-book_item:after {
    border-left: 2px solid #0883cb;
    border-top: 2px solid #0883cb;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
}
.guest-book_item.guest-book_item-2 {
    background-color: #f9f9f9;
    border-width: 0;
    margin-top: 20px;
}
.guest-book_item.guest-book_item-2:before,
.guest-book_item.guest-book_item-2:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.guest-book_item.guest-book_item-2 h2,
.guest-book_item.guest-book_item-2 div.title {
    margin-top: 20px;
}
.guest-book_item .icon {
    color: #b4b4b4;
    font-size: 10px;
    margin-top: 0;
}
.guest-book_item .avatar {
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.guest-book_item .avatar:before {
    border: 3px solid #0883cb;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.guest-book_item h2,
.guest-book_item div.title {
    margin-top: 10px;
    font-size: 20px;
    text-transform: uppercase;
    color: #444444;
    font-weight: bold;
}
.guest-book_item p {
    color: #30373b;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
}
.guest-book_item p.answer {
    font-style: italic;
    padding-top: 10px;
    border-top: 1px solid #0883cb;
    opacity: 0.8;
}
.guest-book_item span {
    margin-top: 20px;
    display: block;
    color: #898989;
    font-size: 16px;
}
.guest-book_item span b {
    color: #444444;
}
.guest-book_item:hover:before,
.guest-book_item:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.guest-book_item:hover .avatar:before {
    opacity: 1;
}
.guest-book_item .date {
    margin-top: 1em;
}
.guestbook-item .img {
    position: relative;
}
.guest-book_mansory .avatar img,
.guestbook-item .img img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.guest-book_mansory .page-navigation {
    display: block;
    margin-bottom: 1em;
}
.guest-book_item .date {
    margin-top: 1em;
}
.guest-book_item .avatar__link {
    display: none;
}
.guest-book_item .avatar__link.show {
    display: block;
}
.guestbook-item {
    padding-right: 70px;
}
.guestbook-content {
    overflow: hidden;
}
/* HOME GUEST BOOK */
.home-guestbook {
    padding: 100px 0;
    position: relative;
}
.home-guestbook:after {
    display: table;
    content: "";
    clear: both;
}
.home-guestbook:before {
    width: 10000px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 74.35%;
    content: "";
    z-index: 0;
    background-color: rgba(255, 255, 255, 0.5);
}
.guestbook-content {
    margin-top: 40px;
}
.guestbook-content .owl-buttons {
    display: none;
}
.guestbook-content .owl-pagination {
    margin-top: 20px;
    margin-left: 165px;
}
.guestbook-header {
    position: relative;
    z-index: 1;
}
.guestbook-header p {
    color: #232323;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1.428em;
}
.guestbook-header .awe-btn {
    margin-top: 40px;
}
.guestbook-item {
    padding-right: 70px;
}
.guestbook-item .img {
    float: left;
    overflow: hidden;
    width: 115px;
    height: 115px;
    margin-right: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.guestbook-item .text {
    overflow: hidden;
    padding-top: 10px;
    padding-left: 20px;
}
.guestbook-item .text p {
    color: #232323;
    line-height: 1.4em;
    font-size: 16px;
    position: relative;
    margin-bottom: 15px;
}
.guestbook-item .text p:before {
    position: absolute;
    content: "“";
    top: 0;
    left: -20px;
    font-size: 40px;
}
.guestbook-item .text p:after {
    content: "„";
    font-size: 40px;
    line-height: 0;
    margin-left: 10px;
}
.guestbook-item .text span {
    color: #ffffff;
}
.guestbook-item .text span strong {
    font-size: 20px;
    margin-right: 20px;
}
/* END / HOME GUEST BOOK */
/* PAGE NAVIGATION */
.page-navigation {
    margin-top: 30px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    font-size: 0;
    display: inline-block;
    clear: both;
    text-align: center;
    width: 100%;
}
.page-navigation li {
    display: inline-block;
    font-size: 15px;
    margin-right: 20px;
    vertical-align: middle;
}
.page-navigation li a {
    color: #444444;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.page-navigation li a:hover {
    color: #0883cb;
}
.page-navigation li.first a,
.page-navigation li.first span,
.page-navigation li.last a,
.page-navigation li.last span {
    font-size: 13px;
    display: block;
    border: 2px solid #232323;
    width: 23px;
    height: 23px;
    line-height: 22px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.page-navigation li.first a:hover,
.page-navigation li.last a:hover {
    border-color: #0883cb;
}
.page-navigation li.current-page {
    font-weight: bold;
    font-size: 20px;
}
.page-navigation li {
    position: relative;
}
.page-navigation li .fa {
    position: absolute;
    top: 5px;
    left: 6px;
}
.page-navigation li + li {
    margin-top: 0;
}
/* END / PAGE NAVIGATION */
.awe-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(72, 72, 72, 0.3);
    top: 0;
    left: 0;
    z-index: 0;
}
.guestbook-content .owl-controls {
    margin-top: 20px;
    margin-left: 165px;
}
.guestbook-content .owl-controls .owl-dot {
    font-size: 14px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    margin: 0 2px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.guestbook-content .owl-controls .owl-dot.active {
    background-color: #fff;
}
.form_main_booking .required__info {
    margin: 1em 0;
}
.welcome__text {
    text-align: center;
}
.content h1 {
    margin: 0 0 0.5em 0;
    text-align: center;
}
.g-recaptcha {
    display: inline-block;
    text-align: center;
}
.page__404.breadcrumb-text h1 {
    color: #0883cb;
}
.footer__menu li {
    list-style: none;
    display: inline-block;
    margin: 4px 5px;
}
.rooms-carousel.main__page .s-room .name {
    position: absolute;
    top: 45%;
    left: 1em;
    right: 1em;
    text-align: center;
}
.rooms-carousel.main__page .single-room {
    width: 100%;
    height: auto;
}
.rooms-carousel.main__page .s-room .name a {
    color: #fff;
}
.rooms-carousel.main__page .owl-nav .owl-next,
.rooms-carousel.main__page .owl-nav .owl-prev {
    top: calc(50% - 23px);
}
.for__mobile {
    display: none;
}
.footer-logo img {
    width: 100%;
}
section ul {
    padding-left: 2em;
    margin: 0 0 10px 0;
}
section ul li {
    list-style: disc;
    line-height: normal;
    font-size: 15px;
}
.btn__voting {
    position: fixed;
    bottom: 0;
    left: 2em;
}
.btn__voting img {
    max-width: 250px;
}
.table_new_price td,
th {
    padding: 4px;
}
.table__price tr td,
.table__price tr th {
    padding: 10px;
    border: solid 1px #fff;
    text-align: center;
}
.room-details-text .table__price tr th {
    background-color: #0883cb;
}
.btn__voting_reit {
    position: fixed;
    bottom: 22px;
    right: 2em;
    z-index: 999;
}
.btn__voting_reit img {
    max-height: 150px;
    border-radius: 9px;
}
/* POPUP BOX */
#overlay-box {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade 0.6s;
    -moz-animation: fade 0.6s;
    animation: fade 0.6s;
    overflow: auto;
}
#overlay-box .popup-box {
    top: 25%;
    left: 0;
    right: 0;
    font-size: 14px;
    margin: auto;
    width: 85%;
    min-width: 320px;
    max-width: 600px;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font: 14px/18px "Tahoma", Arial, sans-serif;
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22), 0 19px 60px rgba(0, 0, 0, 0.3);
    -webkit-animation: fade 0.6s;
    -moz-animation: fade 0.6s;
    animation: fade 0.6s;
}
#overlay-box .popup-box .close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    position: absolute;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 131, 119, 0.9);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;
}
#overlay-box .popup-box .close:before {
    position: relative;
    top: -2px;
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
#overlay-box .popup-box .close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}
/* AND POPUP BOX */
.img-col-2 img {
    width: 49%;
    margin-right: 3px;
}
.img-col-3 img {
    width: 32%;
    margin-right: 3px;
}
.img-col-4 img {
    width: 24%;
    margin-right: 3px;
}
.img-col-4 img:last-child,
.img-col-3 img:last-child,
.img-col-2 img:last-child {
    margin-right: 0;
}
@media screen and (max-width: 767px) {
    .btn__voting_reit {
        display: none;
    }
    .btn__voting_reit img {
        display: none;
    }
}
.table__wrap {
    overflow-y: auto;
}


/* form_callback review_done */
.form_response{
    display: flex;
    align-items: center;
    justify-content: center;
}
.form_done,
.review_done,
.sauna_done{
    display: none;
    width: 80%;
    max-width: 770px;
    background-color: #0883cb;
    color: #fff;
    padding: 3em 2em;
}
/* form_callback review_done */


/* new guest-book item */
.list__wrapper-new {
    display: flex;
    flex-wrap: wrap;
}

.list__wrapper-new .item-masonry {
    width: 100%;
}

.list__wrapper-new .guest-book_item {
    display: flex;
    flex-direction: row-reverse;
}
@media (max-width: 767px) {
    .list__wrapper-new .guest-book_item {
        flex-direction: column-reverse;
    }
}

.list__wrapper-new .guest-book_item span b {
    display: inline-block;
    width: 100%;
}

.guest-book_item-author {
    min-width: 200px;
}

.list__wrapper-new .guest-book_item p.answer {
    font-style: unset;
    padding-top: unset;
    border-top: unset;
    opacity: unset;
}

.list__wrapper-new .guest-book_item-text {
    border-left: 1px solid #0883cb;
    opacity: 0.8;
    padding-left: 30px;
    width: 100%;
    text-align: left;
}

@media (max-width: 767px) {
    .list__wrapper-new .guest-book_item-text {
        border-left: unset;
        padding-left: unset;
        border-top: 1px solid #0883cb;
        margin-top: 30px;
    }
    .list__wrapper-new .guest-book_item {
        padding: 20px;
    }
}


/*----------------------------------------
Custom Style:
Date: 11.2023
Author: DmitryBikbaev
----------------------------------------*/
.blog-carousel .owl-nav .owl-next,
.blog-carousel .owl-nav .owl-prev {
    background-color: rgba(215, 200, 180, 1);
}
.beach-section .container-fluid {
    padding: 0;
}
.beach-carousel.main__page .owl-nav .owl-next, 
.beach-carousel.main__page .owl-nav .owl-prev {
    top: calc(50% - 23px);
}
.beach-carousel.main__page .owl-nav .owl-next {
    right: 0;
}
.beach-carousel.main__page .owl-nav .owl-prev {
    left: 0;
}
.about-star {
    max-width: 50px;
}
.booking__btn .with-bg {
    background-color: transparent;
}

.booking__btn .with-bg a {
    background-color: rgba(215, 200, 180, 1);
    color: #fff;
    padding: 10px 20px;
    border-radius: 15px;
    transition: all .3s;
}
.booking__btn .with-bg a:hover {
    background-color: rgb(197, 174, 144);
}

.footer-logo .logo-small {
    display: none;
}
@media (max-width: 768px) {
    .footer-logo .logo-big {
        display: none;
    }
    .footer-logo .logo-small {
        display: block;
        width: 150px;
    }
}
.gallery-filter button:focus,
.gallery-filter button.active,
.gallery-filter button:hover,
.gallery-filter .parent__box:hover {
    background-color: rgba(215, 200, 180, 1);
}
.form_callback {
    background-color: rgba(215, 200, 180, 1);
}
.form_callback .btn {
    background: rgb(197, 174, 144);
    color: #fff;
}
.form_callback .btn:hover {
    color: rgb(197, 174, 144);
}
.guest-book_item:after {
    border-left: 2px solid rgba(215, 200, 180, 1);
    border-top: 2px solid rgba(215, 200, 180, 1);
}
.guest-book_item:before {
    border-right: 2px solid rgba(215, 200, 180, 1);
    border-bottom: 2px solid rgba(215, 200, 180, 1);
}
.list__wrapper-new .guest-book_item-text {
    border-left: 1px solid rgba(215, 200, 180, 1);
}
.room-details-text .table__price tr th {
    background-color: rgba(215, 200, 180, 1);
}
/* accordion */
.contacts .accordion {
    background-color: rgba(215, 200, 180, 1);
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.contacts .active, .accordion:hover {
    background-color: rgb(197, 174, 144);
}

.contacts .accordion:after {
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    content: '\002B';
    color: #777;
    float: right;
    margin: -10px 0;
    margin-left: 5px;
}

.contacts .active:after {
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    content: "\2212";
}

.contacts .panel {
    margin: 0;
    padding: 0 18px;
    background-color: rgb(228, 218, 206);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.contacts a[href*='tel'],
.contacts a[href*='mailto'] {
    font-weight: 700;
}

.doc-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0;
    margin: 0;
    padding: 30px 0 60px;
}
.doc-list__item {
    display: flex;
    list-style: none;
}
.doc-list__item-link {
    display: flex;
    align-items: center;
    align-self: flex-start;
    gap: 10px;
}

/* stolovaya */
.stolovaya .gallery-items,
.parnaya .gallery-items,
.novogodnij .gallery-items,
.beach .gallery-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0 0 30px;
}

.parnaya .gallery-items {
    grid-template-columns: repeat(3, 1fr);
}
.novogodnij .gallery-items {
    grid-template-columns: repeat(2, 1fr);
}
.parnaya.parnaya--certificate .gallery-items {
    grid-template-columns: repeat(1, 1fr);
    max-width: 780px;
    margin: 0 auto;
}
.stolovaya .gallery-item,
.parnaya .gallery-item,
.novogodnij .gallery-item,
.beach .gallery-item { width: 100% }
@media (max-width: 991px) {
    .stolovaya .gallery-items,
    .parnaya .gallery-items,
    .beach .gallery-items { grid-template-columns: repeat(3, 1fr) }

    .parnaya .gallery-items {
        grid-template-columns: repeat(2, 1fr);
    }
    .parnaya.parnaya--certificate .gallery-items {
        grid-template-columns: repeat(1, 1fr);
    }
    .novogodnij .gallery-items {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 767px) {
    .stolovaya .gallery-items,
    .parnaya .gallery-items,
    .beach .gallery-items { grid-template-columns: repeat(2, 1fr) }

    .parnaya .gallery-items {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 479px) {
    .stolovaya .gallery-items,
    .parnaya .gallery-items,
    .beach .gallery-items { grid-template-columns: repeat(1, 1fr) }
}

/* about-gallery */
.about-gallery__img-box p {
    width: 100%;
    max-width: 172px;
}
.about-gallery__img-box img { width: 100%!important }
.about-gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1169px) {.about-gallery { grid-template-columns: repeat(4, 1fr) }}
@media (max-width: 991px) {.about-gallery { grid-template-columns: repeat(3, 1fr) }}
@media (max-width: 767px) {.about-gallery { grid-template-columns: repeat(2, 1fr) }}
@media (max-width: 479px) {.about-gallery {grid-template-columns: repeat(1, 1fr) }}

a#specialButton {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: -10px 0 0;
	font-size: 20px;
}

.visually-impaired__wrapper {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 991px) {
    a#specialButton {
        padding: 10px 0 0 0;
        margin: 0;
    }
}

@media (max-width: 767px) {
    a#specialButton {
        color: #000;
        
    }
    a svg {
        fill: #000;
    }
}

.room-title {
    font-size: 22px;
    font-weight: 700;
}

.banners__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    padding: 50px 0 50px;
}
.banners__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.banners__items.single {
    grid-template-columns: repeat(1, 1fr);
}
.banners__link {
    max-width: 600px;
}
@media (max-width: 767px) {
    .banners__items {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* certificate */
.certificate__item {
    display: flex;
    gap: 20px;
}
.certificate__item-img-box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.certificate__item-img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
@media (max-width: 767px) {
    .certificate__item {
        flex-direction: column;
        gap: 10px;
    }
}

.news img {
    aspect-ratio: 185/118;
    object-fit: contain;
}
.news .img a { display: inline-block }