#section-hotel-index-intro {margin-bottom: 40px;}
.hotel-index-intro-wrapper {padding-top: 50px; padding-bottom: 50px; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #46c1be;}
.hotel-index-intro-wrapper .section-title {width: 50%; padding-right: 2%; position: relative;}
.section-title-inner {position: relative;}
.hotel-index-title-decor {position: absolute; width: 103px; height: 103px; background: url('../images/hotel-title-decor.png') no-repeat 0 0; top: -40px; left: -40px; background-size: 100% 100%;}
.hotel-index-intro-desc {width: 50%; padding-left: 2%; font-size: 16px; color: var(--blue); max-width: 460px;}

#section-hospital-hotel {margin-bottom: 20px;}
.hospital-hotel-search-wrapper {margin-bottom: 20px; display: inline-block; width: 100%; max-width: 300px; position: relative;}
.hospital-hotel-search-dropdown {cursor: pointer; border: 2px solid #c1bcbc; border-radius: 50px; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px 10px 20px; background-color: #FFF; position: relative; z-index: 11;}
.hospital-hotel-search-selected {color: #c1bcbc; font-size: 16px; font-weight: bold;}
.hospital-hotel-search-caret {width: 12px; height: 8px; background: url('../images/icon-caret-down-blue.png') no-repeat 0 0;}
.hospital-hotel-search-choices {display: none; position: absolute; top: calc(100% - 24px); left: 0; right: 0; z-index: 10; background:#FFF; border: 2px solid #45c0be; border-top: 0; border-radius: 20px; padding-left: 5%; padding-right: 5%; padding-top: 20px;}
.hospital-hotel-search-item {padding: 10px 5% 10px 5%; border-bottom: 1px solid #45c0be;}
.hospital-hotel-search-choices a:last-child .hospital-hotel-search-item {border-bottom: 0;}
.hospital-hotel-search-choices a {color: #000;}
.hospital-hotel-search-choices a:hover {color: #45c0be;}
.hospital-hotel-search-dropdown.active {border-bottom: 0; border-radius: 20px 20px 0 0; border-color: #45c0be;}

.hospital-hotel-list {display: grid; grid-auto-rows: 1fr; grid-template-columns: 33.33% 33.33% 33.33%; margin-bottom: 20px;}
.hospital-hotel-item {padding-right: 4%; padding-bottom: 20px;}
.hospital-hotel-item-box {
    height: 100%; transition: var(--transition); width: 100%; margin-right: 4%; padding: 20px 5% 80px 5%; border-radius: 20px; background: url('../images/hospital-hotel-item-decor.png') no-repeat bottom right; background-color: #f8feff; position: relative;
    box-shadow: 5px 5px 10px -5px rgba(60,60,60,0.75); -webkit-box-shadow: 5px 5px 10px -5px rgba(60,60,60,0.75); -moz-box-shadow: 5px 5px 10px -5px rgba(60,60,60,0.75);
}
.hospital-hotel-list:nth-child(n) .hospital-hotel-item:nth-child(3) .hospital-hotel-item-box {margin-right: 0;}
.hospital-hotel-item-name {font-size: 24px; color: var(--blue); font-weight: 500; font-family: var(--domaine); line-height: 1.1em; margin-bottom: 10px;}
.hospital-hotel-item-city {color: #006aa7; display: flex; align-items: center; font-size: 19px; font-weight: 600; margin-bottom: 20px;}
.hospital-hotel-item-city img {margin-right: 10px;}
.hospital-hotel-item-bottom {height: 80px; position: absolute; width: 100%; left: 0; bottom: 0; display: flex; align-items: center; padding-left: 5%; padding-right: 5%;}
.hospital-hotel-item-button {transition: var(--transition); border-radius: 5px 20px 5px 20px; background-color: #46c1be; letter-spacing: 2px; color: #FFF; padding: 7px 20px; font-weight: bold; font-size: 12px;}
.hospital-hotel-item a:hover .hospital-hotel-item-box {background-color: #e9faff;}
.hospital-hotel-item a:hover .hospital-hotel-item-button {background-color: var(--blue);}
.hospital-hotel-more-button {cursor: pointer; transition: var(--transition); border-radius: 5px 20px 5px 20px; background-color: #46c1be; letter-spacing: 2px; color: #FFF; padding: 7px 20px; font-weight: bold; font-size: 12px; display: flex; align-items: center;}
.hospital-hotel-more-button img {margin-left: 10px;}
.hospital-hotel-more-button:hover {background: var(--blue)}

.banner-hotel-subtitle {font-family: var(--domaine); font-weight: 500; font-size: 30px; color: #45c0be; margin-bottom: 5px;}
.banner-city {display: flex; align-items: baseline; font-size: 19px; font-weight: 600; color: var(--blue);}
.banner-city img {margin-right: 10px;}

#section-hotel-list {margin-bottom: 20px;}
.hotel-list-toolbar {margin-bottom: 20px;}
.hotel-sort-button-wrapper {display: inline-block;}
.hotel-sort-button {background-color: var(--blue); border-radius: 5px; font-size: 16px; font-weight: bold; color: #FFF; padding: 10px 30px; display: flex; align-items: center; justify-content: center;}
.hotel-sort-button img {margin-left: 10px;}

#section-hotel-list {margin-bottom: 20px;}
.hotel-list-wrapper {display: grid; grid-auto-rows: 1fr; grid-template-columns: 33.33% 33.33% 33.33%; margin-bottom: 25px;}
.hotel-list-item {padding-right: 5%; margin-bottom: 25px;}
.hotel-list-item-box {
    background: #FFF; border-radius: 25px; height: 100%;
    box-shadow: 5px 5px 10px -5px rgba(60,60,60,0.75); -webkit-box-shadow: 5px 5px 10px -5px rgba(60,60,60,0.75); -moz-box-shadow: 5px 5px 10px -5px rgba(60,60,60,0.75);
}
.hotel-list-item-thumbnail {border-radius: 20px 20px 0 0; position: relative; height: 210px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.hotel-list-item-decor {position: absolute; bottom: 0; right: 0; width: 96px; height: 73px; background: url('../images/hotel-list-decor.png') no-repeat 0 0; background-size: 100% 100%;}
.hotel-tag {position: absolute; left: 0; bottom: 0; height: 36px; width: 128px; display: flex; align-items: center;}
.hotel-tag.green {background: url('../images/hotel-tag-green.png') no-repeat right center; background-size: 100% 100%;}
.hotel-tag.blue {background: url('../images/hotel-tag-blue.png') no-repeat right center; background-size: 100% 100%;}
.hotel-tag-label {font-size: 12px; font-family: var(--nunitosans); font-weight: bold; color: var(--blue); text-align: center; width: 100%; line-height: 1.1em;}
.hotel-list-item-star-wrapper {width: 51px; height: 44px; position: absolute; top: -8px; right: 20px; background: url('../images/hotel-star-box.png') no-repeat 0 0; font-size: 19px; font-weight: 600; color: #FFF; display: flex; align-items: center; justify-content: center; padding-left: 8px;}
.hotel-list-item-star-wrapper img {margin-left: 3px;}
.hotel-list-item-info-wrapper {padding: 25px 5% 75px 5%; position: relative;}
.hotel-list-name {font-size: 24px; color: var(--blue); font-weight: 500; font-family: var(--domaine); margin-bottom: 5px; line-height: 1.1em;}
.hotel-list-distance {margin-bottom: 20px; display: flex; align-items: baseline;}
.hotel-list-distance-icon {flex: 1 0 auto; max-width: 7px; height: 11px; background: url('../images/icon-map-marker.png') no-repeat 0 0; background-size: 100% 100%;}
.hotel-list-distance-label {font-size: 12px; padding-left: 10px;}
.hotel-list-button-wrapper {position: absolute; bottom: 20px; left: 5%;}
.hotel-list-button {transition: var(--transition); border: 1px solid #c7eafb; background-color: #c7eafb; border-radius: 5px 20px 5px 20px; color: var(--blue); font-weight: bold; font-size: 12px; text-align: center; padding: 7px 20px; letter-spacing: 1px;}
.hotel-list-button:hover {background: #FFF;}

#section-hotel-tag {}
.section-hotel-tag-inner {display: flex; align-items: center; justify-content: space-between;}
.hotel-profile-tag-wrapper {width: 50%; padding-right: 5%;}
.hotel-profile-address-wrapper {width: 50%; padding-left: 5%; display: flex; align-items: baseline;}
.hotel-profile-tag {border: 2px solid #3c92c5; border-radius: 0 20px 20px 20px; padding: 20px 140px 20px 20px; font-size: 32px; font-weight: 500; font-family: var(--domaine); color: var(--blue); line-height: 1.1em; position: relative;}
.hotel-profile-star {position: absolute; width: 96px; height: 57px; background: url('../images/hotel-star-box2.png') no-repeat 0 0; color: #FFF; font-size: 38px; font-weight: bold; text-align: center; top: -16px; right: 20px; display: flex; align-items: center; justify-content: center; padding-right: 6px; font-family: var(--nunitosans);}
.hotel-profile-star img {margin-left: 2px;}
.hotel-profile-address-icon {flex: 0 0 9px; height: 14px; background: url('../images/icon-map-marker.png') no-repeat 0 0; background-size: 100% 100%;}
.hotel-profile-address-icon img {display: none; width: 20px; margin-bottom: 20px;}
.hotel-profile-address {color: #006aa7; font-size: 19px; font-weight: 600; line-height: 1.2em; padding-left: 15px;}

#section-hotel-room {padding-top: 130px; padding-bottom: 200px; background: url('../images/hotel-profile-bg.png') no-repeat bottom center; background-size: 100% 100%; margin-bottom: 80px;}
#section-hotel-room .section-title {position: relative; display: inline-block; margin-bottom: 25px;}
.hotel-room-slider-wrapper {padding-left: 50px; padding-right: 50px;}
.title-decor-blue {position: absolute; top: -20px; left: -45px; background: url('../images/title-decor-blue.png'); width: 33px; height: 32px;}
.hotel-room-item-box {
    margin: 20px; background-color: #fff; border-radius: 30px; overflow: hidden;
    box-shadow: 5px 5px 10px -5px rgba(60,60,60,0.75); -webkit-box-shadow: 5px 5px 10px -5px rgba(60,60,60,0.75); -moz-box-shadow: 5px 5px 10px -5px rgba(60,60,60,0.75);
}
.hotel-room-item-image {height: 165px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.hotel-room-image-clip {position: absolute; bottom: 0; left: 0; right: 0; height: 72px; background: url('../images/hotel-room-clip-bg.png') no-repeat 0 0; background-size: 100% 100%;}
.hotel-room-item-bottom {padding: 20px 10% 30px 10%;}
.hotel-room-item-name {font-weight: bold; font-size: 20px; color: var(--blue); line-height: 1.1em;}

#section-hotel-facility {margin-bottom: 40px;}
#section-hotel-facility .section-title {margin-bottom: 50px;}
.hotel-facility-wrapper {display: grid; grid-auto-rows: 1fr; grid-template-columns: 50% 50%; margin-bottom: 30px;}
.hotel-facility-item {background: #edf7fb; margin-bottom: 20px; padding: 40px 10% 40px 10%; border-radius: 25px;}
.hotel-facility-item.left {margin-right: 5%;}
.hotel-facility-item.right {margin-left: 5%;}
.hotel-facility-item-inner {display: flex; align-items: center; justify-content: center; position: relative; top: 50%; transform: translateY(-50%);}
.hotel-facility-item-icon {flex: 0 0 100px; padding-right: 5px;}
.hotel-facility-item-info {flex: 1;}
.hotel-facility-item-name {font-size: 20px; font-weight: bold; color: var(--blue); line-height: 1.1em;}
.hotel-facility-item-desc {font-weight: 300; font-size: 14px; color: var(--blue);}
.hotel-book-button {background-color: var(--blue); border: 1px solid var(--blue); color: #FFF; letter-spacing: 1px; border-radius: 10px 40px 10px 40px; padding: 8px 30px; font-weight: bold; font-size: 12px;}
.hotel-book-button:hover {background-color: #FFF; color: var(--blue);}

@media screen and (max-width: 1000px) {
    .hospital-hotel-item-name {font-size: 23px;}
    .hospital-hotel-item-city {font-size: 18px;}
    .banner-hotel-subtitle {font-size: 28px;}
    .banner-city {font-size: 18px;}
    .hotel-list-name {font-size: 23px;}
    .hotel-list-item-thumbnail {height: 200px;}
    .hotel-list-item-decor {width: 91px; height: 68px;}
    .hotel-profile-tag {font-size: 29px; padding-right: 130px;}
    .hotel-profile-star {transform: scale(0.9); right: 16px;}
    .hotel-profile-address {font-size: 18px;}
    .hotel-room-item-name {font-size: 19px;}
}

@media screen and (max-width: 900px) {
    .hospital-hotel-item-name {font-size: 21px;}
    .hospital-hotel-item-city {font-size: 17px;}
    .banner-hotel-subtitle {font-size: 26px;}
    .banner-city {font-size: 17px;}
    .hotel-list-name {font-size: 22px;}
    .hotel-list-item-thumbnail {height: 190px;}
    .hotel-list-item-decor {width: 86px; height: 63px;}
    .hotel-profile-tag {font-size: 26px; padding-right: 120px;}
    .hotel-profile-star {transform: scale(0.8); right: 12px; top: -18px;}
    .hotel-profile-address {font-size: 17px;}
    .hotel-room-item-name {font-size: 18px;}
}

@media screen and (max-width: 800px) {
    .hospital-hotel-item-name {font-size: 20px;}
    .hospital-hotel-item-city {font-size: 16px;}
    .banner-hotel-subtitle {font-size: 24px;}
    .banner-city {font-size: 16px;}
    .hotel-list-name {font-size: 21px;}
    .hotel-list-item-thumbnail {height: 180px;}
    .hotel-list-item-decor {width: 81px; height: 58px;}
    .hotel-profile-tag {font-size: 23px; padding-right: 110px;}
    .hotel-profile-star {transform: scale(0.7); right: 8px; top: -20px;}
    .hotel-profile-address {font-size: 16px;}
    .hotel-room-item-name {font-size: 20px;}
}

@media screen and (max-width: 700px) {
    .hospital-hotel-item-name {font-size: 19px;}
    .hospital-hotel-item-city {font-size: 15px;}
    .banner-hotel-subtitle {font-size: 22px;}
    .banner-city {font-size: 15px;}
    .hotel-list-name {font-size: 20px;}
    .hotel-list-item-thumbnail {height: 170px;}
    .hotel-list-item-decor {width: 76px; height: 53px;}
    .hotel-profile-tag {font-size: 20px; padding-right: 100px;}
    .hotel-profile-star {transform: scale(0.6); right: 4px;}
    .hotel-profile-address {font-size: 15px;}
    .hotel-room-item-name {font-size: 18px;}
}

@media screen and (max-width: 600px) {
    .hotel-index-intro-wrapper {flex-direction: column; text-align: center;}
    .hotel-index-intro-wrapper .section-title {width: 100%; margin-bottom: 20px;}
    .hotel-index-title-decor {top: -25px; left: -15px; width: 80px; height: 80px;}
    .section-title-inner {display: inline-block;}
    .hotel-index-intro-desc {width: 100%;}
    .hospital-hotel-list {grid-template-columns: 50% 50%;}
    .banner-hotel-subtitle {font-size: 30px;}
    .banner-city {font-size: 19px;}
    .hotel-list-name {font-size: 24px;}
    .hotel-list-item-thumbnail {height: 210px;}
    .hotel-list-item-decor {width: 96px; height: 73px;}
    .hotel-list-wrapper {grid-template-columns: 50% 50%;}
    .hotel-profile-tag {font-size: 32px; padding-right: 140px;}
    .hotel-profile-star {transform: scale(1); right: 20px; top: -16px;}
    .hotel-profile-address {font-size: 19px; text-align: center; padding-left: 0; width: 100%;}
    .section-hotel-tag-inner {flex-direction: column;}
    .hotel-profile-tag-wrapper {width: 100%; padding-right: 0; margin-bottom: 30px;}
    .hotel-profile-address-wrapper {width: 100%; padding-left: 0; flex-direction: column;}
    .hotel-room-item-name {font-size: 20px;}
    .hotel-facility-item-icon {flex: 0 0 90px;}
    .hospital-hotel-search-wrapper {width: 300px; max-width: unset; display: block; margin: auto; margin-bottom: 20px;}
    .hotel-profile-address-icon {flex: unset; height: unset; width: 100%; text-align: center; background-image: none;}
    .hotel-profile-address-icon img {display: inline-block;}
    #section-hotel-room {background-image: url('../images/hotel-profile-bg-mobile.png'); padding-top: 120px; padding-bottom: 180px;}
    .hotel-room-slider-wrapper {padding-left: 0; padding-right: 0;}
    #section-hotel-room .inline-container2 {padding-left: 0; padding-right: 0;}
    .hotel-room-slider-wrapper .tns-controls {left: 60px; right: 60px; top: 100%; transform: none;}
}

@media screen and (max-width: 550px) {
    .hotel-index-intro-desc {font-size: 15px;}
    .hospital-hotel-item-name {font-size: 18px;}
    .hospital-hotel-item-city {font-size: 14px;}
    .hotel-list-name {font-size: 23px;}
    .hotel-list-item-decor {width: 91px; height: 68px;}
    .hotel-list-item-thumbnail {height: 200px;}
    .hotel-profile-tag {font-size: 29px; padding-right: 130px;}
    .hotel-profile-star {transform: scale(0.9); right: 16px;}
    .hotel-profile-address {font-size: 18px;}
    .hotel-room-item-name {font-size: 19px;}
    .hotel-facility-item-name {font-size: 19px;}
    .hotel-facility-item-icon {flex: 0 0 80px;}
    #section-hotel-room {padding-top: 100px; padding-bottom: 160px;}
}

@media screen and (max-width: 500px) {
    .hotel-index-intro-wrapper .section-title {font-size: 28px;}
    .hospital-hotel-item-name {font-size: 17px;}
    .hotel-list-name {font-size: 22px;}
    .hotel-list-item-decor {width: 86px; height: 63px;}
    .hotel-list-item-thumbnail {height: 190px;}
    .hotel-profile-tag {font-size: 26px; padding-right: 120px;}
    .hotel-profile-star {transform: scale(0.8); right: 12px; top: -18px;}
    .hotel-profile-address {font-size: 17px;}
    .hotel-room-item-name {font-size: 18px;}
    .hotel-facility-item-name {font-size: 18px;}
    .hotel-facility-item-icon {flex: 0 0 70px;}
    #section-hotel-room {padding-top: 80px; padding-bottom: 140px;}
}

@media screen and (max-width: 450px) {
    .hotel-index-intro-desc {font-size: 14px;}
    .hotel-list-name {font-size: 21px;}
    .hotel-list-item-decor {width: 81px; height: 58px;}
    .hotel-list-item-thumbnail {height: 180px;}
    .hotel-profile-tag {font-size: 23px; padding-right: 110px;}
    .hotel-profile-star {transform: scale(0.7); right: 8px; top: -20px;}
    .hotel-profile-address {font-size: 16px;}
    .hotel-room-item-name {font-size: 17px;}
    .hotel-facility-wrapper {grid-template-columns: 100%;}
    .hotel-facility-item.left {margin-right: 0;}
    .hotel-facility-item.right {margin-left: 0;}
    .hotel-facility-item-name {font-size: 20px;}
    .hotel-facility-item-desc {font-size: 14px;}
    .hotel-facility-item-icon {flex: 0 0 100px;}
    .hospital-hotel-list {grid-template-columns: 100%;}
    .hotel-list-wrapper {grid-template-columns: 100%;}
    .hotel-list-item {padding-right: 0;}
    .hotel-sort-button-wrapper {width: 100%;}
    .hotel-sort-button {justify-content: space-between;}
    #section-hotel-room {padding-top: 60px; padding-bottom: 120px;}
}

@media screen and (max-width: 400px) {
    .hotel-list-wrapper {grid-template-columns: 100%;}
    .hotel-list-name {font-size: 24px;}
    .hotel-list-item-thumbnail {height: 210px;}
    .hotel-list-item-decor {width: 96px; height: 73px;}
    .hotel-profile-tag {font-size: 20px; padding-right: 100px;}
    .hotel-profile-star {transform: scale(0.6); right: 4px; top: -21px;}
    .hotel-room-item-name {font-size: 16px;}
    .hotel-facility-item-name {font-size: 19px;}
    .hotel-facility-item-icon {flex: 0 0 90px;}
    #section-hotel-room {padding-top: 40px; padding-bottom: 100px;}
}

@media screen and (max-width: 350px) {
    .hotel-list-name {font-size: 22px;}
    .hotel-list-item-thumbnail {height: 190px;}
    .hotel-list-item-decor {width: 86px; height: 63px;}
    .hotel-room-item-name {font-size: 18px;}
    .hotel-facility-item-icon {flex: 0 0 80px;}

    .hospital-hotel-search-wrapper {width: 100%;}
}