/* Fonts */
@font-face { /*Применяется на странице товара для иконки характеристик*/
font-family: 'ElegantIcons';
src: url(../fonts/ElegantIcons.ttf) format('truetype');
font-weight: 400;
}
@font-face { /*Rubik применяется в корзине, в модальном окне оформления заказа*/
font-family: 'Rubik';
src: url(../fonts/Rubik-Light.ttf) format('truetype');
font-weight: 300;
}
@font-face {
font-family: 'Rubik';
src: url(../fonts/Rubik-Medium.ttf) format('truetype');
font-weight: 500;
}
@font-face { /*Применяется в ордере*/
font-family: 'Roboto';
src: url(../fonts/Roboto-Light.ttf) format('truetype');
font-weight: 300;
}
@font-face { /*Применяется в ордере*/
font-family: 'Roboto';
src: url(../fonts/Roboto-Regular.ttf) format('truetype');
font-weight: 400;
}
@font-face { /*Применяется в оредере в названии товара*/
font-family: 'Roboto';
src: url(../fonts/Roboto-Bold.ttf) format('truetype');
font-weight: 600;
}
@font-face { /*Применяется в логотипе Denero*/
font-family: 'Raleway';
src: url(../fonts/ralewayregular.ttf) format('truetype');
font-weight: 400;
}
@font-face { /*Иконки в ордере*/
font-family: "FontAwesome";
src: url(../fonts/fa-regular-400.ttf) format("truetype");
font-weight: 400;
}
@font-face { /*Иконки*/
font-family: "Ionicons";
src: url(../fonts/ionicons.ttf) format("truetype");
font-weight: 400;
}
@font-face { /*Шрифт Южный, все начертания используются*/
font-family: 'Factor-A';
src: url(../fonts/Factor-A-Regular-Web.woff2) format('woff2'), url(../fonts/Factor-A-Regular-Web.woff) format('woff'), url(../fonts/Factor-A-Regular-Web.ttf) format('truetype');
font-weight: 400;
}
@font-face {
font-family: 'Factor-A';
src: url(../fonts/Factor-A-Medium-Web.woff2) format('woff2'), url(../fonts/Factor-A-Medium-Web.woff) format('woff'), url(../fonts/Factor-A-Medium-Web.ttf) format('truetype');
font-weight: 500;
}
@font-face {
font-family: 'Factor-A';
src: url(../fonts/Factor-A-Bold-Web.woff2) format('woff2'), url(../fonts/Factor-A-Bold-Web.woff) format('woff'), url(../fonts/Factor-A-Bold-Web.ttf) format('truetype');
font-weight: 700;
}
/* Default page style */
html, body {
min-width: 500px;
position: relative;
}
body {
color: #000;
background: #fff;
}
body{font-size: 18px;}
body{
font-family: Factor-A, "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.5;
}
.clients,.individual_order,.elements, body.projects .category_items,body.materials .category_items, body.collections .category_items, body.category .category_items,.product_types,.wrapper.wrapper_100,
.materials .content > .wrapper,.post .content > *,.filter-checked,.news .category_items, .content{background-color: #fff;}
*, *:before, *:after {
box-sizing: border-box;
word-wrap: break-word;
}
div, input {
outline: none;
}
a, a:active, a:hover, a:link, a:visited, a:focus {
text-decoration: none;
color: #000;
}
a:link { outline: none; }
.gm-style .gm-style-iw-c { padding: 12px 14px 12px 12px !important; }
.gm-style-iw-d { overflow: auto !important; }
a, button {
transition: .3s ease;
transition-property: color, opacity, background, border-color;
cursor: pointer;
}
ul li, ol li {
list-style-position: inside;
}
ul {
padding: 0;
}
img {
max-width: 100%;
height: auto;
}
.denero_logo img{
width: 115px;
margin-top: -2px;
}
table, tr, td {
border: 0;
padding: 0;
margin: 0;
border-spacing: 0;
outline: none;
}
p{margin: 0 0 13px;}
/* Font awesome */
.fa {
font-family: "FontAwesome";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook:before {
content: "\f09a";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-vk:before {
content: "\f189";
}
.fa-home:before {
content: "\f015";
}
.fa-mail:before {
content: "\f0e0";
}
.fa-phone {
background-color: #4ccd8f;
border: 1px solid #4ccd8f;
}
.fa-phone:before {
content: "\f095";
}
/* шапка новые стили */
._header{
position: fixed;
display: flex;
align-items: center;
justify-content: space-between;
top: 0;
left: 0;
width: 100%;
z-index: 100;
padding: 20px;
}
._header-menu > li._has-sub > a > span{
position: relative;
padding-right: 27px;
}
._header ._has-sub span::after {
content: "";
width: 10px;
height: 6px;
background-image: url('data:image/svg+xml,');
background-size: 100% 100%;
transition: 0.6s;
margin: -1px 0 0 0;
top: 50%;
right: 10px;
}
._header .icon-visual {
display: inline-block;
vertical-align: middle;
width: 19px;
height: 21px;
margin-right: 6px;
background: url('data:image/svg+xml,');
}
._header ul{
list-style: none;
margin-bottom: 0;
margin-top: 0;
}
._header ul a{
text-decoration: none;
position: relative;
}
._header-nav{
display: inline-block;
height: 60px;
position: relative;
padding-right: 10px;
transition: 0.3s ease;
}
._header-nav:before{
content: "";
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 100%;
background: conic-gradient(from 179.87deg at 40.57% 166.67%, #FF0000 0deg, #FF6180 82.59deg, #FF0D0D 153.38deg, #FF0A0A 225.76deg, #FFEA09 288.72deg, #FF0101 352.82deg, #FF0000 360deg);
z-index: -1;
border-radius: 12px 44px 44px 12px;
opacity: 0;
transition: 0.3s ease;
}
._header-collapse{
width: 100%;
height: 100%;
display: flex;
}
._header-logo{
width: 0;
overflow: hidden;
flex-shrink: 0;
position: absolute;
z-index: 1;
top: 0;
left: 20px;
bottom: 0;
margin: auto;
display: flex;
align-items: center;
transition: 0.3s ease;
}
._header-logo img, ._header-logo svg{
min-width: 166px;
max-width: 166px;
transition: 0.3s ease;
}
._header-menu{
display: flex;
padding-left: 0;
font-size: 18px;
font-weight: 500;
color: #fff;
}
._header-menu a{
color: #fff;
display: inline-block;
}
._header-menu > li{
display: flex;
align-items: center;
}
._header-menu > li._open > a > span:not(.active){
opacity: 0.6;
}
._header-menu li._has-sub._open span::after{
transform: rotate(180deg);
}
._header-menu > li > a{
display: flex;
align-items: center;
gap: 10px;
height: 100%;
}
._header-menu > li > a > span{
padding: 10px 18px;
border-radius: 50px;
min-width: 44px;
height: 44px;
white-space: nowrap;
display: flex;
align-items: center;
position: relative;
transition: 0.3s ease;
}
._header-menu > li > a > span.active{
opacity: .6;
}
._header-menu > li > a > span::after{
margin-right: 10px;
top: 2px;
right: 0;
transition: 0.3s;
position: absolute;
top: 50%;
margin-top: -3px;
}
._header-menu > li:not(._has-sub) > a:hover > span{
background-color: #fff;
color: #FF0E3A;
}
._header-menu > li._compare > a > span{
padding-left: 35px;
position: relative;
display: flex;
align-items: center;
transition: 0.3s;
}
._header-menu > li._compare > a > span:before{
content: "";
filter: contrast(0) brightness(2);
background-image: url('data:image/svg+xml,');
width: 16px;
height: 13px;
position: absolute;
top: 0;
left: 11px;
bottom: 0;
margin: auto;
background-size: cover;
background-repeat: no-repeat;
transition: 0.3s;
}
._header-menu > li._compare > a:hover > span:before{
filter: none;
}
._header-menu ul {
position: absolute;
font-size: 16px;
top: 100%;
width: 100%;
left: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(3, auto);
grid-auto-flow: column;
grid-template-rows: repeat(3, auto);
gap: 10px 25px;
pointer-events: none;
visibility: hidden;
opacity: 0;
padding: 20px;
transition: 0.3s ease;
}
._header-menu ul a:hover{
opacity: 0.6;
}
._header:not(._fixed) ._header-menu ul{
background: conic-gradient(from 179.87deg at 40.57% 166.67%, #FF0000 0deg, #FF6180 82.59deg, #FF0D0D 153.38deg, #FF0A0A 225.76deg, #FFEA09 288.72deg, #FF0101 352.82deg, #FF0000 360deg);
border-radius: 12px 30px 30px 12px;
}
._header-menu > li._open > ul {
opacity: 1;
visibility: visible;
pointer-events: all;
}
._header-btns{
display: flex;
align-items: center;
flex-shrink: 0;
gap: 7px;
}
._header-phone{
font-weight: 500;
font-size: 28px;
line-height: 100%;
text-decoration: none;
letter-spacing: -0.02em;
position: relative;
display: flex;
align-items: center;
gap: 15px;
color: #FFFFFF!important;
transition: 0.3s;
border-radius: 16px;
padding: 10px 32px;
}
._header-phone:before{
content: "";
position: relative;
left: 0;
top: -2px;
width: 19px;
height: 19px;
background-image: url('data:image/svg+xml,');
background-size: cover;
background-repeat: no-repeat;
display: none;
}
._header-choose{
background-color: #ff0e3a;
color: #FFFFFF!important;
font-size: 16px;
display: inline-block;
font-weight: 700;
border-radius: 16px;
padding: 19px 32px;
}
._header-burger{
width: 50px;
height: 50px;
z-index: 11;
border: none;
position: absolute;
display: none;
top: 0;
right: 10px;
bottom: 0;
margin: auto;
padding-left: 15px;
padding-right: 15px;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 50%;
transition: .6s;
}
._header-burger:before,
._header-burger::after{
content: '';
position: absolute;
width: 20px;
height: 2px;
left: 0;
right: 0;
margin: auto;
border-radius: 2px;
background-color: #000;
transition: .6s;
}
._header-burger::before{
top: 17px;
}
._header-burger::after{
bottom: 17px;
}
._header-burger span{
width: 20px;
height: 2px;
border-radius: 2px;
background-color: #000;
display: flex;
transition: .6s;
pointer-events: none;
}
._header-contact{
display: none;
position: relative;
margin-top: auto;
padding: 20px;
z-index: 1;
}
._header-social{
display: flex;
align-items: center;
gap: 29px;
margin-top: 19px;
padding-bottom: 30px;
}
._header-touch__holder {
font-weight: 700;
font-size: 13px;
line-height: 80%;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 10px;
display: inline-block;
width: 100%;
}
._header-touch a{
color: #fff;
font-weight: 700;
font-size: 25px;
}
@media (hover: hover) {
._header-menu > li:hover > ul {
opacity: 1;
pointer-events: all;
}
}
@media (max-width: 500px) {
@media (hover: hover) {
._header-menu > li:hover > ul {
visibility: visible;
}
}
}
@media (max-width: 1400px) {
._header ._has-sub span::after {
width: 8px;
height: 4px;
margin-top: -2px;
right: 5px;
}
._header-menu > li > a > span::after {
margin-left: -16px;
margin-right: 5px;
top: 0px;
}
._header-logo img, ._header-logo svg {
min-width: 125px;
max-width: 125px;
}
._header-menu > li._compare > a > span{
min-width: 37px;
height: 37px;
}
._header-menu > li._compare > a > span:before{
width: 13px;
height: 10px;
}
._header-menu,
._header-menu ul{
font-size: 13px;
}
._header-menu > li > a > span {
padding: 9px 11px;
height: auto;
}
._header-phone{
font-size: 20px;
}
._header-choose{
font-size: 14px;
padding: 19px 13px;
}
}
@media (max-width: 500px) {
._header{
padding: 10px;
}
._header ._has-sub span::after {
width: 15px;
height: 10px;
margin-top: -2px;
right: 0;
}
._header-logo{
left: 17px;
}
._header-logo img, ._header-logo svg{
min-width: 168px;
max-width: 168px;
}
._header-burger{
display: flex;
}
._header-nav{
width: 100%;
height: 70px;
padding: 10px;
}
._header-collapse{
display: flex;
flex-direction: column;
width: calc(100% - 20px);
border-radius: 12px 30px 30px 12px;
height: 70px;
position: fixed;
top: 10px;
left: 10px;
overflow: hidden;
padding-top: 70px;
transition: all 0.5s;
}
._header-collapse:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background: linear-gradient(102deg, #FF313E, #FF0B0B, #FF7209);
transition: opacity 0.3s;
transition-delay: 0.5s;
}
._header-menu{
font-size: 28px;
padding-right: 20px;
padding-left: 20px;
flex-wrap: wrap;
max-height: calc(100% - 176px);
overflow: auto;
opacity: 0;
transition: opacity 0.5s;
}
._header-menu > li{
flex-wrap: wrap;
width: 100%;
}
._header-menu ul {
background: none!important;
height: 0;
overflow: hidden;
transition: height 0.6s ease;
padding: 0;
pointer-events: none;
top: 0;
left: 0;
font-size: 20px;
display: inline-block;
position: relative;
visibility: visible;
opacity: 1;
}
._header-menu ul li{
margin-bottom: 12px;
}
._header-menu > li._open ul{
pointer-events: all;
}
._header-menu > li > a{
margin: 10px 0px;
width: 100%;
height: auto;
}
._header-menu > li > a > span{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0;
padding-right: 0;
}
._header-menu > li:not(._has-sub) > a:hover > span{
background-color: transparent;
color: #fff;
}
._header-menu > li > a > span::after {
margin-left: 2px;
margin-right: 0;
top: 3px;
}
._header-menu > li._compare > a > span{
height: auto;
padding-left: 0;
}
._header-menu > li._compare > a > span:before{
display: none;
}
._header-btns{
position: absolute;
right: 80px;
width: calc(100% - 80px);
padding-left: 20px;
height: 70px;
transition: 0.3s;
justify-content: space-between;
top: 10px;
}
._header-btns a{
line-height: 1.1;
}
._header-phone{
padding: 0;
white-space: nowrap;
}
._header-phone:before{
display: block;
}
._header-choose{
font-size: 12px;
border-radius: 8px;
width: 112px;
background-color: #fff;
text-align: center;
padding: 11px 20px;
opacity: 0;
pointer-events: none;
color: #FF150A!important;
}
._header-contact{
display: block;
opacity: 0;
transition: opacity 0.5s;
}
}
.footer{
position: relative;
background: #F4F4F4;
margin: 0;
border-radius: 24px 47px 24px 24px;
padding: 19px;
}
.footer a, .footer{color: #000;}
.flist .footerdoplink {
float: left;
line-height: 37px;
font-size: 20px;
margin-right: 158px;
}
.footerdoplink img {
width: 28px;
height: 37px;
margin-right: 5px;
float: left;
}
.flist ul{
list-style: none;
font-size: 18px;
}
.flist{margin-top: 36px;}
.flist > div{
display: inline-block;
}
.fcontact svg{width: 20px;}
.fcontact span{
font-size: 12px;
font-weight: 700;
}
.fcontact a, .fcontact span, .flist > a{
display: block;
}
.flist ul{margin-bottom: 40px;}
.fcontact span + a {
letter-spacing: 0.6px;
margin-bottom: 10px;
}
.fcontact a, .fcontact span + a, .flist span, .flist > a{
font-size: 25px;
font-weight: 500;
}
.flogo{
margin-bottom: 40px;
}
.footer .m_arrow{
top: unset;
z-index: 0;
left: unset;
right: 20px;
top: 20px;
transform: rotate(180deg);
filter: invert(1) grayscale(1) brightness(2);
}
/* header fixed and toggled */
@media (min-width: 501px) {
._header-menu > li._has-sub > a > span{padding-right: 18px;}
._header._fixed ._header-phone{
background-color: #fff;
font-size: 16px;
color: #000!important;
padding: 21px 32px;
}
._header._fixed ._header-nav{
padding-left: 225px;
}
._header._fixed ._header-nav._open::before {
height: var(--nav-height);
opacity: 1;
}
._header._fixed ._header-nav:before{
opacity: 1;
}
._header._fixed ._header-logo{
overflow: hidden;
}
._header._fixed ._header-menu > li._compare > a{
width: 44px;
}
._header._fixed ._header-menu > li._compare > a > span{
padding: 0;
font-size: 0;
color: transparent;
}
._header._fixed ._header-menu > li._compare > a > span:before{
left: 0;
right: 0;
margin: auto;
}
}
@media (min-width: 1401px) {
._header-menu > li._has-sub > a > span{padding-right: 27px;}
._header._fixed ._header-logo{
width: 166px;
}
}
@media (max-width: 1400px) {
._header._fixed ._header-logo{
width: 125px;
}
._header._fixed ._header-nav {
padding-left: 155px;
}
._header._fixed ._header-phone{
padding: 21px 16px;
}
}
@media (max-width: 500px) {
._header._toggled ._header-nav,
._header._fixed ._header-nav{
padding-left: 188px;
}
._header._toggled ._header-burger span,
._header._fixed ._header-burger span,
._header._toggled ._header-burger:before,
._header._fixed ._header-burger:before,
._header._toggled ._header-burger::after,
._header._fixed ._header-burger::after{
background-color: rgba(250, 11, 14, 1);
}
._header._toggled ._header-burger span{
opacity: 0;
display: none;
}
._header._toggled ._header-burger::after{
transform: translateY(-7px) rotate(45deg);
}
._header._toggled ._header-burger::before{
transform: translateY(7px) rotate(-45deg);
}
._header._toggled ._header-menu,
._header._toggled ._header-contact{
opacity: 1;
transition-delay: 0.3s;
}
._header._toggled ._header-collapse{
height: calc(100% - 20px);
}
._header._toggled ._header-collapse:before{
opacity: 1;
transition-delay: 0s;
}
._header._toggled ._header-logo,
._header._fixed ._header-logo{
width: 168px!important;
}
._header._fixed ._header-collapse{
background: linear-gradient(102deg, #FF313E, #FF0B0B, #FF7209);
}
._header._toggled ._header-btns,
._header._fixed ._header-btns{
width: 173px;
}
._header._toggled ._header-phone,
._header._fixed ._header-phone{
padding: 0;
font-size: 0;
}
._header._toggled ._header-choose,
._header._fixed ._header-choose{
opacity: 1;
pointer-events: all;
}
}
/* конец шапка новые стили */
#_ujni_banners{
overflow: hidden;
position: relative;
top: 0;
left: 0;
width: 100%;
will-change: transform;
}
._ujni-banner{
position: relative;
width: 100%;
overflow: hidden;
height: 100vh;
height: 100dvh;
}
#_ujni_hero {
z-index: 2;
will-change: transform;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 90px;
padding-bottom: 90px;
}
._ujni-hero__bg {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 100%;
transition: 0.5s ease;
animation: heroScale 1s ease-in-out forwards;
will-change: transform;
}
@keyframes heroScale {
0% {
transform: scale(1.1);
}
100% {
transform: none;
}
}
#_ujni_second {
z-index: 1;
will-change: transform;
background-color: black;
margin-bottom: -1px;
}
._ujni-overlay{
position: absolute;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
height: 50%;
background: linear-gradient(to bottom, #000000, #000000, transparent);
transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
._ujni-banner.in-viewport ._ujni-overlay{
opacity: 0;
}
._ujni-banner .wrapper{
height: 100%;
display: flex;
align-items: center;
}
._ujni-hero__content{
color: #fff;
height: 90%;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 65px;
}
._ujni-hero__content-top img{
width: 460px;
}
._ujni-hero__subtitle{
font-size: 51px;
line-height: 90%;
font-weight: 700;
}
._ujni-banner_btn{
float: none!important;
text-align: center;
display: inline-block!important;
width: calc(100% - 38px);
z-index: 1;
max-height: 62px;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 20px;
}
._ujni-banner.pre-active ._ujni-hero__bg,
._ujni-banner.active ._ujni-hero__bg{
bottom: -70%;
height: 170%;
}
._ujni-banner.pre-active ._content-hidden__wrap,
._ujni-banner.active ._content-hidden__wrap{
transform: translateY(0);
margin-bottom: 0;
opacity: 1;
}
._content-bottom{
margin-top: auto;
width: 100%;
}
._content-hidden__wrap{
transform: translateY(50px);
justify-content: space-between;
width: 100%;
opacity: 0;
transition: 0.5s ease;
display: flex;
gap: 30px;
position: relative;
z-index: 1;
pointer-events: none;
}
._ujni-banner.pre-active ._content-hidden__wrap,
._ujni-banner.active ._content-hidden__wrap{
pointer-events: all;
}
._content-hidden__wrap ._col-left{
max-width: 780px;
width: 100%;
}
._content-hidden__wrap ._col-right{
max-width: 431px;
padding-top: 14px;
width: 100%;
flex-shrink: 0;
}
._content-hidden__title{
font-size: 40px;
font-weight: 700;
margin-bottom: 44px;
}
._content-hidden__stats{
font-size: 80px;
display: flex;
justify-content: space-between;
gap: 30px;
}
._content-hidden__stats p{
line-height: 70%;
}
._content-hidden__stats span{
font-size: 22px;
display: block;
font-weight: 400;
}
._content-hidden__txt-wrap{
overflow: hidden;
}
._content-hidden__txt{
font-size: 20px;
}
._content-hidden__video{
text-align: center;
font-size: 20px;
font-weight: 700;
}
._content-hidden__video .video-play{
color: #fff!important;
position: relative;
padding-left: 42px;
min-height: 32px;
display: flex;
align-items: center;
flex-wrap: wrap;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
._content-hidden__video .video-play:before{
content: "";
position: absolute;
width: 32px;
height: 32px;
top: 0px;
left: 0;
background-image: url(https://dev2.zastroyspb.ru/image/play.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
._content-hidden__video .video{
background-image: url(https://dev2.zastroyspb.ru/image/catalog/video.png);
background-position: 50% 88%;
border-radius: 20px;
margin-bottom: 23px;
max-width: 431px;
width: 100%;
padding-top: 45.8%;
display: inline-block;
}
._ujni-arrow {
width: 58px;
z-index: 1000;
height: 58px;
position: absolute;
bottom: -70px;
left: 19px;
z-index: 1;
background: url(https://dev2.zastroyspb.ru/image/main_arrow.svg) center;
display: none;
transition: 0.5s ease;
}
._ujni-banner.pre-active ._ujni-arrow,
._ujni-banner.active ._ujni-arrow{
transform: translateY(-50px) scale(0);
opacity: 0;
pointer-events: none;
}
@media (min-width: 501px) {
._ujni-arrow{
display: inline-block;
}
._ujni-hero__content-top img {
width: 600px;
}
._ujni-banner_btn{
display: none!important;
}
._ujni-hero__subtitle {
font-size: 50px;
}
}
@media (min-width: 1600px) {
._ujni-hero__content{
height: 70%;
}
}
@media (min-width: 1401px) {
._ujni-hero__content-top img {
width: 941px;
}
._ujni-hero__subtitle{
font-size: 73px;
letter-spacing: -0.02em;
}
._content-hidden__title {
font-size: 40px;
}
}
@media (min-width: 1401px) and (max-height: 931px) {
._ujni-hero__content{
height: 100%;
gap: 22px;
}
}
@media (max-width: 1400px) {
._content-hidden__wrap ._col-right{
max-width: 300px;
}
._content-hidden__title {
font-size: 34px;
}
._content-hidden__stats{
font-size: 50px;
}
._content-hidden__stats p{
line-height: 64%;
}
._content-hidden__stats span{
font-size: 18px;
}
._content-hidden__txt{
font-size: 16px;
}
._content-hidden__video{
font-size: 16px;
}
}
@media (max-width: 500px) {
#_ujni_hero {
padding-bottom: 20px;
}
._content-bottom{
padding-bottom: 100px;
}
._ujni-hero__content{
gap: 25px;
height: 100%;
}
._content-hidden__wrap{
flex-wrap: wrap;
}
._content-hidden__title {
font-size: 30px;
}
._content-hidden__wrap ._col-right{
padding-top: 0;
order: 1;
max-width: 100%;
}
._content-hidden__wrap ._col-left{
order: 2;
max-width: 100%;
}
._content-hidden__video .video{
max-width: 100%;
padding-top: 24%;
margin-bottom: 10px;
background-position: 19% 85%;
}
._content-hidden__title{
line-height: 107%;
margin-bottom: 25px;
}
._content-hidden__stats{
gap: 15px;
justify-content: space-between;
}
._content-hidden__stats span{
line-height: 116%;
}
._content-hidden__stats p {
line-height: 78%;
}
._content-hidden__txt{
display: none;
}
}
._ujni-addresses__bg{
position: absolute;
top: 0;
left: 50%;
width: 500px;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
transform: translate3d(-50%, 0, 0) scale(1.1);
}
._ujni-addresses{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
._ujni-address{
white-space: nowrap;
font-weight: 500;
border-radius: 16px;
background-color: #fff;
position: absolute;
width: fit-content;
top: 50%;
left: 50%;
padding: 14px 25px;
filter: blur(20px);
transition: 1s ease;
transform: scale(0);
transform-origin: bottom right;
}
.in-viewport ._ujni-address,
.in-viewport ._ujni-address:before{
filter: blur(0);
transform: scale(1);
}
._ujni-address:before{
content: "";
width: 16px;
height: 16px;
border-radius: 100%;
background-color: #fff;
position: absolute;
bottom: -16px;
right: -16px;
transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
transition-delay: 1s;
transform: scale(0);
}
._ujni-address._address-1{
margin-top: -217px;
margin-left: -50px;
}
._ujni-address._address-2{
margin-top: -105px;
margin-left: -470px;
transition-delay: 0.2s;
transform-origin: bottom left;
}
._ujni-address._address-2:before{
right: auto;
left: -16px;
}
._ujni-address._address-3{
margin-top: -46px;
margin-left: 337px;
transition-delay: 0.3s;
}
._ujni-address._address-4{
margin-top: 326px;
margin-left: -200px;
transition-delay: 0.4s;
}
@media (min-width: 501px) {
._ujni-addresses__bg{
width: 100%;
min-width: 1920px;
}
}
@media (max-width: 1200px) {
._ujni-address._address-3 {
margin-top: 0px;
margin-left: 261px;
}
}
@media (max-width: 500px) {
._ujni-address{
font-size: 13px;
padding: 8px 20px;
border-radius: 12px;
}
._ujni-address:before{
width: 10px;
height: 10px;
bottom: -9px;
right: -9px;
}
._ujni-address._address-2:before {
right: auto;
left: -9px;
}
._ujni-address._address-1{
margin-top: 0;
top: 32%;
margin-left: -12%;
}
._ujni-address._address-2 {
margin-left: 0;
margin-top: 0;
top: 43%;
left: 10%;
}
._ujni-address._address-3 {
top: auto;
bottom: 19%;
margin-top: 0;
margin-left: 0;
right: 10%;
left: auto;
}
._ujni-address._address-4 {
top: auto;
bottom: 15%;
margin-top: 0;
margin-left: -33%;
}
}
@media (max-width: 500px) and (max-height: 559px) {
._content-hidden__video .video{
padding-top: 23%;
}
._ujni-hero__subtitle{
font-size: 47px;
}
._content-hidden__wrap{
gap: 20px;
}
}
#CalltouchWidgetFrame{
z-index: 99!important;
right: -4px !important;
bottom: -4px !important
}
#shadow{
background-color: rgba(0, 0, 0, .5);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
z-index: 99;
}
.shadow #shadow{
opacity: 1;
visibility: visible;
}
.nav li > a {
color: inherit;
line-height: 1.5;
padding: 0 15px;
font-size: 10px;
}
#hamburger {
padding: 16px 14px;
margin: 10px 10px 0 0;
background: #fff;
border-radius: 50%;
transition: .6s;
}
#hamburger div{
height: 2px;
width: 20px;
background: #000;
transition: .6s;
}
.header #hamburger div{opacity: 1;}
#hamburger div:nth-child(2){margin: 5px 0;}
#hamburger svg path, .video_filter svg path{fill: #000;}
.icon-bar {
height: 2px!important;
background: #404044;
}
.nav li > a:focus, .nav li > a:hover {
background: none;
}
.navbar-collapse,.nav li a span{font-weight: 500;}
.nav li a span.active, .arrow_slider div:hover:before, #cookie > p a:hover{opacity: .6;}
.nav li.toggle_menu a span.active{border-color: #FF0E3A;}
.dropdown_menu li.nav_collec ~ li a,.product_types li.nav_collec ~ li a, .post .post_dop h2 ~ a:hover p{color: #FF0E3A;}
.nav li.has_subnav.toggle_menu a span::after{filter: none;}
/* Header breadcrumb */
.breadcrumb {
background: none;
font-size: 16px;
font-weight: 300;
padding: 0 0 13px 0;
margin-bottom: 30px;
}
.breadcrumb > li+li:before {
padding: 0;
}
.breadcrumb > li+li:before, .breadcrumb li:last-of-type {
color: #999;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.breadcrumb .active {
color: #545454;
}
/* Header h1-h3 */
h1, h3 {
color: #545454;
font-weight: 300;
margin-top: -19px;
padding-bottom: 48px;
margin-bottom: 0;
}
h1, h3, p.prod_price{font-size: 38px;}
h3 {
margin-top: 0;
}
.product_types > div {
width: 100%;
padding: 0 0 13px 0;
}
.product_types .product_menu {
list-style: none;
line-height: 1;
}
.product_types .check ul{
display: inline-block;
}
.product_types li{
display: inline-block;
margin-right: 20px;
margin-bottom: 15px;
line-height: 13px;
}
.filters_checkbox li{margin: 0 0 5px 5px}
/* Header filters button */
.filter_btn {
position: absolute;
right: 15px;
bottom: 15px;
display: none;
}
.category .filter_btn {
display: block;
}
.filter_btn span {
color: #006B9E;
border-bottom: 1px dashed #92b5cf;
font-weight: 100;
cursor: pointer;
display: none;
}
.filter_btn:before, .filter_btn:after {
color: #0d7aad;
font-family: ElegantIcons;
cursor: pointer;
position: relative;
}
.filter_btn:before {
content: "f";
font-size: 28px;
top: 6px;
}
.filter_btn:after {
content: "7";
font-size: 18px;
top: 4px;
display: none;
}
/* Материалы */
.materials span.name,span.num { position: relative;}
.materials span.name:after {
display: inline-block;
position: absolute;
transition-property: opacity,bottom;
transition-duration: 0.3s;
transition-timing-function: ease-out;
height: 1px;
width: 100%;
background: black;
opacity: 0;
content: '';
left: 0;
bottom: -12px;
}
.materials .wrapper > ul a { display: block; padding: 7px 0; }
.materials .wrapper > ul a span.num { display: inline-block; top: -6px; padding: 6px; font-size: 13px; }
.materials .wrapper > ul li { display: inline-block; font-weight: 500;}
.materials .wrapper > ul li span { transition: color 0.3s ease-out;}
.materials .wrapper > ul li:hover span,.product_types .wrapchilds a:hover{ color:#FF0E3A;}
.materials .wrapper > ul li:hover span.name:after, .wrapper > ul li.active_li span.name:after { opacity: 1; bottom: -6px;}
.materials .wrapper > ul li:hover span.name:after { background: #FF0E3A;}
.materials .wrapper > ul li.active_li { transition: font-weight 0.3s ease-out;font-weight: 600;}
/* Header category list */
.product_types {
display: none;
}
.category .product_types, .collections .product_types, .projects .product_types{
display: block;
}
.product_types > .wrapchilds {
width: 100%;
}
.product_types .product_menu {
list-style: none;
line-height: 1;
}
.product_types .check ul {
display: inline-block;
}
.product_types li {
display: inline-block;
margin: 0 25px 19px 0;
line-height: 16px;
}
.product_types li a {
display: inline-block;
border-bottom: 1px solid #00000000;
}
.product_types li.active a {
border-color: #000;
}
.product_types .check li {
margin-right: 35px;
}
.product_types .check li a:after {
content: "\f121";
font-family: Ionicons;
margin-left: 5px;
opacity: 0.2;
position: absolute;
font-size: 12px;
}
.product_types .check li.active a:after {
opacity: 1;
}
.product_types .more {
display: none;
}
.product_types div > span {
color: #333;
margin-right: 20px;
display: inline-block;
margin-bottom: 15px;
}
.compass{
background-size: contain;
background-image: url('/image/compass.svg');
background-repeat: no-repeat;
}
.compass span{
position: absolute;
width: 10px;
height: 10px;
text-align: center;
line-height: 10px;
font-size: 8px;
font-weight: 600;
}
.compass .c-n{
top: 0;
left: 50%;
margin-left: -5px;
}
.compass .c-e{
top: 50%;
right: 0;
margin-top: -5px;
}
.compass .c-s{
left: 50%;
bottom: 0;
margin-left: -5px;
}
.compass .c-w{
left: 0;
top: 50%;
margin-top: -5px;
}
body.product .compass span{
width: 14px;
height: 14px;
line-height: 15px;
font-size: 10px;
}
body.product .compass .c-w, body.product .compass .c-e{margin-top:-7px;}
body.product .compass .c-n, body.product .compass .c-s{margin-left: -7px;}
.prod_imgs .hpost1{
position:relative;
}
.prod_imgs .hpost1 .compass{
position:absolute;
width:70px;
height:70px;
top:20px;
left:15px;
}
.product_preview .compass{
position:absolute;
width:75px;
height:80px;
top:230px;
left:0px;
}
/* Header filters */
#filters {
/*display: none;*/
position: relative;
width: 100%;
padding-top: 0;
z-index: 100;
}
#filters hr {
padding: 0;
border: 0;
height: 1px;
background: #ccdadf;
margin-bottom: 25px;
}
#filters div > div {
float: left;
padding-right: 30px;
}
#filters .slider {
padding: 0;
margin-bottom: 10px;
}
#filters .slider div {
padding: 0 15px;
}
#filters span {
display: block;
}
#filters img {
width: 245px;
margin-bottom: 15px;
}
/* Body */
.wrapper,.whitebg,.content{position: relative;}
.wrapper,.wrapchilds > *{padding: 0 19px;}
/* Body content */
.content {
z-index: 8;
overflow: hidden;
padding-top: 145px;
margin-bottom: -1px;
}
.news .content{margin-bottom: 1px;}
.home .content{padding: 0;}
.content .description {
font-weight: 300;
line-height: 1.4;
}
.content .description{font-size: 19px;}
.content .description p, .content .description ul, .content .description div, .content .description ol {
margin-bottom: 25px;
}
.content .description a{
color: #FF0E3A;
}
.content .description a:hover{
color: #333;
}
.information .content .description div{margin-bottom: 0;}
.empty-desktop {
display: none;
}
/* Body category content */
.category_items {
margin-right: 0;
margin-left: 0;
padding-bottom: 73px;
}
.home .whitebg{padding-bottom: 55px;}
.home .category_items{padding-bottom: 0;}
.category_items .more {
display: inline-block;
text-align: center;
background: #F4F4F4;
color: #000;
padding: 10px;
margin-top: 30px;
font-size: 15px;
border-radius: 8px;
}
.category_items.uslider {
font-size: 0;
}
.bar-form-collapse{
padding: 19px;
width: 100%;
}
.category_items.uslider > * {font-size: 18px;}
/* Body product content */
.product .content .left {
padding-bottom: 0;
padding-top: 60px;
}
.product .content .left, .product .content .bg {
width: 100%;
height: 489px;
top: 0;
background: #fff;
position: absolute;
z-index: 4;
overflow: hidden;
text-align: center;
}
.product .content .left {z-index: 7;}
.product .content .left img {
height: 100%;
width: auto;
}
.product .content .bg {
display: none;
}
/* product table точка при наведении */
.product td:first-child:before {
width: 5px;
height: 5px;
background: #FF0E3A;
border-radius: 3px;
content: ' ';
opacity: 0;
position: absolute;
left: -18px;
margin-top: 7px;
transition: 0.3s ease opacity;
display: none;
z-index: 2;
}
.product_info td:first-child:before {
left: 0;
}
.product tr:hover td:first-child:before {
opacity: 1;
}
.product .head td:first-child:before {
content: none;
}
/* product_info */
.product_info {
background: #fff;
}
.accordion {
position: relative;
}
.ae {
position: relative;
overflow: hidden;
transition: 0.4s ease;
}
.ae_h {
padding: 21px 0 23px 0;
}
.ae_b {
margin-top: 15px;
overflow-y: auto;
}
.product_info .accordion:before {
position: absolute;
left: -18px;
top: 0;
z-index: 2;
content: "";
width: 16px;
height: calc(100% + 1px);
background-color: white;
}
.accordion .ae {
font-weight: 400;
padding-left: 18px;
margin-left: -18px;
}
.ae_b {
position: relative;
padding-left: 18px;
margin-left: -18px;
}
/*Иконки файлов для загрзки*/
.download a {
display: block;
font-size: 15px;
line-height: 1.1;
font-weight: 600;
color: #333!important;
position: relative;
padding-left: 29px;
width: 100%;
padding-bottom: 16px;
}
.download a:hover {
color: #FF0E3A!important;
}
.file:before {
color: #333;
font-family: FontAwesome;
display: inline-block;
font-size: 26px;
font-weight: 300;
}
.download .file:before {
position: absolute;
left: 0;
top: -7px;
}
.file.unk:before {
content: "\f56d";
}
.file.pdf:before {
content: "\f1c1";
}
.file.android:before {
font-family: "Ionicons";
content: "\f225";
}
.product_info hr {
margin-bottom: 0;
margin-top: 0;
}
.product_info a {
color: #FF0E3A;
}
/* product_info item price */
.product_info > span.price {
display: inline-block;
font-weight: 300;
font-size: 12px;
color: #9A9A9A;
margin-bottom: 10px;
}
/* product_info choose and request buttons */
a.btn_b{
padding: 10px 15px;
border-radius: 23px;
color: #FF0E3A;
border: 1px solid #FF0E3A;
font-weight: 500;
font-size: 13px;
display: inline-block;
margin-right: -15px;
opacity: 1; /*TODO: Это зачем?*/
margin-left: 30px;
}
a.btn_b:hover{
background: #FF0E3A;
color: #fff;
border-color: #FF0E3A;
}
/* product_info categories list */
.product_info .categories a:hover, .product_info .modifications_link a:hover {
text-decoration: underline;
}
.product_info .modifications_link, .product_info .categories{
line-height: 14px;
}
.product_info .modifications_link a {
position:relative;
padding-right:13px;
}
.product_info .scroll {
overflow-y: auto;
margin-top: 0;
margin-bottom: 0;
padding-left: 18px;
margin-left: -18px;
}
.product_info .scroll > div{margin: 25px 0;}
/* product_info group elements */
.product_info .group {
min-height: 20px;
margin: 20px 0;
}
.product_info .group table {
margin-top: 40px;
}
.product_info .ae_h a {
display: block;
color: #333;
font-weight: 500;
white-space: nowrap;
}
.product_info .ae_h a > div {
position: absolute;
display: inline-block;
left: 0;
font-weight: 300;
width: 100%;
padding: 0 47px 0 210px;
}
.product_info .ae_h a > div:before {
font-family: ElegantIcons;
content: "r";
color: #FF0E3A;
position: absolute;
left: 173px;
}
.product_info .ae_h a > div span {
font-size: 13px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.product_info .ae_h a:after {
content: "\f209";
font-family: Ionicons;
color: #333;
position: absolute;
right: 20px;
}
.product_info .ae_h a:hover:after {
color: #FF0E3A;
}
.product_info .aclose .ae_h a:after {
content: "\f218";
color: #FF0E3A;
}
.product_info .aclose .ae_h a:hover:after {
color: #333;
}
/* product_info properties list */
.product_info .accordion .ae_b table {
font-weight: 500;
width: 100%;
}
.accordion td {
padding-bottom: 13px;
vertical-align: top;
padding-right: 15px;
}
.product_info .accordion .ae_b table td:last-child {
padding-right: 0;
font-weight: 400;
}
.product_info .properties table a {
text-decoration: underline;
text-decoration-style: dashed;
}
/*In product page*/
.left {
background: radial-gradient(circle farthest-corner at 100% 85%, rgb(230,230,230) 0%, rgb(240,240,240) 34%, rgb(255,255,255) 69%, rgb(255,255,255) 100%) !important;
overflow: visible!important;
position: relative;
}
.left .images {
mix-blend-mode: darken;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.left .dots {
position: absolute;
z-index: 2;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
padding: 3px 4px;
border-radius: 20px;
background-color: #fff;
}
.left .dots a {
margin: 0;
vertical-align: middle;
display: inline-block;
}
.left img {
position: absolute;
left: 50%;
bottom: 0;
top: 0;
margin: auto 0;
transform: translateX(-50%);
opacity: 0;
}
.left .transition {transition: 0.5s ease;}
#fixed_product_name{
border-top: 2px solid #E9E9E9;
z-index: 100;
height: 96px;
padding: 0;
width: 100%;
position: fixed;
left: 0;
bottom: 0;
transition: .3s;
background-color: #ffffff;
opacity: 0;
visibility: hidden;
}
#fixed_product_name p{
display: none;
margin: 0;
font-weight: 500;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.product_info > div span.price > span > .special{
top: -3px;
position: absolute;
color: #999;
text-decoration: line-through;
line-height: 13px;
font-size: 11px;
}
/* product modifications */
.modifications .scroll {
overflow-x: auto;
margin: 0 104px;
}
.compare.product .modifications .scroll {
margin-right: 0;
}
.compare .modifications td:last-child{
display: none;
}
/*Тени для скроллов*/
/*Горизонтальные*/
.scroll_sh_left {
background: linear-gradient(90deg, rgba(08, 10, 71, 0.12), rgba(0, 0, 0, 0) 10px);
}
.scroll_sh_right {
background: linear-gradient(270deg, rgba(08, 10, 71, 0.12), rgba(0, 0, 0, 0) 10px);
}
.scroll_sh_h {
background: linear-gradient(90deg, rgba(08, 10, 71, 0.12), rgba(0, 0, 0, 0) 10px),
linear-gradient(270deg, rgba(08, 10, 71, 0.12), rgba(0, 0, 0, 0) 10px);
}
/*Вертикальные*/
.scroll_sh_top {
background: linear-gradient(180deg, rgba(08, 10, 71, 0.12), rgba(0, 0, 0, 0) 10px);
}
.scroll_sh_bottom {
background: linear-gradient(0deg, rgba(08, 10, 71, 0.12), rgba(0, 0, 0, 0) 10px);
}
.scroll_sh_v {
background: linear-gradient(180deg, rgba(08, 10, 71, 0.12), rgba(0, 0, 0, 0) 10px),
linear-gradient(0deg, rgba(08, 10, 71, 0.12), rgba(0, 0, 0, 0) 10px);
}
/* modifications table elements */
.modifications table {
min-width: 100%;
border-collapse: unset;
}
.modifications td {
height: 98px;
border-bottom: 1px solid #eee;
vertical-align: top;
padding: 34px 29px 0 0;
max-width: 184px;
}
.modifications .td_price{
padding-right: 0px;
}
.modifications td .addcart {
opacity: 0;
display: block;
line-height: 14px;
color: #FF0E3A;
padding: 9px 13px 7px;
border: 1px solid #FF0E3A;
border-radius: 19px;
font-weight: 500;
font-size: 14px;
white-space: nowrap;
}
.modifications td .addcart:hover {
background: #FF0E3A;
color: #fff;
}
.modifications tr:hover td a {
opacity: 1;
}
.modifications td span > *:last-child{
color: #9A9A9A;
}
/* modifications table header */
.modifications .head td {
font-weight: 500;
padding-top: 0;
line-height: 18px;
}
.modifications .head td:first-child,.modifications .head td, .modifications .head td:last-child{height: 70px;}
.modifications .head span {
color: #333;
}
/* modifications обрезание строк */
.product td > span {
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.modifications td > span {
width: 100%;
max-height: 45px;
}
.modifications .head td > span {
text-overflow: unset;
word-wrap: break-word;
max-height: 59px;
font-size: 15px;
line-height: 20px;
}
.modifications .head td:last-child > span {
margin: 0 auto;
}
/* modifications закрепление имени и цены товара */
.modifications td:first-child, .modifications td:last-child {
left: 19px;
position: absolute;
width: 104px;
height: 98px;
max-width: none;
padding-right: 6px;
}
.modifications td:last-child {
padding: 34px 0 0 7px;
right: 19px;
left: auto;
text-align: center;
}
.modifications td:first-child span > a {
color: inherit;
padding: 0;
background-color: transparent;
position: static;
opacity: 1;
border: none;
font-size: inherit;
font-weight: inherit;
}
.modifications td:first-child span > a:hover {
color: #FF0E3A;
}
.modifications td > span {
white-space: nowrap;
}
.modifications td:first-child > span {
white-space: normal;
}
.product .head td > span {
white-space: normal;
}
/* Блок товара */
.product_preview {
vertical-align: top;
float: left;
width: 100%;
border-radius: 16px;
position: relative;
margin-bottom: 7px;
padding: 25px 25px 15px 25px;
}
.materials .product_preview {
border: none;
padding: 19px 0 19px 19px;
}
.attention{
color: #999;
font-weight: 300;
border-left: 2px solid #FF0E3A;
padding: 8px 0 8px 8px;
}
.attention, .materials_nav{
list-style:none;
margin-bottom: 5px;
}
.materials .category_items { margin-left: -19px;}
.product_preview .image {
height: 460px;
width: 100%;
overflow: hidden;
font-size: 0;
line-height: 460px;
position: relative;
opacity: 1;
}
.dots {
font-size: 0!important;
position: relative;
bottom: 10px;
z-index: 1;
}
.dots > a {
height: 4px;
width: 22px;
border-radius: 2px;
margin: 0 2px;
position: relative;
display: inline-block;
background-color: #DADADA;
}
.dots > a.active{
background-color: #454545;
}
.uslider + .dots > a {
display: inline-block;
margin-bottom: 0;
}
.uslider + .dots, .clients .uslider + .dots {
height: 0;
overflow: visible;
text-align: center;
}
.products .category_items.uslider + .dots,.news_preview .uslider + .dots{
height: 20px;
margin-top: -35px;
padding-bottom: 35px;
}
.clients .uslider + .dots > a:after {
background-color: white;
}
.examples.uslider + .dots,.clients .uslider + .dots{
margin-bottom: -25px;
padding-top: 25px;
}
.dots a:hover, .dropdown_menu a:hover{
opacity: 0.6;
}
.clients_n_examples .dots a:after {
background-color: white;
}
.wrapper .arrow_slider, .left > .arrow_slider{
width: 100%;
height: 0;
position: absolute;
right: 0;
padding: 0;
top: 50%;
}
.home .stocks.m1.wrapper .arrow_slider{
bottom: 65px;
top: unset;
right: 20px;
}
.products .wrapper .arrow_slider{margin-top: -141px;}
.clients_n_examples .wrapper .arrow_slider{margin-top: 3px;}
a.page_link{
font-weight: 500;
color: #AEAEAE;
line-height: 1;
position: absolute;
right: 0;
top: 15px;
padding-right: 10px;
}
.wrapper > a.page_link{right: 19px;}
a.page_link::after{
content: "";
opacity: 0.35;
background-image: url(/image/Icon_arrow.svg);
display: inline-block;
position: absolute;
right: -2px;
width: 10px;
top: 4px;
height: 10px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.projectsl_wrapper{
position: relative;
padding: 0 19px;
margin: 0 -19px;
}
.clients .row{position: relative;}
.arrow_slider div, .product .left div.arrow_slider div{
position: relative;
z-index: 2;
transition: filter .3s;
background-color: #fff;
border-radius: 50%;
user-select: none;
width: 48px;
height: 48px;
filter: contrast(1) brightness(1);
cursor: pointer;
pointer-events: unset;
}
.arrow_slider div::before, .product .left div.arrow_slider div::before{
content: "";
border-radius: 50%;
position: absolute;
background-image: url('/image/Icon_arrow.svg');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: 14px;
right: 13px;
width: 20px;
height: 20px;
transition: opacity .3s;
}
.arrow_slider div:last-child,.left .arrow_slider div:last-child{
float: left;
left: -5px;
}
.arrow_slider div:last-child::before,.left .arrow_slider div:last-child::before{
transform: scaleX(-1);
left: 13px;
right: unset;
}
.arrow_slider div:first-child{
float: right;
border-radius: 44px;
}
.home .stocks.m1 .arrow_slider, #structs .arrow_slider{
width: auto;
top: unset;
}
.home .stocks.m1 .arrow_slider div:first-child{
width: 114px;
}
#structs .uslider{
touch-action: pan-y;
}
#structs .arrow_slider{
position: absolute;
bottom: 20px;
right: 20px;
display: none;
}
.home .stocks.m1 .arrow_slider div:first-child, #structs .arrow_slider div:first-child{right: 0;}
.home .stocks.m1 .arrow_slider div:first-child::after{
content: "Вперёд";
font-size: 16px;
font-weight: 500;
padding-left: 15px;
line-height: 48px;
}
.left > .arrow_slider{
margin-top: 18px;
}
.product .content .left > .arrow_slider > img{
max-height: unset;
padding: 0;
opacity: 1;
}
.left .arrow_slider div:first-child{
right: -21px;
float: right;
left: unset;
}
.left .arrow_slider div:last-child{
left: -6px;
}
/* Блока товара, описание */
.product_preview a,.slider .info input:focus{
color: #000;
}
.product_preview > a {
display: block;
}
.product_preview .info {
position: relative;
text-align: left;
color: #8F8F8F;
font-size: 20px;
}
.materials .product_preview .info {
background: #fff;
text-align: center;
}
.product_preview .info > ul {
list-style: none;
padding-top: 10px;
margin-bottom: 5px;
height: 120px;
overflow: hidden;
}
.materials .product_preview .info > ul,.collections .product_preview ul,
.coord{ display: none; }
.product_preview .info{
width: 100%;
/*height: 140px;*/
height: 85px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.product_preview .info > ul li > span,.date-preview-news{
color: #949494;
font-weight: 400;
padding-right: 7px;
}
/* Блок товара, икноки статуса */
.mets {
position: absolute;
top: 0;
left: 0;
padding: 32px 0 0 32px;
z-index: 7;
}
.mets .mets-icon {
height: 56px;
margin-bottom: 15px;
}
.mets .video_icon {
width: 56px;
background: url('/image/video.svg') no-repeat;
background-size: cover;
transition: 0.3s ease all;
}
.mets .video_icon:hover { background-image: url('/image/video_hover.svg');}
.mets .video_icon_hover { background-image: url('/image/video_hover.svg');}
.mets .new {
background: #7cce26;
}
.mets .information {
background: #FF0E3A;
}
.mets > span{
font-weight: 500;
color: #fff;
font-size: 14px;
display: inline-block;
white-space: nowrap;
border-radius: 19px;
padding: 9px 22px 4px;
}
/* Блок товара, отложить и сравнить */
.product_preview .button, .prod_imgs .button{
filter: brightness(0) opacity(0.3);
background-image: url('/image/like.svg');
background-size: cover;
background-position: center;
width: 44px;
height: 44px;
top: 20px;
right: 20px;
position: absolute;
transition: 0.3s ease all;
z-index: 1;
}
body.product .prod_imgs .button{
top: 30px;
right: 30px;
}
body.product .links a.btn:hover, #cookie > p a{color: #FF0E3A;}
.btn.active{box-shadow: unset;}
body.product .links a.btn.active span, .product_preview .button:hover, .prod_imgs .button:hover, .product_preview .button.active, .prod_imgs .button.active, body.product .links a.btn:hover span{filter: none;}
.show_buttons.modifications td .addcart{opacity: 1;}
.wrapper,
.wrapchilds > *,.wrapchilds_filters > *{
margin: 0 auto;
}
/* Главная страница */
.video_bg{
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}
/* Общие стили */
body.home .breadcrumb,.collections .product_preview span:not(.title){display: none;}
.wrapper > span.title {
font-weight: 300;
display: block;
padding-bottom: 25px;
font-size: 28px;
}
/* Блок Передовые технологии LED освещения */
.home .keyprops {
padding-bottom: 55px;
padding-top: calc(100vh + 30px);
font-size: 0;
}
.home .keyprops > div > div > div > div {
text-align: center;
}
.home .keyprops .row > div > div {
vertical-align: top;
display: inline-block;
position: relative;
padding: 0 15px;
height: 186px;
margin-bottom: 30px;
width: 100%;
}
.home h1 {
width: 100%;
margin: 0 auto;
font-weight: 700;
color: #000;
padding-bottom: 20px;
font-size: 40px;
line-height: 1;
}
.main_block_info p{
font-size: 23px;
margin-top: 25px;
}
.main_block_info p:first-of-type{
font-size: 30px;
padding-top: 13px;
}
.home .individual_order h2 {
font-weight: 600;
color: #000;
font-size: 52px;
line-height: 1.23;
}
.individual_order,.home .clients,.clients_n_examples{padding: 61px 0 82px;}
.individual_order {width: auto;}
.order_item {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 1160px;
padding: 0 0 0 51px;
}
.order_column {
width: 50%;
text-align: right;
}
.order_text {
padding-right: 56px;
}
.order_item_r .order_text {
padding-right: 0;
padding-left: 56px;
}
.order_item_r .order_column {
text-align: left;
float: right;
}
.order_main_block:before, .order_main_block:after {
content: '';
display: table;
clear: both;
}
.order_text_title {
font-size: 30px;
line-height: 1.35;
margin: 0 0 7px 0;
padding: 9px 0 0 0;
font-weight: 600 !important;
}
.order_text_info {line-height: 1.55;}
.order_text_link,.order_text_info{
font-size: 23px;
font-weight: 200;
}
.order_text_link {color: #FF0E3A !important;}
.order_circle {
width: 57px;
height: 57px;
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
border-radius: 100%;
border: 2px solid #fff;
background: #FF0E3A;
}
.order_circle_text {
text-align: center;
line-height: 59px;
font-size: 25px;
color: #ffffff;
font-weight: 500;
}
.order_line {
width: 1px;
background-color:#FF0E3A;
position: absolute;
bottom: 0;
left: 0;
top: 0;
right: 0;
margin: 0 auto;
}
.home .individual_order h2 {
margin: 0;
padding-bottom: 33px;
text-align: center;
font-size: 42px;
}
.home .block_materials {
position: relative;
z-index: 1;
padding: 62px 0 0 0;
background: #000000;
}
.block_materials .materials_wrapper {
width: auto;
margin: 0 auto;
min-height: 400px;
max-width: 1200px;
position: relative;
height: auto;
}
.material_block_image {
position: relative;
width: 100%;
}
.material_block_image img {
vertical-align: middle;
height: auto;
width: 100%;
}
.block_material_info {
background-color: rgb(255, 255, 255);
width: 400px;
position: absolute;
bottom: -50px;
padding: 60px;
padding-bottom: 65px;
z-index: 1;
right: 135px;
}
.clients .row > div.uslider{
width: 462px;
margin: 0 auto;
}
.home .block_material_title {
font-size: 36px;
line-height: 1.23;
font-weight: 600;
color:#000000;
text-align:left;
padding: 0;
margin-bottom: 20px;
}
.home .block_material_description{
font-size: 20px;
line-height: 1.55;
font-weight: 300;
text-align: left;
margin-top: 34px;
margin-bottom: 51px;
}
.block_material_text {
background-color: #ffffff;
left: 0;
position: relative;
text-align: left;
-webkit-font-smoothing: antialiased;
}
.material_btn {
display: block;
margin: 0 auto;
font-size: 20px;
height: 76px;
padding: 24px 76px 27px;
margin-top: 30px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background: #ffffff;
border: 1px solid #000000;
box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 30%);
font-weight: 400;
-webkit-border-radius: 0px;
transition: 1s all;
}
.material_btn:hover {
color: #FF0E3A;
border: 1px solid #FF0E3A;
box-shadow: none;
}
.block_projects {
padding-bottom: 100px;
position: relative;
}
.projects_wrapper {
position: relative;
z-index: 1;
}
.project_cont {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 100%;
display: flex;
}
.project_cont:before,.project_cont:after {
display: table;
content: " ";
}
.project_gallery {
max-width: 560px;
margin-left: 20px;
margin-right: 20px;
display: inline;
float: left;
width: 100%;
}
.row_gallery {
display: flex;
font-size: 0;
}
.left_img {
width: 60%;
padding-right: 10px;
}
.img_gallery {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.right_img {
width: 40%;
padding-left: 10px;
}
.img_wrapper_top {
position: relative;
margin-top: 40%;
}
.img_wrapper_bottom {
position: relative;
width: 100%;
margin-top: 20px;
padding-bottom: 100%;
}
.project_info {
padding-left: 100px;
margin-left: 20px;
margin-right: 20px;
max-width: 560px;
text-align: left;
margin-top: 110px
}
.block_main_form {
padding-bottom: 100px;
background-color: rgb(0, 0, 0);
position: relative;
}
.block_main_form_info {
margin: 0 auto;
max-width: 1160px;
}
.block_main_form_input_cont {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 100%;
}
.block_main_form_input_cont:before,.block_main_form_input_cont:after {
display: table;
content: " ";
}
.block_main_form_input {
padding-left: 200px;
max-width: 760px;
display: inline;
margin-left: 20px;
margin-right: 20px;
width: 100%;
}
.t-input {
outline: none;
padding-left: 0!important;
padding-right: 0!important;
border-top: 0!important;
border-right: 0!important;
border-left: 0!important;
background-color: transparent!important;
border-radius: 0!important;
border-bottom:1px solid #ffffff;
color: #ffffff!important;
-webkit-font-smoothing: antialiased;
font-size: 16px!important;
line-height: 1.33!important;
height: 60px;
width: 100%;
}
input.t-input:focus::-webkit-input-placeholder {opacity: 0;}
input.t-input:focus::-moz-placeholder {opacity: 0;}
input.t-input:focus:-moz-placeholder {opacity: 0;}
input.t-input:focus:-ms-input-placeholder {opacity: 0;}
textarea.t-input:focus::-webkit-input-placeholder {opacity: 0;}
.t-text {
overflow: hidden;
text-overflow: ellipsis;
display: table;
padding: 0 20px;
line-height: 38px!important;
}
.home h3 {
text-align: center;
font-weight: 300;
font-size: 16px;
color: #000;
}
.home .keyprops {
display: none;
}
.home .keyprops h3 {
padding-bottom: 57px;
}
.home .keyprops div > div > div .name {
font-size: 24px;
font-weight: 600;
padding-top: 30px;
position: relative;
white-space: nowrap;
}
.home .keyprops div > div > div span {
font-size: 100px;
color: #dedede;
font-weight: 800;
display: block;
position: absolute;
top: 0;
line-height: 100px;
width: 100%;
left: 50%;
margin-left: -50%;
}
.home .keyprops div > div > div .description {
color: #919191;
font-weight: 300;
font-size: 15px;
padding-top: 45px;
}
.home .keyprops .dots {
text-align: center;
}
.home .keyprops .dots > a {
display: inline-block;
margin-bottom: 0;
}
/* Блок "Новости" */
/* Заголовок блока */
.news_preview > .wrapper > a {
font-weight: 600;
color: #333;
line-height: 55px;
position: absolute;
right: 19px;
top: -5px;
}
.news_preview {
margin-top: -60px;
padding-top: 110px;
z-index: -1;
position: relative;
}
.news_preview .category_items{background-color: unset;}
.news .post_preview .info > p, .news_preview .product_preview .info > p, .projects .product_preview .info > p, .collections .product_preview .info > p {
height: 63px;
overflow: hidden;
margin: 0;
}
.materials .product_preview .info > p { height: 20px; color: #949494;}
.news .post_preview .info > ul, .news_preview .product_preview .info > ul, .projects .product_preview .info > ul {
height: auto;
overflow: auto;
}
/* Блок Наша продукция */
.content .products,.project_slider > div,.team, .home .news_preview, .product_preview{background-color: #f4f4f4;}
.product .products {
padding: 63px 0 13px 0;
}
.category_items.uslider .product_preview{
margin-right: 7px;
padding-bottom: 79px;
}
.content .clients_n_examples { background: #000000; }
.uslider .product_preview {
display: inline-block;
float: none;
}
/* Карта */
/* Наша команда */
.team {
padding-top: 50px;
padding-bottom: 55px;
text-align: center;
font-size: 0;
}
.team > div > span {
font-weight: 400;
font-size: 13px;
color: #949494;
}
.team h3 {
text-align: center;
font-size: 36px;
font-weight: 600;
padding-top: 20px;
padding-bottom: 59px;
color: #333;
}
.team .row > div > div {
vertical-align: top;
display: inline-block;
/*width: 300px!important;*/
width: 100%;
padding: 0 15px;
margin-bottom: 20px;
}
.team .row > div > div .image {
position: relative;
height: 250px;
background: #fff;
}
.team .row > div > div img {
max-height: 100%;
max-width: 100%;
position: absolute;
bottom: 0;
margin: 0 auto;
left: 0;
right: 0;
}
.team .row > div > div .bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
transition: .3s ease opacity;
}
.team .row > div > div .bg div {
position: absolute;
bottom: 30px;
left: 25px;
transition: .3s ease bottom;
}
.team .row > div > div .bg a {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 15px;
line-height: 29px;
margin-right: 5px;
color: #fff;
text-align: center;
font-size: 16px;
}
.team .row > div > div .fa-mail {
border: 1px solid #4c6ecd;
background: #4c6ecd;
}
.team .row > div > div .info {
padding-top: 20px;
font-weight: 700;
color: #333;
font-size: 13px;
text-align: left;
}
.team .row > div > div .info .city {
font-size: 10px;
font-weight: 400;
color: #949494;
padding-top: 8px;
display: block;
}
/* Среди наших клиентов */
.clients_n_examples .clients .wrapper h3 {
margin-top: 45px;
}
.home .clients_n_examples .clients .wrapper h3 { padding-bottom: 20px; }
.clients .row > div > div > img { height: 100%; }
.clients {
color: #fff;
font-size: 0;
}
.product .content > .modifications{
margin-top: -70px;
padding-top: 70px;
z-index: -1;
}
.materials .clients, .projects .clients,.product .wrapper.modifications{padding-bottom: 82px;}
.clients .wrapper h3,.clients_n_examples h2{
font-size: 28px;
text-align: center;
font-weight: 300;
color: #919191;
padding-top: 3px;
padding-bottom: 31px;
}
.clients .row > div:after {
clear: both;
content: " ";
display: block;
}
.clients .row > div > div {
display: inline-block;
height: 95px;
text-align: center;
width: 100%;
position: relative;
}
.clients .row > div > div > img {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
/* Страница поста (новости, статьи) */
.post .content {
padding-bottom: 55px;
}
.post .content .products .wrapper{ padding-bottom: 0 ;}
.product .content .products .wrapper{ padding-bottom: 10px ;}
.post .content .description,.product_types li.nav_collec{width: 100%;}
.post .content .date {
padding-bottom: 48px;
}
.product_types li.nav_collec{margin-top: 10px;}
.post h1 {
padding-bottom: 5px;
}
/* Шаблон "О компании" */
.dropdown_menu li.nav_collec ~ li a:hover, a.btn:hover{
color: #fff;
}
.headers > div > a > h2 {
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
/*#order_form { font-family: Roboto, sans-serif; }*/
.privacy-police {
color: #000000;
font-size:19px;
margin-top:25px;
margin-bottom: 17px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Footer */
.clients_n_examples .dots a.active:before, .clients .dots a.active:before {
border-color:white!important;
}
.clients_n_examples .in_dot, .clients .in_dot{background-color: white!important;}
.clients .dots a.active:before { border-color: #404044!important; }
.clients .uslider + .dots > a:after { background-color: #404044!important; }
/*ПОРТФОЛИО*/
.examples {
font-size: 0;
height: 436px;
color: #fff;
}
.clients_n_examples h2 {
margin: 0;
color: #ececec;
text-align: left;
font-weight: 100;
}
.examples > div > div > a {
width: 100%;
height: 100%;
display: block;
z-index: 20;
position: absolute;
}
.examples > div {
position: relative;
right: 0;
margin-right: 25px;
width: 100%;
height: 395px;
display: inline-block;
border: 1px solid rgba(0,0,0,0);
}
.examples > div > div {
z-index: 1;
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
background-color: #333;
margin-left: 0;
}
.examples > div:hover > div:not(.nohover) {
z-index: 100;
}
.examples *:not(img) {z-index: 1}
.examples img {
z-index: 0;
height: 100%;
width: auto;
/*min-height: 100%;*/
/*width: auto;*/
/*width: calc(200% + 20px);*/
max-width: none;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.examples .ename, .examples > div > div, .examples img, .examples.transition > div{transition: .4s;}
.examples .ename{
position: absolute;
width: 100%;
bottom: -41px;
line-height: 41px;
font-size: 18px;
white-space: nowrap;
overflow: hidden;
padding: 0 22px 0px;
background-color: #121212;
margin: 0;
}
.ename::after, .examples .ename{height: 41px;}
.ename::after {
content: "";
position: absolute;
width: 38px;
bottom: 0;
right: 0;
background: linear-gradient(90deg, #12121200 0%, #121212 67%, #121212 100%);
}
.wrapper.we {
padding: 50px 0 0;
}
.examples .dot_container {
margin-bottom: 50px!important;
}
.examples .dots {
float: right;
margin: 21px 21px 0 0;
position: relative;
z-index: 25;
}
.examples .dots a.active:before {
border: 1px solid white;
}
.examples .dots a.active:before:hover {opacity: 1}
.examples .dots a.active:after {
background-color: white;
}
.examples .dots a:after {
background-color: white;
}
.project_slider img {
width: 100%;
}
/*FORM*/
form * {
border: none;
outline: none;
}
form legend {
/*font-family: Rubik, sans-serif;*/
font-weight: 300;
font-size: 24px;
color: #5e5e5e;
margin: 5px 0;
}
.reqm,label.error span {color:#ec0000;}
form {
color: #000;
font-size: 20px;
}
form > * {display: block}
form script{display: none;}
form label{
font-weight: 300;
position: relative;
cursor: text;
}
form input, form textarea {
padding: 3px 0;
}
form input[type="text"], form textarea {
margin-top: 19px;
border-bottom: 1px solid #ececec;
color: #333;
font-weight: 300;
background-color: rgba(0,0,0,0);
width: 100%;
font-size: 23px;
}
#follow_form input[type="text"] {
color: #555;
border-color: #555;
}
form textarea {
overflow: hidden;
resize: none;
}
form .i_file {
font-size: 15px;
cursor: pointer;
font-weight: 200;
color: #FF0E3A;
margin-bottom: 25px;
}
.i_file > input {
display: none;
}
.file_list {
font-size: 14px;
margin: 10px 0;
}
/*paper clip*/
form .i_file span:first-child:after {
font-family: FontAwesome;
content: "\f0c6";
font-weight: 100;
display: inline-block;
text-decoration: none;
transform: translateX(2px);
}
#order_button, #follow_button, #contact_button{
margin: 0 auto;
width: 254px;
padding: 13px 25px;
border-radius: 29px;
background: #FF0E3A;
color: #fff;
border: 1px solid #FF0E3A;
font-weight: 500;
font-size: 16px;
opacity: 1; /*TODO: Это зачем?*/
transition: 0.3s ease;
}
#order_button {
margin: 0 0 5px 0;
/*font-family: 'Rubik';*/
}
#contact_button {
padding: 13px 20px;
background: none;
color: #404044;
border-color: #404044;
margin: 0;
display: inline-block;
text-align: center;
}
#contact_button:hover {
background: #404044;
color: #fff;
border-color: #404044;
}
#order_button:hover {
color: #FF0E3A;
background: #fff;
}
#follow_button {
display: inline-block;
width: 130px;
border-color: #555;
background: none;
color: #555;
}
#follow_form {display: inline-block;}
#follow_button:hover {
background: #fff;
color: #333;
}
#follow_form .ph, #follow_form input[type="text"] {
color: white;
}
#follow_form div {position: relative}
#follow_form > span {
margin-top: 10px;
font-size: 10pt;
line-height: 18pt;
}
#follow_form p {
margin: 0 0 0 10px;
position: absolute;
bottom: 0;
display: inline-block;
font-size: 10pt;
line-height: 18pt;
}
@media (max-width: 1400px) {
#follow_form, #follow_form label, #follow_form label input {
width: 100%;
}
#follow_form p {
width: 100%;
margin: 0;
position: absolute;
text-align: center;
top: 0;
left: 50%;
transform: translateX(-50%);
}
#follow_button {
position: absolute;
left: 50%;
transform: translate(-50%, 110%);
}
#follow_form > span {
width: 100%;
position: absolute;
left: 50%;
transform: translate(-50%, 200%);
text-align: center;
}
.flist {margin-top: 36px;}
}
@media (max-width: 500px) {
#follow_form > span {
transform: translate(-50%, 150%);
}
.footerdoplink img {
width: 41px;
height: 41px;
float: left;
margin: -5px 5px -5px -10px
}
.flist {
float: left;
margin-bottom: 26px;
}
.flist .footerdoplink {
font-size: 25px;
margin-bottom: 10px;
}
}
.ph {
width: 100%;
position: absolute;
top: 19px;
font-size: 20px;
font-weight: 300;
transition: 0.3s;
opacity: 1;
color:#bbb;
user-select: none;
}
.on{font-size: 15px;}
form label .input_error {
border-bottom: 1px solid #ec0000 !important;
}
form label .ph_error {
color: #ec0000;
}
label.error input {border-bottom: 1px solid #ec0000 !important;}
form .add_file {
font-weight: 200;
font-size: 14px;
}
form p a {
color: #FF0E3A;
text-decoration: underline;
}
#reload_form {cursor: pointer}
.contact_form {
width: 100%;
padding-top: 70px;
padding-bottom: 70px;
clear: both;
}
.td_price > span {
margin: 0 auto;
}
.td_price span .mod_special{
color: #999;
margin-right: 8px;
text-decoration: line-through;
}
.modifications .td_price > span > span + span:last-child {
color: #333;
}
.img-cart {
border: 1px solid #ebebeb;
}
a.close_form {
color: inherit;
display: block;
cursor: pointer;
width: auto;
padding: 10px;
position: absolute;
right: 15px;
top: 15px;
font-weight: 300;
margin-left: 1px;
}
a.close_form::before {
content: "";
background-image: url('/image/delete.svg');
background-size: contain;
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
transition: filter .3s;
}
a.close_form:hover::before{
filter: contrast(0) brightness(0);
}
#cart > * {display: block;}
.product_cart {
margin: 13px 0;
position: relative;
height: 87px;
}
.product_cart:first-child {margin-top: 1px;}
.carthead {
position: relative;
margin-bottom: 25px;
}
.product_cart .img-cart{
width: 87px;
height: auto;
overflow: hidden;
transition: 0.2s;
margin-right: 38px;
position: relative;
z-index: -1;
}
.product_cart .img-cart:hover {border-color: #ccc}
.product_cart > div a {
/*font-family: Roboto, sans-serif;*/
color: #5e5e5e;
font-weight: 600;
font-size: 19px;
}
.product_types li.nav_collec ~ li a:hover, .product_cart a:hover{color: #000;}
.product_cart a:hover {text-decoration: underline;}
.bar-form-collapse h3, #video h3{
font-weight: 700;
font-size: 40px;
color: #000;
padding: 0;
display: inline-block;
line-height: 1;
}
.product_cart_info {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: absolute;
top: 50%;
left: 114px;
transform: translateY(-50%);
display: inline-block;
width: 198px;
}
.product_cart_info > div {
font-size: 13px;
}
.product_cart_info > div > span {
color: #565656;
}
.remove_product {
background: none;
border: none;
outline: none;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.remove_product:hover {
text-decoration: none!important;
}
.remove_product:hover:after {
color: #f55!important;
}
.remove_product:after {
content: "\f057";
font-family: "FontAwesome";
font-size: 21px;
font-weight: 400;
line-height: 25px;
color: #cecece;
transition: 0.2s;
}
.total_pc {
font-size: 17px;
font-weight: 300;
color: #7c7c7c;
margin: 15px 0 -10px 0;
}
.total_pc b {font-size: 15px;float: right;font-weight: 600;color:#757575}
#product_scroll {
margin-top: 15px;
overflow: hidden scroll;
min-height: 101px;
width: 100%;
}
#link_compare {
/*font-family: Roboto, sans-serif;*/
color: #FF0E3A;
text-decoration: underline;
display: inline-block;
position: absolute;
stroke: #FF0E3A;
transition: .3s;
right: 0px;
top: 50%;
transform: translateY(-50%);
font-size: 15px;
}
#link_compare svg{
height: 10px;
width: 20px;
}
#link_compare:hover {opacity: 0.7;}
.bar-form-collapse.collapse.in{right: 0;}
.navbar-collapse.collapse.in,.bar-form-collapse.collapse.in,.collapse.in + .close-form, #video.toggle{
opacity:1;
visibility: visible;
}
.bar-form-collapse, .bar-form-collapse.collapse, .bar-form-collapse.collapsing, .bar-form-collapse.in{
position: fixed;
height: 100% !important;
right: -100%;
top: 0;
opacity: 0.2;
background: #fff;
text-align: left;
transition: all 0.6s;
border: none;
z-index: 101;
display: block !important;
overflow-x: hidden;
overflow-y: auto !important;
color: #000;
visibility: hidden;
}
.close-form, .close-menu {
display: block;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1001;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: .6s;
background-color: rgba(0, 0, 0, .5);
}
.video_logo{
height: auto;
width: 238px;
margin-top: -75px;
}
.collapse.in + .close-form{right: 100%;}
.bar-form-collapse a.close_form:hover{color: inherit;}
/*Filter*/
.slider {
position: relative;
padding: 0 0 20px 0;
display: inline-block;
}
.slider .title {
width: calc(100% + 56px);
margin: 0 0 0 -28px;
position: relative;
}
.slider .main-axis {
height: 2px;
width: 100%;
background-color: #FF0E3A;
position: absolute;
left: 0;
}
.slider .sub-axis.left_f, .slider .sub-axis.right{
height: 5px;
top: unset;
bottom: 25px;
border-bottom: 1px solid #E9E9E9;
background-color: #fff;
position: absolute;
}
.slider .sub-axis.left_f {
left: 0px;
right: 100%;
}
.slider .sub-axis.right {
left: 100%;
right: 0px;
}
.slider .right,
.slider .left_f {
position: absolute;
top: 34px;
}
.slider .main-axis {
bottom: 26px;
}
.slider .circle {
cursor: pointer;
padding: 10px 20px 20px 20px;
top: 41px;
left: -39px;
position: relative;
display: inline-block;
/* -webkit-user-drag: none; */
}
.slider .circle::before{
content: "";
display: block;
width: 38px;
height: 18px;
border-radius: 15px;
position: relative;
background-color: #FF0E3A;
transition: .3s;
}
.slider .info {
position: absolute;
bottom: 44px;
color: #b1b2b4;
line-height: 1;
}
.not_default .info{color: #313c42;}
.not_default .info:before{background-color: #313c42;}
.slider .info input {
color: #000;
text-align: center;
background-color: unset;
border: 0;
font-size: 20px;
font-weight: 500;
padding: 0px;
box-sizing: content-box;
width: 52px;
margin: 0;
}
.check-box .title {
color: #545454;
font-size: 14px;
margin-bottom: 15px;
}
.check-box input {
display: none;
}
.check-box span {
padding-right: 15px;
position: relative;
}
.check-box input:not(:checked) span {
text-decoration: underline;
}
.check-box input:checked span:after {
position: absolute;
bottom: -2px;
right: 0;
font-family: FontAwesome;
content: "\f00c";
display: inline-block;
}
.check-box label {
color: #0087bb;
font-size: 14px;
font-weight: 400;
cursor: pointer;
}
.wrapchilds_filters .title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: default;
content: attr(title);
}
div .wrapchilds_filters {
padding: unset;
}
.wrapchilds_filters .check {
line-height: 13px;
}
.calc .filters_checkbox{width: auto;}
.filters_checkbox .title {
width: 100%;
display: inline-block;
}
.slider {
width: 407px;
padding-bottom: 15px;
margin: 0 43px 05px 28px;
}
.home .slider {width: 366px;}
.slider .back{
background-color: #fff;
height: 62px;
width: calc(100% + 56px);
margin-left: -28px;
border: 2px solid #E9E9E9;
border-radius: 8px;
}
.filters_checkbox li.active a{color: #fff;}
.filters_checkbox li.active{
background-color: #1B2A31;
border: 1px solid #1B2A31;
white-space: nowrap;
}
.filters_checkbox li a{
width: 100%;
height: 100%;
display: inline-block;
}
.filters_checkbox li,.navbar-brand > svg{transition: .3s;}
.filters_checkbox li:hover a, .examples .ename{color: #fff;}
.filters_checkbox li:hover{background-color: #1B2A31;}
.product_types .wrapchilds .active a:hover,.filters_checkbox li:hover{border-color: #1B2A31;}
.filters_checkbox li.active:hover a{color:#000;}
.filters_checkbox li.active:hover{
background-color: #fff;
border-color: #000;
}
/* Класс для скрытия вместо display none*/
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
.circle-loading.visually-hidden{display: none;}
/* Анимация загрузки при фильтрации*/
.circle-loading {
width: 20%;
position: absolute;
margin-top: 35px;
z-index: 12;
background: none;
margin-left: 49%;
}
.sk-chase {
width: 40px;
height: 40px;
position: relative;
animation: sk-chase 2.5s infinite linear both;
}
.sk-chase-dot {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
animation: sk-chase-dot 2.0s infinite ease-in-out both;
}
.sk-chase-dot:before {
content: '';
display: block;
width: 25%;
height: 25%;
background-color: #FF0E3A;
border-radius: 100%;
animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}
.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }
@keyframes sk-chase {
100% { transform: rotate(360deg); }
}
@keyframes sk-chase-dot {
80%, 100% { transform: rotate(360deg); }
}
@keyframes sk-chase-dot-before {
50% {
transform: scale(0.4);
} 100%, 0% {
transform: scale(1.0);
}
}
/* Анимация появления фильтров*/
.filters_attr {
line-height: 1;
transition-duration: .6s;
}
.filters_attr .check li a:after {
position: relative;
margin: 0;
left: 1px;
display: none;
}
.filters_attr .check li.active a:after {
position: relative;
margin: 0;
left: 5px;
display: inline;
}
.product_types .filters_attr .active li {
padding-right: 10px;
}
.product_types .filters_attr .active li.active {
padding-right: 0;
}
/* Прозрачность после применения фильтров*/
.rectangle {
display: block;
z-index: 11;
width: 100%;
height: 100%;
background-color: #FFF;
position: absolute;
top: 0;
left: 0;
content: "";
opacity: 0.8;
}
/* Button filters */
.button-filters {
position: relative;
padding: 0 0 30px 0;
}
/*SLIDER*/
.uslider {
width: 100%;
white-space: nowrap;
overflow: hidden;
position: relative;
user-select: none;
-webkit-user-select: none;
}
.uslider *:active, .uslider *:focus {
outline: none
}
.uslider > * {
white-space: initial;
}
.products .product_preview:not(:last-child) {
margin-right: 0;
border-right: none;
}
.products .category_items.uslider, .news_preview .uslider{
margin: 0 auto;
box-sizing: content-box;
}
.products .category_items.uslider{padding-right: 1px;}
.project_slider {
font-size: 0;
}
.project_slider > div {
width: 100%;
margin: 19px 0;
display: inline-block;
}
.modifications td:last-child > span {
position: relative;
height: 25px;
margin-top: -15px;
}
.compare td:last-child > span {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.modifications td:last-child > span a {
position: absolute;
}
.modifications td:last-child .pasport_file {
left: 1px;
}
.modifications td:last-child .pasport_file:before {
content: "\f1c1";
}
.modifications td:last-child .ies_file {
left: 26px
}
.modifications td:last-child .sheme_file {
left: 51px;
}
.modifications td:last-child .sheme_file:before {
content: "\f1c5";
}
.btn.focus, .btn:focus, .btn:hover{color: #fff;}
/* Media */
.left > .arrow_slider.hid, a.navbar-brand, .headerbg, #tf .sb, #structs .dots, .tsp .fp_text, .tsp .sp_text, #m_arrow.m_arrow.hid, #m_arrow.m_arrow, .home_posts > div:not(#hposts), .prod_imgs > div:not(#hposts), #structs > div:not(.titles), .home .stocks.m1 .uslider .post_preview:last-of-type, .home_posts .uslider > div:last-child, .price_attr ul{opacity: 0;}
.left:hover > .arrow_slider.hid, a.phone, .fp_text, .sp_text, .header.fixed a.navbar-brand, #hposts.hposts1 ~ div.hpost1, #hposts.hposts2 ~ div.hpost2, #hposts.hposts3 ~ div.hpost3, #hposts.hposts4 ~ div.hpost4, #structs.structs1 .struct1, #structs.structs2 .struct2, #structs.structs3 .struct3, #structs.structs4 .struct4, #structs.structs5 .struct5, #structs.structs1 .titles > div:nth-child(1) > .dots, #structs.structs2 .titles > div:nth-child(2) > .dots, #structs.structs3 .titles > div:nth-child(3) > .dots, #structs.structs4 .titles > div:nth-child(4) > .dots, #structs.structs5 .titles > div:nth-child(5) > .dots, .header.fixed .headerbg, #tf.op10 .sb, .tsp #tf .bl, .show_list .price_attr ul{opacity: 1;}
.product .products, .post .products{padding: 63px 0 13px 0;}
.dropdown_menu li.nav_collec, .product_preview .info > div > div{margin-top: 20px;}
.news_preview .product_preview, #filter-form .calc .filters_checkbox:not(.price_attr){margin-right: 0;}
.news_preview .product_preview, .news_preview .product_preview > a .image, .news_preview .product_preview > a .info{height: 134px;}
.news_preview .product_preview, .news .post_preview .info .title, .headerbg, #tf .sb, #hposts ~ * .uslider > div > div, .home_posts .uslider > div p, #structs .dots, #structs .uslider, .fp, #structs > div:not(.titles), #tf, .home_blocks div:not(.hbl1), .space > div > div span, .stocks .post_preview div, .space p, .gen_plan table, #structs .uslider *, .price_attr > a, .product_preview img, .price_attr ul, .calc .filters_checkbox.price_attr ul li, .filters_checkbox.price_attr, #filters-selected .reset_f a{width: 100%;}
.news_preview .product_preview > a .image, .sp_text, .navbar-nav > li:last-of-type, #navbar-main .row, .sp_text div a.video_l, .tsp #tf, .calc, .home_posts .uslider > div, #structs, #structs .titles > div, .price_attr > a, p.prod_price, div.status, .price_attr, .calc .filters_checkbox.price_attr ul li,
.stocks .post_preview{position: relative;}
.news_preview .product_preview > a .image, .news_preview .product_preview > a .info, .navbar-nav{float: left;}
.news_preview .product_preview > a .image, .news_preview .product_preview > a .info{background: none;}
.news_preview .product_preview > a .info, .news_preview .product_preview .date-preview-news, a.navbar-brand, .navbar-nav > li:last-of-type span::before, .headerbg, .sp_text div a.video_l::before, #tf .sb, .m_arrow, .gos_support > img, #structs .dots, #structs .uslider, #structs .titles, #structs > div p, .product_preview .info > div, div.status::before, .price_attr ul, .price_attr > a:after, .filters_checkbox.price_attr li.active::after, a.choose_f, a.choose_f::before, a.choose_f > span,
.stocks .post_preview p, #hposts ~ div{position: absolute;}
.news_preview .product_preview > a .info, .sp_text div a.video_l::before{top: -3px;}
.news_preview .product_preview .date-preview-news, .filters_checkbox li{width: auto;}
.news_preview .product_preview .date-preview-news, .home_posts .uslider > div p, #structs > div p, .gos_support > div > div p, .contact h2, #filters-selected span{margin: 0;}
.news_preview .product_preview .date-preview-news, .post .content .date{color: #949494;}
.news_preview .product_preview .date-preview-news, #structs .titles > div > a, .product_preview a.btn, a.page_link{font-size: 16px;}
.news .post_preview .info .title, .product_preview .info > div > div{white-space: normal;}
.news .post_preview .info .title, .gen_plan table{line-height: 1.5;}
.projects .product_preview div.info{padding: 25px 25px 15px 25px;}
a.navbar-brand, a.phone, .fp, .stocks .post_preview, .home_blocks div.hbl5, #tf, .price_attr > a, .product_preview .info > div > p, #filters-selected span, p.prod_name{overflow: hidden;}
a.navbar-brand, #structs .dots, .tsp .fp_text, .tsp .sp_text, #m_arrow.m_arrow.hid, #m_arrow.m_arrow, .home_posts > div:not(#hposts), .prod_imgs > div:not(#hposts), #structs > div:not(.titles), .price_attr ul{visibility: hidden;}
a.navbar-brand, .headerbg, #tf .sb, .m_arrow, #structs .dots, a.phone, .home_posts > div:not(#hposts), .prod_imgs > div:not(#hposts), #structs > div:not(.titles), .fp_text, .sp_text, #tf, #structs .titles *{transition: .6s;}
a.navbar-brand, #structs > div p, .price_attr ul{z-index: 1;}
a.navbar-brand, #filters-selected .reset_f a::before{width: 0;}
.navbar-nav > li:last-of-type span::before, .sp_text div a.video_l::before{content: "";}
.navbar-nav > li:last-of-type span::before, .price_attr ul, .price_attr > a:after, #structs .titles > div > a, .post .post_dop h2 ~ a p{transition: .3s;}
.navbar-nav > li:last-of-type span::before, .home_blocks div:not(.hbl1), .price_attr > a:after, .filters_checkbox.price_attr li.active::after, a.choose_f::before{background-size: contain;}
.navbar-nav > li:last-of-type span::before, #tf .sb, #tf, .home_blocks div:not(.hbl1), .sp_text div .video, .price_attr > a:after, .filters_checkbox.price_attr li.active::after, a.choose_f::before{background-repeat: no-repeat;}
.navbar-nav > li:last-of-type span::before, .headerbg, .sp_text div a.video_l::before, #tf .sb, .m_arrow, .fp, #tf, .price_attr ul{left: 0;}
.navbar-nav > li:last-of-type span::before, .filters_checkbox.price_attr li.active::after, a.choose_f{right: 0;}
.navbar-nav > li:last-of-type span::before, div.status::before{
width: 14px;
height: 14px;
}
.headerbg, #tf .sb, #hposts ~ * .uslider > div > div, #structs .uslider, .fp, #structs > div:not(.titles), .stocks .post_preview div, #structs .uslider *, #filters-selected .reset_f a{height: 100%;}
.sp_text div a.video_l::before, .sp_text div .video, .home_blocks div span, .filters_checkbox .title, .slider .title, .sp_h span, .tsp .calc .m_arrow{display: block;}
.sp_text div a.video_l::before, #tf .sb, #hposts ~ * .uslider > div > div, .home_blocks div.hbl5, #tf, .stocks .post_preview div, .home_blocks div.hbl2, #structs .uslider > div > div, div.status::before{background-size: cover;}
.sp_text div a.video_l::before, #hposts ~ * .uslider > div > div, .price_attr > a:after, .filters_checkbox.price_attr li.active::after, a.choose_f::before{background-position: center;}
.sp_text div a.video_l::before, a.choose_f::before, a.choose_f > span{
width: 32px;
height: 32px;
}
#tf {
will-change: transform, background-position;
}
.sp_text {
will-change: transform;
}
#tf .sb, #structs .uslider, .fp, #tf, a.choose_f, .stocks .post_preview p{top: 0;}
.gos_support > img, .fp{z-index: -1;}
.home_posts .uslider, .filters_checkbox .title, .slider .title, .calc .filters_checkbox.price_attr ul li{text-align: left;}
.home_posts .uslider, #structs .uslider, .stocks .uslider, a.choose_f{font-size: 0;}
#hposts ~ * .uslider > div > div, .home_blocks div:not(.hbl1), a.btn, .product_preview .info > div > div > div, .tags div, .product .status{border-radius: 16px;}
.home_posts .uslider > div p, #structs .titles > div > a, a.btn, .fp_text p, .calc > a, .filters_checkbox .title, .slider .title, .stocks .post_preview p, .home_blocks div p, .gos_support > div > div p, .contact h2, .sp_text p:first-of-type, .sp_text div, h2, .category h1, .post h1, .news h1, .contact h1, .about h1, .stocks h1, .compare h1, .product_preview > a > p.prod_price, .product_preview .info > div > div > div, .tags div, .product div.status, a.choose_f, .header.fixed a.phone,
.dt, .type_pay > * p, .block_marker > p, .type_info h4{font-weight: 700;}
.home_posts .uslider > div p, div.hbl5 span, .how_go > div, .sp_h span, a.choose_f > span, a.btn{font-size: 18px;}
.home_posts .uslider > div p, .no_products, #structs .titles > div > a, .home_blocks div:not(.hbl1), .filters_checkbox li, .category h1, .post h1, .news h1, .contact h1, .about h1, .stocks h1, .compare h1, .calc > a.active, .product_preview .info > div > div > div, .tags div, .product .status, a.choose_f, a.grey.btn:hover, .product h1{color: #000;}
.home_posts .uslider > div p, #structs > div p{line-height: 1.1;}
#structs .dots, .home_posts #hposts, .filters_checkbox li, .sp_text div, .product_preview .info > div > div > div, .tags div, a.choose_f, #filters-selected a:before, #filters-selected .reset_f a{text-align: center;}
#structs .titles, .stocks .post_preview{border-radius: 24px;}
#structs .titles, #structs > div p, #structs .titles > div > a, #structs .dots > a.active, .product_preview .info > div > div > div, .price_attr ul, .compare .tags div{background-color: #fff;}
#structs .titles, #structs > div p{
left: 20px;
width: 664px;
}
#structs .titles, .price_attr > a{z-index: 2;}
a.phone, .fp_text, .sp_text, .header.fixed a.navbar-brand, #hposts.hposts1 ~ div.hpost1, #hposts.hposts2 ~ div.hpost2, #hposts.hposts3 ~ div.hpost3, #hposts.hposts4 ~ div.hpost4, #structs.structs1 .struct1, #structs.structs2 .struct2, #structs.structs3 .struct3, #structs.structs4 .struct4, #structs.structs5 .struct5, #structs.structs1 .titles > div:nth-child(1) > .dots, #structs.structs2 .titles > div:nth-child(2) > .dots, #structs.structs3 .titles > div:nth-child(3) > .dots, #structs.structs4 .titles > div:nth-child(4) > .dots, #structs.structs5 .titles > div:nth-child(5) > .dots, .show_list .price_attr ul{visibility: visible;}
.stocks .post_preview, #structs .titles > div > a, .home_posts .uslider > div, #structs .titles > div, .sp_h, .calc .slider, .calc .filters_checkbox, .space > div > div, .space > div > div span, .home_posts #hposts a, #structs .uslider > div, .filters_checkbox li, .price_attr > a, .product_preview .info > div > div > div, .tags div, a.choose_f, a.choose_f > span, #filters-selected div, #filters-selected span, #filters-selected a:before, #filters-selected .reset_f a{display: inline-block;}
a.phone, .home_posts #hposts, .price_attr > a, #filters-selected span, p.prod_name{white-space: nowrap;}
a.phone, a.btn{float: right;}
a.phone, .sp_text, a.btn, .fp_text p, .chips input:checked + label, div.hbl5 p, div.hbl5 span, #structs.structs1 .titles > div:nth-child(1) > a, #structs.structs2 .titles > div:nth-child(2) > a, #structs.structs3 .titles > div:nth-child(3) > a, #structs.structs4 .titles > div:nth-child(4) > a, #structs.structs5 .titles > div:nth-child(5) > a, a.choose_f > span, .sp_text div a.video_l{color: #fff;}
a.phone, .space > div > div, .home_posts #hposts a, .filters_checkbox li, .home_blocks div span, .how_go > div, .product_preview > a > p, .price_attr > a, a.choose_f > span, #filters-selected div, .news .post_preview .title,
.product .content div#hposts > a, .product h1, .product .status span, .mods tr td:last-child{font-weight: 500;}
a.phone, p.prod_name, .product h1{font-size: 28px;}
.fp, #tf{position: fixed;}
.stocks .uslider .post_preview, .home_posts .uslider > div{margin-right: 7px;}
.home #stocks .post_preview, .gos_support > p{width: 300px;}
.sp_text, .gos_support > div > div p, .contact h2, h2, .news .post_preview .title, .type_pay > * p, .block_marker > p, .type_info h4{font-size: 24px;}
#tf, .sp_text div .video{background-position-x: center;}
#structs .titles > div > a, .space > div > div, a.btn, .product_preview > a > p, .calc > a, .filters_checkbox .title, .slider .title, .stocks .post_preview p, .home_blocks div p, .gos_support > div > div p, .contact h2, .product_preview .info > div > div > div, .tags div, .product .status{line-height: 1;}
#structs .titles > div > a, .price_attr ul, a.choose_f, .product_preview .btn{border-radius: 12px;}
.home_blocks div:not(.hbl1), .home .calc, #hposts.hposts1 a:nth-child(1), #hposts.hposts2 a:nth-child(2), #hposts.hposts3 a:nth-child(3), #hposts.hposts4 a:nth-child(4), a.choose_f, #filters-selected div{background-color: #F4F4F4;}
.home_blocks div:not(.hbl1), .stocks .post_preview p, .post_preview .short{padding: 20px;}
.sp_text div .video, .fp_text p, .fp_text img{width: 460px;}
.calc .filters_checkbox, #filter-form .filters_checkbox{margin-bottom: 25px;}
.space > div > div, .calc > div > div, #filters-selected span, .home_posts .uslider > div{vertical-align: top;}
.space > div > div, .home_posts #hposts a, .filters_checkbox li a, .filters_checkbox.price_attr a, .filters_checkbox.price_attr li, .slider .info, .mods tr td, .tags p{font-size: 20px;}
a.btn, .chips input, .calc .m_arrow, .stocks .dots, .home_posts .dots, .home .wrapper_100 h1, .category .breadcrumb, .product_preview .arrow_slider, .category_items.uslider + .dots{display: none;}
div.hbl5 p, div.hbl5 span{padding: 0;}
#structs.structs1 .titles > div:nth-child(1) > a, #structs.structs2 .titles > div:nth-child(2) > a, #structs.structs3 .titles > div:nth-child(3) > a, #structs.structs4 .titles > div:nth-child(4) > a, #structs.structs5 .titles > div:nth-child(5) > a{background-color: #EF1940;}
.filters_checkbox li, .price_attr > a{
border-radius: 8px;
background: #fff;
line-height: 48px;
}
.filters_checkbox li, .price_attr > a, .price_attr ul{border: 2px solid #E9E9E9;}
.home_blocks div span, .home_blocks div p{padding-right: 135px;}
.home_blocks div span, .product_preview .info > div > div > div, .tags div, .product .status, #filters-selected div, .dt, .compare .product_preview > p > span, #cookie > a.btn, #cookie,
.polinfo{font-size: 14px;}
.calc > a, .home #stocks .post_preview p, .stocks .post_preview p, .home_blocks div p{font-size: 32px;}
.filters_checkbox .title, .slider .title{
font-size: 22px;
padding-bottom: 12px;
}
.filters_checkbox .title, .price_attr > a, .price_attr ul{margin-left: 5px;}
.sp_text p:first-of-type, h2{font-size: 40px;}
.category h1, .post h1, .news h1, .contact h1, .about h1, .stocks h1, .compare h1, .home h1{font-size: 54px;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left: 16px;}
.tsp .calc .m_arrow, .price_attr > a:after{right: 20px;}
.home .stocks.m1{margin-top: 50px;}
.price_attr > a, .product_preview .info > div > p, #filters-selected span, p.prod_name{text-overflow: ellipsis;}
.home .stocks.m1 .uslider, .category .content{overflow: visible;}
.home_blocks div.hbl2 p, .home_blocks div.hbl2 span{
text-align: right;
padding-right: 0;
padding-left: 180px;
}
.how_go, .wrapper.gen_plan, body.home .stocks.stages {margin-top: 60px;}
body.home .stocks.stages{padding-top: 0;}
div.status::before, .price_attr > a:after, .filters_checkbox.price_attr li.active::after, a.choose_f::before, #filters-selected .reset_f a::before{content: '';}
.filters_checkbox.price_attr li:hover, .filters_checkbox.price_attr li.active{background-color: unset;}
.filters_checkbox.price_attr li:hover a, .filters_checkbox.price_attr li.active a{color: unset;}
.filters_checkbox.price_attr li.active::after, #filters-selected a:before{width: 26px;}
a.choose_f::before, a.choose_f > span{top: 15px;}
a.choose_f > span, #filters-selected div{line-height: 32px;}
.news_preview .product_preview{border: 0;}
.news_preview .product_preview > a .image{width: 134px;}
.news_preview .product_preview > a .info{
width: 328px;
left: 134px;
padding: 0 14px 0 11px;
}
.news_preview .product_preview .date-preview-news{
bottom: -8px;
left: 11px;
}
.news_preview .product_preview .info > span{white-space: unset;}
.news_preview .wrapper .arrow_slider{margin-top: -25px;}
.projects .wrapper.wrapper_100.issetmap{padding-top: 625px;}
.news .post_preview .info .title{height: 57px;}
.news_preview .product_preview > a .info .title{
height: 95px;
line-height: 24px;
}
a.navbar-brand{
margin-left: 15px;
box-sizing: content-box;
padding: 7px 0 0 0;
}
.navbar-nav > li:last-of-type span::before{
filter: contrast(0) brightness(2);
background-image: url('/image/heart.svg');
top: 50%;
margin-top: -8px;
transition: .6s;
}
.headerbg{
background: conic-gradient(from 179.87deg at 40.57% 166.67%, #FF0000 0deg, #FF6180 82.59deg, #FF0D0D 153.38deg, #FF0A0A 225.76deg, #FFEA09 288.72deg, #FF0101 352.82deg, #FF0000 360deg);
border-radius: 12px 44px 44px 12px;
}
.sp_text div a.video_l::before{background-image: url('/image/play.svg');}
.m_arrow{
width: 58px;
z-index: 1000;
height: 58px;
top: -200px;
background: url('/image/main_arrow.svg') center;
}
.gos_support > img{
width: 432px;
height: 426px;
right: -128px;
top: -55px;
}
.product #hposts ~ * .uslider > div > div{
border-radius: 0;
background-size: contain;
background-repeat: no-repeat;
}
.home_posts .uslider{
top: 62px;
height: 400px;
}
.home_posts .uslider > div p{
padding: 23px 15px 0 15px;
}
#structs .dots{bottom: 12px;}
#structs .titles{
bottom: 76px;
padding: 15px;
}
#structs > div p{
height: auto;
bottom: 96px;
padding: 20px 15px 20px 40px;
transform: translateY(100%);
border-radius: 0 0 24px 24px;
}
a.phone{
margin: 0 36px 0 0;
line-height: 60px;
}
.home #stocks .post_preview{
height: 380px;
cursor: default;
}
.home_blocks div.hbl5{
background-position-y: 36%;
background-image: url('/image/catalog/blocks/4.jpg?1');
height: 600px;
}
.tsp .fp_text{
margin-top: 0;
transition: margin 0s;
}
.fp_text{top: 87px;}
.sp_text{top: 276px;}
#structs{min-height: 100vh; min-height: 100dvh; z-index: 1;}
#structs .titles > div > a{padding: 15px 25px 30px 25px;}
.header.fixed a.navbar-brand{width: 170px;}
.sp_text div a.video_l{padding-left: 46px;}
.home_posts .uslider > div{
height: 326px;
width: 265px;
}
.home_blocks div:not(.hbl1){
background-position: bottom;
height: 360px;
margin-bottom: 7px;
}
.sp_text div .video{
background-image: url('/image/catalog/video.png');
background-position-y: 78%;
height: 110px;
border-radius: 20px;
margin-bottom: 23px;
}
.sp_h{
font-size: 60px;
width: 230px;
}
.space > div > div{
width: 33%;
margin-top: 23px;
padding-right: 30px;
}
p.prod_name{padding-right: 25px;}
.space > div > div span{font-size: 36px;}
.home_posts #hposts a{
padding: 0 20px;
line-height: 54px;
height: 56px;
margin: 0 7px 0 0;
border-radius: 60px;
}
.home_posts #hposts{
overflow: auto;
position: relative;
z-index: 1;
}
a.btn{
cursor: pointer;
background-color: #ff0e3a;
padding: 22px 32px;
}
.fp_text p{
font-size: 51px;
margin-top: 0px;
line-height: 51px;
}
.chips input:checked + label{
background: #ff0e3a;
border-color: #ff0e3a;
}
.calc > a{
padding-right: 36px;
color: #B9B9B9;
}
.gos_support > div > div p{width: 330px;}
.sp_text p:first-of-type{
line-height: 40px;
margin-top: 276px;
}
.sp_text div{
margin-top: -500px;
position: relative;
z-index: 1;
transition: .6s;
}
.gen_plan h2{
margin: 40px 0 20px 0;
font-size: 24px;
}
.sp_h span{margin-top: -20px;}
.tsp .calc .m_arrow{
top: unset;
bottom: 20px;
transform: rotate(270deg);
left: unset;
}
.home_blocks div.hbl2{background-image: url('/image/catalog/blocks/1.png');}
.home h1{
line-height: 0.9;
padding-bottom: 20px;
}
.home .calc{
border-radius: 16px 16px 40px 16px;
padding: 33px 20px 0 20px;
}
.price_attr > a{padding: 0 40px 0 15px;}
.navbar-collapse .row{padding-left: 1px;}
.contact .header.fixed .navbar-collapse .row, .category .header.fixed .navbar-collapse .row, .news .header.fixed .navbar-collapse .row, .stocks .header.fixed .navbar-collapse .row,
.post .header.fixed .navbar-collapse .row, .product .header.fixed .navbar-collapse .row, body.information .header.fixed .navbar-collapse .row, .about .header.fixed .navbar-collapse .row{
opacity: 1;
visibility: visible;
}
.header.fixed .navbar-collapse .row a.navbar-brand{width: 155px;}
/* #tf.op1 .sb,#tf.op9 .sp_text div{opacity: 0.1;} */
/* #tf.op2 .sb,#tf.op8 .sp_text div{opacity: 0.2;} */
/* #tf.op3 .sb,#tf.op7 .sp_text div{opacity: 0.3;}
#tf.op4 .sb,#tf.op6 .sp_text div{opacity: 0.4;}
#tf.op5 .sb,#tf.op5 .sp_text div{opacity: 0.5;}
#tf.op6 .sb,#tf.op4 .sp_text div{opacity: 0.6;}
#tf.op7 .sb,#tf.op3 .sp_text div{opacity: 0.7;}
#tf.op8 .sb,#tf.op2 .sp_text div{opacity: 0.8;}
#tf.op9 .sb,#tf.op1 .sp_text div{opacity: 0.9;} */
#tf.op10 .sp_text div, #tf.op100 .sp_text div{opacity: 0;}
#tf.op25 .sb, #tf.op75 .sp_text div{opacity: 0.25;}
#tf.op50 .sb, #tf.op50 .sp_text div{opacity: 0.50;}
#tf.op75 .sb, #tf.op25 .sp_text div{opacity: 0.75;}
#tf.op100 .sb, #tf.op0 .sp_text div{opacity: 1;}
.space{margin-top: 143px;}
.rooms{width: 377px;}
.calc .filters_checkbox li{width: 50px;}
.slider .info:nth-of-type(2){right: -13px;}
.slider .info:nth-of-type(1){left: -13px;}
.gos_support{margin-top: 80px;}
.gos_support > div > div{margin-bottom: 40px;}
.home_blocks div.hbl3{
background-image: url('/image/catalog/blocks/2.png');
background-position: right;
}
.home_blocks div.hbl4{background-image: url('/image/catalog/blocks/3.png');}
.home_blocks{margin-top: 90px;}
.home_posts{
height: 425px;
margin-top: 56px;
}
.arrow_slider div{box-shadow: 0px 8px 25px -9px #00000033;}
.home .how_go img{width: 20px;}
.gen_plan img{
width: 500px;
margin-left: -19px;
max-width: unset;
}
.gen_plan table tr td:first-child{
width: 80%;
padding-left: 20px;
}
#structs .dots > a{background-color: #FFA2AD;}
.product_preview img{
mix-blend-mode: darken;
max-height:100%;
max-width: 100%;
}
.product_preview .info > div{
bottom: -8px;
max-width: 100%;
}
.product_preview .info > div > div > div, .tags div, .product .status, .compare .tags div{
padding: 10px 10px;
text-transform: uppercase;
margin: 0 7px 1px 0;
box-shadow: 0px 0px 12px -2px #0000001A;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.product_preview .info > div > div > div.status, .product div.status{padding-left: 28px;}
div.status::before{
background-image: url('/image/status.svg');
left: 10px;
top: 9px;
}
.price_attr ul{
top: 40px;
padding: 49px 15px 0 15px;
}
.calc .filters_checkbox.price_attr ul li{
border: unset;
margin-left: 0;
border-radius: unset;
border-top: 1px solid #F4F4F4;
margin-bottom: 0;
}
.show_list .price_attr > a{
border-radius: 8px 8px 0 0;
border-bottom-color: #ffffff00;
}
.price_attr > a:after{
background-image: url('/image/f_arrow.svg');
width: 12px;
height: 12px;
top: 19px;
}
.show_list .price_attr > a:after{transform: rotate(180deg);}
.filters_checkbox.price_attr li.active::after{
background-image: url('/image/status_r.svg');
height: 26px;
top: 13px;
}
.filters_checkbox.price_attr{
width: 465px;
z-index: 3;
}
a.choose_f{
width: 180px;
line-height: 50px;
height: 62px;
}
a.choose_f::before{
background-image: url('/image/settings.svg');
left: 50%;
margin-left: -37px;
}
a.choose_f > span{
right: 50%;
margin-right: -37px;
border-radius: 50%;
background-color: #FF0E3A;
}
#filters-selected div{
margin: 0px 7px 7px 0;
padding: 0 5px 0 10px;
border-radius: 32px;
}
#filters-selected div.reset_f{padding-right: 10px;}
#filters-selected a:before{
content: "\f2d7";
font-family: Ionicons;
}
.slider{padding-bottom: 25px;}
.filters_checkbox{margin-left: -5px;}
#f_popup .filters_checkbox li a{padding: 0 15px;}
.product_preview .btn{
position: absolute;
bottom: 25px;
width: 412px;
height: 48px;
line-height: 48px;
padding: 0;
left: 25px;
}
#video{
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 101;
opacity: 0;
visibility: hidden;
transition: .6s;
}
#video .video_c{
padding: 19px;
width: 100%;
border-radius: 32px;
left: 0;
position: absolute;
background-color: #fff;
min-height: 200px;
bottom: 0;
font-size: 0;
}
#video > a{
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .5);
}
#video .phone{
color: #000;
font-size: 30px;
/* margin-left: 25px; */
/* margin-right: 32px; */
}
#video .video_c a{
float: unset;
display: inline-block;
vertical-align: middle;
}
#video .video_c .grey.btn{
margin-right: 7px;
}
#video .carticon.btn span{filter: brightness(0) invert(1);}
.grey.btn{
background-color: #F7F7F7;
color: #000;
}
.btn span{
width: 23px;
display: inline-block;
background-repeat: no-repeat;
height: 23px;
position: relative;
background-size: contain;
margin-bottom: -7px;
margin-right: 4px;
top: -3px;
background-position: center;
}
.video_c video{
width: 100%;
height: auto;
aspect-ratio: 2 / 1;
border-radius: 20px;
margin-bottom: 20px;
}
#video h3{margin-bottom: 32px;}
#video p{
font-size: 16px;
font-weight: 500;
margin: 0;
text-align: center;
}
#video p a{margin-left: 16px;}
.tsp #navbar-main .navbar-nav > li:not(.temp_li){
display: inline-block;
}
.stocks .post_preview .dt{display: none;}
body.home .stocks.m1, body.home .space, body.home #products{
padding-top: 100px;
margin-top: 0;
}
.post_preview{
padding: 0;
display: inline-block;
}
.news .post_preview .image{
background-position: center;
background-size: cover;
border-radius: 18px;
position: relative;
height: 248px;
width: 100%;
}
.dt{
box-shadow: 0px 0px 12px -2px #0000001A;
position: absolute;
top: 16px;
left: 16px;
border-radius: 32px;
padding: 12px 10px;
line-height: 1;
background-color: #fff;
}
.news .post_preview .title{
height: 82px;
overflow: hidden;
padding: 14px 0 0 0;
line-height: 1.4;
margin-bottom: 23px;
}
.post .post_dop h2 ~ a img{
width: 160px;
height: 160px;
position: absolute;
left: 0;
top: 0;
border-radius: 18px;
max-width: unset;
}
.post .post_dop h2 ~ a p{
padding: 62px 0 22px 175px;
line-height: 1.4;
font-size: 18px;
height: 160px;
font-weight: 500;
overflow: hidden;
}
.post .post_dop h2 ~ a{
position: relative;
}
.post .post_dop .dt{
top: 18px;
left: 175px;
}
.post_content .dt, .post .content > .wrapper > .dt{
display: inline-block;
position: static;
margin: 33px 0 26px 0;
}
.post_content img, .post_stock > img{
border-radius: 22px;
width: 100%;
}
.post_dop h2{margin: 0 0 50px 0;}
.post_dop{
top: 0;
position: relative;
}
.stocks .post_preview{
width: 462px;
height: 462px;
border-radius: 18px;
}
.stocks.post_dop{
width: 100%;
margin-bottom: 25px;
}
.wrapper .stocks.post_dop .arrow_slider, .product .wrapper.stocks .arrow_slider{
margin-top: 16px;
right: 0;
}
.product .wrapper .arrow_slider{
margin-top: -43px;
right: 0;
}
#hposts ~ div{
width: 100%;
padding: 0 19px;
top: 20px;
left: 0;
}
#hposts ~ div, .product #hposts ~ div .uslider, .product #hposts ~ div .uslider *{height: 100%;}
.product #hposts ~ div .uslider{
font-size: 0;
border-radius: 16px;
cursor:pointer;
}
.product #hposts ~ * .uslider > div{
width: 100%;
display: inline-block;
}
.product #hposts ~ div{
top: 0px;
padding: 0;
}
.product #hposts{
position: absolute;
bottom: 20px;
z-index: 1;
width: 100%;
padding: 0 19px;
white-space: nowrap;
overflow: auto;
text-align: center;
margin-left: -2px;
}
.product .content div#hposts > a{
display: inline-block;
background-color: #E4E4E4;
position: relative;
height: 48px;
padding: 2px;
margin-right: -2px;
font-size: 16px;
}
.product .content div#hposts > a span{
height: 44px;
line-height: 44px;
padding: 0 20px;
border-radius: 10px;
display: inline-block;
background-color: #ffffff00;
transition: .3s;
}
.product #hposts a:first-of-type, .about #hposts a:first-of-type{
border-top-left-radius: 14px;
border-bottom-left-radius: 14px;
}
.product #hposts a:last-of-type, .about #hposts a:last-of-type{
border-top-right-radius: 14px;
border-bottom-right-radius: 14px;
}
.prod_imgs .dots{bottom: 114px;}
.product h1{
white-space: unset;
margin: 0;
padding-bottom: 0;
}
.prod_imgs .dots > a{width: 30px;}
.prod_imgs{
width: 500px;
margin-left: -19px;
height: 670px;
position: relative;
background:#f7f7f7;
border-radius: 16px;
}
.product .wrapper_100{display: none;}
.product #hposts.hposts1 a:nth-child(1) span,.product #hposts.hposts2 a:nth-child(2) span,.product #hposts.hposts3 a:nth-child(3) span,.product #hposts.hposts4 a:nth-child(4) span,
.about .home_posts #hposts.hposts1 a:nth-child(1)::before, .about .home_posts #hposts.hposts2 a:nth-child(2)::before, .about .home_posts #hposts.hposts3 a:nth-child(3)::before, .about .home_posts #hposts.hposts4 a:nth-child(4)::before{background-color: #ffffff;}
.type_pay > *, .type_pay > a{
padding: 24px;
border: 2px solid #E9E9E9;
border-radius: 16px;
width: 100%;
display: inline-block;
color: #000;
margin-bottom: 7px;
line-height: 1;
position: relative;
transition: .3s;
}
.block_marker {padding-bottom: 82px;}
.block_marker .lib > * {display: inline-block;}
.type_pay > *.active, .type_pay > *.active::after, .type_pay > *:hover, .type_pay > *:hover::after{border-color: #FF0E3A;}
.type_pay > *.active::after{background-color: #FF0E3A;}
.type_pay > *::after{
transition: .3s;
content: "";
position: absolute;
top: 24px;
right: 24px;
width: 16px;
height: 16px;
border: 2px solid #E9E9E9;
border-radius: 50%;
}
.type_pay > * span, .compare .product_preview > p > span, .offerta{color: #8F8F8F;}
.block_marker > p, .type_info h4{margin-bottom: 16px;}
.block_marker > p{ min-height:36px;}
.block_marker > p {width:100%;}
.product .status{margin: 10px 0 7px 0;}
.product .status, .tags div{
box-shadow: none;
background-color: #F4F4F4;
}
.product .status span{
position: absolute;
right: 10px;
top: 10px;
text-transform: none;
}
.buttons a.btn, body.product .links a.btn{
float: none;
display: inline-block;
}
a.btn.rev{
background-color: #FF0E3A0F;
color: #FF0E3A;
}
body.product .links a.btn{
background-color: unset;
border: 0;
font-size: 15px;
padding: 0 27px 0 0;
height: auto;
color: #000;
}
body.product .links a.btn span{
filter: contrast(0) brightness(0);
width: 32px;
height: 32px;
top: 2px;
transition: .3s;
}
body.product .links{padding: 18px 0 0;}
body.product .links a.btn:last-child{padding: 0;}
.mods{width: 100%;}
.mods tr td:last-child{
width: 50%;
text-align: right;
}
.mods tr{
border-bottom: 2px solid #E9E9E9;
}
.tags p{margin-bottom: 0;}
.tags p, .mods tr{line-height: 55px;}
.type_info > div > .qu + span, .copy_l > div{
visibility: hidden;
opacity: 0;
transition: .3s;
}
.type_info > div > .qu:hover + span, .done.copy_l > div{
visibility: visible;
opacity: 1;
}
.type_info > div > .qu:hover::after{opacity: 1;}
.type_info > div{
position: relative;
padding: 24px 24px 48px 24px;
height: 200px;
border-radius: 18px;
margin-bottom: 7px;
background-color: #F4F4F4;
}
.type_info h4{margin: 0 0 16px 0;}
.type_info > div .qu{
position: absolute;
bottom: 24px;
right: 24px;
}
.product h2{
margin: 73px 0 50px 0;
}
.qu{
width: 28px;
position: relative;
height: 28px;
display: inline-block;
background-size: cover;
background-image: url('/image/qu2.svg');
}
.qu:after, .copy_l::after{
content: "";
top: -10px;
position: absolute;
right: 7px;
opacity: 0;
height: 0;
border-style: solid;
transform: rotate(180deg);
border-width: 0 7px 10px 7px;
transition: .3s;
z-index: 1;
border-color: transparent transparent #fff transparent;
}
.done.copy_l::after{opacity: 1;}
.qu + span, .copy_l > div{
position: absolute;
font-size: 15px;
display: block;
bottom: 61px;
right: 0;
text-align: left;
padding: 20px;
background-color: #fff;
border-radius: 12px;
max-width: 250px;
box-shadow: 0px 0px 12px -2px #0000001A;
}
.product .content{padding-bottom: 80px;}
.product .category_items.uslider{padding: 0;}
.prod_calc .slider{width: 406px;}
.prod_calc .left_f.z_left, .prod_calc .slider .info:nth-of-type(1){display: none;}
.prod_calc .slider .info:nth-of-type(2){
right: unset;
left: -13px;
z-index: 3;
}
.prod_calc .slider .info{
color: #000;
font-weight: 500;
font-size: 20px;
}
.procent{
position: absolute;
right: -13px;
padding: 2px 0;
line-height: 1;
bottom: 44px;
font-weight: 500;
font-size: 20px;
}
.product_info > p, .procent{color: #AEAEAE;}
.product_info > p{margin-bottom: 6px;}
.types, .prod_calc .sliders{
display: inline-block;
vertical-align: top;
}
.types .type_pay{
max-height: 585px;
width: 100%;
overflow-y: auto;
}
.prod_calc .types{position: relative;}
.type_pay > * > div:not(.title_pay):not(.lib){
font-size: 14px;
padding-top: 20px;
font-weight: 500;
width: 170px;
display: inline-block;
}
.type_pay > * > div:not(.title_pay):not(.lib):last-child{width: 70px;}
.type_pay > * > div:not(.title_pay):not(.lib) span{
color: #000;
font-weight: 500;
}
.type_pay > * > .lib {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: 0 24px 24px 24px;
height: 82px;
font-size: 18px;
}
.type_pay > * div:not(.title_pay) p{
margin: 5px 0 0 0;
font-weight: 500;
}
.sliders .btn{
width: 462px;
float: left;
display: block;
margin-bottom: 130px;
}
.types > img{
position: absolute;
top: -80px;
width: 50px;
height: 50px;
}
.btn:active{box-shadow: unset;}
.product .wrapper.products_row .arrow_slider{margin-top: -72px;}
body.product{padding-bottom: 96px;}
.product_info h2.price, .product_info h2.price + span{
display: inline-block;
white-space: nowrap;
}
.product_info h2.price{width: 295px;}
.product_info h2.price + span{
width: 163px;
font-size: 24px;
color: #8F8F8F;
text-align: right;
}
#map{
margin-bottom: 80px;
border-radius: 18px;
width: 100%;
overflow: hidden;
z-index: 1;
position: relative;
height: 660px;
}
.block_marker span{
color: #000;
line-height: 1.4;
}
.block_marker > *{
display: inline-block;
}
.block_marker .tel{
color: #FF0E3A;
font-weight: 500;
margin: 10px 0 12px 0;
}
.block_marker .text, #map .block_marker .adr, .ymaps-2-1-79-fullscreen .block_marker .adr, .type_pay .block_marker .mimgs{display: none;}
#map .block_marker .text, .block_marker .adr, .ymaps-2-1-79-fullscreen .block_marker .text{display: block;}
#map .block_marker, .ymaps-2-1-79-fullscreen .block_marker{padding: 14px 12px;}
.block_marker .mimgs{width: 100%;}
.mimgs img{
width: 99px;
height: 99px;
margin-right: 7px;
border-radius: 18px;
margin-bottom: 20px;
}
.type_pay .block_marker{
cursor: pointer;
border-radius: 18px;
}
.mimgs img:last-of-type{margin-right: 0;}
.copy_l textarea{
position: absolute;
opacity: 0;
display: none;
z-index: -100;
}
.copy_l{position: relative;}
a.copy_l > div{
color: #000;
bottom: 32px;
right: -35px;
font-weight: 400;
}
.product #hposts ~ div.hpost1, .product #hposts ~ div.hpost2, .product #hposts ~ div.hpost3 {
padding-bottom: 102px;
}
.product #hposts ~ div.hpost1{padding-top: 90px;}
form#mortgage{
font-size: inherit;
font-family: inherit;
}
form#mortgage .slider .back{background-color: unset;}
form#mortgage .slider:not(.period) .info input{
min-width: 200px;
text-align: left;
}
#pn{margin-left: -5px;}
.about_1 h2{margin: 0 0 50px 0;}
.about_1 > div:nth-child(2){
height: 500px;
border-radius: 24px;
background-size: cover;
background-position: center;
}
.about .type_info > div{
border-radius: 24px;
padding: 20px;
height: 115px;
}
.about .type_info > div > *{
display: inline-block;
width: 276px;
vertical-align: middle;
}
.about .type_info > div > img{width: 100px;}
.about .type_info > div h4{
font-size: 18px;
margin-bottom: 2px;
}
.about .type_info > div span{
font-size: 16px;
display: inline-block;
line-height: 1.4;
color: #8f8f8f;
}
.about .type_info > div > div{
width: 322px;
padding-left: 20px;
}
.about .type_info{margin: 30px 0 80px 0;}
.about_2{
border-radius: 24px;
background-color: #F4F4F4;
padding: 50px 16px;
position: relative;
}
.about_2 > *{
display: inline-block;
vertical-align: top;
}
.about_2 h2{margin: 0;}
.plates > div{
background-color: #fff;
padding: 24px;
border-radius: 18px;
width: 211px;
height: 211px;
margin-right: 7px;
display: inline-block;
margin-bottom: 7px;
position: relative;
}
.plates > div:nth-child(2n){margin-right: 0;}
.plates > div > *{margin: 0;}
.plates > div > h4{
font-weight: 700;
font-size: 36px;
white-space: nowrap;
}
.plates > div > p{
position: absolute;
bottom: 22px;
left: 24px;
right: 35px;
line-height: 1;
font-weight: 700;
}
.plates{margin-bottom: -7px;}
.about_2 > p{margin: 50px 0;}
.plates img{vertical-align: top;}
.about .home_posts #hposts{
text-align: right;
}
.about .home_posts > h2{
position: absolute;
margin: 0;
top: -87px;
}
.about #hposts a{
background-color: #F4F4F4;
border-radius: 0;
margin: 0;
position: relative;
z-index: 0;
}
.about .home_posts #hposts a::before{
content: "";
background-color: #ffffff00;
position: absolute;
left: 4px;
right: 4px;
border-radius: 11px;
z-index: -1;
top: 4px;
bottom: 4px;
transition: .6s;
}
.about .home_posts{margin: 162px auto 80px auto;}
.about .home_posts .uslider{top: 87px;}
.about .wrapper.home_posts .arrow_slider{
display: block;
margin-top: 16px;
padding: 0 19px;
}
.compare .product_preview{
padding: 0;
margin: 0 10px 0 0;
background: none;
width: 216px;
}
.compare .product_preview .image{
height: 175px;
margin: 27px 0 0 0;
line-height: 1;
background-size: contain;
background-position: center;
mix-blend-mode: darken;
background-repeat: no-repeat;
}
.compare .product_preview > p, .compare .product_preview > p > span{line-height: 1;}
.compare .product_preview > p{
height: 69px;
font-size: 20px;
line-height: 1;
font-weight: 500;
margin: 0;
padding: 33px 0 15px 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-right: 16px;
border-top: 1px solid #e9e9e900;
position: relative;
width: 226px;
}
.compare .sld_wp > .product_preview > p{
border-top: 1px solid #E9E9E9;
width: 100%;
}
.compare .product_preview > .white + p{border: none;}
.compare .product_preview > p > span{
font-weight: 400;
display: inline-block;
position: absolute;
top: 14px;
left: 0;
}
.compare #fixed_product_name .product_preview{
text-align: left;
background-color: unset;
}
.compare .product_preview .btn{
position: relative;
left: unset;
float: unset;
bottom: unset;
height: 62px;
line-height: 62px;
display: inline-block;
width: 199px;
}
.compare #fixed_product_name .arrow_slider, .compare #fixed_product_name .dots{display: none;}
.compare #fixed_product_name > .uslider{
width: 432px;
margin: 0 auto;
padding: 17px 0;
}
.compare_list > p{
font-size: 18px;
color: #AEAEAE;
line-height: 1.4;
margin: 0;
width: 100%;
text-align: center;
margin-top: 60px;
}
.compare_list > div > .dots{
margin-top: 20px;
margin: 60px 0 -30px -17px;
bottom: 0;
}
.compare_list .product_preview > a{
margin-bottom: 25px;
padding-bottom: 50px;
}
.compare_list .dots > a{width: 80px;}
.price_fix #fixed_product_name{
opacity: 1;
visibility: visible;
}
.compare .buttons{
padding-bottom: 17px;
margin-bottom: -28px;
}
.compare .tags{padding: 15px 0 8px 0;}
.compare_list .product_preview > a.close_form{
right: 5px;
top: -3px;
z-index: 1;
padding: 5px;
}
.product_preview .info > div > div{max-height: 86px;}
body.compare .wrapper .arrow_slider{
z-index: 1;
position: fixed;
top: 50%;
margin-top: -62px;
opacity: 0;
width: 500px;
visibility: hidden;
left: 0;
transition: opacity .3s, visibility .3s;
}
body.compare.price_fix .wrapper .arrow_slider, body.compare.arrow_fix .wrapper .arrow_slider{
opacity: 1;
visibility: visible;
}
body.compare.price_fix .wrapper .arrow_slider{
position: absolute;
top: unset;
margin-top: 151px;
left: -19px;
}
/* body.compare.price_fix:not(.arrow_fix) .wrapper .arrow_slider{top: 194px !important;} */
body.compare.arrow_fix .wrapper .arrow_slider{
position: fixed;
top: 50%;
margin-top: -61px;
left: 0;
transition: top .3s, opacity .3s, visibility .3s;
}
.navbar-collapse .row .navbar-nav > li.compare_link > a:before{left: 0;}
.stocks.stages .post_preview p{
margin: 0;
bottom: 0;
font-size: 40px;
top: unset;
}
.post_preview span.short{
font-size: 24px;
position: absolute;
top: 0;
font-weight: 500;
line-height: 1;
left: 0;
}
.invert_color p, .invert_color span{color: #fff;}
.stocks.stages .post_preview .image::before{
background: #00000033;
content: "";
width: 100%;
height: 100%;
display: block;
}
.post_stages{margin-top: 27px;}
.post_stages iframe, .post_stages img{
border-radius: 18px;
width: 100%;
}
.post_stages img{margin-bottom: 7px;}
.stocks.stages .wrapper > .btn, .wrapper.stocks.stages > .btn{
float: none;
top: 0;
left: 0;
display: block;
position: relative;
width: 237px;
font-size: 16px;
padding: 14px 20px;
margin: 0 0 50px 0;
border-radius: 15px;
}
.wrapper.stocks.stages > .btn{margin-top: 30px;}
.stocks.stages .wrapper > .btn span, .wrapper.stocks.stages > .btn span{
width: 32px;
height: 32px;
top: -1px;
vertical-align: middle;
margin-bottom: 0;
}
.home .stocks.stages a.page_link{top: 170px;}
.home .stocks.stages .arrow_slider{
padding: 0 19px;
margin-top: 99px;
}
.how_go > div p:last-of-type{margin-bottom: 0;}
a.btn.visp{
display: block;
position: absolute;
left: 19px;
bottom: -62px;
line-height: 60px;
font-size: 16px;
padding: 0 23px 0 49px;
z-index: 1;
}
a.visp, a.choose_f{border-radius: 15px;}
a.visp::before{
content: "";
display: block;
width: 32px;
height: 32px;
background-size: contain;
background-image: url('/image/search.svg');
position: absolute;
top: 13px;
left: 13px;
}
.chbox {
width: 100%;
margin-bottom: 14px;
padding-left: 35px;
}
.chbox input {display: none;}
.chbox div {
display: inline-block;
width: 24px;
height: 24px;
background-image: url(/image/checkbox.svg);
background-size: 100%;
background-repeat: no-repeat;
border-radius: 50%;
background-color: transparent;
border: 2px solid #E9E9E9;
transition: background-color .3s, border-color .3s;
vertical-align: middle;
cursor: pointer;
margin-right: 11px;
margin-left: -35px;
}
.chbox input:checked + div {
background-color: #FF0E3A;
border-color: #FF0E3A;
}
.chbox span {
vertical-align: middle;
color: #5E5E5E;
font-size: 18px;
line-height: 26px;
}
.chbox a {color: #EF1940;}
.limits {float: right;}
#sorts {
z-index: 1;
margin-bottom: 14px;
}
.select {
display: inline-block;
position: relative;
}
.select p {
cursor: pointer;
margin: 0;
color: #000;
}
.select ul {
position: absolute;
visibility: hidden;
box-sizing: content-box;
opacity: 0;
list-style: none;
top: 0;
background: none;
border-radius: 8px;
padding: 64px 20px 0 20px;
margin: 0 0 0 -20px;
z-index: -1;
transition: visibility .3s, opacity .3s, background .3s, box-shadow .3s, -webkit-box-shadow .3s;
}
.select.active ul {
visibility: visible;
opacity: 1;
background: #fff;
-webkit-box-shadow: 0 0 10px 0 #E9E9E9;
box-shadow: 0 0 10px 0 #E9E9E9;
}
.select ul li {
white-space: nowrap;
transition: color .3s;
color: #000;
cursor: pointer;
}
.select ul li.active {color: #FF0E3A;}
#sorts p, #sorts ul li {
padding: 19px 0 19px 39px;
font-weight: 500;
position: relative;
font-size: 16px;
}
#sorts ul li {
border-top: 1px solid #F4F4F4;
padding-right: 13px;
}
#sorts p::before, #sorts ul li::before, #sorts p::after {
content: '';
position: absolute;
top: 0;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transition: filter .3s;
}
#sorts p::before, #sorts ul li::before {
width: 32px;
left: 0;
background-image: url('/image/sort.svg');
filter: brightness(0);
}
#sorts ul li.active::before {filter: brightness(1);}
#sorts p.desc::before, #sorts ul li.desc::before {transform: scale(1, -1);}
#sorts p::after {
width: 14px;
right: -20px;
background-image: url('/image/arrow.svg');
transform: rotate(270deg);
transition: transform .3s;
}
#sorts.active p::after {transform: rotate(90deg);}
.pagination {
float: right;
margin: 35px 0 0 0;
}
.pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span {border-radius: 12px;}
.pagination>.active>span,.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover,.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
background: none;
z-index: unset;
color: #000;
border-color: deeppink;
}
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
background: #FF0E3A;
border-color: #FF0E3A;
color: #fff;
}
.pagination>li>a:focus, .pagination>li>a:hover {
border-color: #FF0E3A;
color: #FF0E3A;
}
.pagination img {
display: block;
margin: 22px;
}
.pagination>li>a, .pagination>li>span {
height: 62px;
width: 62px;
line-heighT: 60px;
border: 1px solid #E9E9E9;
background: none;
border-radius: 12px;
color: #000;
font-size: 18px;
padding: 0;
text-align: center;
margin-left: 4px;
font-weight: 500;
}
.category_items .more {
margin-top: 23px;
text-transform: uppercase;
font-size: 16px;
padding: 20px;
border-radius: 12px;
}
.morewrap {
text-align: center;
float: left;
width: 100%;
}
#floor_no{display: none;}
.product h2.price{
margin: 0;
font-size: 32px;
letter-spacing: -1px;
line-height: 96px;
position: relative;
width: 242px;
float: left;
}
.special, .cat_special{
position: absolute;
color: #8F8F8F;
left: 0;
top: 9px;
line-height: 1;
font-size: 17px;
font-weight: 300;
text-decoration: line-through;
}
.mtags span{
font-size: 11px;
text-decoration: none;
background-color: #FFE2E7;
border-radius: 10px;
padding: 5px 8px 4px 18px;
color: #FF0E3A;
font-weight: 600;
display: inline-block;
vertical-align: middle;
margin: -6px 0 0 0;
letter-spacing: 0;
position: relative;
}
.mtags span::before{
content: "";
display: inline-block;
position: absolute;
left: 4px;
top: 3px;
width: 14px;
height: 14px;
background-repeat: no-repeat;
background-image: url('/image/proc.svg');
background-position: center;
background-size: contain;
}
.cat_special{
font-size: 20px;
top: -3px;
}
p.prod_price{
padding-top: 26px;
letter-spacing: -1px;
}
.cat_special .mtags span{
font-size: 14px;
margin-top: -2px;
}
span + .mtags{margin-left: 9px;}
#fixed_product_name .buttons{
width: 220px;
float: left;
margin-top: 16px;
}
.product_info h2.price{
visibility: hidden;
height: 25px;
}
.backg{
height: 365px;
background-color: #F4F4F4;
border-radius: 18px;
position: absolute;
top: 0;
right: 19px;
left: 19px;
}
.compare_list .product_preview .compass{
top: 280px;
left: 0px;
width: 50px;
height: 50px;
}
.white{
padding: 18px 0 15px 0;
margin: 0 0 0 -13px;
font-size: 26px;
letter-spacing: -1px;
height: 73px;
font-weight: 500;
}
.compare .tags div{margin-bottom: 7px;}
.compare_list > .sld_wp >.uslider{
padding: 15px 0;
}
.sld_wp{
padding: 0 15px;
position: relative;
}
.compare .sld_wp > .product_preview{
position: absolute;
left: 15px;
width: 432px;
top: 15px;
}
.sld_wp > .product_preview .buttons, .sld_wp > .product_preview > a.close_form{display: none;}
.price_fix #CalltouchWidgetFrame{bottom: 96px !important;}
#cookie{
position: fixed;
left: 19px;
bottom: 19px;
background-color: #F4F4F4;
border-radius: 10px;
padding: 16px;
z-index: 10;
border: 1px solid #fff;
max-width: 462px;
}
#cookie > p, #cookie > a.btn{
display: inline-block;
vertical-align: middle;
}
#cookie > p{
color: #000;
margin: 0;
}
#cookie > a.btn{
float: unset;
margin-top: 5px;
padding: 6px 15px;
border-radius: 8px;
}
.offerta{
margin: 0;
line-height: 24px;
}
@media (min-width: 501px) {
.polinfo{
margin-top: -50px;
float: left;
width: 560px;
}
#cookie{
left: 20px;
bottom: 20px;
}
#cookie > a.btn{margin: 0;}
#cookie > p{
max-width: 500px;
padding-right: 10px;
}
#cookie{max-width: unset;}
body.product .prod_imgs .button{
top: 37px;
right: 37px;
}
.prod_imgs .hpost1 .compass{top: 16px;}
.compare .sld_wp > .product_preview{
top: 24px;
left: 24px;
width: 842px;
margin: 0;
}
.compare_list p.prod_name{height: 20px;}
.compare_list p.prod_price{height: 43px;}
.compare .buttons{
margin: 10px 0 -4px 0;
padding-bottom: 4px;
}
.compare_list > .sld_wp >.uslider{padding: 24px 0 0 0;}
.compare_list > .sld_wp{padding: 0 24px;}
#back1{
height: 400px;
right: 15px;
left: 15px;
}
p.prod_price{
padding-top: 16px;
font-size: 27px;
}
.cat_special .mtags span {
font-size: 11px;
margin-top: -4px;
}
.product .type_pay > a{padding: 20px 24px;}
#fixed_product_name .buttons{
width: 143px;
text-align: right;
}
.cat_special{font-size: 14px;}
.special{
font-size: 18px;
top: 10px;
letter-spacing: -1px;
}
.product h2.price{
font-size: 34px;
letter-spacing: -2px;
}
.type_pay{margin-top: 30px;}
.product h1{margin-top: -7px;}
.product .product_info h2.price{
width: 244px;
visibility: visible;
margin: 5px 0 0 0;
}
.buttons a.btn, #fixed_product_name .buttons a{
padding: 21px 22px;
margin-top: 0;
font-size: 16px;
}
.product h2.price{margin: 20px 0 32px 0;}
a.visp::before{
width: 26px;
height: 26px;
top: 11px;
left: 11px;
}
a.btn.visp{
padding: 0 17px 0 41px;
left: unset;
right: 15px;
line-height: 46px;
font-size: 12px;
bottom: 45px;
}
a.visp, a.choose_f{border-radius: 12px;}
.home .stocks.stages a.page_link{top: 21px;}
.home .stocks.stages .arrow_slider{
padding: 0 15px;
margin-top: 18px;
}
.stocks.stages .wrapper > .btn span, .wrapper.stocks.stages > .btn span{
width: 26px;
height: 26px;
}
.stocks.stages .wrapper > .btn, .wrapper.stocks.stages > .btn{
border-radius: 12px;
width: auto;
margin: 0;
padding: 10px 16px;
font-size: 12px;
position: absolute;
top: -91px;
right: 15px;
left: unset;
}
.wrapper.stocks.stages > .btn{
top: 3px;
right: 120px;
}
.post_stages iframe{border-radius: 22px;}
.post_stages{width: 75%;}
.post_preview span.short{font-size: 20px;}
.stocks.stages .post_preview p{font-size: 30px;}
.compare_link span{
padding-left: 20px;
transition: .6s;
}
.compare_link{margin-left: -5px;}
.navbar-collapse .row .navbar-nav > li.compare_link > a{
overflow: hidden;
padding-left: 18px;
width: 155px;
white-space: nowrap;
transition: .6s;
}
.header.fixed .compare_link span{padding-left: 40px;}
.header.fixed .navbar-collapse .row .navbar-nav > li.compare_link > a{width: 48px;}
.navbar-collapse .row .navbar-nav > li.compare_link > a{width: 127px;}
body.compare.price_fix .wrapper .arrow_slider{margin-top: 178px;}
body.compare .wrapper .arrow_slider, body.compare.price_fix .wrapper .arrow_slider, body.compare.arrow_fix .wrapper .arrow_slider{
width: 842px;
left: unset;
right: unset;
margin-left: auto;
margin-right: auto;
}
body.compare .wrapper .arrow_slider, body.compare.arrow_fix .wrapper .arrow_slider{
top: 50%;
margin-top: -48px;
}
.product_preview .info > div{bottom: -6px;}
.compare_list > div > .dots{margin: 51px 0 -24px -13px;}
.compare_list > p{
font-size: 14px;
margin-top: 48px;
}
.compare .product_preview .btn{
width: 240px;
padding: 0;
margin: 0;
font-size: 16px;
}
.compare .tags{padding: 5px 0 17px 0;}
.compare .tags div{font-size: 11px;}
.compare #fixed_product_name > .uslider{
width: 842px;
padding: 4px 0;
}
.compare .product_preview .image{
height: 222px;
}
.compare .product_preview{
width: 241px;
margin-right: 60px;
}
.compare_list .product_preview > a{margin-bottom: 0;}
.compare_list .product_preview .compass{
top: 315px;
left: 0px;
}
.compare_list .product_preview > a.close_form{
right: -6px;
top: -5px;
}
.white{
margin-left: -24px;
padding-bottom: 13px;
height: 71px;
margin-top: 10px;
margin-bottom: 19px;
}
.tags + .white{
margin-top: -3px;
}
.backg{
right: 15px;
left: 15px;
height: 406px;
}
.compare .product_preview > p{
padding: 28px 60px 10px 0;
height: 58px;
width: 301px;
}
.compare .product_preview > p > span{
top: 10px;
left: 0;
}
.compare .wrapper .arrow_slider div:first-child{right: -74px;}
.compare .wrapper .arrow_slider div:last-child{left: -74px;}
.about .wrapper.home_posts .arrow_slider{
padding: 0;
margin-top: -16px;
}
#hposts ~ div{padding: 0 15px;}
.about .home_posts{margin-top: 80px;}
.about .home_posts #hposts a::before{
border-radius: 10px;
left: 2px;
top: 2px;
right: 2px;
bottom: 2px;
}
.about .home_posts > h2{top: 10px;}
.about .home_posts #hposts a{font-size: 16px;}
.plates > div:nth-child(2n){margin-right: 7px;}
.plates > div:nth-child(3n){margin-right: 0;}
.about_2 > p{
position: absolute;
margin: 0 0 -6px 0;
left: 24px;
bottom: 50px;
}
.about_2 h2, .about_2 > p{width: 424px;}
.plates{width: 414px;}
.about_2{padding: 50px 24px;}
.about .type_info > div > *{vertical-align: top;}
.about .type_info > div > img{width: 70px;}
.about .type_info > div h4{
font-size: 14px;
margin-bottom: 10px;
}
.about .type_info > div span{font-size: 12px;}
.about .type_info > div > div{
width: 127px;
padding-left: 16px;
}
.about_1 > div:nth-child(1), .about_2 h2, .about_2 > p{padding-right: 22px;}
.about_1 > div:nth-child(2){padding-left: 3px;}
.about_1 > *{
width: 445px;
display: inline-block;
vertical-align: top;
}
div.status::before{top: 8px;}
.product #hposts ~ div.hpost1, .product #hposts ~ div.hpost2, .product #hposts ~ div.hpost3{
padding: 30px 30px 80px;
}
.product #hposts ~ div.hpost1{padding-top: 90px;}
.mimgs img{
width: 142px;
height: 142px;
}
#map{height: 530px;}
.contact .type_pay{display:flex; flex-wrap: wrap; justify-content: space-between;}
/*.type_pay .block_marker:first-of-type{margin-right: 7px;}*/
/*.type_pay .block_marker{width: 441px;}*/
.type_pay .block_marker{width:32%;}
.product_info h2.price + span{
width: 105px;
font-size: 16px;
}
.product .wrapper.products_row .arrow_slider{margin-top: -28px;}
#fixed_product_name .wrapper{padding: 0 15px;}
#fixed_product_name .buttons, #fixed_product_name .buttons a:last-of-type{margin: 0;}
#fixed_product_name .wrapper > img{
width: 60px;
height: 60px;
margin-right: 16px;
}
#fixed_product_name .wrapper > *{
display: inline-block;
vertical-align: middle;
float: unset;
}
#fixed_product_name .price{
width: 246px;
margin: 0;
padding-right: 15px;
}
.types > img{
width: 38px;
right: 0;
height: 38px;
top: -86px;
}
.sliders .btn{
margin: 0;
width: 285px;
padding: 15px 32px;
border-radius: 12px;
}
.block_marker {padding-bottom: 78px;}
.prod_calc .type_pay > a > *{
display: inline-block;
vertical-align: top;
}
.title_pay{width: 100%;}
.type_pay > * div:not(.title_pay) p{
font-size: 22px;
margin-top: 8px;
}
.prod_calc .type_pay > a > p, .prod_calc .type_pay > a > span{width: 200px;}
.type_pay > * > div:not(.title_pay):not(.lib){width: 215px;}
.type_pay > * > div:not(.title_pay):not(.lib):last-child{width: 80px;}
.type_pay > * > .lib {
font-size: 16px;
height: 78px;
}
.prod_calc .types .type_pay{
width: 568px;
max-height: 403px;
}
.prod_calc .sliders{width: 300px;}
.prod_calc .slider{width: 229px;}
.procent{
bottom: 39px;
}
.prod_calc .slider .info, .procent{font-size: 18px;}
.type_info > div{
margin-right: 7px;
display: inline-block;
width: 217px;
vertical-align: top;
}
.type_info > div:last-child{margin-right: 0;}
.type_info h4{margin: 0 0 16px 0;}
.qu:after{right: 3px;}
.qu{
width: 20px;
height: 20px;
}
.qu + span, .copy_l > div{
bottom: 53px;
padding: 16px;
font-size: 12px;
max-width: 200px;
}
.mods tr{line-height: 37px;}
body.product .links{padding: 12px 0 0;}
body.product .links a.btn{padding-right: 14px;}
body.product .links a.btn span{
width: 23px;
height: 23px;
top: -1px;
margin-right: 2px;
}
#video a.btn{padding: 22px 18px;}
.btn span{
width: 20px;
height: 20px;
}
.product .status{font-size: 12px;}
.product_info, .prod_imgs{
display: inline-block;
width: 50%;
vertical-align: top;
}
.product .wrapper .arrow_slider{margin-top: -24px;}
.product .arrow_slider div:first-child{right: 20px;}
.product .arrow_slider div:last-child{left: 20px;}
.product #hposts a:first-of-type, .about #hposts a:first-of-type{
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.product #hposts a:last-of-type, .about #hposts a:last-of-type{
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.prod_imgs .dots{bottom: 84px;}
.product #hposts{
bottom: 16px;
margin-left: 0;
padding: 0;
}
.prod_imgs{
width: 420px;
height: 510px;
background:#f7f7f7;
border-radius: 16px;
margin-right: 25px;
margin-left: 0;
}
.mfp-img{
background:#fff;
}
.product_info{width: 443px;}
.product .whitebg .wrapper_100{padding-top: 120px;}
.stocks.post_dop{margin-bottom: 70px;}
.wrapper .stocks.post_dop .arrow_slider div:last-child, .stocks.stages .arrow_slider div:last-child{left: -52px;}
.wrapper .stocks.post_dop .arrow_slider div:first-child, .stocks.stages .arrow_slider div:first-child{right: -52px;}
.product .wrapper.stocks .arrow_slider div:last-child, .wrapper.products_row .arrow_slider div:last-child{left: -37px;}
.product .wrapper.stocks .arrow_slider div:first-child, .wrapper.products_row .arrow_slider div:first-child{right: -37px;}
.wrapper .stocks.post_dop .arrow_slider{margin-top: 17px;}
.post_stock > img, .post .content .post_stock .description{
display: inline-block;
vertical-align: top;
width: 50%;
}
.post_stock > img{width: 395px;}
.post_stock > img, .post_content, .prod_calc .sliders{margin-right: 22px;}
.stocks .post_preview{
width: 292px;
height: 292px;
}
a.page_link::after{top: 2px;}
.post_dop{top: 47px;}
.post_content .dt, .post .content > .wrapper > .dt{margin: 25px 0 16px 0;}
.post .post_dop .dt{
top: 8px;
left: 115px;
}
.post .post_dop h2 ~ a p{
font-size: 14px;
padding: 46px 0 10px 115px;
height: 107px;
}
.post .post_dop h2 ~ a img{
width: 107px;
height: 107px;
}
.post_content, .post_dop{float: left;}
.post_content{
width: 601px;
}
.post_dop{width: 267px;}
.dt{padding: 10px 8px;}
.news .post_preview .title{
height: 64px;
margin-bottom: 26px;
}
.news .post_preview, .stocks .post_preview{
width: 292px;
margin-right: 7px;
}
.news .post_preview .image{height: 157px;}
.news .post_preview:nth-of-type(3n), body.stocks .post_preview:nth-of-type(3n){margin-right: 0px;}
body.home .stocks.m1, body.home .space, body.home #products{
padding-top: 120px;
margin-top: 0;
}
#video .video_c .grey.btn{width: auto;}
#video .video_c{
left: 50%;
padding: 25px;
top: 50%;
bottom: unset;
width: 700px;
min-height: 500px;
margin-top: -300px;
margin-left: -350px;
}
#video .phone{
margin-left: 19px;
/* margin-right: 27px; */
}
a.close_form{
right: 15px;
top: 25px;
}
.product_preview .btn{width: 242px;}
.slider .circle::before{border-radius: 12px;}
.filters_checkbox.price_attr li.active::after, a.choose_f::before, a.choose_f > span{
width: 22px;
height: 22px;
top: 14px;
}
.mods tr td{font-size: 16px;}
.slider .info input, .navbar-collapse .row .dropdown_menu a, .filters_checkbox .title, .slider .title, .sp_h span, .filters_checkbox li a, .filters_checkbox.price_attr a, .filters_checkbox.price_attr li, .main_block_info p, .order_text_info, .order_text_link, .home .block_material_description, form input[type="text"], form textarea,
.news .post_preview .title, .block_marker > p, .type_info h4, .tags p{font-size: 18px;}
.slider .back, a.choose_f{height: 50px;}
.slider .back, .filters_checkbox li, .price_attr > a, .price_attr ul{border-width: 1px;}
.home .slider, .slider{width: 110px;}
.slider .info, .download a, .product_cart > div a, .privacy-police{font-size: 15px;}
.slider .right, .slider .left_f{top: 50px;}
a.choose_f::before, .home .keyprops div > div > div span, .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-left: 0;}
a.choose_f > span, .category .product_preview:nth-child(3n), .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-right: 0;}
a.choose_f > span, .contact_form h3{line-height: 22px;}
.product_preview .btn, a.choose_f, .modifications .head td > span, .team .row > div > div .info .city, .on, form .i_file, a.page_link, body.product .links a.btn, .polinfo{font-size: 12px;}
.product_preview .info > div > div > div, .tags div, .modifications td .addcart, .mets > span, .materials .wrapper > ul a span.num,
.dt{font-size: 11px;}
p.prod_name, a.phone, .flist span, .filter_btn:before, .order_circle_text, .product_info > div span.price > span, #fixed_product_name > div span.price > span, a.phone, #video .phone, .type_pay > * p{font-size: 20px;}
.gos_support > div > div p, .contact h2, .wrapper > span.title, .clients_n_examples h2, .clients .wrapper h3{font-size: 22px;}
.fcontact, .sp_text div{float: right;}
.sp_text div, .gos_support > div > div > span, .gos_support > div, .navbar-nav, .nav li a span, .navbar-collapse .row .navbar-nav > li a, .sp_text p:first-of-type, #fixed_product_name .buttons .price{position: relative;}
.gen_plan > p, .gos_support > div > div p, .gos_support > div > div img, .gos_support > div > div > span, /* body product content */
.product .content .left, .product .content .bg{width: 50%;}
.gos_support > div > div > span, .home_blocks div.hbl5 p, .home_blocks div.hbl5 span{text-align: right;}
.gos_support > div > div > span, .left .arrow_slider div:first-child{top: unset;}
.gen_plan table tr td:first-child, .sp_text div .video{width: 300px;}
.gen_plan img, .gos_support > p{width: 450px;}
.gen_plan img, .dropdown_menu, .navbar-collapse .row .navbar-nav > li > a:before, .download .file:before{position: absolute;}
.gen_plan img, .wrapper.home_posts .arrow_slider, .left > .arrow_slider, .news_preview > .wrapper > a, .modifications td:last-child{right: 15px;}
.dropdown_menu, .home_posts .uslider, .home .wrapper.wrapper_100, .order_item{padding: 0;}
.dropdown_menu, .gos_support > img, .product .content .left img{height: auto;}
.navbar-collapse .row .navbar-nav > li > a:before, .arrow_slider, .dropdown_menu li.nav_collec, .dropdown_menu > .wrapper{width: 100%;}
.navbar-collapse .row .navbar-nav > li > a:before, .arrow_slider, .space > div > div span, a.btn, .empty-desktop, .product .content .bg, .product .left .dots a, .product td:first-child:before{display: block;}
.navbar-collapse .row .navbar-nav > li > a:before, .left > .arrow_slider, .nav li a span, .navbar-collapse .row .dropdown_menu a, .nav li.has_subnav .dropdown_menu, #shadow{transition: .3s;}
.navbar-collapse .row .navbar-nav > li > a:before, .mets .mets-icon{height: 44px;}
.team .row > div > div:hover .bg div{bottom: 30px;}
.home_posts .uslider, .space > div > div span, .space > div > div, .navbar-collapse.collapse{width: auto;}
.modifications td:first-child, .home .keyprops div > div > div span{left: 15px;}
.left > .arrow_slider, .main_block_info p:first-of-type{margin-top: 0;}
.left > .arrow_slider{height: 100%;}
.left > .arrow_slider{left: 50%;}
.home .how_go img, .flist ul, form .i_file, .materials_nav, .carthead{margin-bottom: 20px;}
.how_go > div, .home_blocks div.hbl1, .home_blocks div.hbl4, .gos_support > div > div > *, .space p, div.fcontact a.footer-social-icon{display: inline-block;}
.how_go > div, .home_blocks div.hbl4, .gos_support > div > div > *{vertical-align: top;}
.home_blocks div.hbl1, .gos_support > div{width: 60%;}
div.fcontact a.footer-social-icon/*, .gos_support > div > div:last-of-type > * */{vertical-align: middle;}
.arrow_slider, .sp_text, .fp_text, .left .dots{top: 50%;}
.arrow_slider{bottom: unset;}
.sp_text, .home_posts .uslider > div p, .examples .ename, body, .category_items.uslider > *, .team .row > div > div .info, .material_btn, .ph, .content .description{font-size: 16px;}
a.btn, .header.fixed .phone{padding: 22px 8px;}
a.btn, .header.fixed .phone, .product_preview .info, .breadcrumb{font-size: 14px;}
a.btn, .header.fixed .phone, .modifications .head td > span, a.close_form::before{line-height: 16px;}
.home_posts .uslider > div:last-child, .navbar > .headerbg, #hamburger{display: none;}
.examples .ename, .ename::after{height: 32px;}
body, html{min-width: 1000px;}
.space > div > div, .sp_text p:first-of-type, .home h1, .material_btn{margin: 0;}
.home_blocks div.hbl5 p, .home_blocks div.hbl5 span{padding: 0 0 0 200px;}
.home_blocks div.hbl2 p, .home_blocks div.hbl2 span{padding-left: 230px;}
.home_blocks div p, .home_blocks div span{padding-right: 70px;}
.home_blocks div.hbl4 p{padding-right: 50px;}
.nav li a span, .news_preview .product_preview .date-preview-news, /* Header */
.navbar-collapse .row a, #order_button, #follow_button, #contact_button, .product_info > div span.price > span > .special, /* Header */
.navbar-collapse .row a{font-size: 13px;}
.nav li a span{color: #fff;}
.nav li a span, .remove_product:after{line-height: 20px;}
.left .arrow_slider div:first-child, .left .arrow_slider div:last-child{left: 0;}
.home h1, .product .head td > span{white-space: normal;}
.navbar-collapse .row .dropdown_menu a, .header.fixed .phone{color: #000;}
.filters_checkbox .title, .slider .title{padding-bottom: 18px;}
.home .stocks.m1, .space{margin-top: 70px;}
#m_arrow.m_arrow, .nav li.has_subnav:hover .dropdown_menu{visibility: visible;}
#m_arrow.m_arrow, .nav li.has_subnav:hover .dropdown_menu, .team .row > div > div:hover .bg, .navbar a:hover, .navbar-collapse .row .navbar-nav > li:hover > a > span{opacity: 1;}
.header.fixed .phone, .navbar-collapse .row .navbar-nav > li:hover > a:before, .left .dots{background-color: #fff;}
a.phone, .examples > div{margin-right: 20px;}
#order_button, #follow_button, #contact_button{width: 200px;}
#order_button, #follow_button{padding: 13px 20px;}
#order_button, #follow_button, #contact_button{border-radius: 23px;}
.nav li.has_subnav:hover a span::after, .navbar-collapse .row .navbar-nav > li:last-of-type:hover span::before{filter: none;}
.navbar-collapse .row li:hover a span, .navbar-collapse .row .dropdown_menu a:hover, .navbar-collapse li.toggle_menu span,.dropdown_menu li > a:hover,.nav li:not(.has_subnav):hover a span{color: #FF0E3A;}
.fp_text p, .sp_h{font-size: 50px;}
.fcontact a, .main_block_info p:first-of-type, .order_text_title{font-size: 24px;}
.fcontact span + a, .fcontact span + a + a {font-size: 32px;}
.fcontact span + a {
letter-spacing: 1px;
margin-bottom: 6px;
}
.home .how_go h1, .block_material_info{font-size: 36px;}
.sp_text div a.video_l::before, .download .file:before{top: -5px;}
.news_preview .product_preview > a .info .title, .clients .row > div > div{height: 75px;}
.news_preview .product_preview, .products .product_preview{width: 295px;}
.navbar-nav > li, .material_btn, .header{height: 60px;}
.fixed .navbar-collapse .row .navbar-nav > li:last-of-type > a:before, .mets .video_icon{width: 44px;}
.calc > a, h1, h3, h2, .product h1, #fixed_product_name p{font-size: 30px;}
/* Header filters button */
.filter_btn span, .filter_btn:after{display: inline;}
/* Body */
.wrapper, .wrapchilds > *, .wrapchilds_filters > *{width: 920px;}
.wrapchilds > *, .wrapchilds_filters > *, .wrapper, .projectsl_wrapper{padding: 0 15px;}
.clients .row > div > div, .home .keyprops .row > div > div, .team .row > div > div{width: 33.3%;}
.products .category_items.uslider, .news_preview .uslider{width: calc(295px * 3);}
.bar-form-collapse.collapse, .bar-form-collapse.collapsing{right: -472px;}
.examples > div:hover > div:not(.nohover), .examples > div:hover > div:not(.nohover) + a{width: 582px;}
/* body product content */
.product .content .left, .product .content .bg{
height: 776px;
min-height: 546px;
}
/* body product content */
.product .content .left, .product .content .bg, /* home page */
.home .keyprops > div > div > div{text-align: left;}
.product .content .bg{right: 0;}
.left .dots, .modifications td:last-child{left: auto;}
.post h1{white-space: unset;}
/* product modifications */
.modifications .scroll, body.compare.product .modifications .scroll{margin: 0 82px 0 180px;}
.modifications td, .modifications td:first-child, .modifications td:last-child{height: 47px;}
.modifications td .addcart, .mets > span{border-radius: 15px;}
.modifications td:first-child, .modifications td:last-child{width: 82px;}
.modifications td > span, .modifications td:first-child > span, h1{white-space: nowrap;}
.content{padding-top: 120px;}
.compare.product .wrapper.modifications{padding-top: 0;}
.main_block_info p:first-of-type{padding-top: 10px;}
.main_block_info p, .privacy-police{margin-top: 20px;}
.privacy-police {margin-bottom: 9px;}
.product .products, .post .products{padding: 50px 0 10px 0;}
.clients_n_examples h2, .clients .wrapper h3, .home .individual_order h2{padding-bottom: 26px;}
.clients_n_examples, .home .clients, .individual_order{padding: 50px 0 65px 0;}
.examples.uslider + .dots, .clients .uslider + .dots{
margin-bottom: -20px;
padding-top: 20px;
}
.product_info > div span.price > span, .product_info .ae_h a > div{margin-left: 5px;}
form input[type="text"], form textarea{margin-top: 15px;}
h1, h3, .post .content .date{padding-bottom: 38px;}
.navbar-header, .navbar-nav>li, .lower{float: left;}
.lower{width: 100%;}
.offerta{
line-height: 19px;
width: 555px;
margin-bottom: -24px;
}
.contact_form, .contact_form > .description{padding-top: 55px;}
.materials .clients, .projects .clients, .product .wrapper.modifications{padding-bottom: 65px;}
a.close_form::before, #link_compare svg{width: 18px;}
.modifications .head td:first-child, .modifications .head td, .modifications .head td:last-child{height: 55px;}
#fixed_product_name p, #fixed_product_name .buttons .price{line-height: 36px;}
.news_preview .product_preview > a .image, .news_preview .product_preview > a, .news_preview .product_preview > a .info{height: 107px;}
#filter-form .slider{width: 366px;}
#filters-selected{min-height: 40px;}
.calc .filters_checkbox:not(.price_attr){
max-width: 100%;
margin-right: 15px;
}
.home .calc .filters_checkbox:not(.price_attr){max-width: 169px;}
.slider .info{bottom: 39px;}
a.choose_f::before{left: 16px;}
a.choose_f > span{
right: 16px;
font-size: inherit;
}
a.choose_f{
top: 0;
width: 150px;
}
.filters_checkbox.price_attr{
width: 423px;
margin-bottom: 31px;
}
.choose_f{width: 100px;}
.category .calc{max-width: 775px;}
.product_preview .info > div > div{
margin-top: 16px;
max-height: 76px;
}
.product_preview .button, .prod_imgs .button{
width: 30px;
height: 30px;
}
.product_preview{
width: 292px;
margin-right: 7px;
}
.fcontact{
width: 295px;
margin-bottom: 0;
margin-top: 8px;
}
.sp_text div{margin-top: -235px;}
.gen_plan > p{padding-right: 30px;}
.gos_support > div > div img{padding-left: 85px;}
.gos_support > div > div > span{
right: unset;
color: #646464;
padding: 0 0 0 25px;
}
.sp_text div .video{
height: 150px;
background-position-y: 95%;
}
.gen_plan img{
top: 85px;
border-radius: 25px;
margin-left: -15px;
}
.dropdown_menu{
top: 65px;
left: -25px;
width: 575px;
background: white;
border-radius: 24px;
}
.navbar-collapse .row .navbar-nav > li > a:before{
content: "";
background-color: #ffffff00;
top: 8px;
left: -6px;
border-radius: 44px;
}
.wrapper.home_posts .arrow_slider{margin-top: -41px;}
.wrapper .arrow_slider{margin-top: -56px;}
.left > .arrow_slider{
top: 0;
width: unset;
margin-left: -12px;
}
.news_preview > .wrapper > a{top: -9px;}
.how_go > div{
width: 33%;
padding-right: 20px;
}
.home_blocks div:not(.hbl1){height: 320px;}
.home_blocks div.hbl1{padding-right: 7px;}
.home_blocks div.hbl4{
width: 40%;
height: 647px;
}
.home_blocks div.hbl5{height: 430px;}
.space p{
width: 356px;
padding-right: 0;
}
div.fcontact a.footer-social-icon{margin: 0 15px 20px 0;}
.arrow_slider{margin-top: -23px;}
.dropdown_menu li.nav_collec{margin-top: 10px;}
.dropdown_menu > .wrapper{padding: 20px 25px;}
.fp_text{margin-top: -240px;}
.space > div > div span{font-size: 48px;}
.home_posts .uslider > div:last-child{width: 0;}
.examples .ename{
bottom: -32px;
line-height: 32px;
padding: 0 17px 0px;
}
.space > div > div{padding: 0 0 0 30px;}
.gos_support > div{left: 40%;}
.navbar-nav{margin-left: 21px;}
.sp_text p:first-of-type{font-size: 34px;}
.left .arrow_slider div:first-child{
transform: rotate(90deg);
position: absolute !important;
bottom: 57px;
}
.gos_support > img{
width: 490px;
right: -87px;
top: -104px;
}
.home h1{
padding-bottom: 30px;
width: 70%;
font-size: 60px;
}
.home .calc{
padding: 25px 25px 11px 25px;
border-radius: 24px 24px 60px 24px;
}
.header.fixed .phone{
border-radius: 16px;
margin-right: 6px;
}
.left .arrow_slider div:last-child{
transform: rotate(-90deg);
top: 106px;
right: -4px;
}
.news_preview .product_preview .date-preview-news{
bottom: -7px;
left: 11px;
}
.breadcrumb{
padding: 0 0 8px 0;
margin-bottom: 22px;
}
#contact_button{padding: 10px 17px;}
.fp_text p{width: 590px;}
.sp_h{width: 190px;}
.how_go, .wrapper.gen_plan, body.home .stocks.stages {margin-top: 67px;}
.wrapper.gen_plan{padding-bottom: 0;}
.how_go{margin-top: 95px;}
.arrow_slider div:last-child{left: -22px;}
.arrow_slider div:first-child{
width: 48px;
right: -52px;
}
.home_posts .uslider > div{
height: 265px;
width: 217.25px;
}
.home_blocks div.hbl5{
background-size: 145%;
background-position-y: 36%;
}
div.hbl5 p{margin-top: 288px;}
.home_blocks{
font-size: 0;
margin-top: 70px;
}
.gos_support > div > div:last-of-type{margin: 40px 0 0 0;}
.gos_support{margin-top: 160px;}
.post .stocks{margin-top: 25px;}
.tsp .calc .m_arrow{
bottom: 36px;
right: 36px;
}
.sp_text div a.video_l{padding-left: 40px;}
.header.fixed .navbar-collapse .row{padding: 0 4px 0 128px;}
.navbar-nav > li:last-of-type span::before{
margin-top: -6px;
left: -3px;
}
.news_preview .product_preview > a .info .title{line-height: 19px;}
.projects .wrapper.wrapper_100.issetmap{padding-top: 500px;}
.news_preview .product_preview{height: 128px;}
.slider .circle{
left: -20px;
top: 22px;
/*! padding: 10px; */
}
.slider .circle:before{
width: 20px;
height: 10px;
}
.nav li:hover a span{color: #FF0E3A;}
.navbar-nav > li > a{line-height: 58px;}
.navbar-nav > li{position: static;}
.fp_text img{width: 600px;}
.sp_text p:last-of-type{width: 550px;}
.footer{
margin: 0 20px 20px 20px;
border-radius: 24px 60px 24px 24px;
padding: 30px 33px;
}
.flist > div{margin-right: 25px;}
.denero {
margin: 13px 162px 5px 0;
float: right;
}
.footer .m_arrow{
right: 30px;
top: 30px;
}
.filter_btn:before{padding-right: 10px;}
.filter_btn:after{padding-left: 8px;}
/* body category content */
.collapse.in + .close-form{right: 472px;}
.bar-form-collapse{
width: 472px;
padding: 25px;
}
.examples{height: 314px;}
.examples > div{
width: 282px;
height: 282px;
}
.examples > div:hover{margin-right: 322px;}
.examples > div:not(.nohover).elast{margin-left: -302px;}
.product_preview .image{
/*height: 292px;
line-height: 292px;*/
height: 332px;
line-height: 332px;
}
.product .content .bg{background: #fff;}
.product .content .left img{max-height: 100%;}
.left .dots{
bottom: auto;
right: -12px;
transform: translateY(-50%);
padding: 4px 3px;
border-radius: 20px;
margin-top: 30px;
}
.modifications td{
padding: 15px 23px 0 0;
max-width: 145px;
}
.modifications td .addcart{
line-height: 17px;
padding: 7px 10px 5px;
}
div.modifications td:first-child{width: 180px;}
.modifications .head td > span{max-height: 47px;}
.modifications td:last-child{padding-top: 8px;}
/* Наша команда */
.team .row > div > div .bg{
background: rgba(64, 64, 68, 0.9);
opacity: 0;
}
.team .row > div > div .bg div{bottom: 0;}
.team .row > div > div .bg a:hover{
background: none;
border-color: #fff;
}
.team .row > div > div .image{height: 310px;}
.material_btn{padding: 19px 60px 21px;}
.ph{top: 15px;}
.header{
top: 10px;
padding: 0 20px;
}
.order_text_title{
margin: 0 0 6px 0;
padding: 7px 0 0 0;
}
.wrapper > span.title{padding-bottom: 20px;}
a.page_link{top: 12px;}
.wrapper > a.page_link{right: 15px;}
.mets{padding: 25px 0 0 25px;}
.mets .mets-icon{margin-bottom: 12px;}
.mets > span{padding: 6px 30px 4px;}
.materials .wrapper > ul a span.num{
top: -4px;
padding: 5px;
}
.download a{
padding-left: 23px;
padding-bottom: 13px;
}
.products .wrapper .arrow_slider{margin-top: -138px;}
.examples .dots{margin: 17px 17px 0 0;}
.clients_n_examples .wrapper .arrow_slider{margin-top: -4px;}
.news_preview .wrapper .arrow_slider{margin-top: -32px;}
.order_item{max-width: 1160px;}
.order_circle{
width: 46px;
height: 46px;
}
.order_circle_text{line-height: 46px;}
.product_info > div span.price > span{color: #333;}
.home .block_material_description{
margin-top: 28px;
margin-bottom: 40px;
}
p{margin: 0 0 10px;}
.home .block_materials{padding: 50px 0 115px 0;}
.clients .row > div.uslider{width: 890px;}
.materials .wrapper > ul a{padding: 5px 0;}
.denero_logo:after{
font-size: 8px;
right: -20px;
}
.denero_logo img {
width: 104px;
margin-top: -4px;
}
h1{margin-top: -15px;}
.product_types > .wrapchilds{padding: 0 0 10px 0;}
.product_types li{
margin: 0 20px 15px 0;
line-height: 13px;
}
.attention{
padding: 6px 18px;
margin-bottom: 10px;
}
.materials .product_preview{padding: 15px 0 15px 30px;}
.materials .category_items{margin-left: -30px;}
.contact_form.wrapper{padding-left: 235px;}
.projectsl_wrapper{margin: 0 -15px;}
.project_slider > div{margin: 15px 0;}
.product_info .ae_h a > div span{font-size: 10px;}
.ae_h{padding: 17px 0 18px 0;}
.product_info .ae_h a > div{padding: 0 52px 0 162px;}
.product_info .ae_h a > div:before{left: 133px;}
.product_info .scroll > div{margin: 20px 0;}
.file:before{font-size: 21px;}
a.close_form::before{height: 18px;}
#product_scroll{
margin-top: 12px;
min-height: 60px;
}
.product_cart{
margin: 10px 0;
height: 70px;
}
.product_cart .img-cart{
margin-right: 30px;
width: 70px;
}
.product_cart_info{
left: 90px;
width: 267px;
}
.remove_product:after{font-size: 17px;}
#link_compare svg{height: 8px;}
form legend{font-size: 25px;}
.contact_form h3{
padding: 17px 0;
font-size: 23px;
}
.contact_form{padding-bottom: 55px;}
.navbar-collapse.collapse{
display: block!important;
height: auto!important;
padding-bottom: 0;
overflow: visible!important;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-brand{padding: 8px 0 0 12px;}
.navbar-brand > svg{
width: 125px;
height: 43px;
}
.product .content > .modifications{
padding-top: 116px;
margin-top: -61px;
}
.nav li:hover a span::after{transform: rotate(180deg);}
#fixed_product_name p{width: 369px;}
.navbar-collapse .row a{padding-left: 4px;}
#fixed_product_name div span.price > span > .special{top: -14px;}
.news_preview .product_preview > a .image{width: 107px;}
.news_preview .product_preview > a .info{
padding: 1px 11px;
left: 107px;
width: 188px;
}
.chbox {padding-left: 30px;}
.chbox div {
width: 20px;
height: 20px;
margin-right: 10px;
margin-left: -30px;
}
.chbox span {
font-size: 15px;
line-height: 22px;
}
.flist {
margin-top: 24px;
margin-left: -5px;
}
.flist .footerdoplink {margin-right: 113px;}
.polinfo a {
display: inline-block;
white-space: nowrap;
margin-right: 9px;
}
#sorts p, #sorts ul li {
padding-left: 28px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 12px;
}
#sorts ul li {padding-top: 14px;}
#sorts p::before, #sorts ul li::before {
width: 26px;
left: -4px;
}
#sorts p::after {
width: 13px;
right: -18px;
}
.select ul {
padding: 48px 16px 0 16px;
margin: 0 0 0 -16px;
}
.slider .back, a.choose_f {height: 48px;}
a.choose_f {z-index: 1;}
a.choose_f::before {
left: 9px;
width: 31px;
height: 26px;
top: 11px;
}
.calc .filters_checkbox .title,.calc .slider .title {
font-size: 16px;
padding-bottom: 9px;
}
.calc .filters_checkbox {margin-left: -4px;}
.calc .filters_checkbox .title {margin-left: 4px;}
.calc .filters_checkbox li {
border-radius: 12px;
width: 48px;
height: 48px;
margin-left: 4px;
}
.calc .filters_checkbox li:hover {
border-color: #FF0E3A;
background: none;
}
.calc .filters_checkbox li:hover a {color: #FF0E3A;}
.calc .filters_checkbox li.active, .calc .filters_checkbox li.active:hover {
border-color: #FF0E3A;
background-color: #FF0E3A;
}
.calc .filters_checkbox li.active:hover a {color: #fff;}
.calc .slider .right, .calc .slider .left_f {top: 63px;}
.calc .slider .sub-axis.left_f,.calc .slider .sub-axis.right{
top: unset;
bottom: 0;
}
.button-filters {padding-bottom: 9px;}
.calc .slider .main-axis {bottom: 0;}
.calc > div > div.slider {
margin-bottom: 5px;
padding-bottom: 0;
}
.calc .filters_checkbox {margin-bottom: 0;}
.calc .slider .info {bottom: 14px;}
#filters-selected {min-height: 0;}
#filters-selected div {margin-top: 10px;}
.category_items {padding-bottom: 80px;}
.pagination {margin-top: 23px;}
.category_items .more {
font-size: 12px;
padding: 15px 20px;
}
.pagination>li>a, .pagination>li>span {
width: 48px;
height: 48px;
line-heighT: 46px;
}
.pagination img {margin: 15px;}
.morewrap {margin-bottom: -73px;}
.buttons a.btn{margin-top: 21px;}
}
@media (min-width: 1401px) {
.prod_imgs .hpost1 .compass{
top: 11px;
left: 11px;
}
body.product .prod_imgs .button{
top: 32px;
right: 32px;
}
.compare .buttons{
margin-bottom: -17px;
padding-bottom: 17px;
}
.mods tr{line-height: 46px;}
.mods tr td{font-size: 18px;}
#fixed_product_name p{
font-size: 32px;
width: 756px;
}
#fixed_product_name .buttons{width: 198px;}
.product .product_info h2.price{width: 255px;}
.special {
font-size: 17px;
top: 8px;
}
.type_pay > *::after{
top: 23px;
right: 21px;
width: 13px;
height: 13px;
}
.home .stocks.stages .arrow_slider{margin-top: 32px;}
.wrapper.stocks.stages > .btn{
right: 160px;
top: 12px;
}
.navbar-collapse .row .navbar-nav > li.compare_link > a{width: 155px;}
.fixed .navbar-nav > li:last-of-type span::before{left: -3px;}
.compare #fixed_product_name > .uslider{
width: 1237px;
padding: 17px 0;
}
.compare .product_preview, .compare .product_preview .btn{width: 263px;}
body.compare .wrapper .arrow_slider, body.compare.price_fix .wrapper .arrow_slider, body.compare.arrow_fix .wrapper .arrow_slider, .compare .sld_wp > .product_preview{width: 1237px;}
.about .wrapper.home_posts .arrow_slider{margin-top: -5px;}
.about .home_posts > h2{top: 4px;}
.about_2{padding: 50px;}
.plates > div > h4{font-size: 32px;}
.about_2 > p{left: 50px;}
.plates > div{
width: 191px;
height: 191px;
}
.about_2 h2, .about_2 > p{width: 596px;}
.plates{width: 589px;}
.about .type_info > div span{font-size: 14px;}
.about .type_info > div h4{font-size: 16px;}
.about .type_info > div > img{width: 80px;}
.about .type_info > div > div{width: 196px;}
.about .type_info > div{
height: 100px;
}
.about_1 > div:nth-child(1), .about_2 h2, .about_2 > p{padding-right: 40px;}
.about_1 > *{width: 642px;}
.about_1 > div:nth-child(2){padding-left: 4px;}
#hposts ~ div.plans{padding-bottom: 88px;}
.sliders .btn{width: 399px;}
/*.type_pay .block_marker{width: 639px;}*/
.type_pay .block_marker{width: 32%;}
.product_info h2.price{width: 290px;}
.product_info h2.price + span{
width: 161px;
font-size: 22px;
}
.wrapper .stocks.post_dop .arrow_slider div:last-child, .stocks.stages .arrow_slider div:last-child{left: -59px;}
.wrapper .stocks.post_dop .arrow_slider div:first-child, .stocks.stages .arrow_slider div:first-child{right: -59px;}
.product .wrapper.stocks .arrow_slider div:last-child, .wrapper.products_row .arrow_slider div:last-child{left: -44px;}
.product .wrapper.stocks .arrow_slider div:first-child, .wrapper.products_row .arrow_slider div:first-child{right: -44px;}
#fixed_product_name .price{
font-size: 36px;
width: 255px;
}
.type_pay > * div:not(.title_pay) p{
font-size: 28px;
margin-top: 10px;
}
.title_pay{width: 270px;}
.type_pay > * > div:not(.title_pay):not(.lib){
padding: 4px 0 0 0;
width: 200px;
}
.prod_calc .types .type_pay{
width: 835px;
max-height: 408px;
}
.prod_calc .sliders{width: 400px;}
.prod_calc .slider{width: 343px;}
body.product .links a.btn{padding-right: 25px;}
body.product .links a.btn span{
width: 26px;
height: 26px;
top: 1px;
}
#video a.btn{padding: 22px 32px;}
.product .status span{top: 9px;}
.product .wrapper .arrow_slider{margin-top: -24px;}
.prod_imgs .dots{bottom: 100px;}
.product #hposts{
bottom: 20px;
padding: 0 19px;
}
.prod_imgs{
width: 780px;
height: 700px;
}
.product_info{width: 455px;}
.post_stock > img{width: 592px;}
.post_stock > img, .post_content, .prod_imgs, .prod_calc .sliders{margin-right: 50px;}
a.page_link{top: 18px;}
.home .stocks.stages a.page_link{top: 29px;}
.post_content{
width: 926px;
}
.post_dop{width: 308px;}
.news .post_preview .title{height: 69px;}
.news .post_preview{width: 423px;}
.news .post_preview .image{height: 230px;}
body.home .stocks.m1, body.home .space, body.home #products{
padding-top: 143px;
margin-top: 0;
}
a.phone, #video .phone{font-size: 24px;}
#video .phone{
/* margin-left: 25px; */
/* margin-right: 32px; */
}
.navbar-collapse .row .navbar-nav > li > a:before{left: -5px;}
#video .video_c{
width: 860px;
min-height: 690px;
margin-top: -345px;
margin-left: -430px;
}
.product_preview .btn{width: 266px;}
.slider .circle{padding: 4px;}
a.choose_f, .choose_f{width: 159px;}
a.choose_f, .footer .m_arrow{top: 40px;}
.home .slider, .slider{width: 164px;}
.slider.price_sld{width: 245px;}
.slider .right, .slider .left_f{top: 55px;}
.filters_checkbox .title, .slider .title, .sp_h span{font-size: 22px;}
.gos_support > div > div > span, body .news_preview .product_preview > a .info .date-preview-news, a.page_link{font-size: 14px;}
.flist ul{margin-bottom: 25px;}
.fcontact span + a, .fcontact a, .gos_support > div > div p, .contact h2, .product h1{font-size: 32px;}
.gen_plan img, .gos_support > img{width: 600px;}
.gen_plan > p, .gen_plan table, .gos_support > p, .space p, .sp_text, .news .post_preview .title, .block_marker > p, .type_info h4{font-size: 20px;}
.home .how_go h1, .home_blocks div p, .category h1, .post h1, .news h1, .contact h1, .about h1, .stocks h1, .compare h1{font-size: 54px;}
.home_blocks div.hbl5 p, .home_blocks div.hbl5 span{padding: 0 0 0 580px;}
.home_blocks div.hbl2 p, .home_blocks div.hbl2 span{padding-left: 400px;}
.home_blocks div:not(.hbl1){padding: 30px 38px;}
.stocks .post_preview p, .post_preview .short{padding: 24px;}
.home_blocks div:not(.hbl1){height: 360px;}
.home_blocks div.hbl4{height: 727px;}
.home_blocks div.hbl5{height: 560px;}
.home h1, .sp_h{font-size: 80px;}
.home .stocks.m1, .space{margin-top: 143px;}
.header.fixed .phone, a.btn{
padding: 22px 32px;
font-size: 16px;
}
.news_preview .product_preview > a, .news_preview .product_preview > a .image, .news_preview .product_preview > a .info, body .news_preview .product_preview .image{height: 128px;}
.home .keyprops .row > div > div, .team .row > div > div{width: 25%;}
.bar-form-collapse.collapse, .bar-form-collapse.collapsing{right: -512px;}
a.choose_f::before{left: 10px;}
a.choose_f > span{right: 20px;}
#filter-form .slider{width: 406px;}
.slider .info{font-size: 18px;}
.calc .filters_checkbox:not(.price_attr){max-width: 385px;}
.home .calc .filters_checkbox:not(.price_attr){max-width: 389px;}
.filters_checkbox.price_attr{width: 165px;}
.category .calc{max-width: 1126px;}
p.prod_price{font-size: 26px;}
.gen_plan img{top: 112px;}
.gos_support > img{
right: -24px;
top: -160px;
}
.gos_support > p{width: 450px;}
.space p{width: 515px;}
.sp_text{padding-top: 100vh;}
.home_blocks div p, .home_blocks div.hbl4 p{padding: 0;}
.home h1{
padding-bottom: 40px;
width: 70%;
}
.sp_h{width: 335px;}
.home .calc{padding: 36px 36px 21px 36px;}
div.fcontact a.footer-social-icon{margin-bottom: 16px;}
.fcontact{
width: 319px;
margin-top: -5px;
}
.polinfo{margin-top: -8px;}
.offerta{width: 845px;}
.offerta br{display: none;}
.footer .m_arrow{right: 40px;}
.denero {
margin-top: 16px;
margin-right: 185px;
}
.footer{padding: 40px 36px;}
.flist {margin-top: 43px;}
.flist .footerdoplink {margin-right: 137px;}
.flist > div{margin-right: 80px;}
.how_go, .wrapper.gen_plan, body.home .stocks.stages {margin-top: 84px;}
.wrapper.gen_plan{padding-bottom: 84px;}
.wrapper.home_posts .arrow_slider{margin-top: -30px;}
.wrapper.home_posts .arrow_slider div:last-child{left: -35px;}
.wrapper.home_posts .arrow_slider div:first-child{right: -65px;}
.home_posts .uslider > div{
height: 290px;
width: 251.4px;
}
div.hbl5 p{margin-top: 375px;}
.home_blocks div span{padding-right: 155px;}
.home_blocks div.hbl3 span{
padding-right: 0;
width: 215px;
}
.stocks .post_preview p{font-size: 36px;}
.space > div > div span{
font-size: 60px;
margin-bottom: 16px;
}
.space > div > div{padding: 0 0 0 90px;}
.gos_support > div > div{margin-bottom: 20px;}
.gos_support > div > div > span{padding: 0 0 0 113px;}
.gos_support{margin-top: 240px;}
.home #stocks .post_preview{
width: 352px;
height: 376px;
}
.stocks .post_preview{
height: 316px;
width: 316px;
}
body.stocks .post_preview:nth-of-type(3n){margin-right: 7px;}
body.stocks .post_preview:nth-of-type(4n){margin-right: 0;}
.calc > a{font-size: 44px;}
.fp_text{margin-top: -310px;}
.sp_text p:last-of-type{width: 780px;}
.sp_text div{margin-top: -312px;}
.sp_text div .video{
width: 400px;
height: 200px;
}
.sp_text p:first-of-type, h2{font-size: 40px;}
.fp_text img{width: 920px;}
.fp_text p{
font-size: 70px;
width: 670px;
}
.header.fixed .navbar-collapse .row{padding-left: 225px;}
.header.fixed .navbar-collapse .row a.navbar-brand{width: 210px;}
.phone{margin-right: 36px;}
.navbar-nav{margin-left: -13px;}
.news_preview .product_preview > a .info{
left: 128px;
top: -3px;
padding: 0 11px 0 9px;
width: 192px;
}
.news_preview .wrapper .arrow_slider{margin-top: -22px;}
.wrapper .stocks.post_dop .arrow_slider{margin-top: 23px;}
body .news_preview .product_preview > a .info .date-preview-news{
bottom: -7px;
left: 9px;
}
body .news_preview .product_preview .image{
position: relative;
overflow: hidden;
width: 128px;
}
.collapse.in + .close-form{right: 512px;}
.navbar-collapse .row a{padding: 2px 23px 0 13px;}
.product_cart_info{width: 287px;}
/* Header */
/* navbar */
.nav li > a{font-size: 13px;}
/* Body */
/* body category content */
.product_preview, .type_info >div{width: 316px;}
.category .product_preview:nth-child(3n){margin-right: 7px;}
.category .product_preview:nth-child(4n){margin-right: 0;}
.bar-form-collapse{width: 512px;}
.examples{height: 338.25px;}
.examples > div{
width: calc(25% - 15px);
height: 306.25px;
}
a.choose_f {top: 25px;}
}
.projects .product_preview .info,.collections .product_preview .info { padding: 25px; }
.materials .product_preview .info { padding: 25px; padding-bottom: 14px; }
@media (max-width: 1300px) and (min-width: 501px){
.navbar {
border: 0;
margin-bottom: 0;
padding-bottom: 0;
}
}
@media (min-width: 1401px) {
.product_info > p{
font-size: 14px;
margin: -4px 0 14px 0;
}
.nav li a span{font-size: 18px;}
.navbar-brand > svg{width: 166px;}
.clients .row > div.uslider{width: 1285px;}
.wrapper, .wrapchilds > *, .wrapchilds_filters > *{
width: 1315px;
}
/* Header */
/* Body */
.product_preview .image {
height: 320px;
line-height: 320px;
}
/* home page */
/* Среди наших клиентов */
.clients .row > div > div {
width: 20%;
}
.examples > div:hover {
margin-right: 346px;
}
.examples > div:hover > div:not(.nohover), .examples > div:hover > div:not(.nohover) + a {
width: 631px;
}
.examples > div:not(.nohover).elast {
margin-left: -327px;
}
.products .product_preview, .news_preview .product_preview{
width: 320px;
}
.products .category_items.uslider, .news_preview .uslider{
width: calc(320px * 4);
}
/* Footer */
}
.on{top: 0;}
.success_file_form {
vertical-align: middle;
margin-left: 0;
margin-right: 8px;
filter: contrast(4) invert(1);
display: none;
}
.sp_text div a.btn{display: none;}
.floor_not > li{width: 150px;}
#f_popup .floor_not > li a{padding: 0 4px;}
.filters_attr .filters_checkbox{width: 467px;}
@media (min-width: 501px) and (max-width: 1400px){
.compare.price_fix #CalltouchWidgetFrame{bottom: 70px !important;}
.product_info > p{
font-size: 13px;
margin-bottom: 16px;
}
#fixed_product_name{height: 70px;}
body.product #fixed_product_name{height: 97px;}
.product h2.price{line-height: 97px;}
body.product{padding-bottom: 70px;}
.filters_attr .filters_checkbox{width: 427px;}
.floor_not > li{width: 137px;}
.calc > div > div.slider{margin-bottom: 35px;}
.calc .filters_checkbox .title, .calc .slider .title{font-size: 18px;}
.plates > div > h4{font-size: 20px;}
.plates > div{
padding: 16px;
width: 133px;
height: 133px;
}
.plates > div > p{
left: 16px;
bottom: 14px;
right: 20px;
font-size: 12px;
}
.about .type_info > div{padding: 20px 10px;}
.button-filters{min-height: 50px;}
#filters-selected{width: 740px;}
.header.fixed a.navbar-brand{width: 130px;}
body.product .links a.btn{font-size: 12px;}
.type_info > div{
height: 260px;
padding: 24px 10px 34px 10px;
}
}
/* Navbar hamburger switches on 500 */
@media (max-width: 500px) {
#fixed_product_name .buttons a:last-of-type{
font-size: 16px;
padding-top: 23px;
}
.compare_list a.close_form::before{
width: 16px;
height: 16px;
}
.compare_list p.prod_name{
font-size: 20px;
height: 20px;
padding-right: 30px;
}
.compare_list p.prod_price{
font-size: 27px;
padding-top: 13px;
height: 40px;
}
.compare_list .cat_special{
font-size: 14px;
top: -6px;
}
.compare_list .cat_special .mtags span{
font-size: 10px;
margin-top: -4px;
}
.navbar-nav > li:last-of-type span::before{content: none;}
.compare_list > p{padding: 0 16px;}
a.copy_l > div{
bottom: 37px;
right: -97px;
}
.about_1 > div:nth-child(2){margin-top: 37px;}
.product_info .buttons, #fixed_product_name .wrapper > img, #fixed_product_name .wrapper > p{display: none;}
body.product #fixed_product_name{
opacity: 1;
visibility: visible;
}
#fixed_product_name .wrapper{padding: 0 19px;}
#video a.btn.carticon{padding: 22px 10px;}
.post .content .description{padding: 50px 0 55px 0;}
.post .content .post_stages .description{padding-top: 0;}
.stocks .post_preview p, .post_preview .short{
font-size: 40px;
padding: 24px;
}
.product .content{padding-top: 90px;}
.post .content, .news .content, .about .content, .stocks .content{padding-top: 125px;}
#video h3{margin-bottom: 20px;}
#video .phone::before{content: none;}
#video hr{margin: 20px 0;}
#video a.phone{
font-size: 28px;
line-height: 64px;
right: unset;
margin: 0 8px 0 0;
padding: 0;
font-weight: 700;
}
#video .video_c{
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#video .carticon, #video a.phone{margin-top: 20px;}
#video .video_c .btn, #video a.phone{width: 227px;}
#video .video_c .grey.btn:nth-of-type(3){margin-right: 0;}
.products_row{padding-bottom: 75px;}
.home .products_row .arrow_slider{
bottom: 130px;
top: unset;
}
.home .products_row .arrow_slider div:last-child{
float: right;
left: -7px;
}
.wrapper .stocks.post_dop .arrow_slider div, .stocks.stages .arrow_slider div, .product .wrapper .arrow_slider div, .about .wrapper .arrow_slider div{
width: 62px;
height: 62px;
}
.product .wrapper .arrow_slider div::before, .about .wrapper .arrow_slider div::before, .wrapper .stocks.post_dop .arrow_slider div::before, .stocks.stages .arrow_slider div::before{
width: 23px;
height: 23px;
top: 19px;
right: 17px;
}
.product .wrapper .arrow_slider div:last-child::before, .about .wrapper .arrow_slider div:last-child::before, .wrapper .stocks.post_dop .arrow_slider div:last-child::before, .stocks.stages .arrow_slider div:last-child::before{left: 17px;}
.product .wrapper .arrow_slider div:last-child, .about .wrapper .arrow_slider div:last-child, .wrapper .stocks.post_dop .arrow_slider div:last-child, .stocks.stages .arrow_slider div:last-child{left: -9px;}
.product .wrapper .arrow_slider div:first-child, .about .wrapper .arrow_slider div:first-child, .wrapper .stocks.post_dop .arrow_slider div:first-child, .stocks.stages .arrow_slider div:first-child{right: -9px;}
.product_preview .btn{display: block;}
.home .calc .filters_checkbox li{
width: 56px;
line-height: 51px;
}
.calc .filters_checkbox li{
width: 62px;
line-height: 57px;
}
.calc .filters_checkbox{margin-left: -7px;}
.home .calc .filters_checkbox.price_attr{
width: 300px;
margin-bottom: 15px;
}
#filters-selected{width: 100%;}
#filters-selected div span{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 233px;
}
#filters-selected div {
font-size:18px;
}
#structs .arrow_slider, #structs > div p, .sp_h:nth-of-type(2){width: 460px;}
#structs .arrow_slider div:last-child, #structs .titles, .home_blocks div.hbl5::after, .phone::before{left: 0;}
#structs > div p{
bottom: 20px;
left: 20px;
}
#structs .titles, #structs .titles > div > a{background-color: unset;}
#structs .titles > div > a, .gos_support > div > div > span{color: #fff;}
.wrapper.home_posts .arrow_slider, .calc > a, .sp_text p:last-of-type, #navbar-main .headerbg{display: none;}
.flogo, .footer .lower > div:first-child a, .sp_text div a.btn{display: block;}
.flist > div/*, .gos_support > div > div:last-of-type > * */{width: 50%;}
.denero, .home_blocks div.hbl5::after, .sp_text div a.btn{width: 100%;}
.footer .lower > div:first-child a, .home_blocks div.hbl1 div.hbl3{margin: 0;}
div.fcontact a.footer-social-icon, .home_blocks div.hbl5::after, .home_blocks div.hbl1 div, .gos_support > div > div > span, .gos_support > div > div > p span:after, .calc > a.active::after, .sp_h:nth-of-type(3), .phone::before{position: absolute;}
.how_go > div p, .header.fixed .phone{padding-left: 20px;}
.how_go > div p, .gos_support > p{margin-bottom: 40px;}
.how_go > div > * /*, .gos_support > div > div:last-of-type > * */, .gos_support > div > div > p span, .calc > a.active, .calc > a.active::after{display: inline-block;}
div.hbl5 p, div.hbl5 span, .gos_support > div > div > span{z-index: 1;}
div.hbl5 p, div.hbl5 span, .home_blocks div.hbl5, .home_blocks div.hbl1, .gos_support > div > div, .gos_support > div > div > p span, .calc > a.active, .sp_text p:nth-of-type(2), a.phone{position: relative;}
.home_blocks div.hbl5::after, .gos_support > div > div > p span:after, .gos_support > div > div > p span, .calc > a.active::after, .phone::before{content: "";}
.home_blocks div.hbl5::after, .home_blocks div.hbl1 div.hbl2, .sp_h:nth-of-type(3){top: 0;}
.gos_support > div > div > span, .header.fixed a.btn{
font-size: 12px;
border-radius: 8px;
}
.gos_support > div > div > span, .open_mob #hamburger div:nth-child(2){visibility: hidden;}
.gos_support > div > div > span, .gos_support > div > div > p span:after, .open_mob #hamburger div:nth-child(2){opacity: 0;}
.gos_support > div > div > span, .gos_support > div > div > p span:after{transition: .3s;}
.gos_support > div > div > p:hover + span, .header.fixed a.btn{visibility: visible;}
.gos_support > div > div > p:hover + span, .gos_support > div > div > p:hover span:after, .header.fixed a.btn{opacity: 1;}
.gos_support > div > div > p span:after, .header.fixed .phone{width: 0;}
.gos_support > div > div > p span, .calc > a.active::after, .phone::before{background-size: contain;}
.header.fixed a.btn, .header{top: 10px;}
.calc > a.active::after, .phone::before{background-repeat: no-repeat;}
.sp_h:nth-of-type(3), .phone::before{right: 0;}
.header.fixed .phone{right: 150px;}
.phone::before{
top: 50%;
height: 19px;
}
#structs .arrow_slider{bottom: 146px;}
#structs > div p{
border-radius: 16px;
padding: 20px;
transform: unset;
}
#structs .titles{
bottom: unset;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
width: 500px;
white-space: nowrap;
top: 0;
border-radius: 0;
padding: 90px 20px 40px;
overflow: auto;
}
#structs .titles, #hposts .titles{
scrollbar-width: none;
-ms-overflow-style: none;
}
#structs .titles::-webkit-scrollbar, #hposts .titles::-webkit-scrollbar{display: none;}
.denero{
margin: 38px 0 30px 0;
text-align: center;
}
.footer .lower{
margin-top: 95px;
}
div.fcontact a.footer-social-icon{right: 34px;}
div.fcontact a.footer-social-icon:nth-child(1){top: 131px;}
div.fcontact a.footer-social-icon:nth-child(2){
top: 181px;
right: 33px;
}
div.fcontact a.footer-social-icon:nth-child(3){top: 231px;}
div.fcontact a.footer-social-icon:nth-child(4), div.fcontact a.footer-social-icon:nth-child(3){right: 36px;}
div.fcontact a.footer-social-icon:nth-child(4){top: 279px;}
.how_go > div p{
width: 440px;
margin-top: -3px;
}
.how_go > div > *{vertical-align: top;}
.home_blocks div.hbl5::after{
background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 35.75%, rgba(0, 0, 0, 0) 62.1%);
height: 100%;
}
.home_blocks div.hbl1{
height: 727px;
margin-bottom: 7px;
}
div.hbl5 span{padding: 0;}
.home_blocks div.hbl1 div.hbl3{bottom: 0;}
.gos_support > div > div:last-of-type > p{padding-right: 20px;}
/* .gos_support > div > div:last-of-type > *{vertical-align: middle;} */
.gos_support > div > div > span{
bottom: -8px;
transform: translateY(100%);
text-align: left;
padding: 10px;
background-color: #FF0E3A;
width: 362px;
margin-top: -8px;
}
.gos_support > div > div > p span:after{
top: 16px;
right: 1px;
height: 0;
border-style: solid;
border-width: 0 7px 10px 7px;
border-color: transparent transparent #FF0E3A transparent;
}
.gos_support > div > div > p span{
width: 16px;
height: 16px;
top: 2px;
background-image: url('/image/qu.svg');
}
.header a.btn{
display: block;
margin-right: 10px;
line-height: 1.1;
padding: 11px 20px;
position: absolute;
right: 60px;
white-space: normal;
width: 112px;
background-color: #fff;
color: #FF150A;
opacity: 0;
visibility: hidden;
}
.calc > a.active::after{
background-image: url('/image/f_arrow.svg');
background-position: center;
width: 14px;
height: 12px;
bottom: 7px;
right: 15px;
}
.sp_text div a.btn{margin-top: -150px;}
.open_mob #hamburger div:first-child{transform: rotate(45deg);}
.open_mob #hamburger{padding: 23px 14px;}
.open_mob #hamburger div:last-child{
transform: rotate(-45deg);
margin-top: -14px;
}
.headerbg{border-radius: 12px 30px 30px 12px;}
.phone::before{
background-image: url('/image/phone.svg');
width: 19px;
margin-top: -12px;
}
a.phone{
margin-right: 0;
right: 213px;
font-size: 20px;
width: 200px;
line-height: 70px;
padding-left: 29px;
}
.navbar-collapse .row a{
line-height: 1;
}
/*mib*/
.order_text a{display: block;}
.order_text_info, .order_text_title, .order_text a{width: 200%;}
.order_item_l .order_text{
transform: translateX(100%);
text-align: left;
}
.order_item_r .order_text,.order_item_l .order_text{padding: 0 0 0 70px;}
.order_main_block{transform: translateX(-50%);}
.news_preview{
margin-top: -69px;
padding-top: 119px;
}
.home .individual_order h2{font-size: 38px;}
.main_block_description { font-size: 22px!important; }
.main_block_text{ font-size: 16px!important; }
.materials_wrapper { height: auto!important; }
.block_material_info {
width: 100%;
right: 0;
bottom: 1px;
position: relative;
padding: 50px 25px 82px 25px;
}
.individual_order { width: auto; }
.product .content .left, .contact_form > .description{
padding-top: 70px;
}
.left img{padding-bottom: 15px;}
.project_cont {
flex-direction: column;
align-items: center;
}
.project_info {
padding-left: 0;
margin-top: 50px;
}
.block_projects_title { font-size: 38px!important; }
.block_projects_description { margin-top: 0!important; font-size: 18px!important;}
.navbar-collapse,.navbar-collapse.collapse,.navbar-collapse.collapsing,.navbar-collapse.in {
position: relative;
width: 480px;
height: 0;
left: 0;
padding-top: 0;
top: 0;
opacity: 0;
text-align: left;
transition: all .6s;
border: none;
z-index: 14;
display: block !important;
overflow-x: visible !important;
overflow-y: auto !important;
color: #acacac;
visibility: hidden;
}
.navbar-collapse > div {
overflow-y: auto;
overflow-x: hidden;
position: relative;
height: 100%;
}
.navbar-collapse a:hover,.navbar-collapse a:active,.navbar-collapse a:focus{opacity:1;color:#fff;}
.navbar-collapse.in{left:0;}
.navbar-collapse .nav li{
padding: 0;
display: inline-block;
margin: 0;
width: 100%;
vertical-align: top;
margin-bottom: 30px;
}
.navbar-collapse .nav li:last-of-type{
margin-bottom: 0;
}
.dropdown_menu{
visibility: visible;
opacity: 1;
}
.close-menu {
display: block;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 0;
cursor: pointer;
background-color: rgba(0, 0, 0, .5);
transition: .6s;
opacity: 0;
visibility: hidden;
}
.navbar-collapse a.close-btn {
color: #fff;
padding: 0 38px 7px 39px;
display: block;
cursor: pointer;
font-size: 33px;
line-height: 75px;
}
.navbar-collapse .close-btn:before {
content: "\f2d7";
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
font-family: Ionicons;
}
.navbar-collapse .navbar-nav,.navbar-collapse .navbar-nav{
padding-top: 20px;
padding-bottom: 20px;
height: auto;
}
.container-fluid>.navbar-collapse,.container>.navbar-collapse{margin-left:0;margin-right:0;}
.navbar-header{float:none;}
.navbar-toggle{display:block;margin-right:60px;margin-top:13px;}
.product .left div.arrow_slider div{height: 34px;}
.navbar-collapse .row{width: 100%;}
div.b24-widget-button-position-bottom-left{
left: 63px;
bottom: 63px;
}
.product div.b24-widget-button-position-bottom-left{bottom: 113px;}
.news_preview .category_items{padding-bottom: 83px;}
}
.video_arrow{
bottom: 25px;
display: block;
position: absolute;
left: 50%;
padding: 30px;
margin-left: -30px;
z-index:1;
}
.video_arrow svg {
animation: arrow_video 1.7s infinite ease;
width: 38px;
height: 18px;
margin-left: -19px;
fill: #fff;
left: 50%;
z-index: 1;
position: absolute;
cursor: pointer;
transition: .3s;
}
@media (max-width: 500px) {
.compare .mtags span::before{top: 2px;}
.category .mtags span::before{top: 4px;}
.product .wrapper.stocks .arrow_slider, .wrapper.products_row .arrow_slider, .compare .wrapper .arrow_slider{padding: 0 19px;}
.product_info{padding-top: 20px;}
.news_preview .product_preview .info > p, .projects .product_preview .info > p, .collections .product_preview .info > p {height: 58px;}
.button-filters{padding: 92px 0 23px 0;}
.product_info .modifications_link a::after {
width: 13px;
height: 13px;
background-size: cover;
top: 3px;
}
.product_info .modifications_link a::after {
top: 5px;
}
.product_info .modifications_link a {
padding-right:16px;
}
.filter-checked{padding: 0 20px;}
.nav li.has_subnav a span.active::after{opacity: 1;}
.nav li.has_subnav.toggle_menu a span::after{transform: rotate(180deg);}
#fixed_product_name div span.price > span > .special{
color: #aaa;
top: 4px;
font-size: 14px;
}
.navbar-collapse .nav li.has_subnav.toggle_menu .dropdown_menu, .navbar-collapse.collapse.in + .close-menu, .open_mob #navbar-main{
opacity: 1;
visibility: visible;
}
.navbar-collapse li a span{
font-size: 28px;
color: #fff;
position: relative;
}
.dropdown_menu .wrapper{padding: 0;}
.dropdown_menu{z-index: unset;}
.navbar-collapse .nav li.has_subnav .dropdown_menu{
position: relative;
float: left;
height: auto;
}
.navbar-collapse .nav .dropdown_menu li{
width: 100%;
padding-left: 16px;
}
.navbar-collapse .nav .dropdown_menu li a{
pointer-events: all;
padding: 0;
font-family: 400;
font-size: 16px;
line-height: 1;
display: inline-block;
}
.video_logo{
width: 302px;
margin-top: -76px;
}
.bottom_img .img_gallery { width: 210%!important; }
.video_bg {
position: relative;
z-index: 1;
}
.video_arrow svg {
width: 34px;
height: 16px;
margin-left: -17px;
}
hr{margin: 25px 0;}
label{margin-bottom: 7px;}
.product_types li.nav_collec{margin-top: 13px;}
.news_preview .uslider + .dots{
margin-top: -56px;
padding-bottom: 56px;
}
}
.video_arrow:hover svg { fill: #FF0E3A; }
.post .content .wrapper_100 { padding-bottom: 0; }
@keyframes arrow_video {
from {bottom: 25px;}
50% {bottom: 15px;}
to {bottom: 25px;}
}
@keyframes h1_about {
from {transform: scale(0); opacity: 0;}
60%{transform: scale(.9); opacity: 0;}
to {transform: scale(1); opacity: 1;}
}
@media(min-width: 1001px){
.left {
height: 100vh !important;
}
.content {margin-bottom: 0;}
}
@media (min-width: 501px) and (max-width: 1000px){
.left{
max-height: 750px;
min-height: 550px;
}
.product .content > .modifications{margin-bottom: 1px;}
}
@media (min-width: 501px) and (max-width: 1300px) and (min-height: 700px) {
#tf{
/* background-position-y: 0% !important; */
/* background-size: cover !important; */
}
}
@media (max-width: 1300px) and (min-width: 501px) {
#tf{
background-size: cover !important;
}
}
@media (max-width: 500px) {
.home .content{
/* padding-top: 0!important; */
}
}
@media (min-width: 501px) and (max-width: 1000px) and (min-height: 500px) {
.content {min-height: 982px;}
}
.mfp-img{
background:#fff;
}
@media (min-width: 501px){
img.mfp-img {
min-height: 500px;
}
}
#video:not(.toggle) .phone[href] {
pointer-events: none;
}
.calc .slider .right.z_right .circle,
.calc .slider .left_f.z_left .circle {
top: 0px;
}
@media (max-width: 501px){
.calc .slider .right.z_right .circle,
.calc .slider .left_f.z_left .circle {
top: 41px;
}
.slider .sub-axis.left_f, .slider .sub-axis.right{
border-bottom: 2px solid #E9E9E9;
}
}
@media (min-width: 501px) {
.calc .slider.price_sld .info,
.calc .slider:not(.filters_checkbox) .info {
bottom: 4px;
height: 30px;
line-height: 22px;
vertical-align: top;
}
}
@media (min-width: 501px) and (max-width: 1400px) {
.calc .slider .right.z_right .circle,
.calc .slider .left_f.z_left .circle {
top: -5px;
}
.slider .circle {
top: 18px;
}
}
@media (min-width: 501px) and (max-width: 1400px) {
.slider#32 .circle {
top: 18px;
}
}