/* Start:/local/templates/Nebrito/components/bitrix/news/blog/style.css?1755786831194*/
.bottom_block {margin-top: 0 !important;}

/*SHARE*/
.ya-share2__container_size_m .ya-share2__icon {width: 36px !important; height: 36px !important;}
.share_block a {border:none !important;}
/* End */


/* Start:/local/templates/Nebrito/components/bitrix/breadcrumb/.default/style.css?1755786831504*/
.breadcrumb {margin: 0 0 6px 0; padding:0; list-style-type: none; line-height: 18px; font-size: 11px; white-space: nowrap; overflow: hidden;}
.breadcrumb li {display:inline-block; vertical-align: middle; color:#777;}
.breadcrumb li.border {width: 24px; text-align: center; color:#777; font-size: 8px;}
.breadcrumb li a {color:#3333ff; display: flex;}
.breadcrumb li a:hover {color:#444;}
.breadcrumb li a i {display: none; margin-right: 4px; transform:rotate(180deg); line-height: 24px; font-size: 10px;}
/* End */


/* Start:/local/templates/Nebrito/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?17557868319220*/
.post_detail {}

.post_detail .main_picture {width: 100%; height: 500px; position: relative; z-index: 1; background: #F6F5F2; margin-bottom: 48px;}
.post_detail .main_picture img {width: 100%; height: 100%; object-fit: cover; z-index: 2; position: relative}
.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%;}

main.main .post_detail h1.main_title {margin: 20px 0 30px; font-size: 42px; line-height: 46px;}

/*POST*/
.post_detail .preview,
.post_detail .description p,
.post_detail .description ol,
.post_detail .description ul,
.post_detail .description h2,
.post_detail .description h3,
.post_detail .description .picture {margin-left: auto; margin-right: auto; width: 700px;}

.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:#000;}

.post_detail .preview, .post_detail .description, .post_detail .contents {}
.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: #3333FF;}

/*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;}

.post_detail .description {font-size: 17px; line-height: 30px;}

.post_detail .description h2 {font-size: 34px; line-height: 48px; margin: 70px auto 10px; font-weight: 700;}
.post_detail .description h3 {font-size: 24px; line-height: 34px; margin: 70px auto 10px;}

.post_detail .description ol, .post_detail .description ul {margin: 32px auto; padding:0; list-style-type: none;}
.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: 13px; left:0; height: 4px; border-radius: 2px; width: 30px; background: #3333FF; }

.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: #3333FF; color: #FFF; 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 {display: block; border:none; width: 100%; max-width: 100%; border-spacing:0; margin: 48px 0; overflow-x: scroll; overflow-y: auto }
.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 .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: #EBF3F7 !important; -webkit-box-shadow: 0 5px 0 #EBF3F7, 0 -1px 0 #EBF3F7; box-shadow: 0 5px 0 #EBF3F7, 0 -1px 0 #EBF3F7;}

.post_detail .description .picture {margin: 48px auto 48px; position: relative;}
.post_detail .description .picture img {width: 100%; max-width: 1000px; height: auto; border:none; margin:0;}
.post_detail .description .picture.landscape {width: 1000px}
.post_detail .description .picture .caption {font-size: 14px; line-height: 24px; margin: 18px 0 0;  text-align: center;}

/*META LINK*/
.meta_link {display: block; border:none !important; width: 100%; padding: 10% 0; text-align: center; background: #FAFAFA; margin-bottom: 24px;}
.meta_link.load {opacity: 0;}

/*ELEMENT LIST*/
.post_detail .catalog_element_list {margin: 48px 0;}
.post_detail .catalog_element_list .element {padding: 20px 20px; margin-bottom: 30px; border-radius: 6px; box-shadow: 0 0 60px 4px rgba(0,0,0,.03); transition: all .2s ease;}
.post_detail .catalog_element_list .element:hover {box-shadow: 0 0 0 2px #3333FF; }
.post_detail .catalog_element_list .element .pic {display: block; border:none; padding-top: 100%; position: relative; overflow: hidden; }
.post_detail .catalog_element_list .element .pic img {width: 60%; margin: 0 auto; position: absolute; top: 50%; lefT: 50%; transform: translateY(-50%) translateX(-50%); }
.post_detail .catalog_element_list .element .price {font-weight: bold; line-height: 24px; margin-bottom: 12px; font-size: 16px;}
.post_detail .catalog_element_list .element .title {display: block; border: none; font-size: 13px; line-height: 24px; color:#000; height: 48px; overflow: hidden; }

.post_detail .catalog_element_list .show_more {display: block; position: relative; margin: 24px auto 0; width:200px; border-radius: 4px; color:#FFF; font-weight: bold; text-align:center; font-size: 13px; line-height: 20px; padding: 10px 6px; bordeR:none; background: #3333FF}
.post_detail .catalog_element_list .show_more:hover {background: #0000cc; color:#FFF; }

/*ELEMENT*/
.post_detail .catalog_element {margin: 48px 0; padding: 20px 20px; border-radius: 6px; box-shadow: 0 0 60px 4px rgba(0,0,0,.03); transition: all .2s ease;}
.post_detail .catalog_element:hover {box-shadow: 0 0 0 2px #3333FF; }
.post_detail .catalog_element .pic {display: block; border: none; position: relative; width: 100%; height: 340px;}
.post_detail .catalog_element .pic img {height: 100%; position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%);}
.post_detail .catalog_element .caption {background: #f6F5F2; padding: 25px; height: 340px; overflow: hidden; border-radius: 6px;}
.post_detail .catalog_element .caption .title {display: block; font-size: 21px; font-weight: bold; line-height: 30px; max-height: 60px; overflow: hidden; margin-bottom: 20px; color:#000; border:none; }
.post_detail .catalog_element .caption .desc {font-size: 14px; line-height: 25px; max-height: 150px; overflow: hidden}
.post_detail .catalog_element .caption .cta {color:#FFF; border:none; margin-top: 20px; display: inline-flex; font-weight: normal}
.post_detail .catalog_element .caption .cta span {margin-left: 6px;}

/*BTN*/
.post_detail .btn_wrapper {margin: 24px 0; text-align: center}
.post_detail a.btn {display: inline-block;  border:none; background: #3333FF; color:#FFF; line-height: 24px; padding: 12px 24px; border-radius: 4px; font-size: 14px; font-weight: 500; position: relative; z-index: 1; box-shadow: 0 0 5px 3px rgba(0,0,0,.06); cursor: pointer}
.post_detail a.btn:hover {box-shadow: none; color:#FFF; background: #0000cc;}


@media (max-width:767px) {
    .post_detail .preview,
    .post_detail .description p,
    .post_detail .description ol,
    .post_detail .description ul,
    .post_detail .description h2,
    .post_detail .description h3,
    .post_detail .description .picture {width: 100%;}
    .post_detail .description .picture.landscape {width: 100%;}

    .post_detail .description h2 {font-size: 32px; line-height: 42px; font-weight: 600;}
}
/* End */


/* Start:/local/templates/Nebrito/components/bitrix/system.pagenavigation/.default/style.css?1755786831995*/
.page_navigarion {margin: 32px 0; font-size: 13px; line-height: 32px; height: 32px; overflow: hidden; color:#000; display: flex; align-items:flex-start;}
.page_navigarion li {display: inline-block; margin-right: 2px;}
.page_navigarion li .page, .page_navigarion li .current_page {display: block; width: 32px; text-align: center; border-radius: 50%; background: transparent; font-weight: 500;}
.page_navigarion li .page {color:#000;}
.page_navigarion li .page:hover {color:#000; background: #E6E6E6;}
.page_navigarion li .current_page {color:#FFF; background: #3333ff;}

.page_navigarion li .nav {padding: 0 12px; border-radius: 16px; display: block;}
.page_navigarion li .nav span, .page_navigarion li .nav i {display: inline-block; vertical-align: top; line-height: 32px;}
.page_navigarion li .nav.next {color:#000;}
.page_navigarion li .nav.next i {margin-left: 8px; }
.page_navigarion li .nav:hover {background: #E6E6E6; color:#000;}

.page_navigarion li.info {color:#999; margin-left: auto;}
/* End */


/* Start:/local/templates/Nebrito/components/bitrix/news.list/blog/style.css?17557868311303*/
.post_list {}
.post_list .element {margin-bottom: 48px;}

.post_list .element .picture_wrapper {position: relative;}
.post_list .element .picture_wrapper:before {content: ""; position: absolute; left: 0; right:0; bottom:0; top:0; border:solid 2px #3333FF; transform: rotate(0deg); border-radius: 6px; transition: transform .3s ease;}
.post_list .element .picture {display: block; border:none; width: 100%; padding-top: 100%; overflow: hidden; position: relative; margin-bottom: 12px; border-radius: 6px; box-shadow: 0 0 60px 2px rgb(0 0 0 / 15%);}

.post_list .element .picture img {display: block; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(1.1); transition: transform .5s ease;}

.post_list .element:hover .picture_wrapper:before {transform: rotate(4deg);}
.post_list .element:hover .picture img {transform: translateX(-50%) translateY(-50%) scale(1);}
.post_list .element .caption {height: 120px; line-height: 24px; overflow: hidden; padding: 0 12px; }
.post_list .element .caption .title {display: block; bordeR:none; font-size: 21px; font-weight: bold; padding: 12px 0; color:#000;}
.post_list .element .caption .title:hover {color: #3333FF;}
.post_list .element .caption .description {font-size: 13px;}
/* End */
/* /local/templates/Nebrito/components/bitrix/news/blog/style.css?1755786831194 */
/* /local/templates/Nebrito/components/bitrix/breadcrumb/.default/style.css?1755786831504 */
/* /local/templates/Nebrito/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?17557868319220 */
/* /local/templates/Nebrito/components/bitrix/system.pagenavigation/.default/style.css?1755786831995 */
/* /local/templates/Nebrito/components/bitrix/news.list/blog/style.css?17557868311303 */