﻿.product{
	font-family:"Replica Pro"
}
.product__info{
	padding:6.8rem 0
}
@media(max-width:1024.98px){
	.product__info{
		padding:4.7rem 0 5rem
	}

}
@media(max-width:767.98px){
	.product__info{
		padding:3rem 0 3.6rem 0
	}

}
.product__catalog{
	padding:3rem 0 8rem;
	background-color:#e0e1dc
}
@media(max-width:1024.98px){
	.product__catalog{
		padding:2rem 0 5.5rem
	}

}
@media(max-width:767.98px){
	.product__catalog{
		padding:1.3rem 0 3.4rem
	}

}
.product__filter{
	padding-bottom:4.4rem
}
@media(max-width:1024.98px){
	.product__filter{
		padding-bottom:2.4rem
	}

}
@media(max-width:767.98px){
	.product__filter{
		padding-bottom:3.4rem
	}

}
.product__grid{
	margin-bottom:8rem
}
@media(max-width:1024.98px){
	.product__grid{
		margin-bottom:5.5rem
	}

}
@media(max-width:767.98px){
	.product__grid{
		margin-bottom:0
	}

}
.product__more{
	margin:2.4rem auto 3.2rem;
	position:relative
}
@media(max-width:1024.98px){
	.product__more{
		margin:1.65rem auto 1.8rem
	}

}
@media(max-width:767.98px){
	.product__more{
		margin:1.65rem auto 1.8rem
	}

}
.filter__title{
	font-size:2rem;
	margin-bottom:1.3rem
}
@media(max-width:1024.98px){
	.filter__title{
		font-size:1.6rem;
		margin-bottom:.6rem
	}

}
@media(max-width:767.98px){
	.filter__title{
		font-size:1.4rem;
		margin-bottom:1.3rem
	}

}
.filter__order{
	margin-bottom:1.2rem;
	text-transform:uppercase;
	font-size:2rem
}
@media(max-width:1024.98px){
	.filter__order{
		margin-bottom:.6rem;
		font-size:1.6rem
	}

}
@media(max-width:767.98px){
	.filter__order{
		font-size:1.4rem;
		margin-bottom:1.2rem
	}

}
.filter__orderby{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin-bottom:8rem
}
@media(max-width:1024.98px){
	.filter__orderby{
		margin-bottom:5.5rem
	}

}
@media(max-width:767.98px){
	.filter__orderby{
		margin-bottom:1.9rem
	}

}
.filter__orderby-button{
	margin-right:1.2rem
}
@media(max-width:767.98px){
	.filter__orderby-button{
		margin-right:2rem
	}

}
.filter__section{
	margin-bottom:1.7rem;
	display:flex;
	align-items:center;
	flex-wrap:wrap
}
.filter__section .btn2{
	margin-bottom:0
}
.filter__section:last-of-type{
	margin-bottom:0
}
@media(max-width:1024.98px){
	.filter__section{
		margin-bottom:1rem
	}

}
@media(max-width:767.98px){
	.filter__section{
		margin-bottom:2rem
	}

}
.filter__form{
	display:-ms-grid;
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	grid-gap:4rem
}
@media(max-width:1024.98px){
	.filter__form{
		grid-template-columns:repeat(2, 1fr);
		grid-gap:2rem
	}

}
@media(max-width:767.98px){
	.filter__form{
		grid-template-columns:repeat(1, 1fr);
		grid-gap:1.2rem;
		width:100%
	}

}
.filter__selected{
	margin-bottom:3rem;
	display:flex;
	flex-direction:column
}
.filter__selected .btn2:not(:last-of-type){
	margin-right:1rem
}
@media(max-width:767.98px){
	.filter__selected .btn2:not(:last-of-type){
		margin-right:2rem
	}

}
.filter__selected .btn2{
	margin-bottom:1rem
}
@media(max-width:767.98px){
	.filter__selected .btn2{
		margin-bottom:1.4rem
	}

}
.filter__selected span.btn2.disabled{
	cursor:default !important
}
@media(max-width:1024.98px){
	.filter__selected{
		margin-bottom:2rem
	}

}
@media(max-width:767.98px){
	.filter__selected{
		margin-bottom:0;
		flex-direction:column;
		align-items:flex-start
	}

}
.form__select{
	width:100%
}
.grid{
	display:-ms-grid;
	display:grid;
	grid-gap:0;
	grid-auto-flow:dense;
	grid-template-columns:repeat(auto-fill, minmax(25%, 1fr))
}
@media(max-width:767.98px){
	.grid{
		grid-gap:2rem;
		grid-template-columns:repeat(2, 1fr)
	}

}
@media(max-width:767.98px){
	.grid--fullwidth{
		grid-gap:0;
		width:100vw
	}

}
.grid__item{
	position:relative;
	display:block;
	/*overflow:hidden;*/
	padding:0;
	border:0;
	background:none;
	-webkit-appearance:none;
	margin:0% 2% 6% 2%;
}
.grid__item, .grid__item:focus{
	outline:none
}
.grid__item::after{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:0;
	padding-bottom:100%;
	content:"";
	display:block
}
@media(max-width:767.98px){
	.grid__item{
		grid-area:span 1/span 1;
		width:100%
	}

}
.grid__item--horizontal{
	grid-area:span 1/span 2
}
@media(max-width:767.98px){
	.grid__item--horizontal{
		grid-area:span 1/span 1
	}

}
.grid__item--horizontal::after{
	padding-bottom:50%
}
@media(max-width:767.98px){
	.grid__item--horizontal::after{
		padding-bottom:100%
	}

}
.grid__item--vertical{
	grid-area:span 2/span 1
}
@media(max-width:767.98px){
	.grid__item--vertical{
		grid-area:span 1/span 1
	}

}
.grid__item--vertical::after{
	padding-bottom:200%
}
@media(max-width:767.98px){
	.grid__item--vertical::after{
		padding-bottom:100%
	}

}
.grid__item--large{
	grid-area:span 2/span 2
}
@media(max-width:767.98px){
	.grid__item--large{
		grid-area:span 1/span 1
	}

}
.grid__image{
	background-size:cover;
	background-position:center;
	width:94%;
	height:94%;
	position:absolute;
	top:0;
	left:0;
	transition:filter .3s ease
}
.grid__image img, .grid__image source{
	width:100%;
	height:auto;
	display:block
}
.grid__name{
	position:absolute;
	bottom:-1.6rem;
	left:3.4rem;
	margin:0;
	font-size:2.5rem;
	line-height:1.4;
	color:#000;
	text-align:center;
	display:flex
}
@media(max-width:1024.98px){
	.grid__name{
		bottom:-1.3rem;
		left:1.7rem;
		font-size:1.5rem
	}

}
@media(max-width:767.98px){
	.grid__name{
		bottom:-1.2rem;
		left:1rem;
		padding-left:1.5rem
	}

}
.grid__name div{
	transition:padding-left .3s ease-in-out;
	
}
@media(max-width:767.98px){
	.grid__name div{
		padding-left:.4em
	}

}
.grid__name i{
	font-size:.85em;
	top:.3em;
	left:0;
	opacity:0;
	position:absolute;
	transition:opacity .3s ease
}
@media(max-width:767.98px){
	.grid__name i{
		opacity:1
	}

}
.grid__item:hover .grid__image, .grid__item:focus .grid__image{
	filter:brightness(50%)
}
.grid__item:hover .grid__name div, .grid__item:focus .grid__name div{
	padding-left:1.5em
}
@media(max-width:767.98px){
	.grid__item:hover .grid__name div, .grid__item:focus .grid__name div{
		padding-left:.4em
	}

}
.grid__item:hover .grid__name i, .grid__item:focus .grid__name i{
	opacity:1
}
.catalog__more-button{
	margin:0 auto
}
.more{
	display:-ms-grid;
	display:grid;
	grid-gap:0;
	grid-auto-flow:dense;
	grid-template-columns:repeat(4, 1fr)
}
@media(max-width:767.98px){
	.more{
		display:block
	}

}
.more i{
	opacity:0;
	transition:opacity .3s ease
}
.more__item::after{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:0;
	padding-bottom:100%;
	content:"";
	display:block
}
.more__item:hover .more__name{
	opacity:1
}
.more__item:hover i{
	opacity:1
}
@media(max-width:1024.98px){
	.more__item i{
		opacity:1
	}

}
@media(max-width:767.98px){
	.more__item i{
		opacity:1
	}

}
.more__ordinal{
	bottom:4rem;
	right:5rem;
	position:absolute;
	margin:0;
	font-size:3.5rem;
	line-height:1;
	color:#fff;
	transition:padding-left .3s ease;
	font-variant-numeric:slashed-zero;
	display:flex;
	align-items:center;
	z-index:5
}
@media(max-width:1024.98px){
	.more__ordinal{
		bottom:2.9rem;
		right:2.7rem;
		font-size:1.9rem
	}

}
@media(max-width:767.98px){
	.more__ordinal{
		bottom:1.8rem;
		right:2rem;
		font-size:1.4rem
	}

}
.more__ordinal i{
	font-size:.8em;
	padding-right:.4em
}
.more__name{
	position:absolute;
	top:3.5rem;
	left:3.9rem;
	font-size:3.5rem;
	color:#fff;
	opacity:1;
	z-index:10;
	transition:opacity .3s ease;
	pointer-events:none
}
@media(max-width:1024.98px){
	.more__name{
		top:1.92rem;
		left:2.1rem;
		font-size:1.75rem;
		text-indent:-1.8rem;
		margin-left:1.8rem
	}

}
@media(max-width:767.98px){
	.more__name{
		top:1.5rem;
		left:1.7rem;
		font-size:1.43rem;
		text-indent:-1.5rem;
		margin-left:1.5rem;
		line-height:1.35;
		opacity:1
	}

}
.more__name::after{
	content:"";
	font-family:sat-icons;
	font-size:.8em;
	line-height:1;
	position:absolute;
	left:0;
	height:auto;
	display:block;
	bottom:.11em;
	transition:opacity .3s ease;
	font-weight:600
}
@media(max-width:1024.98px){
	.more__name::after{
		bottom:.3em;
		font-size:.7em
	}

}
.grid-sizer{
	display:none
}
.product-modal__content{
	padding:2rem 3.4rem;
	background-color:#343434
}
@media(max-width:1024.98px){
	.product-modal__content{
		padding:1.4rem 2.3rem
	}

}
@media(max-width:767.98px){
	.product-modal__content{
		padding:1.2rem 1.7rem
	}

}
.product-modal__title{
	text-indent:-8rem;
	margin-left:8rem;
	font-size:8rem;
	margin-bottom:6rem;
	color:#fff
}
@media(max-width:1024.98px){
	.product-modal__title{
		text-indent:-5.6rem;
		margin-left:5.6rem;
		font-size:5.6rem;
		margin-bottom:3.5rem
	}

}
@media(max-width:767.98px){
	.product-modal__title{
		text-indent:-1.5rem;
		margin-left:1.5rem;
		font-size:3.2rem;
		margin-bottom:.9rem
	}

}
.product-modal__content{
	padding-top:2.3rem;
	padding-bottom:2.3rem;
	padding-left:2.3%;
	padding-right:2.3%
}
@media(max-width:1024.98px){
	.product-modal__content{
		padding-top:1.3rem;
		padding-bottom:1.3rem;
		padding-left:3%;
		padding-right:3%
	}

}
@media(max-width:767.98px){
	.product-modal__content{
		padding-top:1.2rem;
		padding-bottom:1.2rem;
		padding-left:5.6%;
		padding-right:5.6%;
		display:block
	}

}
.product-modal__grid{
	display:-ms-grid;
	display:grid;
	grid-gap:8rem 3rem;
	grid-auto-flow:dense;
	grid-template-columns:repeat(4, 1fr)
}
@media(max-width:1024.98px){
	.product-modal__grid{
		grid-template-columns:repeat(3, 1fr);
		grid-gap:3.5rem 2.3rem
	}

}
@media(max-width:767.98px){
	.product-modal__grid{
		grid-gap:2rem;
		grid-template-columns:repeat(2, 1fr);
		grid-gap:1.2rem 1.7rem
	}

}
.modal-grid--journal{
	grid-template-rows:minmax(213px, 150px) 1fr 1fr
}
.modal-grid--journal .modal-grid__item{
	height:100%
}
.modal-grid a.modal-grid-link, .modal-grid a.modal-grid-link:visited, .modal-grid a.modal-grid-link:active{
	color:#fff
}
.modal-grid__item{
	position:relative;
	display:block;
	grid-area:span 1/span 1;
	overflow:hidden
}
.modal-grid__item::after{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:0;
	padding-bottom:100%;
	content:"";
	display:block
}
@media(max-width:767.98px){
	.modal-grid__item{
		grid-area:span 1/span 1;
		width:100%
	}

}
.modal-grid__name{
	padding-left:3.5rem;
	position:relative;
	bottom:auto;
	left:auto;
	font-weight:100;
	margin-top:2.2rem;
	font-size:2.5rem;
	line-height:1;
	color:inherit;
	margin-bottom:0
}
@media(max-width:1024.98px){
	.modal-grid__name{
		padding-left:2.2rem;
		margin-top:1.5rem;
		font-size:1.8rem
	}

}
@media(max-width:767.98px){
	.modal-grid__name{
		font-size:1.3rem;
		margin-top:1rem;
		line-height:1.4;
		padding-left:1.5rem
	}

}
.modal-grid__name::after{
	content:"";
	font-family:sat-icons;
	font-size:.8em;
	line-height:1;
	position:absolute;
	left:0;
	height:auto;
	display:block;
	top:.2rem;
	opacity:1;
	transition:opacity .3s ease
}
@media(max-width:767.98px){
	.modal-grid__name::after{
		top:.4rem
	}

}
.modal-grid-link img{
	transition:filter .3s ease
}
.modal-grid-link .modal-grid__name{
	transition:color .3s ease
}
.modal-grid-link:hover img{
	filter:brightness(0.8)
}
.modal-grid-link:hover .modal-grid__name{
	color:#b1b1b1
}
.ieFallback .grid-sizer{
	display:block;
	width:25%
}
@media(max-width:767.98px){
	.ieFallback .grid-sizer{
		display:none
	}

}
.ieFallback .grid__item{
	width:25%
}
@media(max-width:767.98px){
	.ieFallback .grid__item{
		width:48%;
		float:left;
		margin:0 .99% 10px
	}

}
.ieFallback .grid__item--horizontal{
	width:50%
}
@media(max-width:767.98px){
	.ieFallback .grid__item--horizontal{
		width:48%
	}

}
.ieFallback .grid__item--vertical{
	width:25%
}
@media(max-width:767.98px){
	.ieFallback .grid__item--vertical{
		width:48%
	}

}
.ieFallback .grid__item--vertical::after{
	padding-bottom:200%
}
@media(max-width:767.98px){
	.ieFallback .grid__item--vertical::after{
		padding-bottom:100%
	}

}
.ieFallback .grid__item--large{
	width:50%
}
@media(max-width:767.98px){
	.ieFallback .grid__item--large{
		width:48%
	}

}
.ieFallback .filter__form{
	display:table;
	width:100%
}
.ieFallback .form__select{
	float:left;
	width:24%;
	margin-right:1%
}
@media(max-width:767.98px){
	.ieFallback .form__select{
		width:69%;
		margin-right:0;
		float:none;
		display:block
	}

}
.ieFallback .grid{
	display:table;
	width:100%
}
.ieFallback .more{
	display:table;
	width:100%
}
@media(max-width:767.98px){
	.ieFallback .more{
		display:block
	}

}
.ieFallback .more__item{
	float:left;
	width:25%
}
@media(max-width:767.98px){
	.ieFallback .more__item{
		float:none;
		width:100%
	}

}
.ieFallback .nice-select.wide{
	width:95%
}
.ieFallback .product-modal__grid{
	display:table;
	width:100%
}
.ieFallback .modal-grid a{
	width:23%;
	display:block;
	float:left;
	margin:0 1.33333%
}
.ieFallback .modal-grid a:first-of-type{
	margin-left:0
}
.ieFallback .modal-grid a:last-of-type{
	margin-right:0
}
@media(min-width:768px)and (max-width:1024.98px){
	.ieFallback .modal-grid a{
		width:31%;
		margin:0 1.75%;
		margin-bottom:3.6rem
	}
	.ieFallback .modal-grid a:nth-of-type(3n+1){
		margin-left:0
	}
	.ieFallback .modal-grid a:nth-of-type(3n+3){
		margin-right:0
	}

}
@media(max-width:767.98px){
	.ieFallback .modal-grid a{
		width:47%;
		margin:0 3%;
		margin-bottom:1.3rem
	}
	.ieFallback .modal-grid a:nth-of-type(2n+1){
		margin-left:0
	}
	.ieFallback .modal-grid a:nth-of-type(2n+2){
		margin-right:0
	}

}
.more-button{
	margin:7rem 0
}
@media(max-width:1024.98px){
	.more-button{
		margin:5.2rem 0 5.5rem
	}

}
@media(max-width:767.98px){
	.more-button{
		margin:1.7rem 0
	}

}
@media(min-width:768px){
	.product__catalog #scrollTo{
		top:-82px
	}

}
@media(max-width:767px){
	.product__catalog #scrollTo{
		top:-62px
	}

}
.product-modal .modal-grid__nameSubfamily{
	transition:margin-left .3s ease;
	position:relative;
	bottom:auto;
	left:auto;
	font-weight:100;
	margin-top:2.2rem;
	font-size:2.5rem;
	line-height:1.2;
	color:inherit;
	margin-bottom:0;
	padding-left:0;
	white-space:normal;
	overflow:unset;
	width:28rem
}
@media(max-width:1024.98px){
	.product-modal .modal-grid__nameSubfamily{
		position:relative;
		margin-top:1.5rem;
		font-size:1.8rem;
		width:18rem
	}

}
@media(max-width:767.98px){
	.product-modal .modal-grid__nameSubfamily{
		position:relative;
		font-size:1.3rem;
		margin-top:1rem;
		line-height:1.4;
		width:11rem
	}

}
.product-modal .modal-grid__nameSubfamily i{
	font-size:.8em
}
.modal-content .product-modal .modal-grid__nameSearch{
	position:relative
}
.product-modal a:hover .modal-grid__nameSearch{
	margin-left:1em
}
@media(min-width:1025px){
	.projects__container .grid-item--432:nth-last-of-type(-n+4){
		margin-bottom:auto
	}

}
@media(min-width:768px)and (max-width:1024.98px){
	.projects__container .grid-item--432:nth-last-of-type(-n+3){
		margin-bottom:auto
	}

}
@media(max-width:767.98px){
	.projects__container .grid-item--432:nth-last-of-type(-n+2){
		margin-bottom:auto
	}

}
.subfamily__hero .container2.hero-slider__content{
	height:min-content;
	height:fit-content
}
/*# sourceMappingURL=product2.min.css.map */