/* Start:/local/templates/hotel/components/bitrix/system.pagenavigation/.default/style.css?1611077696968*/
div.modern-page-navigation {margin: 40px 0 60px; border-bottom:solid 6px #EEE; text-align: right}

div.modern-page-navigation span.count {float:left; color:#DDD; line-height: 34px;}
div.modern-page-navigation span.count strong {font-weight: 800;}

div.modern-page-navigation a, 
span.modern-page-current, 
span.modern-page-dots
{
    display:inline-block;
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
	text-decoration: none;
    border:none;
    color:#777;
    font-weight: 300;
    position: relative;
    border-bottom:solid 6px transparent;
    margin-bottom:-6px;
}

div.modern-page-navigation a:hover {color:#000; border-color:#999;}


div.modern-page-navigation a.modern-page-previous, div.modern-page-navigation a.modern-page-next {width:auto;}
div.modern-page-navigation a.modern-page-first, 
div.modern-page-navigation span.modern-page-first {}

span.modern-page-current {color:#000; font-weight: 800; border-color:#000;}
/* End */


/* Start:/local/templates/hotel/components/bitrix/news.list/.default/style.css?16110776963215*/
.rooms_list {}

.rooms_list .element {margin-bottom: 48px; position: relative}
.rooms_list .element .picture {position: relative; z-index: 1;}
.rooms_list .element .picture:before {content:""; position:absolute; bottom: -6px; right:-6px; left: 12px; top: 12px;  background: #FFEDD8; z-index: -1; border-radius: 4px 4px 4px 0;}
.rooms_list .element .picture a {display: block; width: 100%; padding-top: 65%; background: #EEE; position: relative; z-index: 2; overflow: hidden; border-radius: 4px;}
.rooms_list .element .picture img {position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; z-index: 3;}


.rooms_list .room_equipment {position: absolute; top: 12px; right:12px; left: 12px; z-index: 4; text-align: left;}
.rooms_list .room_equipment li {display: block; margin-bottom: 12px; padding: 6px; background: rgba(255,255,255,.8); border-radius: 6px; cursor: pointer; transition: all .2s ease; white-space: nowrap; width: 36px; overflow: hidden;}
.rooms_list .room_equipment li:hover {background: #FFF; width: 100%;}
.rooms_list .room_equipment li img {display: inline-block;  vertical-align: middle; width: 24px;}
.rooms_list .room_equipment li span {display: inline-block; vertical-align: middle; padding: 0 12px; white-space: nowrap; font-size: 13px; line-height: 24px; font-weight: 500; opacity: 0;}
.rooms_list .room_equipment li:hover span {opacity: 1}

.rooms_list .element .caption {display: flex; padding: 12px 12px; }
.rooms_list .element .caption .price {display: none; font-size: 24px; line-height: 48px; font-weight: 500; white-space: nowrap; margin:-12px 18px 0 0; padding: 12px 12px 6px; background: #FFEDD8; border-radius: 0 0 4px 4px;}
.rooms_list .element .caption .title {font-size: 16px; line-height: 24px; font-weight: 500;}

.rooms_list .element .actions {padding: 6px 12px; }
.rooms_list .element .actions li {display: inline-block; margin-right: 12px;}
.rooms_list .element .actions li a {}

/*MODAL*/
.modal_room {display: none; width: 80%; background: #FFF; border-radius: 6px; box-shadow: 0 0 20px 8px rgba(0,0,0,.1);}
.modal_room .wrapper {}

.modal_room .wrapper .picture {position: relative; height: 100%; width: 100%; overflow: hidden}
.modal_room .wrapper .picture img {position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); height: 100%; z-index: 3;}

.modal_room .caption {padding: 40px;}
.modal_room .wrapper .title {font-size: 28px; line-height: 32px; font-weight: 300; font-family: "Raleway", 'Roboto', 'Helvetica','Arial',sans-serif;}
.modal_room .wrapper .description {font-size: 17px; line-height: 24px; margin: 24px 0;}
.modal_room .wrapper .price {display: none; font-size: 24px; line-height: 24px; font-weight: bold; margin: 24px 0;}

.modal_room .wrapper .pictures {}
.modal_room .wrapper .pictures a {display: block; width: 100%; padding-top: 100%; overflow: hidden; position: relative; margin-top: 40px; border-radius: 4px;}
.modal_room .wrapper .pictures a img {position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); height: 100%; z-index: 3;}
.modal_room .wrapper .pictures a:hover {transform: scale(1.05); box-shadow: 0 0 12px 4px rgba(0,0,0,.1)}
/* End */


/* Start:/local/templates/hotel/components/bitrix/news.list/gallery/style.css?1611077696933*/
.gallery_list .element {margin-bottom: 48px; z-index: 1; text-align: center;}
.gallery_list .element .picture {display: block; width: 80%; margin: 0 auto 24px; position: relative; box-shadow: 0 0 12px 6px rgba(0,0,0,.05)}
.gallery_list .element .picture a {display: block; width: 100%; padding-top: 65%; overflow: hidden; background: #f2ebff; border-radius: 6px; position: relative;  z-index:2}
.gallery_list .element .picture:before {content:""; position: absolute; border-radius: 40%; top: 5%; bottom: 5%; left: 5%; right: 5%; z-index: -1; box-shadow: 0 0 60px 60px rgba(242, 235, 255, 0.8)}
.gallery_list .element .picture a img {position: absolute; top:50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; z-index: 3;}
.gallery_list .element .title {font-weight: 500; font-size: 21px; line-height: 24px; margin-bottom: 12px;}
.gallery_list .element .description {font-size: 14px; line-height: 24px;}

/* End */


/* Start:/local/templates/hotel/components/bitrix/news.list/reviews/style.css?1611077696977*/
.reviews_list {}
.reviews_list .element {padding: 24px 0; border-bottom: solid 1px #EEE;}
.reviews_list .element .author {}
.reviews_list .element .author i  {float:left; width: 48px; line-height: 48px; font-size: 24px; background: #EEE; color:#000; text-align: center; border-radius: 50%; margin-right: 12px;}
.reviews_list .element .author strong, .reviews_list .element .author span {display: block; line-height: 24px; font-size: 14px;}
.reviews_list .element .author span {color:#999; font-size: 13px;}

.reviews_list .element .badge {float:right; line-height: 36px; width: 36px; font-size: 18px; font-weight: 500; color:#FFF; border-radius: 8px 8px 8px 0; background: #003580; text-align: center;}
.reviews_list .element .date {font-size: 12px; line-height: 24px; color:#999;}
.reviews_list .element .title {font-size: 21px; line-height: 24px; margin-bottom: 24px; font-weight: 500;}
.reviews_list .element .text {font-size: 13px; line-height: 24px; color:#777;}
/* End */
/* /local/templates/hotel/components/bitrix/system.pagenavigation/.default/style.css?1611077696968 */
/* /local/templates/hotel/components/bitrix/news.list/.default/style.css?16110776963215 */
/* /local/templates/hotel/components/bitrix/news.list/gallery/style.css?1611077696933 */
/* /local/templates/hotel/components/bitrix/news.list/reviews/style.css?1611077696977 */