body {
background:#fafafa;
box-sizing:border-box;
}
.header .logo {
background:url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
.catalogue-show-block .description h3 {
margin-top:18px;
}
#catalog {
padding-top: 74px;
padding-bottom: 59px;
}
#catalog #filterLine {
margin:2rem 0;
border-top:1px solid #c4c4c4;
border-bottom:1px solid #c4c4c4;
display:flex;
width:100%;
justify-content:center;
align-items:center;
padding:0.8rem 0;
}
#catalog #filterLine li {
list-style-type:none;
}
#filterLine > li {
position:relative;
margin:0 1rem;
}
#filterLine > li > span {
color:#1e1e1e;
display:flex;
align-items:center;
cursor:pointer;
}
#filterLine > li > span:before {
display:block;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:9;
cursor:auto;
}
#filterLine > li.active > span:before {
content:'';
}
#filterLine > li > ul {
display:none;
position:absolute;
background:#fff;
z-index:1;
border:1px solid #c6c6c6;
top:calc(100% + 0.9rem);
width:13.6rem;
left:calc(50% - 6.8rem);
text-align:left;
z-index:10;
}
#filterLine > li > ul li {
padding: 0.6rem 0.47rem;
}
#filterLine > li > ul .hd {
color:#c6c6c6;
border-bottom:1px solid #c6c6c6;
text-align:center;
}
#filterLine > li > ul:before {
content:'';
position:absolute;
z-index:2;
width:20px;
height:20px;
background:#fff;
border-top:1px solid #c6c6c6;
border-left:1px solid #c6c6c6;
transform: rotate(45deg);
top: -11px;
left: calc(50% - 5px);
}
#filterLine > li.active > ul {
display:block;
}
#filterLine > li > ul input[type="checkbox"], #filterLine > li > ul input[type="radio"] {
display:none;
}
#filterLine > li > ul label {
display:flex;
align-items:center;
}
#filterLine > li > ul input + label:before {
content:'';
width:0.7rem;
height:0.7rem;
background: no-repeat center / 0.6rem;
border:1px solid #c6c6c6;
margin-right:0.8rem;
}
#filterLine > li > ul input[type="radio"] + label:before {
border-radius:50%;
}
#filterLine .go {
border-top:1px solid #c6c6c6;
padding-top:0.6rem;
}
#filterLine .go button {
display:block;
width:100%;
border:none;
color:#fff;
text-transform:uppercase;
text-align:center;
background:#8c847d;
padding:0.6rem 0;
cursor:pointer;
}
#filterLine .discount input {
display:none;
}
#filterLine .discount label {
display:flex;
align-items:center;
cursor:pointer;
}
#filterLine .discount label:after {
content:'';
width:1.25rem;
height:1.25rem;
border-radius:50%;
border:1px solid #8c847d;
margin-left:0.5rem;
background: no-repeat center / 0.8rem;
}
#filterLine .discount :checked + label:after,#filterLine > li > ul :checked + label:before {
background-image:url('data:image/svg+xml,');
}
#filterLine .search input {
padding:0.3rem 0.5rem;
border:1px solid #ec952d;
box-sizing:border-box;
}
#filterLine .search button {
border:1px solid #8c847d;
color:#fff;
text-transform:uppercase;
text-align:center;
background:#8c847d;
padding:0.3rem 0.5rem;
cursor:pointer;
box-sizing:border-box;
}
#catalog .rows {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:stretch;
}
#catalog .rows:before, #catalog .rows:after {
content:'';
display:block;
height:0;
width:200px;
margin:0 20px;
}
#catalog .rows:before {
order:12;
}
.item {
width:200px;
margin:0 20px 40px;
list-style-type:none;
text-align:center;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.item .image {
width:100%;
height:250px;
background:no-repeat center top / contain;
margin-bottom:10px;
position:relative;
}
.item .image .description {
z-index:-1;
opacity:0;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(255,255,255,0.9);
padding:10px;
box-sizing:border-box;
text-align:left;
font-size:12px;
line-height:14px;
display:flex;
align-items:center;
}
.item .image:hover .description {
z-index:1;
opacity:1;
}
.item .title {
margin:0 0 10px;
}
.item .price {
margin:0 0 10px;
}
#catalog .pagination {
display:flex;
justify-content:center;
}
#catalog .pagination li {
list-style-type:none;
}
#catalog .pagination li a {
box-sizing:border-box;
display:flex;
justify-content:center;
align-items:center;
width:2.25rem;
height:2.25rem;
margin:0 0.2rem;
border-radius:50%;
border:2px solid #ec952d;
color:#ec952d;
transition:all 0.3s ease;
}
#catalog .pagination li:hover a {
background:#ec952d;
color:#fff;
}
#catalog .pagination li.active a {
background:#ec952d;
}
#catalog .pagination li.active a {
color:#ffffff;
}
#itemContent {
padding-top: 74px;
padding-bottom: 59px;
}
#itemContent .panel {
display:flex;
align-items:flex-start;
justify-content:space-between;
}
#itemContent .panel .left {
width:250px;
text-align:center;
padding-right:30px;
}
#itemContent .panel .left .img {
padding-bottom:10px;
}
#itemContent .panel .left img {
max-width:100%;
}
#itemContent .panel .price {
margin-bottom:10px;
}
#itemContent .panel .right {
width: calc(100% - 350px);
font-weight: 400;
line-height: 1.8;
}
#itemContent .right h3 {
font-size: 20px;
line-height: 1.8;
margin:30px 0 20px;
font-weight:600;
cursor:pointer;
}
#itemContent .right h3:after {
content:'';
display:inline-block;
width:0.71rem;
height:0.35rem;
margin-left:0.59rem;
vertical-align:middle;
transition:all 0.3s ease;
background:url('data:image/svg+xml;utf8,')no-repeat center / contain;
}
#itemContent .right h3.view:after {
transform:rotate(180deg);
}
#itemContent .right h3 ~ p, #itemContent .right h3 ~ ul,#itemContent .right h3 ~ ol,#itemContent .right h3 ~ div,
#itemContent .right .view ~ h3 ~ p, #itemContent .right .view ~ h3 ~ ul, #itemContent .right .view ~ h3 ~ ol, #itemContent .right .view ~ h3 ~ div {
display:none;
font-size: 18px;
line-height: 1.8;
font-weight: 400;
padding-bottom:1.42rem;
/*color:#000;*/
letter-spacing: 0.01em;
}
#itemContent .right .view ~ p, #itemContent .right .view ~ ul, #itemContent .right .view ~ ol, #itemContent .right .view ~ div {
display:block;
}
#itemContent .other {
flex-wrap:wrap;
display:flex;
justify-content:space-between;
padding:74px 0 59px;
}
#itemContent .other h2 {
width:100%;
font-size:24px;
padding-bottom:24px;
}
#partners {
margin: 0 auto;
padding: 0 20px 40px;
max-width: 1169px;
}
#partners h2 {
text-align:center;
}
#partners .button-list{
display:flex;
padding:20px 0;
justify-content:center;
flex-wrap:wrap;
list-style-type:none;
}
#partners .button-list li {
margin:0 10px;
padding:5px 10px;
border:1px solid #ec952d;
cursor:pointer;
}
#partners .button-list li.active {
background:#ec952d;
color:#fff;
}
#partners .images {
display:flex;
justify-content:center;
flex-wrap:wrap;
transition:all 0.3s ease;
}
#partners .images img {
display:block;
max-height:50px;
margin:20px;
transition:all 0.3s ease;
}
#partners .images img.hide {
display:none;
}
#formWrapper {
display:none;
align-items:center;
justify-content:center;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:100;
background:rgba(0,0,0,0.5);
}
#formWrapper.open {
display:flex;
}
#formWrapper > div {
background:#e3e3e3;
padding:30px;
}
.mainText {
margin: 0 auto;
padding: 74px 20px 59px 20px;
max-width: 1129px;
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
.mainText h1 {
font-size: 24px;
font-weight: 600;
margin-bottom: 1px;
text-transform: uppercase;
}
.mainText h2 {
font-size: 22px;
font-weight: 600;
margin-bottom: 1px;
text-transform: uppercase;
text-align:center;
margin-top:34px;
}
.mainText h3 {
font-size: 18px;
font-weight: 600;
line-height: 26px;
margin-bottom: 1px;
margin-top:34px;
}
#contacts {
display:flex;
align-items:stretch;
justify-content:space-between;
}
#contacts .left {
max-width:500px;
}
#contacts .right {
flex-grow:1;
}
.mainText .description {
text-align:center;
}
.mainText .contacts-form {
max-width:500px;
margin:0 auto;
}
.mainText .contacts-form button {
background:#ec952d;
}
.images {
padding-top:30px;
}
.images a {
display:inline-block;
margin-right:30px;
}
.images img {
max-width:200px;
max-height:50px;
}
.inner-page img {
max-width:100%;
}
.articles-list-full {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.articles-list-full:after {
content:'';
display:block;
height:0;
width:30%;
}
.articles-list-full .articles-item {
width:30%;
margin-bottom:20px;
line-height: 30px;
font-size: 18px;
border-top: 1px solid #d8d8d8;
padding: 254px 0 48px;
background:no-repeat center 10px / auto 200px;
text-align: center;
display:flex;
justify-content:space-between;
flex-direction:column;
}
.articles-item .title- {
text-align: center;
font-size: 22px;
font-weight: 600;
margin-bottom: 8px;
line-height: 22px;
}
.articles-item .date- {
text-align: center;
font-size: 16px;
font-weight: 400;
font-style: italic;
margin-bottom: 29px;
}
.articles-item .img- {
margin-bottom: 41px;
padding-top: 8px;
}
.articles-item .img- img {
max-height: 400px;
max-width: 100%;
display: block;
margin: 0 auto;
}
.articles-item .body- {
margin-bottom: 30px;
font-weight: 400;
}
.articles-list-full .articles-item .body- {
text-align:left;
font-size:12px;
line-height:1.2;
}
.articles-list-full .articles-item .read-more- a {
font-weight: 600;
text-decoration: underline;
}
.articles-list {
list-style: none;
margin: 0 0 0 90px;
}
.articles-list .article {
display: inline-block;
width: 33%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
padding-right: 90px;
}
.articles-list .article .title- {
font-size: 18px;
font-weight: 600;
margin-bottom: 25px;
height:50px;
text-align: center;
}
.articles-list .article .content- {
display:flex;
align-items:center;
font-size: 18px;
font-weight: 400;
line-height: 24px;
height:250px;
background:no-repeat center / contain;
}
.articles-list .article .text {
font-weight: 400;
text-align: left;
font-size: 12px;
line-height: 1.2;
margin-bottom: 25px;
}
.articles-list .article:hover .content- .text {
opacity:1;
}
.articles-list .article .read-more {
text-align:center;
}
.articles-list .article .read-more a {
font-size: 18px;
font-weight: 600;
text-decoration: none;
}
.articles-list-full {
list-style: none;
}
.paginator {
text-align: center;
padding-bottom: 11px;
}
.paginator span, .paginator a {
margin: 0 7px;
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
.paginator span {
text-decoration: underline;
font-weight: 600;
}
.page-path h1 {
display:inline-block;
}