

/* Start:/local/templates/Inwander.New/components/bitrix/news/blog/style.css?1766314795228*/
.bottom_block {margin-top: 0 !important;}

/*SHARE*/
.ya-share2__container_size_m .ya-share2__icon {width: 36px !important; height: 36px !important; background-size: auto !important;}
.share_block a {border:none !important;}
/* End */


/* Start:/local/templates/Inwander.New/components/bitrix/news.detail/post/style.css?176631479513540*/
.post_detail {overflow: hidden}

.post_detail .main_picture {width: 100%; height: 500px; position: relative; z-index: 1; background: #FF286C; overflow: hidden}
.post_detail .main_picture img {width: 100%; height: auto;  z-index: 2; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
.post_detail .main_picture .img_overlay {display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 100px; z-index: 5; }


.post_detail .main_picture .overlay {display: block; position: absolute; top:0; left: 0; right: 0; bottom:0; background: linear-gradient(to bottom, rgba(0,0,0,.2) 0%, rgba(0,0,0,.2) 80%, rgba(0,0,0, 0) 100%); opacity: 0; z-index: 3; animation: fadeIn 2s cubic-bezier(.3,0,.3,1) .25s forwards;}
.post_detail .main_picture .caption {position: absolute; top: 50%; left:0; right:0; transform: translateY(-50%); max-height: 400px; overflow: hidden; z-index: 4; animation: fadeInMove 1s cubic-bezier(.3,0,.3,1) forwards;}
.post_detail .main_picture .caption .short_title {color:#FFF; margin:0; font-size: 60px; line-height: 64px; font-weight: 800; padding: 60px 0; max-width: 70%;}



.post_detail.eng .main_picture {}


main.main .post_detail .content {margin-top: -45px; z-index: 3; position: relative; padding-top:0;}
main.main .post_detail h1.main_title {margin: 20px 0 30px; font-size: 42px; line-height: 46px;}

.post_detail .post_info {min-height: 52px; padding: 16px 0;  border-bottom:solid 1px #EEE;}
.post_detail .post_info ul.list {display: flex; align-items: center; line-height: 20px;}
.post_detail .post_info ul.list li {white-space: nowrap; margin-right: 20px; display: flex}
.post_detail .post_info ul.list li .date {font-size: 13px;}
.post_detail .post_info ul.list li a {display: block; line-height: 20px; position: relative; white-space: nowrap}
.post_detail .post_info ul.list li a:hover {color:#FF286C;}
.post_detail .post_info ul.list li a.cat {background: #000; color:#FFF; font-weight: 500; line-height: 20px; padding: 4px 6px; margin: -6px 0; }
.post_detail .post_info ul.list li a.cat:hover {background: #FF286C;}
.post_detail .post_info ul.list li a.set {padding-left: 16px;}
.post_detail .post_info ul.list li a.set:before {content:""; position: absolute; top: 6px; left:0; width: 6px; height: 6px; background: #FF286C; }
.post_detail .post_info ul.list li a.map {display: inline-flex;}
.post_detail .post_info ul.list li a.map i {color:#FF286C; line-height: 20px; font-size: 18px; display: inline-block; margin-right: 6px;}
.post_detail .post_info ul.list li a.map span {display: inline-block}
.post_detail .post_info ul.list li span.divider {display: inline-block; margin: 0 6px; }

.post_detail .post_info ul.list li .rating {display: flex; align-items: center; margin-right: 12px;}
.post_detail .post_info ul.list li .rating i {line-height: 20px; font-size: 18px; color:#FF286C; margin-right: 6px;}
.post_detail .post_info ul.list li .rating span {line-height: 20px; font-size: 13px;}

/*AUTHOR*/
.post_detail .author {display: block; text-align: center; margin-top: 30px;}
.post_detail .author .picture {display: block; position: relative; width: 220px; height: 220px; margin: 0 auto; text-align: center;}
.post_detail .author .picture img {height: 100%; border-radius: 6px ;}
.post_detail .author .picture .noavatar {display: block; font-size: 80px; line-height: 120px; width: 120px; text-align: center; color:#999; background: #F8F8F8;}
.post_detail .author .picture .icon {position: absolute; display: block; width: 48px; height: 48px; text-align: center; line-height: 48px; font-size: 24px; background: #FF286C; color:#FFF; bottom: -24px; left: 50%; margin-left:-24px; border-radius: 50%;}
.post_detail .author .name_wrapper {margin-top: 24px;}
.post_detail .author .name_wrapper .name {font-weight: 700; font-size: 18px; line-height: 24px; margin-bottom:5px;}
.post_detail .author .name_wrapper .label {font-size: 15px; color:#777; line-height: 24px; }

.post_detail .author .author_sn {margin-top: 10px; text-align: center;}
.post_detail .author .author_sn li {display: inline-block; margin: 0 10px;}
.post_detail .author .author_sn li a {display: flex; align-content: center}
.post_detail .author .author_sn li a i {display: inline-block; transition: all .2s ease; color:#FF286C; font-size: 24px; line-height: 36px; width: 36px; text-align: center; border-radius: 50%; margin-right: 6px;}
.post_detail .author .author_sn li a:hover i {color:#FFF; background: #FF286C;}
.post_detail .author .author_sn li a span {color: #FF286C; font-size: 13px; line-height: 36px;}

/*POST*/
.post_detail .post_wrapper {margin-bottom: 0;}

.post_detail .post_wrapper a {color:#1A8FE3; border-bottom: solid 1px #1A8FE3; font-weight: 600;}
.post_detail .post_wrapper a:hover {border-color: transparent; color:#FF286C;}

.post_detail .preview, .post_detail .description, .post_detail .contents, .post_detail .city_info {font-family: "Merriweather",Georgia,"Times New Roman",Times,serif;}
.post_detail .preview {font-size: 21px; line-height: 36px; padding-bottom: 0px; margin-bottom: 20px; font-weight: 600; position: relative}
.post_detail .preview:after {position: absolute; content: ""; display: block; left:-40px; bottom:0; top:0; width: 10px; background: #FF286C;}

/*CONTENTS*/
.post_detail .contents {padding: 20px 40px 4px 40px; margin:0 0 20px -40px; background: #F6F5F2;}
.post_detail .contents .contents_title {font-weight: 600; font-size: 21px; line-height: 30px; margin-bottom: 20px; display: inline-block; border:none;}
.post_detail .contents .contents_title span {}
.post_detail .contents .contents_title:before {content: "\e928"; display: inline-block; margin-right: 10px; float:left; font-size: 21px; line-height: 30px; font-family: 'icomoon' !important; font-style: normal; color:#FF286C;}
.post_detail .contents.open .contents_title:before {content: "\e927";}
.post_detail .contents ul {margin:0; padding: 0; list-style-type: none; counter-reset: my-awesome-counter; font-size: 17px; line-height: 20px; display: none;}
.post_detail .contents.open ul {display: block;}
.post_detail .contents ul li {margin: 16px 0; padding-left: 30px; position: relative; counter-increment: my-awesome-counter;}
.post_detail .contents ul li::before {display: block; content: counter(my-awesome-counter) "."; position: absolute; left: 0; top: 0; font-size: 17px; line-height: 30px; font-weight: 600;}
.post_detail .contents ul li a {font-weight: normal; line-height: 30px;}

/*CITY INFO*/
.post_detail .city_info {padding: 0 40px; margin:0 0 20px -40px; background: #FFF2F6;}
.post_detail .city_info .element {padding: 24px 0; text-align: center;}
.post_detail .city_info .element .price_title {font-size: 16px; line-height: 20px; height: 40px; }
.post_detail .city_info .element .price {font-size: 22px; line-height: 42px; margin: 12px 0 24px;}
.post_detail .city_info .element .price strong {font-size: 42px; font-weight: 800; }
.post_detail .city_info .element a {color:#1A8FE3; border-bottom: solid 1px #1A8FE3; font-weight: 600;}
.post_detail .city_info .element a:hover {color:#FF286C; border-color: transparent}

.post_detail .description {font-size: 17px; line-height: 30px;}

.post_detail .description h2 {font-size: 34px; line-height: 48px; margin: 70px 0 10px; font-weight: 700;}
.post_detail .description h3 {font-size: 24px; line-height: 34px; margin: 70px 0 10px;}

.post_detail .description ol, .post_detail .description ul {margin: 32px 0;}
.post_detail .description ol li, .post_detail .description ul li {margin: 16px 0; padding-left: 40px; position: relative;}
.post_detail .description ul li:before {content: ""; display: block; position: absolute; top: 14px; left:0; height: 2px; width: 30px; background: #FF286C; }

.post_detail .description ol {counter-reset: my-awesome-counter;}
.post_detail .description ol li {counter-increment: my-awesome-counter;}
.post_detail .description ol li::before {display: block; content: counter(my-awesome-counter); position: absolute; left: 0; top: 0; font-size: 22px; line-height: 30px; width: 30px; text-align: center;  background: #FFF2F6; color: #FF286C; font-weight: 600;}


.post_detail .description .quote {margin: 20px -40px 20px -40px; background: #FFF2F6; padding: 48px 40px;  }
.post_detail .description .quote .quote_caption {font-size: 42px; line-height: 42px; margin-bottom: 24px; font-weight: 800;}

.post_detail .description table {border:none; width: 1000px; border-spacing:0; margin: 48px 0;}
.post_detail .description table td {padding: 16px; border:none; border-bottom: solid 1px #000;}

.post_detail .description iframe {width: 1000px; margin: 42px 0 20px;}
.post_detail .description .adsbygoogle  iframe {margin: 0;}
.post_detail .description .embeded {width: 1000px; margin: 42px 0 20px;}
.post_detail .description .embeded iframe {width: 100%; margin: 0;}
.post_detail .description .embeded .caption {width: 100%; font-size:14px; margin: 10px 0 0 0;}


.post_detail .description .cdx-marker {background-color: #ffffa1 !important; -webkit-box-shadow: 0 5px 0 #ffffa1, 0 -1px 0 #ffffa1; box-shadow: 0 5px 0 #ffffa1, 0 -1px 0 #ffffa1;}

.post_detail .description .picture {width: 1000px; margin: 42px 0 20px; position: relative;}
.post_detail .description .picture img {width: 100%; max-width: 1000px; height: auto; border:solid 1px #E6E5E2; margin:0;}
.post_detail .description .picture.vertical,
.post_detail .description .picture.portrait,
.post_detail .description .picture.square {width: 100%;}
.post_detail .description .picture.vertical img {}

/*OLD SWIPER ->>>>*/
.post_detail .description .gallery {width: 1000px; margin: 42px 0 20px; position: relative;}
.post_detail .description .gallery.vertical {width: 100%;}
.post_detail .description .gallery .picture {width: 100%; margin: 0;}
.post_detail .description .gallery .picture img {max-width: 1000px;}

.post_detail .description .picture .caption {width: 100%; font-size:14px; margin:16px 0 0;}

.post_detail .description .pages {margin-top: 10px;}
.post_detail .description .swiper-pagination-bullet {width: 16px; height: 16px; margin: 0 8px 0 0 !important;}
.post_detail .description .swiper-pagination-bullet-active {background: #FF286C;}

.post_detail .description .swiper_button {position: absolute; top:50%; transform: translateY(-50%); height: 60px; width: 30px; background: rgba(255,255,255,.5) center center no-repeat; z-index: 10; transition: all .2s ease; cursor: pointer;}
.post_detail .description .swiper_button:hover {background-color: rgba(255,255,255,.8) }
.post_detail .description .swiper_button:focus {outline: none;}
.post_detail .description .swiper_button.swiper_dis, .post_detail .description .swiper_button.swiper_hid {opacity: 0;}
.post_detail .description .swiper_button.btn-prev {left:0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDEuMzQiIHdpZHRoPSIxMy4wMiI+PHBhdGggZD0iTTEwLjMzNiAwbDIuNjg0IDEuMzQtOS42NjQgMTkuMzNMMTMuMDIgNDBsLTIuNjg0IDEuMzRMMCAyMC42NyAxMC4zMzYgMHoiLz48L3N2Zz4=)}
.post_detail .description .swiper_button.btn-next {right:0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDEuMzQiIHdpZHRoPSIxMy4wMiI+PHBhdGggZD0iTTIuNjg0IDBMMCAxLjM0bDkuNjY0IDE5LjMzTDAgNDBsMi42ODQgMS4zNEwxMy4wMiAyMC42NyAyLjY4NCAweiIvPjwvc3ZnPg==); }
/*<<<<-OLD SWIPER*/


.post_detail .description .slider_wrapper {width: 1000px; margin: 42px 0 20px; position: relative;}
.post_detail .description .slider_wrapper.portrait,
.post_detail .description .slider_wrapper.square {width: 100%;}
.post_detail .description .slider_wrapper .picture {width: 100%; margin: 0;}
.post_detail .description .slider_wrapper .picture img {max-width: 1000px;}

.post_detail .description .hint {font-size: 14px; line-height: 20px; color:#777; margin-top: 6px;}


/*FOR EXPORTED*/

.post_detail .feedback {width: 1000px; margin-top: 2em; padding: 3em 2em; background: #F8F6F0; font-weight: bold;}



/*TMP*/
.post_detail .description img {max-width: 1000px;}

/*CITY GUID BLOCK*/
.post_detail .city_guid {padding: 48px 24px; background: #FF286C; color:#FFF; text-align: center;}
.post_detail .city_guid p {margin: 24px 0; font-size: 18px; line-height: 24px;}
.post_detail .city_guid form {display: flex; align-items: center; justify-content: center; position: relative}
.post_detail .city_guid form input {border:none; line-height: 24px; font-size: 20px; padding: 12px 24px; border-radius: 4px 0 0 4px; max-width: 100%; min-width: 400px;}
.post_detail .city_guid form input:focus {outline: none}
.post_detail .city_guid form button {line-height: 24px; font-size: 20px; padding: 10px 24px; border-radius: 0 4px 4px 0; border:solid 2px #FFF; cursor: pointer; transition: all .2s ease; background: #1A8FE3; color:#FFF;}
.post_detail .city_guid form button:hover,
.post_detail .city_guid form button:focus,
.post_detail .city_guid form button:active {outline: none; border-color: #FFF; background: #333; color:#FFF;}
.post_detail .city_guid form .ok_message {display: none; position: absolute; top: 0; lefT: 0; right:0; bottom:0; background: #FF286C; color:#FFF;font-weight: bold;}
.post_detail .city_guid form.ok .ok_message {display: block;}
.post_detail .city_guid form.load:after {content: ""; position: absolute; top: 0; lefT: 0; right:0; bottom: 0; z-index: 10;}

.next_detail_news_wrapper {height: 12px; background: #F8F8F8 ;}
/* End */


/* Start:/local/components/inwander/post.list/templates/list/style.css?1766314795654*/
.post_list_list {margin: 0 0 60px;}
.post_list_list h2.section_title {font-size: 34px; line-height: 48px; margin: 0 0 10px; font-weight: 700;}
.post_list_list .element_list {}
.post_list_list .element_list li {margin: 30px 0; padding-left: 40px; position: relative}
.post_list_list .element_list li:before {content: ""; display: block; position: absolute; top: 9px; left:0; height: 2px; width: 30px; background: #FF286C; }
.post_list_list .element_list li .element {color:#1A8FE3; border-bottom: solid 1px #1A8FE3; font-weight: 600; line-height: 20px;}
.post_list_list .element_list li .element:hover {border-color: transparent; color:#FF286C;}


/* End */


/* Start:/local/templates/Inwander.New/components/bitrix/system.pagenavigation/.default/style.css?1766314795993*/
div.modern-page-navigation {margin: 30px 0; border-bottom:solid 8px #EEE; text-align: left}

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

div.modern-page-navigation a, 
span.modern-page-current, 
span.modern-page-dots
{
    font-size: 24px;
    display:inline-block;
    min-width: 64px;
    line-height: 64px;
    height: 64px;
    text-align: center;
	text-decoration: none;
    border:none;
    color:#000;
    font-weight: 400;
    position: relative;
    border-bottom:solid 8px transparent;
    margin-bottom:-8px;
}

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


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: 900; border-color:#FF286C;}
/* End */
/* /local/templates/Inwander.New/components/bitrix/news/blog/style.css?1766314795228 */
/* /local/templates/Inwander.New/components/bitrix/news.detail/post/style.css?176631479513540 */
/* /local/components/inwander/post.list/templates/list/style.css?1766314795654 */
/* /local/templates/Inwander.New/components/bitrix/system.pagenavigation/.default/style.css?1766314795993 */
