/* Start:/bitrix/templates/casaletto/components/bitrix/news.detail/casaletto_projects/style.css?175326072410418*/
.news-detail {
	text-align: left;
	margin-top: 5rem;
	position: relative;
}

/*region POST FORMATS */
.news-detail-img,
.news-detail-audio,
.news-detail-video,
.news-detail-slider {
	position: relative;
}

.news-detail-slider img,
.news-detail-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-detail-video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	background: url(/bitrix/templates/casaletto/components/bitrix/news.detail/casaletto_projects/images/bx-video.png) no-repeat center;
	opacity: 0.7;
	transition: opacity .3s ease;
}

.news-detail-video:hover {
	opacity: 1;
}

/*region POST FORMATS /// SLIDER */
.news-detail-slider {
	overflow: hidden;
	width: 100%;
	height: 29vw;
}

.news-detail-slider-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

.news-detail-slider-slide {
	height: 100%;
	z-index: 100;
	float: left;
}

.news-detail-slider-arrow-container-left,
.news-detail-slider-arrow-container-right {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15%;
	cursor: pointer;
	z-index: 20;
}

.news-detail-slider-arrow-container-left {
	left: 0;
}

.news-detail-slider-arrow-container-right {
	right: 0;
}

.news-detail-slider-arrow {
	position: absolute;
	top: 50%;
	z-index: 110;
	margin-top: -24px;
	width: 20px;
	height: 48px;
	color: #fff;
	vertical-align: middle;
	text-shadow: 0 0 2px rgba(0, 0, 0, .5);
	font-size: 48px;
	line-height: 34px;
	opacity: .5;
	cursor: pointer;
}

.news-detail-slider-arrow-container-left:hover .news-detail-slider-arrow,
.news-detail-slider-arrow-container-right:hover .news-detail-slider-arrow {
	display: block;
	color: #fff;
	opacity: 1;
}

.news-detail-slider-arrow-container-left .news-detail-slider-arrow {
	left: 20px;
}

.news-detail-slider-arrow-container-right .news-detail-slider-arrow {
	right: 20px;
}

.news-detail-slider-control {
	position: absolute;
	bottom: 10px;
	z-index: 110;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	word-spacing: -4px;
}

.news-detail-slider-control li {
	display: inline-block;
	margin: 0 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	word-spacing: -4px;
	opacity: .5;
}

.news-detail-slider-control li:hover,
.news-detail-slider-control li.current {
	background: #fff;
	opacity: 1;
}

.news-detail-slider-arrow,
.news-detail-slider-control li {
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

/* endregion */

.news-detail-body {}

.news-detail-title,
.news-detail-title a {
	margin: 0 auto 4rem;
	width: 40%;
	border-bottom: none;
	color: #545454;
	text-transform: uppercase;
	font-size: 1.5rem;
	text-align: center;
}

.news-detail .card-title a:hover {
	border-bottom-color: transparent;
	text-decoration: none;
}

.news-detail-view,
.news-detail-date,
.news-detail-comments,
.news-detail-author,
.news-detail-other {
	padding-bottom: 5px;
	color: #a4a4a4;
	white-space: nowrap;
	font-size: 13px;
}

.news-detail-view i.fa,
.news-detail-date i.fa,
.news-detail-comments i.fa,
.news-detail-author i.fa,
.news-detail-tags i.fa,
.news-detail-other i.fa {
	width: 13px;
	color: #b4b4b4;
}

.news-detail-tags {
	padding-bottom: 5px;
	color: #a4a4a4;
	font-size: 13px;
}

.news-detail-content {
	font-size: 0.875rem;
}
.news-detail-flex-left {
	width: 66.6%;
	margin-right: 1.4%;
}
.news-detail-flex-right {
	width: 32%;
	line-height: 1.8;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.news-detail-designer {
	margin-top: 2rem;
	background-color: #D9D9D9;
	color: #545454;
	text-align: center;
	padding: 1.5rem 1rem 1rem;
	border-radius: 0.25rem;
}
.news-detail-designer svg {
	width: 25%;
	margin-bottom: 1rem;
}
.news-detail-designer h5 {
	font-size: 1rem;
	line-height: 1.2;
	margin-bottom: 0;
}
.news-detail-designer h4 {
	font-size: 1.25rem!important;
	line-height: 1.2;
	margin-bottom: 1.5rem;
}
.news-detail-designer button {
	border-radius: 0.62rem;
	background-color: #C89552;
	color: #FFFFFF;
	padding: 0.5rem 1rem;
	border: none;
}
.news-detail-arrow {
	text-align: center;
	margin: 3rem 0;
}
.news-detail-gallery {
	padding-left: 7%;
	position: relative;
}
.news_detail_dtu {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    writing-mode: vertical-rl;
    transform-origin: center;
    transform: rotate(-180deg);
    padding-bottom: 20.25rem;
    z-index: 3;
}
.news_detail_dtu:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 18.5rem;
    background: #000000;
}
.news-detail-gallery-col {
	width: 24%;
	margin-right: 1.5%;
	position: relative;
}
.news-detail-gallery-img {
	margin-bottom: 1.5rem;
}
.news-detail-gallery-img img {
	width: 100%;
}
.news-detail-gallery-col0 svg {
	position: absolute;
}
.news-detail-item {
	position: relative;
	margin-top: 2rem;
	z-index: 2;
}
.news-detail-item img {
	width: 100%;
}
.news-detail-text1 {
	width: 130%;
	height: 10rem;
	display: flex;
	align-items: center;
}
.news-detail-gallery-col2 {
	padding-top: 10rem;
}
.news-detail-gallery-logo {
	width: 50%;
	height: 16rem;
	border-radius: 0.25rem;
	background: #baac98;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
}
.news-detail-text2 {
	margin-left: 30%;
	padding-right: 5%;
}
.news-detail-items {
	margin-bottom: 5rem;
}
.news-detail-items-title {
	margin-top: 5rem;
	text-align: center;
	font-size: 0.875rem;
	margin-bottom: 3rem;
}
.news-detail-items-title span {
	display: block;
	text-align: center;
	font-size: 2rem;
}
.prev_project {
	display: block;
	position: absolute;
	top: -0.375rem;
	left: 0;
	border: 1px solid #D9D9D9;
	border-radius: 0.25rem;
	padding: 0.75rem 1.75rem 0.625rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
	color: #545454;
}
.next_project {
	display: block;
	position: absolute;
	top: -0.375rem;
	right: 0;
	border: 1px solid #D9D9D9;
	border-radius: 0.25rem;
	padding: 0.75rem 1.75rem 0.625rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
	color: #545454;
}
.prev_project svg {
	margin-right: 0.5rem;
	margin-bottom: 0.125rem;
}
.next_project svg {
	margin-left:0.5rem;
	margin-bottom: 0.125rem;
}
.projects_button button {
	border: 1px solid #D9D9D9;
	background: none;
	font-size: 0.75rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 0.25rem;
	padding: 0.75rem 1.75rem 0.625rem;
	color: #545454;
}
.projects_button:hover button {
	color: #BAAC98;
}
.project_swiper .swiper-container {
	margin-bottom: 2rem;
}
.project_swiper .swiper-button-prev, .project_swiper .swiper-button-next {
	top: auto;
	bottom: 0;
	background: none;
}
.project_swiper .swiper-button {
    top: auto;
    bottom: -2rem;
    width: 6.4375rem;
    height: 1.5rem;
}
.project_swiper .swiper-button-next {
    right: auto;
    left: 50%;
    margin-left: 2rem;
}
.project_swiper .swiper-button-prev {
    left: auto;
    right: 50%;
    margin-right: 2rem;
}
.project_swiper .swiper-button-next:after, .project_swiper .swiper-button-prev:after {
	content: none;
}
.project_swiper .swiper-pagination {
    top: auto;
    bottom: -2rem;
    font-size: max(0.875rem, 12px);
    left: 50%;
    width: 2rem;
    transform: translateX(-50%);
    color: #000000;
}
@media (max-width: 767px) {
	.prev_project span, .next_project span {
		display: none;
		padding: 1.75rem 1.75rem 1.625rem;
	}
	.prev_project {
		padding: 2rem 1rem 1.875rem 1.25rem;
	}
	.next_project {
		padding: 2rem 1.25rem 1.875rem 1rem;
	}
	.news-detail {
		margin-top: 2.375rem;
	}
	.news-detail-flex {
		flex-wrap: wrap;
	}
	.news-detail-flex-left {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.75rem;
	}
	.news-detail-flex-right {
		width: 100%;
	}
	.news-detail-arrow {
		margin: 1rem 0;
	}
    .news_detail_dtu {
        transform: none;
        writing-mode: initial;
        top: 1.25rem;
        left: 1.25rem;
        margin-left: 0;
        padding: 0;
    }
    .news_detail_dtu:after {
        height: 1px;
        height: 2px;
        width: 100vw;
        bottom: 49%;
        left: calc(100% + 1.5rem);
    }
	.news-detail-gallery {
		flex-wrap: wrap;
		padding: 3.5rem 0 0;
	}
	.news-detail-gallery-col {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.75rem;
	}
	.news-detail-text1 {
		width: 100%;
		height: auto;
		margin-bottom: 1rem;
	}
	.news-detail-gallery-col0 svg {
		margin-top: 1rem;
	}
	.news-detail-gallery-col2 {
		padding-top: 0;
	}
	.news-detail-gallery-logo {
		width: 100%;
	}
	.news-detail-text2 {
		padding: 0;
		margin: 0;
	}
	.projects_button {
		margin-left: 50%;
		transform: translate(-50%);
		display: block;
		text-align: center;
	}
	.projects_filter {
		display: flex;
		margin: 0 1rem 2rem!important;
		overflow-x: scroll;
	}
	.projects_filter a:last-child button {
		margin-right: 0;
	}
	.projects_filter button {
		white-space: nowrap;
	}
}
.designer_message_popup {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 21;
}
.designer_message_popup_in {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 21rem;
	height: auto;
	max-width: 80%;
	border-radius: 0.5rem;
	background: #FFFFFF;
	padding: 2rem;
	text-align: center;
}
.callback_form_licence {
	text-align: left;
	display: flex;
	align-items: flex-start;
}
.designer_message_popup_close {
	position: absolute;
	top: -1rem;
	right: -1rem;
	z-index: 500;
	cursor: pointer;
}
.casaletto_callback_popup_in h3 {
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 1;
	letter-spacing: 0.01rem;
	text-transform: uppercase;
	color: #535353;
	margin-bottom: 1.5rem;
}
.callback_form button {
	border-radius: 0.25rem;
    background: #6D1B29;
    color: #FFF;
    font-size: 0.75rem;
    padding: 0.75rem 2.25rem;
    height: 2.5rem;
    text-transform: uppercase;
    border: none;
    white-space: nowrap;
    margin-top: 1.5rem;
	position: relative;
}
.callback_form button:hover {
	color: #FFF;
	background: #666666;
}
.callback_form input[type=text] {
	display: block;
	margin-bottom: 0.75rem;
	width: 100%;
	border: 1px solid #d9d9d9;
	border-radius: 0.25rem;
	padding: 0.875rem;
	text-align: left;
}
.callback_form_licence input[type=checkbox] {
	margin-top: 0.25rem;
	margin-right: 0.5rem;
}

/* End */


/* Start:/bitrix/templates/casaletto/components/bitrix/form.result.new/casaletto_callback/style.css?17514523195986*/
.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/bitrix/templates/casaletto/components/bitrix/form.result.new/casaletto_callback/images/icon_warn.gif);
}
.product_middle_form {
	background: #BAAC98;
	color: #FFF;
	margin: 2rem 0 0;
	padding: 4.5rem 0;
}
.product_middle_form_half {
	width: 50%;
	position: relative;
}
.product_middle_form_icon {
	width: 33.33%;
	font-size: 1rem;
	line-height: 1;
}
.product_middle_form_icon svg {
	width: auto;
	height: 2.625rem;
	margin-right: 1.625rem;
}
.product_middle_form_licence {
	position: absolute;
	left: 0;
	top: calc(100% + 0.75rem);
    width: 80%;
}
.product_middle_form label {
	position: relative;
}
.product_middle_form input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.product_middle_form label:before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 0C3.67392 0 2.40215 0.526784 1.46447 1.46447C0.526784 2.40215 0 3.67392 0 5V15C0 16.3261 0.526784 17.5979 1.46447 18.5355C2.40215 19.4732 3.67392 20 5 20H15C16.3261 20 17.5979 19.4732 18.5355 18.5355C19.4732 17.5979 20 16.3261 20 15V5C20 3.67392 19.4732 2.40215 18.5355 1.46447C17.5979 0.526784 16.3261 0 15 0H5ZM13.73 8.684C13.8198 8.58813 13.8899 8.47552 13.9362 8.35257C13.9825 8.22963 14.0041 8.09877 13.9998 7.96747C13.9956 7.83617 13.9655 7.707 13.9113 7.58732C13.8571 7.46765 13.7799 7.35982 13.684 7.27C13.5881 7.18018 13.4755 7.11011 13.3526 7.06381C13.2296 7.01751 13.0988 6.99588 12.9675 7.00015C12.8362 7.00442 12.707 7.03451 12.5873 7.08871C12.4677 7.1429 12.3598 7.22014 12.27 7.316L9.187 10.606L7.664 9.253C7.46446 9.08712 7.20825 9.0053 6.9495 9.02482C6.69075 9.04434 6.44972 9.16368 6.27732 9.35762C6.10493 9.55156 6.01467 9.80492 6.02562 10.0642C6.03657 10.3234 6.14787 10.5683 6.336 10.747L8.586 12.747C8.78069 12.9199 9.03515 13.0101 9.29529 12.9983C9.55543 12.9866 9.80072 12.8738 9.979 12.684L13.73 8.684Z' fill='white'/%3E%3C/svg%3E");
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.3125rem;
	height: 1.25rem;
	margin-right: 0.75rem;
}
.product_middle_form label span {
	display: inline-block;
	padding-left: 2.25rem;
	font-size: max(12px, 0.625rem);
}
.product_middle_form_half:last-child:after {
	content: "";
	position: absolute;
	left: 35%;
	top: 0.75rem;
	height: 1rem;
	width: 1px;
	background-color: #545454;
}
.product_middle_form input[type="text"] {
	width: 35%;
	height: 2.5rem;
	color: #545454;
	border: none;
	padding: 0 1rem;
	border-radius: 0 0.5rem 0.5rem 0;
	outline: none;
}
.product_middle_form input[type="text"]:first-child {
	border-radius: 0.5rem 0 0 0.5rem;
}
.product_middle_form button {
	width: 30%;
	border-radius: 0.25rem;
	background: #6D1B29;
	color: #FFF;
	font-size: 0.75rem;
	padding: 0.75rem 2.25rem 0.75rem 3.5rem;
	height: 2.5rem;
	text-transform: uppercase;
	border: none;
	white-space: nowrap;
	margin-left: 1.25rem;
	position: relative;
}
.product_middle_form button:after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.97 17.33C20.97 17.69 20.89 18.06 20.72 18.42C20.55 18.78 20.33 19.12 20.04 19.44C19.55 19.98 19.01 20.37 18.4 20.62C17.8 20.87 17.15 21 16.45 21C15.43 21 14.34 20.76 13.19 20.27C12.04 19.78 10.89 19.12 9.75 18.29C8.58811 17.4401 7.49169 16.5041 6.47 15.49C5.45877 14.472 4.5261 13.3789 3.68 12.22C2.86 11.08 2.2 9.94 1.72 8.81C1.24 7.67 1 6.58 1 5.54C1 4.86 1.12 4.21 1.36 3.61C1.6 3 1.98 2.44 2.51 1.94C3.15 1.31 3.85 1 4.59 1C4.87 1 5.15 1.06 5.4 1.18C5.66 1.3 5.89 1.48 6.07 1.74L8.39 5.01C8.57 5.26 8.7 5.49 8.79 5.71C8.88 5.92 8.93 6.13 8.93 6.32C8.93 6.56 8.86 6.8 8.72 7.03C8.59 7.26 8.4 7.5 8.16 7.74L7.4 8.53C7.29 8.64 7.24 8.77 7.24 8.93C7.24 9.01 7.25 9.08 7.27 9.16C7.3 9.24 7.33 9.3 7.35 9.36C7.53 9.69 7.84 10.12 8.28 10.64C8.73 11.16 9.21 11.69 9.73 12.22C10.27 12.75 10.79 13.24 11.32 13.69C11.84 14.13 12.27 14.43 12.61 14.61C12.66 14.63 12.72 14.66 12.79 14.69C12.87 14.72 12.95 14.73 13.04 14.73C13.21 14.73 13.34 14.67 13.45 14.56L14.21 13.81C14.46 13.56 14.7 13.37 14.93 13.25C15.16 13.11 15.39 13.04 15.64 13.04C15.83 13.04 16.03 13.08 16.25 13.17C16.47 13.26 16.7 13.39 16.95 13.56L20.26 15.91C20.52 16.09 20.7 16.3 20.81 16.55C20.91 16.8 20.97 17.05 20.97 17.33V17.33Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
	position: absolute;
	background-size: cover;
	width: 1.25rem;
	height: 1.25rem;
	left: 1.25rem;
	top: 50%;
	transform: translateY(-50%);
}
.product_middle_form {
	background: #BAAC98;
	color: #FFF;
	margin: 2rem 0 0;
	padding: 4.5rem 0;
}
@media (max-width: 767px) {
	.product_middle_form {
		width: 100vw!important;
		margin: 0 -1rem;
		padding: 1.5rem 0;
	}
	.product_middle_form > .container {
		flex-flow: column;
	}
	.product_middle_form_half {
		width: 100%;
	}
	.product_middle_form_half:first-child {
		margin-bottom: 2rem;
	}
	.product_middle_form_half:last-child {
		flex-flow: column;
	}
	.product_middle_form_icon {
		flex-flow: column;
		justify-content: center;
	}
	.product_middle_form_icon svg {
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.product_middle_form_label {
		text-align: center;
		font-size: 0.8125rem;
	}
	.product_middle_form input[type="text"], .product_middle_form input[type="text"]:first-child {
		width: 80%;
		margin-bottom: 0.5rem;
		border-radius: 0.25rem;
		text-align: center;
	}
	.product_middle_form_half:last-child:after {
		content: none;
	}
	.product_middle_form button {
		order: 2;
		margin-top: 1.5rem;
	}
	.product_middle_form_licence {
		order: 1;
		position: static;
		margin-top: 1rem;
	}
	.product_middle_form label:before {
		top: 50%;
		margin-top: -0.75rem;
	}
}
/* End */
/* /bitrix/templates/casaletto/components/bitrix/news.detail/casaletto_projects/style.css?175326072410418 */
/* /bitrix/templates/casaletto/components/bitrix/form.result.new/casaletto_callback/style.css?17514523195986 */