@font-face { font-family: 'latoblack'; font-display: swap; src: url('../fonts/lato-black-webfont.woff2') format('woff2'), url('../fonts/lato-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .message{ position:fixed; z-index:10000000; bottom:-300px; left:0; width:100%; min-height:100px; font-size:16px; background:yellow; box-sizing: border-box; padding:20px 30px; -webkit-box-shadow: 0px -4px 17px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: 0px -4px 17px 0px rgba(34, 60, 80, 0.2); box-shadow: 0px -4px 17px 0px rgba(34, 60, 80, 0.2); transition: all 0.5s ease-out; } .message .mess_inner{ width:1100px; transform: translateX(-50%); left:50%; position:relative; } .message .message_text{ display: flex; width:90%; align-items: center; justify-content: space-between; } .message .mesbox_close{ width: 35px; height: 35px; background: url(../i/close2.svg?v4) center center no-repeat; background-size: 18px 18px; position: fixed; z-index: 10000001; right: -15px; top: -10px; cursor: pointer; opacity: 0.8; } .modal .close:hover{ opacity:0.6; } b{ font-family: 'latobold', roboto, arial; font-weight:normal; } .search_bl { position:relative; width:240px; float: right; margin: 7px 0 0 0; } .search_bl [name="search"] { width: 240px; height: 25px; border: none; border-radius: 3px; font-size: 13px; text-align: left; box-sizing: border-box; padding: 10px 30px 10px 10px; margin:0; outline: none; } .search_bl [type="submit"] { background: url(/i/search_ico.png) center center no-repeat; background-size: 16px 16px; height: 16px; width: 16px; cursor: pointer; border-bottom: none!important; margin: 5px 0 0 0!important; display: inline-block; border: none; filter: invert(1); position: absolute; right: 18px; opacity:0.7 } .search_bl [type="submit"]:hover { opacity:1 } h1,h2,h3,h4,h5{ font-weight: normal!important; font-weight: normal!important; font-size: 20px; line-height: 35px; } .region_modal{ position: absolute; top: 38px; background: #fff; right: 50%; margin-right: -500px; box-sizing: border-box; border-radius: 0 0 5px 5px; padding: 15px 30px; box-shadow: 0 -2px 10px rgb(68 92 130 / 15%), -1px 4px 10px rgb(68 92 130 / 15%), 0 0 2px rgb(68 92 130 / 15%); } .region_modal a{ display: block; text-decoration: none; margin: 0px auto 5px auto; color: #000 !important; } .region_modal a:hover{ text-decoration: underline; } html,body{ width:100%; height:100%; padding:0; margin:0; font-size:15px; font-family: 'latoregular', roboto, arial; } strong { font-weight: normal; font-family:latobold; } a{ color:#0064ff; } a:visited{ color:#0064ff; } [type="text"]{ outline:none; -webkit-appearance: none; } [type="submit"],button{ outline:none; -webkit-appearance: none; } select{ } .whatsapp{ display:none; } .wr{ width:100%; box-sizing:border-box; overflow:hidden; position:relative; padding: 98px 0 0 0; } .wrapper{ width:1170px; padding:0px 20px 0 20px; margin:0 auto; } .wr100{ width:100%; padding:0; margin:0 auto; } .boxshadow{ box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); } .calc_wrapper{ background:#f6f6f6; } .mp_calculate { padding: 0 0 20px 0; min-height: 540px; } .prod_calc_wrapper{ margin:40px 0 0; padding: 30px 0; } .prod_calc_wrapper .close{ display:none; } .prod_calc_wrapper h3 { font-family: 'latoblack', roboto, arial; text-align: center; font-size: 25px; line-height: 29px; padding: 20px 0 0px 0; margin: 0; } .prod_calc_wrapper #calc_name { font-family: 'latoblack', roboto, arial; text-align: center; font-size: 25px; line-height: 29px; padding: 20px 0 0px 0; margin: 0; } .mp_calculate h2{ font-family: 'latoblack', roboto, arial; text-align: center; font-size: 27px; line-height: 29px; padding: 60px 0 0px 0; margin: 0; } .breadcrumps{ max-width:1170px; padding:30px 20px 20px 20px; margin:0 auto; color:#707070; line-height:24px; } .product_card .breadcrumps{ max-width:1170px; padding:30px 20px 20px 20px; margin:0 auto; color:#707070; } .breadcrumps div{ display:inline; } .breadcrumps > li{ display: inline; vertical-align: top; } .breadcrumps li+li:before { content: "/"; text-align:center; display:inline-block; width:20px; height:15px; position:relative; } .breadcrumps a{ color:#404040; } .cl{ clear:both; } .tabs{ margin: 30px 0 0 0; } .tabs__content { display: none; } .tabs__content.active { display: block; } .tabs .desc_tab h2,.tabs .desc_tab h3,.tabs .desc_tab h4{ padding: 10px 0 0 0; margin:0!important; } .tabs__caption { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: nowrap; list-style: none; position: relative; margin: 0; padding: 0; } .tabs__caption li:last-child:before { content: ''; position: absolute; bottom: -5px; left: 0; right: -2px; z-index: -1; height: 5px; } .tabs__caption:after { content: ''; display: table; clear: both; } .tabs__caption li { padding: 11px 15px; margin: 1px 0 0 0px; color: #6b6b6b; position: relative; border-width: 1px 1px 0; border-radius: 5px 5px 0 0; text-align: center; border: 1px solid #e8e8e8; background: #f7f7f7; white-space: nowrap; } .config_modal .tabs__caption li { width: 100%; } .tabs__caption li:not(.active) { cursor: pointer; } .tabs__caption li:not(.active):hover { background: #e0e0e0; border-color: #e0e0e0; color: #000; } .tabs__caption .active { background: #fff; color: #000; border-color: #ffffff; border-width: 1px 1px 0; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); } .tabs__caption .active:after { content: ''; position: absolute; bottom: -10px; left: -1px; right: 0; height: 10px; background: #FFF; } .calc_price_card.active:after { background: #f6f6f6; } .tabs__caption .calc_price_card{ background: #ffda07; border-color: #f0d561; cursor:pointer; color:#000; } .tabs__caption .calc_price_card:hover{ border-color: #f0d561!important; background: #ffe881!important; } .tabs__caption .calc_price_card.active{ border-color: #e5be18; background: #ffe881; } .tabs__content { display: none; background: #FFF; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); border-radius: 0; padding: 25px 20px; } .tc_calc { padding: 25px 29px; background:#f6f6f6; } .tabs__content.active { display: block; } .subcat_names{ display: flex; position: fixed; flex-wrap: nowrap; justify-content: flex-start; align-items: center; z-index: 2; background: rgb(248,248,248); margin: -77px 0 10px -20px; padding: 12px 21px 8px 20px; width: 663px; overflow-x: auto; } .subcat_names::-webkit-scrollbar{ height: 8px; width: 8px; background: rgb(154, 154, 154); } .subcat_names::-webkit-scrollbar-track { background: #f1f1f1; } .subcat_names::-webkit-scrollbar-thumb { background: #888; } .subcat_names::-webkit-scrollbar-thumb:hover { background: #555; } .subcat_names::-webkit-scrollbar-thumb:horizontal{ background: gray; border-radius: 10px; } .submats{ display: none; } .subcat_names .subcat_name{ padding: 8px; border-radius: 5px; border: 1px solid #d8d8d8; background: none; margin: 0 3px 0px 0; cursor: pointer; font-size: 14px; line-height: 18px; height: 35px; display: flex; align-items: center; } .subcat_names .subcat_name:hover{ background: #e0e0e0; border-color: #e0e0e0; color: #000; } .subcat_names .choosen_subname{ background: #fff; color: #000; border-color: #ffffff; border-width: 1px 1px 0; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); } .subcat_items_block{ display:none; } .subcat_items_block:first-child{ display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } .subcat_items_block.active{ display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; height: auto; width:100%; max-height: 100%; overflow-y:auto; margin:-1px 0 0 0; padding:10px 2px; } .vertical .tabs__caption { float: left; display: block; } .vertical .tabs__caption li { float: none; border-width: 2px 0 2px 2px; border-radius: 5px 0 0 5px; } .vertical .tabs__caption li:last-child:before { display: none; } .vertical .tabs__caption .active:after { left: auto; top: 0; right: -2px; bottom: 0; width: 2px; height: auto; } .vertical .tabs__content { overflow: hidden; } @media screen and (max-width: 650px) { .tabs__caption li { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .vertical .tabs__caption { float: none; display: -webkit-flex; display: -ms-flexbox; display: flex; } .vertical .tabs__caption li { border-width: 2px 2px 0; border-radius: 5px 5px 0 0; } .vertical .tabs__caption li:last-child:before { display: block; } .vertical .tabs__caption .active:after { top: auto; bottom: -5px; left: 0; right: 0; width: auto; height: 5px; background: #FFF; } } .tabs__content b{ font-weight:normal; font-family:'latobold', roboto, arial; } header > .top{ position:fixed; top:0; z-index:102; } .top{ width:100%; height:38px; background:rgba(72,70,70,1); } .top .top_wrapper { position:relative; width: 100%; height: 100%; background-size: 10%; } @keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: 0px 300px; } } .addshadow{ box-shadow:0px 8px 15px 0px rgb(50 50 50 / 40%); } .tabs__content h2{ padding:0; margin:20px 0 10px 0; } .chars { display: block; padding: 0; width:50%; float:left; margin: 0 0 20px 0; } .chars li { display: block; letter-spacing: -1ex; margin: 5px 0; } .chars-left { margin-right: -50%; width: 49%; vertical-align: top; overflow: hidden; display: inline-block; letter-spacing: normal; } .chars-left:after { content: ''; display: inline-block; width: 100%; margin: 0 -99% 0 3px; vertical-align: baseline; border-bottom: 1px dotted #888; } .chars-right { display: inline-block; letter-spacing: normal; padding-left: 3px; margin-left: 50%; width: 50%; vertical-align: bottom; } .chars-width { margin-right: -100%; width: 100%; vertical-align: top; overflow: hidden; display: inline-block; letter-spacing: normal; } .question { display: inline-block; width: 13px; height: 13px; position: relative; top: -5px; border-radius: 20px; color: #fff; background: #989898; font-size: 10px; line-height: 13px; text-align: center; font-style: normal; left: 5px; } .top .top_wrapper{ width:1170px; margin:0 auto; height:38px; } .top .top_wrapper .mail{ height: 20px; cursor: pointer; border-bottom: none!important; margin: 9px 30px 0px 30px!important; float: right; color: #fff; text-decoration: none; } .top .top_wrapper .mail:hover{ text-decoration: underline; } .top .top_wrapper .phone a{ color:#fff!important; text-decoration: none; } .top .top_wrapper .region { color:#fff!important; float:right; height:38px; line-height: 38px; margin-right: 20px; text-decoration: none; cursor: pointer; padding:0 0 0 21px; box-sizing: border-box; background:url(/i/geolocation.svg) center left no-repeat; background-size:18px auto; } .top .top_wrapper .region:hover { text-decoration: underline; } .top .top_wrapper .phone{ width:auto; margin:0 auto; height:38px; text-align:right; font-family: 'latoblack', roboto, arial; color:#fff; font-size: 20px; line-height: 22px; padding:8px 0 0 0; float:right; cursor:pointer; text-decoration: none; } .top .top_wrapper .phone a{ color:#fff!important; } .top .top_wrapper .wtsp { display: block; float: right; background: url(/i/whatsapp_ic1.gif) 8px 50% no-repeat; background-size: 20px; margin: 0 auto; height: 38px; color: #fff; padding: 2px 10px 4px 35px; float: right; cursor: pointer; height: 20px; cursor: pointer; margin: 5px 30px 0px 0px!important; float: right; color: #fff; text-decoration: none; font-size: 12px; line-height: 13px; font-family: latobold; } .top .top_wrapper .wtsp:hover { text-decoration: underline; } .top .top_wrapper .email{ width:255px; margin:0 auto; height:38px; text-align:right; color:#fff; font-size:22px; line-height:22px; padding:8px 0 0 0; float:right; font-size:14px; font-family: 'latoregular', roboto, arial; } .top .top_wrapper .button{ display: block; text-decoration: none; width: auto; margin: 0 27px 0 0; height: 31px; text-align: left; color: #fff; line-height: 22px; padding: 8px 0px 0; float: right; box-sizing: border-box; text-align: center; font-size: 14px; font-family: 'latoregular', roboto, arial; background: none; border-bottom: 1px dotted #fff; cursor: pointer; } .top .top_wrapper .button:hover{ border-bottom:1px solid #ff4848; } .top .top_wrapper .hiden_kitch_butt{ display:none; } .top .top_wrapper .calc_price{ display: block; text-decoration: none; width: 170px; margin: 0px auto; height: 45px; text-align: left; color: #000; font-size: 22px; line-height: 15px; padding: 15px 0 0 0; float: right; box-sizing: border-box; cursor: pointer; text-align: center; font-size: 15px; font-family: 'latoregular', roboto, arial; background: #ffda07; cursor: pointer; border-radius: 0 0 5px 5px; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); } .top .top_wrapper .calc_price:hover{ background:#ffdf27; } .zvontext { margin-top:20px; } .zvontext .displpc{ margin:0%; padding:0; display:block; } .zvontext .displmob{ display:none; } .messengers_text { margin: 20px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #dfdfdf; } .messengers_text .messengers_icons{ display: flex; text-align: center; flex-direction: row; justify-content: center; } .messengers_text .messengers_icons a{ width: 30px; height: 30px; display: block; margin: 20px 10px 0 10px; font-size: 11px; line-height: 11px; color: #000; text-decoration: none; padding: 35px 0 0 0!important; width: 50px!important; height: 30px!important; background-position: top center!important; font-size: 11px; line-height: 11px; color: #000; text-decoration: none; } .messengers_text .messengers_icons .ok_icon{ width: 30px; height: 30px; background: url(/i/ok_ico1.jpg) center center no-repeat; background-size:30px 30px; border-radius:30px; } .messengers_text .messengers_icons .viber_icon{ width: 30px; height: 30px; background: url(/i/viber_ic1.jpg) center center no-repeat; background-size:30px 30px; } .messengers_text .messengers_icons .whatsapp_icon{ width: 30px; height: 30px; background: url(/i/whatsapp_ic1.jpg) center center no-repeat; background-size:30px 30px; } .messengers_text .messengers_icons .telegram_icon{ width: 30px; height: 30px; background: url(/i/telegram_ic1.jpg) center center no-repeat; background-size:30px 30px; } .messengers_text .messengers_icons .vk_icon{ width: 30px; height: 30px; background: url(/i/vk_ic1.jpg) center center no-repeat; background-size:30px 30px; } .onl_chat_box { margin: 0px 0 0 0; padding: 25px 0 0 0; border-top: 1px solid #dfdfdf; } .online_chat_icon { margin: 0 auto; height: 30px; width: 30px; border-radius: 30px; background: url(/i/chat_phone_button.jpg) 50% -2px no-repeat #1b99f8; background-size: 35px; color: #fff; box-sizing: border-box; cursor: pointer; font-size: 11px; line-height: 11px; text-align: center; position: relative; margin: 20px 10px 0 10px; } .online_chat_icon span { color: #000; text-align: center; display: block; margin: 0; left: -5px; top: 35px; position: absolute; } .online_chat_icon:hover{ outline: 2px solid #007ee0; } .head{ width:100%; height: 66px; background:#fff; box-shadow:0px 5px 15px 0px rgb(50 50 50 / 20%); z-index: 101; position: relative; transition: 0.2s; position:fixed; top:38px; } .head .head_wrapper{ width:1170px; margin:0 auto; height: 66px; } .clickable{ cursor:pointer; } .logmin{ height:38px; background:url(../i/logo_mini2.png) center left no-repeat; background-size: 150px auto; position:absolute; padding:9px 0 0 170px; color:#fff; cursor:pointer!important; box-sizing:border-box; display:none; } .logmin:hover{ cursor:pointer!important; opacity:0.8; } .mob_call_button{ display:none; } .head .head_wrapper .logo{ width: 300px; height: 66px; background: url(../i/vitalogo_60.png) center center no-repeat; background-size: auto 50px; padding:0px 0 0 0; float:left; margin:0px 0 0 0; cursor:pointer; } .head .head_wrapper .logo:hover{ cursor:pointer!important; opacity:0.8; } .head .head_wrapper .logo_text{ width:270px; height:115px; font-family: 'latoregular', roboto, arial; font-size:14px; color:#000; float:left; padding:35px 0 0 20px; } .head .head_wrapper .logo_text span{ width: 300px; font-family: 'Lato', sans-serif; font-weight: 500; font-size: 24px; display: block; color:#000; padding: 0px 0 3px 0px; } .head .head_wrapper .top_menu { width:calc(100% - 300px); float: right; margin-top: 25px; font-size: 14px; display: flex; justify-content: flex-end; flex-direction: row; } .head .head_wrapper .top_menu .hidden_href_top{ display:none; } .menu_mob_searchbutt{ display: none!important; } .head .head_wrapper .top_menu ul{ padding:0; margin:0; list-style-type: disc; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; } .head .head_wrapper .top_menu li{ display:inline-block; color:#000; text-decoration:none; padding-bottom:5px; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; margin: 0 6px; } .head .head_wrapper .top_menu li a{ color:#000; text-decoration:none; } .head .head_wrapper .top_menu .menu_mob_searchbutt_wrap{ display: none; } .head .head_wrapper .top_menu a:hover:after{ content:""; width: 100%; display: block; border-bottom: 2px solid #ff4848; margin-top: 5px; } .head .head_wrapper .top_menu .drop_menu a:hover:after{ display: none; } .top .top_wrapper .openmodal_search{ background: url(/i/search_ico.png) center center no-repeat; background-size: 16px 16px; height: 16px; width: 16px; cursor: pointer; border-bottom: none!important; margin: 12px 35px 0 0!important; } .head .head_wrapper .top_menu li:last-of-type{ margin:0px 0px 0 10px; } .head .head_wrapper .top_menu li:last-of-type{ margin:0px 0px 0 10px; } .drop_menu { display: block; color: #000; text-decoration: none; margin: 0 0px; padding-bottom: 5px; position:relative; padding: 0 15px 0 0; height:40px; } .drop_menu::after { display: block; content:""; background:url(/i/dropdown-arrow-svgrepo-com.svg) center center no-repeat; background-size:100% auto; filter: opacity(0.6); width:20px; height: 20px; position: absolute; right:-5px; top:1px; } .drop_menu:hover::after{ opacity:0; } .top_menu b { font-weight: normal; font-family: 'latoregular', roboto, arial; } .drop_menu span { position: relative; z-index: 1; display: block; } .drop_menu div{ display: none; position: absolute; background: #fff; box-shadow: 0px 5px 15px 0px rgb(50 50 50 / 20%); z-index: 0; padding: 0px 0 0 0; padding: 0; margin: 5px 0 0 0px; top:36px; } .drop_menu ul{ display: none; position: absolute; background: #fff; box-shadow: 0px 5px 15px 0px rgb(50 50 50 / 20%); z-index: 0; padding: 0px 0 0 0; padding: 0; margin: 5px 0 0 0px; top:36px; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; } .head .head_wrapper .top_menu .drop_menu ul li, .head .head_wrapper .top_menu .drop_menu div .current_page{ white-space: nowrap; width: 100%; border-bottom: 1px solid #f4f4f4; margin: 0; box-sizing: border-box; font-style: normal; display: block; padding-bottom: 0px; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; } .head .head_wrapper .top_menu .drop_menu ul li a{ white-space: nowrap; padding: 25px 30px; width: 100%; margin: 0; box-sizing: border-box; font-style: normal; display: block; } .head .head_wrapper .top_menu .drop_menu ul li span{ white-space: nowrap; padding: 25px 30px; width: 100%; margin: 0; box-sizing: border-box; font-style: normal; display: block; } .head .head_wrapper .top_menu .drop_menu div .current_page{ font-weight: normal; font-family: latobold; } .head .head_wrapper .top_menu .drop_menu div a:hover, .head .head_wrapper .top_menu .drop_menu li:hover, .head .head_wrapper .top_menu .drop_menu div .current_page:hover{ background: #f4f4f4; } .drop_menu:hover span { color: #979797; } .drop_menu:hover div{ display: block; } .drop_menu:hover ul{ display: block; } .drop_menu:hover { cursor:default; border-bottom: 2px solid #ff4848; padding-bottom:30px; } .slider_block{ width:100%; height:500px; margin:0px 0 0px; min-width:1170px; background:#f3f3f3; position: relative; } .slider_block .slide{ width:1170px; height:500px; margin:0 auto; position: relative; z-index: 2; } .slide1{ background:#f4f4f4; } .left_banner_side{ width: 460px; float:left; } .calculate_button{ border: none; border-radius: 5px; text-align: center; box-sizing: border-box; padding: 0 40px 0 60px; height: 56px; line-height: 56px; margin: 30px auto 0 auto; background: #ffda07; font-family: 'latoregular', roboto, arial; cursor: pointer; color: #000!important; text-decoration: none; display: inline-block; background-image: url(../i/ico_calc.png); background-position: 8px 2px; background-repeat: no-repeat; background-size: 50px 50px; overflow:hidden; position:relative; outline: 1px solid #f4d736; } .calculate_button:hover{ background-color: #ffe367; } .calculate_button:before{ content: ''; width: 1.8em; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.7)); -webkit-animation-name: move-light 4s infinite; -moz-animation-name: move-light 4s infinite; -o-animation-name: move-light 4s infinite; animation: move-light 4s infinite; } .left_banner_side .str1{ font-family: 'latobold', roboto, arial; font-size: 36px; margin: 120px 20px 0px 0px; line-height: 40px; letter-spacing: 0.4px; } .left_banner_side .h1span{ font-size: 22px; font-family: 'latobold', roboto, arial; letter-spacing: 0.4px; line-height: 40px; } .left_banner_side .str2{ font-family: 'latoregular', roboto, arial; font-size: 20px; line-height: normal; margin: 20px 0 20px 0px; letter-spacing: 0; color:#333; } .left_banner_side .str3{ font-family: 'latoregular', roboto, arial; font-size: 15px; line-height: normal; margin: 5px 0 0 0px; color: #545454; } .right_banner_side{ float:right; height:100%; margin: 0px 0 0 0; width: 710px; overflow:hidden; } .in_slide_image_wrapper{ width:710px; height:100%; margin: 0 0 0 0; background-color: #ededed; } .slide_image1{ width:720px; height:100%; background:url(/i/pmm-event.jpg); background-size: auto 500px; cursor:pointer; } .slick-slider{ z-index: 0; } .right_banner_side .slick-slider .slick-track, .right_banner_side .slick-slider .slick-list { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .product_wrapper .slick-slide{ height:auto; } .right_banner_side .slick-dots{ z-index: 1000; } .slide_image2{ width:720px; height:100%; background:url(/i/vita_banner2x1.jpg?v2); background-size: auto 500px; } .slide_image3{ width:720px; height:100%; background:url(/i/rassrochka_banner.jpg?v2); background-size: auto 500px; cursor:pointer; } .slide_image4{ width:720px; height:100%; background:url(/i/vita_banner4x1.jpg?v2); background-size: auto 500px; } .slide_image5{ width:720px; height:100%; background-size: auto 500px; cursor:pointer; background-image:url(/i/podar_feb_pc.jpg?v1212); @supports (background-image: url('/i/podar_feb_pc.webp')) { background-image: url('/i/podar_feb_pc.webp'); } } .slide_image6{ background:url(/i/krona_june.webp?v1); width:720px; height:100%; background-size: auto 500px; cursor:pointer; } .slide_image7{ background:url(/i/teka_pc.webp?v22); width:720px; height:100%; background-size: auto 500px; cursor:pointer; } .slider_mp{ width:710px; height: 100%; } .slider_mp[onclick],.aclass{ cursor: pointer; } .slide_image_winter{ width:710px; height: 100%; background-size: auto 500px; cursor:pointer; background-position: center center; background-image:url(/i/fevral_pc.jpg); @supports (background-image: url('/i/mart_banner_pc.webp')) { background-image: url('/i/mart_banner_pc.webp'); } } .filter_wrap .range{ margin: 10px 0 0 0; width: 100%; padding: 0 0 30px 0; } .range-slider { height: 5px; position: relative; background-color: #e1e9f6; border-radius: 2px; } .range-selected { height: 100%; left: 0%; right: 0%; position: absolute; border-radius: 5px; background-color: #1479fb; } .range-input { position: relative; } .range-input input { position: absolute; width: 100%; height: 5px; top: -7px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; } .range-input input::-webkit-slider-thumb { height: 20px; width: 20px; border-radius: 50%; border: 3px solid #1479fb; background-color: #fff; pointer-events: auto; -webkit-appearance: none; } .range-input input::-moz-range-thumb { height: 15px; width: 15px; border-radius: 50%; border: 3px solid #1479fb; background: #1479fb; background-color: #fff; pointer-events: auto; -moz-appearance: none; } .inputs_wr{ display: flex; flex-direction: row; justify-content: space-between; padding: 10px 0 5px; } .inputs_wr input{ width: 60px; } .inputs_wr input { width: 60px; border: none; background: #f3f3f3; padding: 5px; text-align: center; border-radius: 5px; } .polzunok_wrapper .ui-slider-handle{ border-radius: 20px; margin-top:-4px; } .ui-state-default, .ui-widget-content .ui-state-default{ border: 2px solid #c5c5c5!important; background: #ffffff!important; font-weight: normal; } .polzunok_wrapper{ padding:10px 0 20px 0px; width:calc(100% - 10px); position: relative; margin: 0 0 20px 0; } .polzunok_wrapper div{ height:2px; background: #e4e4e4; border:none!important; } .ui-slider .ui-slider-handle{ width:16px!important; height:16px!important; } .ui-slider .ui-slider-range{ background: #afafaf; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .slide_image1{ background:url(/i/pmm-event_x2.jpg); background-size: auto 500px; } .slide_image2{ background:url(/i/vita_banner2.jpg?v2); background-size: auto 500px; } .slide_image5{ width:720px; height:100%; background-size: auto 500px; cursor:pointer; background-image:url(/i/podar_feb34.jpg?v1212); @supports (background-image: url('/i/podar_feb34.webp.')) { background-image: url('/i/podar_feb34.webp'); } } .slide_image3{ background:url(/i/rassrochka_banner_big.jpg?v2); background-size: auto 500px; } .slide_image4{ background:url(/i/vita_banner4.jpg?v2); background-size: auto 500px; } } .config_modal_inner .left.blocked .s_size_bl { opacity:0.7; } .in_slide_image_wrapper .slick-slide{ height: 500px; background-position: center center; } .utpwr{ } .toputp{ height: 300px; width: 100%; margin: 40px 0 0px; box-sizing: border-box; padding: 30px 0 0 0; } .toputp .top_name{ font-family: 'latoblack', roboto, arial; text-align: center; font-size: 30px; line-height: 40px; } .utp_block{ margin:30px 10px 0; display: flex; margin: 0 20px; flex-direction: row; justify-content: space-around; font-size:15px; align-items: center; } .utp{ display: block; margin:20px 0 0 0; } @media screen and (max-height: 850px) { .product_card { margin-top:30px; } .product_card .breadcrumps { padding: 0px 20px 20px 20px; } .slider_block{ height:500px; } .slider_block .slide { height: 500px; } .in_slide_image_wrapper .slick-slide { height: 500px; background-position: center center; } .slide_image1,.slide_image2,.slide_image3{ background-size: auto 500px; background-repeat:no-repeat; background-position:50% -20px; } .slide_image1{ background-position:50% -40px; } .slide_image3{ background-size: auto 500px; background-repeat:no-repeat; background-position:50% -30px; } .toputp{ padding: 30px 0 0 0; margin: 0px 0 30px; height: 250px; } .toputp .top_name{ font-size: 28px; line-height: 38px; } .utp{ margin:20px 0 0 0; } .left_banner_side .str1{ margin: 100px 20px 0 0px; } .left_banner_side .str2{ margin-left: 0px; } .left_banner_side .str3{ margin-left: 0px; } } .utp span{ height: 70px; display: block; width: 70px; margin: 0 auto; } .utp:nth-of-type(1) span{ background:url(/i/icon_timer.svg) center center no-repeat; background-size: auto 100%; } .utp:nth-of-type(2) span{ background:url(/i/delivery_icon.svg) center center no-repeat; background-size: auto 100%; } .utp:nth-of-type(3) span{ background:url(/i/sborka_icon.svg) center center no-repeat; background-size: auto 70%; } .utp:nth-of-type(4) span{ background:url(/i/icon_garancy.svg?v3) center center no-repeat; background-size: auto 75%; } .goda2:nth-of-type(4) span{ background:url(/i/icon_garancy.svg) center center no-repeat; background-size: auto 100%; } .utp:nth-of-type(5) span{ background:url(/i/icon_tech.svg) center center no-repeat; background-size: auto 75%; } .categories_block{ width:100%; margin: 50px 0 50px 0; } .categories_block .lblock{ width: 60%; height:300px; float:left; } .cat_block_mebel_na_zakaz{ position: relative; } .cat_block_mebel_na_zakaz .lblock{ width:100%; float:none; display: flex; flex-wrap: wrap; height:auto; column-gap: 15px; justify-content: space-between; } .categories_block .lblock .cat{ width: calc(50% - 12.5px); height: 300px; float:left; margin-left:25px; display:block; text-decoration:none; background-size: auto 100%; background-position:center center; background-repeat:no-repeat; position:relative; text-align: center; border-radius: 12px; } .cat_block_mebel_na_zakaz .lblock .cat{ width: 29%; height:auto; margin-left:0; aspect-ratio: 1/1; border-radius:10px; margin-bottom:30px; position: relative; } .categories_block .lblock .cat span{ border-radius: 5px; padding: 10px 15px; background: #fff; color: #000; text-align: center; margin: 65% auto 0 auto; display: inline-block; left: auto; right: auto; } .cat_block_mebel_na_zakaz .lblock .cat span{ margin: 0% auto 0 auto; position: relative; top:80%; } .categories_block .lblock .cat:hover{ outline: 4px solid #ffdf27; } .categories_block .lblock .cat:hover span{ background:#ffdf27; } .cat_classic{ background-image:url(/i/mp_classic.jpg); } .wrapper .cat_block_mebel_na_zakaz .lblock .cat_kuh{ background-image:url(/i/products/16669344781.jpg); width: 38%!important; height: auto; aspect-ratio: 2/1; background-size: cover; @supports (background-image: url('/i/16669344781.webp')) { background-image: url('/i/16669344781.webp'); } } .cat_sovremen{ background-image:url(/i/mp_sovremen.jpg); } .cat_shkafy_raspashnye{ background-image:url(/i/products/16993598881.jpg); @supports (background-image: url('/i/16993598881.webp')) { background-image: url('/i/16993598881.webp'); } } .cat_shkafy_kupe{ background-image:url(/i/products/16998650051.jpg); @supports (background-image: url('/i/16998650051.webp')) { background-image: url('/i/16998650051.webp'); } } .cat_shkafy_gostin{ width: 49%!important; aspect-ratio: 3/2!important; background-image:url(/i/products/17171417611.jpeg); background-size: cover!important; @supports (background-image: url('/i/17171417611.webp')) { background-image: url('/i/17171417611.webp'); } } .cat_shkafy_prihoz{ width: 49%!important; aspect-ratio: 3/2!important; background: url('/i/prih_mp.jpg'); @supports (background: url('/i/prih_mp.webp')) { background: url('/i/prih_mp.webp'); } background-size: cover!important; } .categories_block .lblock .cat:first-child{ margin-left:0px; } .categories_block .rblock{ width:calc(40% - 25px); height: 300px; float:left; margin:0 0 0 25px; } .categories_block .rblock .slide_to_calc { display: none!important; } .categories_block .rblock .action{ display: table; text-decoration: none; width: 100%; height: 95.4px; background-color: #e9e9e9; margin: 0 0 7px 0; color: #000; background-position: center left; background-repeat: no-repeat; background-size: 90px 90px; border-radius: 8px; } .categories_block .rblock .action:nth-child(1){ background-image:url(../i/ico_calc.png) ; } .categories_block .rblock .zakdiz_zamer{ background-image:url(../i/ico_zamer.png) ; } .categories_block .rblock .zakdiz{ background-image:url(../i/design_icon.png?v1) ; } .categories_block .rblock .zapshow{ background-image:url(../i/showroom_ico.png?v1) ; } .categories_block .rblock .mailproj{ background-image:url(../i/email-1-svgrepo-com.svg?v1) ; background-size: 50px 50px; background-position: 20px 50%; } .categories_block .rblock .action span{ display:table-cell; padding:0 0 0 90px; font-size:15px; line-height:22px; box-sizing:border-box; vertical-align:middle; } .categories_block .rblock .action:first-child{ position: relative; overflow:hidden; } .categories_block .rblock .action:first-child:before{ content: ''; width: 1.7em; height: 100% ; display: block; position: absolute; top: 0; left: 0; z-index: 10; background-color: rgba(255,255,255, 0.6); transform: translateX(-4em) skewX(-35deg); -webkit-animation-name: move-light 3.5s infinite; -moz-animation-name: move-light 3.5s infinite; -o-animation-name: move-light 3.5s infinite; animation: move-light 3.5s infinite; } @keyframes move-light{ 0%{ transform: translateX(-4em) skewX(-35deg); } 40% { transform: translateX(800px) skewX(-35deg); } 100% { transform: translateX(800px) skewX(-35deg); } } .categories_block .rblock .action:nth-child(4){ margin:0 0 0 0; } .categories_block .rblock .action:hover{ background-color:#ffda07; } .categories_block .all_kitchens { text-align:center; } .categories_block .all_kitchens a{ border: none; border-radius: 5px; text-align: center; box-sizing: border-box; padding: 15px 35px; margin: 40px auto 0 auto; background: #ffe367; font-family: 'latoregular', roboto, arial; cursor: pointer; color: #000; text-decoration: none; display: inline-block; } .categories_block .all_kitchens a:hover{ background-color:#ffda07; } .slider{ background:url(../i/top_bg.jpeg) center center no-repeat #f7f7f7; width:100%; height: calc(100% - 130px); min-height:600px; max-height:1180px; background-size:cover; } .slider .slider_wrapper{ width:1100px; height:345px; margin:0 auto; position:relative; top:20%; color:#fff; } @media screen and (max-height: 750px) { .slider .slider_wrapper{ top:15%; } } @keyframes color { 0% { -webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg);} 25%{ -webkit-filter: hue-rotate(90deg); filter: hue-rotate(90deg);} 50%{ -webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);} 75%{ -webkit-filter: hue-rotate(270deg); filter: hue-rotate(270deg);} 100%{ -webkit-filter: hue-rotate(360deg); filter: hue-rotate(360deg);} } .man_opac{ width:522px; height:345px; background:red; position:absolute; top:3px; right:17px; background:url(../i/man1_opac.png) 100% 0 no-repeat; opacity:0.5; -webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg); animation: color 8s infinite ease-in-out; } .slider .slider_wrapper h1{ font-family: 'latoblack', roboto, arial; font-size: 32px; letter-spacing: 2px; line-height: 50px; padding: 90px 0 0 0; margin: 0; display: block; text-align: left; max-width: 500px; } .slider .slider_wrapper h2{ font-family: 'latoregular', roboto, arial; font-weight:normal; font-size:16px; padding:10px 0 0 0; margin:0; display:block; text-align:left; } .slider .slider_wrapper .button{ font-family: 'latoregular', roboto, arial; width:325px; border-radius: 8px; border:none; font-size:16px; margin:0; display:block; text-align:center; background:#ffda07; font-weight:normal!important; padding:0 10px; line-height:22px; padding:15px 20px 17px; cursor:pointer; margin:40px 0 0 0; color:#000; border-bottom: 5px solid #bba319; border-radius: 5px; } .slider .slider_wrapper .button:hover{ background:#ffdf27; border-bottom: 3px solid #bba319; padding:15px 20px 19px; } h3{ font-family: 'latobold', roboto, arial; text-align: center; font-size: 27px; line-height: 29px; padding: 35px 0 60px 0; margin: 0; } .catalog h1 { font-family: 'latoblack', roboto, arial; text-align: center; font-size: 35px; line-height: 35px; padding: 35px 0 20px 0; margin: 0; } h5 { font-family: 'latobold', roboto, arial; font-weight:normal; display: block; font-size: 18px; padding: 0 0 3px 0; margin-bottom: 10px; } .category .cath3{ font-family: 'latobold', roboto, arial; text-align: center; font-size: 27px; line-height: 29px; padding:10px 0 10px 0; margin: 0; } .notfound{ padding:20px 0; } .menu{ background:#FFF; width:100%; height:525px; border-bottom:2px dashed #e4e2e1; } .menu h3{ padding:70px 0 57px 0; } .menu .predtext{ text-align:center; font-family: 'latoblack', roboto, arial; text-align:center; font-size:20px; line-height:25px; padding:40px 0 0px 0; margin:0 0 -50px 0; } .menu .models .one{ margin:0; } .menu .models .s1{ background:url(../i/1.png) 100% 50% no-repeat; background-size:205px 205px; } .menu .models .s2{ background:url(../i/2.png) 100% 50% no-repeat; background-size:205px 205px; } .menu .models .s3{ background:url(../i/3.png) 100% 50% no-repeat; background-size:205px 205px; } .menu .models .s4{ background:url(../i/4.png) 100% 50% no-repeat; background-size:205px 205px; } .menu .models .s5{ background:url(../i/5.png) 100% 50% no-repeat; background-size:205px 205px; } .menu .models .one{ width:205px; height:302px; margin:0 18px 0 0; float:left; cursor:pointer; } .menu .models .title{ font-family: 'latoblack', roboto, arial; font-size:17px; text-align:center; line-height:17px; padding:19px 0 0 0; } .menu .models .price{ font-family: 'latoregular', roboto, arial; font-size:14px; text-align:center; line-height:14px; margin:226px 0 0 0; } .menu .models .one:hover:before{ content:''; display:block; width:205px; height:302px; position:absolute; background:red; margin-top:0px; background:rgba(255,255,255,0.7); border:2px solid #fee138; } .menu .models .one:hover:after{ z-index:2; position:absolute; content:"Выбрать"; font-family: 'latoblack', roboto, arial; width:177px; border-radius: 5px; border:none; font-size:18px; margin:0; display:block; text-align:center; background:#fee138; font-weight:normal; padding:0 10px; line-height:18px; padding:14px 0px 13px 0px; cursor:pointer; margin:-150px 0 0 15px; } .menu .models .one:hover:after:hover{ border:2px solid #000; } .menu .models .lastone{ margin:0px; } .construct{ background:#FFF; width:100%; height:348px; padding:58px 0 0 0; box-sizing:border-box; } .construct .left{ width:205px; height:205px; background:url(../i/6.png) 100% 50% no-repeat; background-size:205px 205px; float:left; } .construct .right{ float:left; padding:0 0 0 30px; } .construct .right h3{ font-family: 'latoblack', roboto, arial; text-align:left; font-size:25px; line-height:25px; padding:22px 0 25px 0; margin:0; } .construct .right .fl{ float:left; width:312px; position:relative; line-height:33px; } .construct .right [type="text"]{ width:59px; height:20px; border:1px solid rgba(219,218,217,1); box-sizing:border-box; padding:0 4px; position:absolute; left:0; margin-left:170px; margin-top:6px; } .construct .right .fl span{ position:absolute; left:0; margin-left:238px; font-size:12px; color:#c9c9c9; } .construct .right select{ width:228px; height:21px; border:1px solid rgba(219,218,217,1); box-sizing:border-box; padding:0 4px; position:absolute; left:0; margin-left:1px; margin-top:5px; } .construct .right [type="submit"]{ background: #ffda07; width: 220px; height: 50px; display: block; text-decoration: none; color: #000; border-radius: 8px; line-height: 15px; font-size: 15px; border: 1px solid #f8d50f; text-align: center; margin: 5px 0 20px 0; box-sizing: border-box; padding: 3px 0 0 0px; border-bottom: 5px solid #bba319; cursor:pointer; } .construct .right [type="submit"]:hover{ background: #ffe345; height: 50px; border-bottom: 3px solid #bba319; padding: 1px 0 0 0px!important; } #slide_about, #slide_zamer{ max-width:1170px } .about{ background:#f7f7f7; width:100%; height:775px; } .about .left{ width: 280px; min-height:280px; float:left; } .about .left .one{ width:280px; float:left; height:105px; } .about .left .ic1{ background:url(../i/ic1.png) 140px 50% no-repeat; background-size:64px 64px; } .about .left .ic2{ background:url(../i/ic2.png) 140px 50% no-repeat; background-size:64px 64px; } .about .left .ic3{ background:url(../i/ic3.png) 140px 50% no-repeat; background-size:64px 64px; } .about .left .ic4{ background:url(../i/ic4.png) 140px 50% no-repeat; background-size:64px 64px; } .about .left .ic5{ background:url(../i/ic5.png) 140px 50% no-repeat; background-size:64px 64px; } .about .rightdum{ width:100%; height:775px; position:absolute; left:50%; margin-left:-350px; background:#fff; z-index:0; box-shadow: -1px 4px 10px rgb(68 92 130 / 10%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 0px rgb(255 255 255 / 0%); } .about h3{ position:relative; z-index:1; } .about .right{ float:left; padding:165px 0 110px 0; margin:-165px 0 0 0; position:relative; z-index:1; } .about .right .one{ padding:30px; height:105px; box-sizing:border-box; } .about .right h4{ font-family: 'latobold', roboto, arial; font-size: 17px; line-height: 24px; padding: 0 0 5px 0; margin: 0; } .questions{ width:100%; height:510px; } .questions .wrapper{ background: url(../i/vita_iphone.jpg) 230px 95px no-repeat #fff; background-size: 190px auto; height: 510px; max-width: 1100px; } .questions .form{ width:438px; border:1px solid rgba(219,218,217,1); border-radius:8px; margin:0 0 0 500px; box-sizing:border-box; padding:35px 40px 20px 40px; } .questions .form [type="tel"]{ width:338px; height:56px; border:1px solid rgba(219,218,217,1); border-radius: 5px; font-size:15px; text-align:center; box-sizing:border-box; padding:15px 0; margin:25px 0 0 0; } .questions .form [type="submit"]{ width:338px; height:56px; border:none; border-radius: 5px; font-size:15px; text-align:center; box-sizing:border-box; padding:15px 0; margin:25px 0 0 0; background:#ffda07; font-family: 'latoregular', roboto, arial; font-size:15px; line-height:18px; color:#000; } .questions .form [type="submit"]:hover{ background-color: #ffe367; cursor:pointer; } .questions .form b{ font-family: 'latobold', roboto, arial; display:block; font-size:16px; padding:0 0 3px 0; } .materials{ background:#fff; width:100%; padding-bottom:100px; border-bottom:2px dashed #e4e2e1; } .materials a{ display:block; width:166px; height:166px; padding:0; margin:0 20px 20px 0; float:left; text-align:center; } .materials a:nth-of-type(6n+0){ margin-right:0px; } .materials .menu_mats{ display:block; clear:both; width:100%; height: 70px; text-align:left; } .materials .menu_mats a{ display:inline-block; width:auto; height:24px; margin:0; color:#000; text-decoration:none; margin:0 10px; border-bottom:2px solid #6d6d6d; padding-bottom:5px; border-radius: 20px; border: none; font-size: 14px; margin: 0 15px 0 0; text-align: center; background: #e6e6e6; font-weight: normal; padding: 8px 15px 0 15px; line-height: 18px; cursor: pointer; } .materials .menu_mats .active{ background: #fee138; } .materials .mat_block{ display:none; } .visible{ display:block!important; } .materials .menu_mats a:hover{ background: #fee138; opacity:1; } .materials a:hover{ opacity:0.8; } .portfolio{ background:#fbf9f8; width:100%; padding-bottom:100px; } .portfolio a{ display:block; width:204px; height:204px; padding:0; margin:0 20px 20px 0; float:left; } .portfolio a:hover{ opacity:0.8; } .portfolio a:nth-of-type(5n+0){ margin-right:0px; } .catalog{ width:100%; padding-bottom:50px; } .the_same{ padding:40px 0 0px; } .the_same .catalog .one_modelk img { min-width: auto; height: auto; object-fit: cover; max-height: none; width: 268px; border-radius: 12px; } .the_same .catalog{ padding:40px 0 0px; background:#fff; } .the_same h3 { font-family: 'latoblack', roboto, arial; text-align: center; font-size: 27px; line-height: 29px; padding: 40px 0 0px 0; margin: 0; } .catalog .one_modelk{ display:block; width: 376px; height: 290px; padding:0; margin:0 20px 20px 0; float:left; overflow:hidden; position:relative; background:#eaeaea; cursor:pointer; border-radius:12px; } body .cart .inline_model{ width: 100%!important; min-height: 70px!important; height: auto!important; padding: 0 0 15px 0!important; margin: 7px 0!important; border-radius: 0; border-bottom: 1px solid #e3e3e3; cursor: default; } .remove_cart{ cursor: pointer; background:url(../i/remove_cart.svg) no-repeat; background-size:20px auto; background-position: 100% 70%; width:20px; height:30px; display: inline-block; } body .cart .inline_model:last-of-type{ border-bottom: none; } .cart .inline_model .inner_prod{ display: flex!important; justify-content: flex-start; } .cart .price_name{ left:0; right:auto; width: auto; } .cart .one_modelk img{ max-height:70px!important; } .cart .one_modelk .inner_prod:hover{ max-height:none!important; } .cart .image_prod_shkaf{ background: #f6f6f6; min-width: 70px; width: 70px; height: 70px; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; overflow: hidden; position: relative; } body .cart .price_name{ padding: 0px 0px 0px 30px; width: 100%; } body .cart .inner_prod { min-height: 90px!important; height: auto!important; } .catalog .modulnye .one_modelk{ width: 575px; height: 412px; } .catalog .modulnye .one_modelk:nth-of-type(3n+0) { margin-right: 20px } .catalog .modulnye .one_modelk:nth-of-type(2n+0) { margin-right: 0px; } .prod_img{ display:block; width: 100%; height: 100%; position: relative; z-index: 1; } .catalog .dop_photo_catalog{ opacity:0; } .shkafy_cat .one_modelk img.dop_photo_catalog{ opacity:0; position: absolute; } .catalog .overphotos_block .dotes{ position:absolute; top:92%; width:100%; display: flex; justify-content: center; } .catalog .overphotos_block .dotes .dote.active { background: #fed933; } .catalog .overphotos_block .dotes .dote{ font-size: 0px; line-height: 0; display: block; width: 6px; height: 6px; margin: 0 2px; cursor: pointer; color: transparent; padding: 0px; border-width: 0; border-style: solid; border-color: #fed933; background: #66666694; border-image: initial; border-radius: 12px; outline: none; } .catalog .overphotos_block{ position: absolute; width: 100%; height: 100%; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; } .catalog .overphotos_block .one_hover_block{ height:100%; width:100%; display: flex; } .catalog .one_modelk img{ min-width:376px; max-height:290px; } .catalog .modulnye .one_modelk img{ min-width:none; max-height:none; display: block; width: 100%; } .catalog .modulnye .one_modelk .prod_img{ display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .catalog .one_modelk:nth-of-type(3n+0){ margin-right:20px; } .catalog .modulnye .price_name { font-size: 20px; } .shkafy_cat .one_modelk{ display: block; width: 270px; height: 335px; padding: 0; margin: 0 30px 40px 0!important; float: left; overflow: visible; position: relative; background: #fff; cursor: pointer; text-decoration: none; z-index: 1; } .shkafy_cat .one_modelk .inner_prod{ width:100%; height: 355px; z-index: 10; overflow: hidden; position:relative; } .left_rigth_calctop{ width:640px; margin:30px auto 0 auto; } .lsidect{ float:left; margin-right:20px; border-radius:15px;width:120px; height:120px; } .left_rigth_calctop #calc_name{ float:left; width:500px; text-align:left; padding-bottom:10px; padding-top:5px; } .one_modelk .more{ width: 70%; height: 40px; margin: 15px 0 0 0; box-sizing: border-box; line-height: 40px; border-radius: 8px; text-align: center; border: 1px solid #c2c2c2; display: none; } .one_modelk .more:hover{ background: #404040!important; color: #fff!important; cursor: pointer!important; } .one_modelk .add2cart{ width: calc(30% - 20px); height: 40px; margin: 15px 20px 0 auto; box-sizing: border-box; line-height: 40px; border-radius: 8px; text-align: center; border: 1px solid #c2c2c2; display: none; float:left; background: url(/i/carticon.svg) center center no-repeat; background-size: 30px auto; } .one_modelk .add2cart:hover{ background: url(/i/carticon.svg) center center no-repeat #bfbfbf!important; background-size: 30px auto!important; color: #fff!important; cursor: pointer!important; filter:invert(100%) } .one_modelk .incart{ background: url(/i/carticon.svg) center center no-repeat #943894!important; background-size: 30px auto!important; filter:invert(100%); border:1px solid #943894; } .one_modelk .incart:hover{ background: url(/i/carticon.svg) center center no-repeat #943894!important; background-size: 30px auto!important; filter:invert(100%); border:1px solid #943894; } .shkafy_cat .one_modelk .inner_prod:hover{ overflow: visible; height: auto; } .shkafy_cat .one_modelk .inner_prod:hover div.params{ display:flex; } .shkafy_cat .one_modelk .inner_prod:hover div.more{ display:inline-block; } .shkafy_cat .one_modelk .inner_prod:hover div.add2cart{ display:block; } .search_table .one_modelk .inner_prod:hover{ overflow: visible; height: 350px; } .shkafy_cat .search_table .one_modelk{ height: 350px; } .down_img_list{ display: none; } .shkafy_cat .one_modelk:after{ content:''!important; display:none!important; } .shkafy_cat .one_modelk .inner_prod:after{ content:''!important; display:block!important; width:calc(100% + 40px)!important; height:calc(100% + 40px)!important; background:#fff!important; position:absolute!important; top:-20px!important; left:-20px!important; opacity:0; border-radius: 12px; z-index:-1!important; -webkit-box-shadow: 0px 2px 19px -2px rgba(34, 60, 80, 0.23); -moz-box-shadow: 0px 2px 19px -2px rgba(34, 60, 80, 0.23); box-shadow: 0px 2px 19px -2px rgba(34, 60, 80, 0.23); } .shkafy_cat .search_table .one_modelk .inner_prod:after{ content:''!important; display:block!important; width:calc(100% + 40px)!important; height:calc(100% + 40px)!important; background:#fff!important; position:absolute!important; top:-20px!important; left:-20px!important; opacity:0; z-index:-1!important; -webkit-box-shadow: 0px 2px 19px -2px rgba(34, 60, 80, 0.23); -moz-box-shadow: 0px 2px 19px -2px rgba(34, 60, 80, 0.23); box-shadow: 0px 2px 19px -2px rgba(34, 60, 80, 0.23); } .shkafy_cat .one_modelk:before{ content:''!important; display:none!important; } .shkafy_cat .one_modelk .inner_prod:hover:after{ opacity:1; } body .shkafy_cat .one_modelk:hover .price_name { display: block!important; } .products_in_cart .price_name { max-height: none!important; } .products_in_cart .one_modelk{ aspect-ratio:unset!important; } .shkafy_cat .price_name { display: block; position: relative; background: #fff; font-size: 15px; box-sizing: border-box; padding: 20px 0px 0px 0px; color: #000; font-style: normal; top: 0; right: 0; max-height: 200px; width: 100%; -webkit-transition-timing-function: cubic-bezier(0.010, 0.485, 0.750, 0.750); -moz-transition-timing-function: cubic-bezier(0.010, 0.485, 0.750, 0.750); -o-transition-timing-function: cubic-bezier(0.010, 0.485, 0.750, 0.750); transition-timing-function: cubic-bezier(0.010, 0.485, 0.750, 0.750); } .shkafy_cat .price_name .params { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; border-top:1px solid #ddd; padding:5px 0 0 0; margin: 8px 0 0 0; display: none; } .params .onepar .name{ color:#cdcdcd; font-size:13px; } .params .onepar{ color:#767676; white-space: nowrap; } .shkafy_cat .one_modelk:nth-of-type(4n){ margin-right:0px!important; } .search_table .one_modelk:nth-of-type(3n){ margin-right:30px!important; } .search_table .one_modelk:nth-of-type(4n){ margin-right:0px!important; } .shkafy_cat .one_modelk img{ border: none; min-width:auto; max-height: 270px; display: flex; filter: brightness(98%); border-radius: 12px; } .shkafy_cat .one_modelk:hover{ filter: brightness(100%); } .image_prod_shkaf { background: #f6f6f6; min-width: auto; height: 268px; display: flex; align-items: center; justify-content: center; box-sizing: border-box ; overflow: hidden; border-radius:12px; position:relative; } .shkafy_cat .textcenter{ padding: 0px 0 0px 0; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .catalog .one_modelk img{ height:290px; } .catalog .modulnye .one_modelk img{ height:auto; } } .catalog .one_modelk:hover{ } .the_same .catalog .one_modelk:hover{ overflow: visible; filter:brightness(110%); } .catalog .buttons_kitchen{ display: none; position: absolute; z-index: 2; width: 100%; box-sizing: border-box; bottom: 0; padding: 0 15px 20px 15px; } .catalog .one_modelk:hover .buttons_kitchen{ display:flex; } .catalog .one_modelk:hover .price_name{ display:none!important; } .catalog .one_modelk:hover img { opacity: 1; border-radius:12px; } .the_same .catalog .one_modelk:hover .price_name{ display:block!important; } .catalog .one_modelk .calc_price_kitchen { width: calc(55% - 1px); height: 40px; margin: 30px 15px 0 0; box-sizing: border-box; line-height: 40px; border-radius: 8px; text-align: center; background: #ffeca1; display: block; text-decoration: none; color:#000; } .catalog .one_modelk .calc_price_kitchen:hover { background-color: #f8d50f } .catalog .one_modelk .project_order_kitchen { width: calc(45% - 3px); height: 40px; margin: 30px auto 0 auto; box-sizing: border-box; line-height: 40px; border-radius: 8px; text-align: center; background: #fff; display: block; text-decoration: none; color:#000; } .catalog .one_modelk .project_order_kitchen:hover { background-color: #404040; border: 1px solid #404040; color:#fff; } .catalog .one_modelk:nth-of-type(3n+0){ margin-right:0px; } .catalog .one_modelk:hover{ z-index: 2; } .the_same .catalog{ display: flex; column-gap: 15px; justify-content: space-between; } .the_same .catalog noindex{ display: flex; column-gap: 20px; } .the_same .one_modelk{ display: block; width:268px; height: 385px; padding: 0; margin: 0 0px 20px 0; float: left; overflow: visible; text-align: left; justify-content: center; text-decoration: none; background: none; } .shkaf_same .price_name b { display: inline-block; } .the_same .one_modelk img{ opacity:1; } .the_same .price_name{ z-index:10; color:#000; background:#fff; padding: 15px 0px 0px 0px; height: auto; position:relative; } .the_same .prod_img{ height:auto; } .catalog .one_modelk:hover .price_name { display: block; } .the_same .image_prod_shkaf{ height: 260px; } .catalog .next_kitchens { width: 100%; margin: 20px auto 0 auto; display:block; clear:both; } .catalog .next_kitchens a{ height: 62px; border: none; border-radius: 5px; font-size: 18px; text-align: center; box-sizing: border-box; padding: 0px 30px; margin: 0px auto 0 auto; background: #ffda07; font-family: 'latoregular', roboto, arial; font-size: 18px; line-height: 60px; cursor: pointer; color: #000; text-decoration: none; display: block; width: 300px; } .catalog .next_kitchens a{ background: #ffe367; width: 250px; height: 54px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 54px; font-size: 15px; border: none; text-align: center; margin: 0px auto 0 auto; box-sizing: border-box; padding: 0px 0 0 0px; } .catalog .next_kitchens a:hover{ background-color:#fed933; } .prodname{ text-decoration: none; color:#fff!important; } .the_same .prodname{ text-decoration: none; color:#000!important; display: block; } .price_name{ display:block; position:absolute; background: rgb(2,0,36); background: linear-gradient(0deg, rgba(2,0,36,0) 0%, rgba(2,0,30,0.3449754901960784) 9%, rgba(1,0,15,0.5410539215686274) 25%, rgba(0,0,0,0.5522584033613445) 40%, rgba(0,0,0,0) 97%); font-size:17px; box-sizing:border-box; padding:20px 10px 20px 20px; color:#fff; font-style:normal; bottom:0; right:0; width:100%; z-index: 1; -webkit-transition-timing-function: cubic-bezier(0.010, 0.485, 0.750, 0.750); -moz-transition-timing-function: cubic-bezier(0.010, 0.485, 0.750, 0.750); -o-transition-timing-function: cubic-bezier(0.010, 0.485, 0.750, 0.750); transition-timing-function: cubic-bezier(0.010, 0.485, 0.750, 0.750); } .price_name b{ font-weight:normal; display:inline-block; font-size:14px; } .the_same .price_name b{ display:inline-block; } .the_same strike.old_price_cat{ display:inline-block; margin:0 0 0 0px; } .clear_params{ display: none; color: #0064ff; margin:0 auto; text-align: center; cursor: pointer; text-decoration: underline; } .clear_params:hover{ text-decoration: none; } .load_more{ width: calc(100% - 300px); margin: 0 auto; float: right; } .load_more.kitchencat{ width: 100%; margin: 0 auto; float: right; } .load_more a{ border-radius: 10px; box-sizing: border-box; padding:15px; text-align: center; background: #fed934; height: 56px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 56px; font-size: 16px; margin: 10px auto 20px auto; position: relative; box-sizing: border-box; padding: 0 0 0 0px; width: 250px; text-align: center; cursor: pointer; border: none; } .pages_bottom{ margin: 20px auto; text-align: center; } .load_more.kitchencat.shkafy_pages{ width: calc(100% - 300px); margin: 0 0 0 300px; float:none; } .pages_bottom.shkafy_pages { width: calc(100% - 300px); margin: 0 0 20px 300px; } .pages_bottom .page_b{ display: inline-block; border-radius: 8px; padding:5px; background:#ebebeb; text-align: center; margin:0 5px; min-width: 20px; text-decoration: none; color:#000; width:auto!important; height:auto!important; float: none!important; overflow: visible!important; } .pages_bottom .page_b:hover{ display: inline-block; border-radius: 8px; padding:5px; background:#6b6b6b; color:#fff; } .pages_bottom .page_b.activepage{ background:#333; color:#fff; cursor: default; } .price_name strong{ font-weight:normal; font-family: latoregular; } .price_name .old_price_cat{ font-size: 13px; display: inline-block; line-height: 25px; font-family: 'latoregular', roboto, arial; text-decoration: line-through; color: #c1c1c1; margin: 0px 0 0 10px; } .price_name .fasady_card{ font-style:normal; font-size:13px; display:inline-block; line-height:20px; margin: 0 0 0 15px; color: #dbdbdb; } .price_name .pricetag:before { position: absolute; background: rgba(255,255,255,0); content: "\25CF"; color: white; font-size: 12px; line-height: 12px; text-indent: 4px; top: 3px; left: -8px; width: 14px; height: 14px; transform: rotate(45deg); border-left: 1px solid #C7D2D4; border-bottom: 1px solid #C7D2D4; } .price_name .pricetag { white-space: nowrap; position: relative; margin: 0 5px 0 20px; displaY: inline-block; height: 20px; border-radius: 0 5px 5px 0; padding: 0 10px 0 15px; background: rgba(255,255,255,0); border: 1px solid #C7D2D4; color: #999; line-height: 20px; font-size: 12px; border-left:none; } .shkafy_cat .price_name .pricetag:before { position: absolute; background: #69c469; content: "\25CF"; color: white; font-size: 12px; line-height: 12px; text-indent: 4px; top: 3px; left: -8px; width: 14px; height: 14px; transform: rotate(45deg); border-left: 1px solid #69c469; border-bottom: 1px solid #69c469; } .shkafy_cat .price_name .pricetag { white-space: nowrap; position: relative; margin: 0 5px 0 20px; displaY: inline-block; height: 20px; border-radius: 0 5px 5px 0; padding: 0 10px 0 15px; background: rgba(255,255,255,0); border: 1px solid #69c469; color: #fff; background: #69c469; line-height: 20px; font-size: 12px; border-left: none; } .polzunok_wrapper{ display:block; } .about_block{ background:#fff; width:100%; padding-bottom: 80px; } .about_block h3{ padding: 30px 0 10px 0; text-align: left; } .about_block h1 { font-family: 'latobold', roboto, arial; text-align: left; font-size: 27px; line-height: 29px; margin: 0; padding: 30px 0 30px 0; } .event_block_wr h3{ text-align: center; } .event_block_wr h1 { text-align: center; } .about_block .text_about{ padding: 20px 0 30px 0; font-size:15px; line-height:24px; min-height: calc(100vh - 650px); } .duhx2 img{ width:100%; } .about_block .feedbackpage{ min-height: calc(100vh - 448px);} .about_block h1 { padding: 40px 0 30px 0; } .feedbackpage h2{ font-family: 'latobold', roboto, arial; text-align: left; font-size: 22px; line-height: 25px; margin: 0; padding: 10px 0 10px 0; } .feedbackpage .fb_text{ background: #FFF; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); border-radius: 0; padding: 20px 45px 25px 45px; display: inline-block; width:100%; box-sizing: border-box; } .feedbackpage .fb_form_block{ margin: 30px 0; } .feedbackpage p{ font-size:17px; } .fb_form_block form{ display: flex; } .fb_form_block .left_fb{ display: flex; width:60%; flex-wrap: wrap; justify-content: space-between; } .fb_form_block .right_fb{ width:40%; box-sizing: border-box; padding:0 0 0 20px; } .fb_text .right{ text-align: right; display: block; } .fb_form_block [type="text"] { height: 50px; width: 100%; box-sizing: border-box; padding: 0 15px; line-height: 40px; font-size:15px; display: inline-block; margin: 10px 0 10px 0px; border: 1px solid #bcbcbc; border-radius: 3px; background:#f5f9ff; } .fb_form_block [type="text"]:focus{ background:#fff; } .fb_form_block form textarea::placeholder { font-family: 'latoregular', roboto, arial; } .fb_form_block form textarea { font-family: 'latoregular', roboto, arial; } .fb_form_block textarea { height: 200px; width: 100%; box-sizing: border-box; padding: 12px 15px; line-height: 28px; font-size:15px; display: inline-block; margin: 10px 0 10px; border: 1px solid #bcbcbc; border-radius: 3px; background:#f5f9ff; } .fb_form_block textarea:focus{ background:#fff; } .fb_form_block .fb_send_bottom { background: #ffda07; width: 200px; height: 45px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 45px; font-size: 15px; border: 1px solid #f8d50f; text-align: center; margin: 20px 0 20px 0; box-sizing: border-box; padding: 0 0 0 0px; cursor: pointer; } .fb_form_block .fb_send_bottom:hover { background: #ffda07ce; cursor: pointer; } .mptxt_wrap{ background:#f7f7f7; } .mp_text{ padding: 40px 0 50px 0; font-size:15px; line-height:22px; } .mp_text h1,.mp_text h2,.mp_text h3,.mp_text h4 { font-family: 'latobold', roboto, arial; text-align: center; font-size: 27px; line-height: 29px; padding: 20px 0 30px 0; margin: 0; } .about_block a{ display:block; width:204px; height:204px; padding:0; margin:0 20px 20px 0; float:left; } .about_block a:hover{ opacity:0.8; } .video_marshrut{ margin:30px 0 30px 0; display: flex; flex-wrap: wrap; column-gap: 20px; } .video_marshrut .v{ width:calc(50% - 10px)!important; height:auto!important; aspect-ratio: 16/9; } .video_marshrut .vname{ padding:0 0 10px 0; font-family: 'latobold', roboto, arial; } .video_marshrut iframe{ width:100%!important; height:100%!important; } .about_block .certificates a{ width:auto; height:auto; display:block; margin:0; } .about_block .certificates{ display:flex; flex-wrap: wrap; column-gap: 20px; row-gap: 10px; justify-content: flex-start; } .about_block a:nth-of-type(5n+0){ margin-right:0px; } .zamer{ background:#eeeeee; width:100%; height:296px; padding:70px 0 0 0; box-sizing:border-box; } .zamer .left{ float: left; font-family: 'latobold', roboto, arial; font-size: 30px; line-height: 30px; text-align: right; width: 273px; height: 150px; border-right: 1px solid #000; padding: 20px 48px 10px 0; box-sizing: border-box; } .zamer .left div{ font-family: 'latobold', roboto, arial; font-weight:normal; font-size:40px; line-height:50px; padding:0; margin:0; text-transform:none; } .zamer .center{ float:left; font-size: 15px; line-height: 22px; text-align:left; width:455px; height:150px; padding:39px 0px 10px 50px; box-sizing:border-box; } .zamer .right{ float:left; font-size: 15px; line-height: 22px; text-align:left; width:372px; height:150px; padding:39px 0px 10px 50px; box-sizing:border-box; } .zamer .right .button{ width: 326px; height: 56px; border: none; border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; margin: 0px 0 0 0; background: #53b44e; color: #fff; font-family: 'latoregular', roboto, arial; font-size: 15px; line-height: 56px; cursor: pointer; border: none; } .zamer .right .button:hover{ width:326px; height:56px; border:none; border-radius: 5px; font-size:15px; text-align:center; box-sizing:border-box; margin:0px 0 0 0; background:#69ca64; font-size:15px; line-height: 56px; cursor:pointer; color:#fff; } .opinions{ background:#fff; width:100%; height:630px; position:relative; } .opinions .wrapper{ position:relative; } .opinions .arr_left{ background:url(../i/arrows.png) 0 0 no-repeat; width:20px; height:31px; cursor:pointer; position:absolute; left:20px; top:120px; display:block; } .opinions .arr_left:hover{ opacity:0.8; } .opinions .arr_right{ background:url(../i/arrows.png) -20px 0 no-repeat; width:20px; height:31px; cursor:pointer; position:absolute; right:20px; top:120px; display:block; } .opinions .arr_right:hover{ opacity:0.8; } .opinions .one_wrapper{ width:1100px; height:260px; margin:0px auto 0 auto; } .opinions .one{ width:740px; height:260px; margin:50px auto 0 auto; } .opinions .one .left{ width:179px; height:179px; border-radius:90px; overflow:hidden; float:left; } .opinions .one .right{ float:left; width:561px; height:260px; box-sizing:border-box; padding:10px 0 0 20px; line-height:17px; } .opinions .one .right h5{ font-family: 'latoblack', roboto, arial; font-size:16px; line-height:16px; padding-bottom:0px; margin:0; } .opinions .one .right h5 span{ font-weight:normal; font-family: 'latoregular', roboto, arial; color:#949494; font-size:15px; line-height:15px; padding-bottom:0px; margin:0; } .contacts_map_bottom{ height:450px; } .contacts_header{ width:100%; height:80px; background:rgba(72,70,70,1); text-align:center; font-size:35px; line-height:35px; color:#fff; font-family: 'latoblack', roboto, arial; font-weight:normal; box-sizing:border-box; padding:23px 0 0 0; } .contacts_map{ background:#fff; width:100%; height:450px; position:relative; } .cont_block{ background:#eeeeee; width:370px; position:absolute; z-index:1; left:50%; top:70px; margin-left:-550px; } .cont_block .top{ background:#f4f4f4; width:370px; height:217px; box-sizing:border-box; padding:30px; line-height:22px; } .cont_block .top a{ color:#000; } .cont_block hr{ border:none; padding:3px 0 0 0; border-bottom:1px solid #c5b62d; } .cont_block .top b{ display:block; font-weight:normal; font-family: 'latoblack', roboto, arial; font-size:20px; padding:0 0 15px 0; } .cont_block .bottom{ width:370px; height:217px; box-sizing:border-box; padding:30px; line-height:17px; } .cont_block .bottom { width:370px; height:217px; box-sizing:border-box; padding:30px; line-height:17px; } .cont_block .bottom b{ display:block; font-weight:100; font-family: 'latoblack', roboto, arial; font-size:20px; padding:0 0 15px 0; } .cont_block .bottom [type="text"]{ width:290px; height:50px; border:1px solid rgba(219,218,217,1); border-radius: 5px; font-size:15px; text-align:center; box-sizing:border-box; padding:15px 0; margin:5px 0 0 0; } .cont_block .bottom [type="submit"]{ width:290px; height:50px; border:none; border-radius: 5px; font-size:15px; text-align:center; box-sizing:border-box; padding:15px 0; margin:25px 0 0 0; background:#ffda07; font-family: 'latoregular', roboto, arial; font-size:15px; line-height:18px; color:#000; } .cont_block .bottom [type="submit"]:hover{ width:290px; height:50px; cursor:pointer; border-radius: 5px; font-size:15px; text-align:center; box-sizing:border-box; padding:15px 0; margin:25px 0 0 0; background:#ffdf27; line-height:18px; color:#000; } .contacts_footer{ width:100%; height:76px; background:rgba(18,17,16,1); } .contacts_footer .zapr{ width:350px; margin:0 auto; height:38px; text-align:right; color:#fff; font-size:13px; line-height:16px; padding:15px 0 0 0; float:left; } .contacts_footer .phone{ width:255px; margin:0 auto; height:38px; text-align:right; font-family: 'latoblack', roboto, arial; color:#fff; font-size:22px; line-height:22px; padding:15px 0 0 0; float:right; } .contacts_footer .phone a{ color:#fff!important; } .contacts_footer .email{ width:255px; margin:0 auto; height:38px; text-align:right; color:#fff; font-size:22px; line-height:22px; padding:15px 0 0 0; float:right; font-size:14px; font-family: 'latoregular', roboto, arial; } .black_bg{ background:rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; top:0; left:0; z-index: 1000006; display:none; } .white_bg{ background:rgba(255,255,255,0.6); width:100%; height:100%; position:fixed; top:0; left:0; z-index: 1000006; display:none; } .modal1{ display:none; } .modal_whatsapp{ display:none; width: 550px!important; } .modal_whatsapp .modal_watsapp_header{ font-size: 25px; } .modal_whatsapp .buttons_wp{ display: flex; flex-direction: column; padding: 25px 20px; align-items: center; align-content: center; } .wpb{ width:100%; padding:0 0 0 0px; display: flex; flex-direction: row; } .botwpb{ width:100%; padding:0 0 0 0px; margin: 20px 0 0 0; display:block; display: flex; flex-direction: row; } .botwpb .wp_qr{ background: url(/i/QRwhatsapp.svg?v1) 0 0 no-repeat; width:190px; height:190px; background-size: 190px auto; padding: 0; } .botwpb .wp_qr_text{ width:230px; height: 200px; padding: 0 0px; text-align:left; margin: 0 0 0 20px; list-style: none; } .botwpb .wp_qr_text li{ padding: 0 0 10px } .modal_whatsapp .name_scan{ margin:20px 0 0 0; font-family: latobold; } .modal_whatsapp .button_browz{ border-radius: 8px; background: #ededed; height: 50px; white-space: nowrap; line-height: 50px; padding:0 15px 0 35px; margin:0 20px 0 0; text-decoration: none; color:#000; background: url(/i/whatsapp_ic1.gif) 8px 50% no-repeat #ededed; background-size: 20px; } .modal_whatsapp .button_app{ border-radius: 8px; background: #ededed; height: 50px; white-space: nowrap; line-height: 50px; padding:0 15px 0 35px; text-decoration: none; color:#000; background: url(/i/whatsapp_ic1.gif) 8px 50% no-repeat #ededed; background-size: 20px; } .modal_whatsapp .button_app{ } .modal2{ display:none; } .modal3{ display:none; } .modal11{ display:none; } .modal_project{ display:none; } .modal8{ display:none; } .modal9{ display:none; } .modal_rasschet{ display:none; } .modal_thanx{ display:none; } body .modal_calculate { width: 1170px; padding: 40px 30px 30px 30px; background: #f7f7f7; } .modal_calculate .calc_name{ font-family: 'latoblack', roboto, arial; text-align: center; font-size: 25px; line-height: 29px; padding: 0px 0 0px 0; margin: 0; } .modal_calculate .calc_desc { color: rgb(73, 73, 73); display: block; font-style: normal; padding: 5px 0 0px 0; } .modal_calculate .calc_inner{ min-height: 484px; } .modal_calculate .calc_inner .step6 .left_end_block { background-position: 140px 0; } .modal_calculate .vbox_close{ display:block; } .type_shkaf{ text-transform:lowercase; } .chat_phone_button{ position:fixed; width:60px; height:60px; bottom: 40px; right: 40px; z-index:100; border-radius:54px; background:url(../i/chat_phone_button.jpg) no-repeat; background-size:60px 120px; background-position: 0px 0px; cursor:pointer; -webkit-animation:changeicon 3s steps(2) infinite; animation:changeicon 4s steps(2) infinite; } @keyframes changeicon{ from{background-position-y:0;} to{background-position-y:-120px;} } .chat_phone_button:hover{ filter: brightness(1.2); } .modal{ display:none; z-index: 2000000; width: 500px; height: auto; background: #fff; position: fixed; left: 50%; top:50%; transform: translateY(-50%) translateX(-50%); border-radius: 5px; box-sizing: border-box; padding: 30px 30px 30px 30px; text-align: center; } body .modaltg .text{ display:block; } .modaltg { background-size: contain; height: 540px; width: 750px; padding: 0; background-color: #c5d7f4; } .modaltg .modaltg_left{ background: url(../i/B2B_.png) 50% 30px no-repeat; background-size: 60% auto; height: 540px; width: 420px; padding: 250px 30px 30px 30px; background-color: #f4f8ff; float: left; box-sizing: border-box; border-radius: 8px 0 0 8px; } .modaltg .modaltg_right{ background: url(../i/g_subs.jpg?v2) 0px 0 no-repeat; background-size: cover; height: 540px; width:330px; padding: 250px 30px 30px 30px; background-color: #c5d7f4; float:left; box-sizing: border-box; border-radius: 0 8px 8px 0; } .animatebg{ animation: animatedBackground 10s linear infinite; -moz-animation: animatedBackground 10s linear infinite; -webkit-animation: animatedBackground 10s linear infinite; -ms-animation: animatedBackground 10s linear infinite; -o-animation: animatedBackground 10s linear infinite; } @keyframes animatedBackground { 0% { background-position: 0 0; } 30% { background-position: -100px 0; } 60% { background-position: -100px 0; } 10% { background-position: 0px 0; } } @-moz-keyframes animatedBackground { 0% { background-position: 0 0; } 30% { background-position: -100px 0; } 60% { background-position: -100px 0; } 10% { background-position: 0px 0; } } @-webkit-keyframes animatedBackground { 0% { background-position: 0 0; } 30% { background-position: -100px 0; } 60% { background-position: -100px 0; } 10% { background-position: 0px 0; } } @-ms-keyframes animatedBackground { 0% { background-position: 0 0; } 30% { background-position: -100px 0; } 60% { background-position: -100px 0; } 10% { background-position: 0px 0; } } @-o-keyframes animatedBackground { 0% { background-position: 0 0; } 30% { background-position: -100px 0; } 60% { background-position: -100px 0; } 10% { background-position: 0px 0; } } body .modaltg .modal_name_order{ font-family: 'latobold', roboto, arial; font-size: 25px; line-height: 20px; padding-bottom: 15px; padding-top: 35px; margin: 0; text-align: center; } .modaltg .totg_button{ display:block; height: 56px; border: none; border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 17px 25px; margin: 25px 0 0 0; background: #2b83c9; font-family: 'latoregular', roboto, arial; font-size: 17px; line-height: 18px; color: #fff; text-decoration:none; overflow: hidden; position: relative; } .modaltg .totg_button:hover{ background: #3992db; } .modaltg .totg_button:before{ content: ''; width: 1.7em; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4)); -webkit-animation-name: move-light 3.5s infinite; -moz-animation-name: move-light 3.5s infinite; -o-animation-name: move-light 3.5s infinite; animation: move-light 3.5s infinite; } @keyframes move-light{ 0%{ transform: translateX(-4em) skewX(-35deg); } 20% { transform: translateX(30em) skewX(-35deg); } 100% { transform: translateX(30em) skewX(-35deg); } } .modal110{ z-index: 2000000; width: 350px; height: auto; background: #fff; position: fixed; left: 50%; top:38px; transform: translateX(-50%); border-radius: 5px; box-sizing: border-box; padding: 15px 25px 20px 25px; text-align: center; box-shadow: 0px 5px 15px 0px rgb(50 50 50 / 20%); } .modal10{ width:1100px; height: 590px; margin-top:-295px; margin-left:-550px; } .modal10 .l{ width:660px; height: 435px; float:left; padding:30px 0 0 0; } .modal10 .r{ width:380px; height:400px; float:left; box-sizing:border-box; padding:0px 20px 0 10px; } .modal10 .r h3{ padding: 27px 0 30px 0; } .modal9{ height:400px; margin-top:-200px; } .modal_thanx{ height: 240px; margin-top: -50px; } .modal .close{ widtH:25px; height:25px; background:url(../i/close.png) 0px 0 no-repeat; position:absolute; right:14px; top:14px; cursor:pointer; opacity:0.8; } .modal .close:hover{ opacity:0.6; } .modal strong{ font-family: 'latobold', roboto, arial; margin:0; text-align:center; } .modal .modal_name_order{ font-family: 'latobold', roboto, arial; font-size: 18px; line-height: 20px; padding-bottom: 15px; padding-top: 25px; margin: 0; text-align: center; } .modal .text{ padding-bottom:10px; line-height: 22px; display:none; } .modal_showroom .text { padding-bottom: 10px; line-height: 22px; display: block; } .zamer_modal .text { padding-bottom: 10px; line-height:22px; display: block; padding-bottom: 10px; } .zamer_modal .modal_name_order{ padding: 35px 0 30px 0; } .modal_thanx .text { padding: 10px 5px; line-height: 25px; display: block; } .modal .text2 { padding-bottom: 10px; font-size:15px; line-height: 22px; } .modal10 .r h4 { padding: 25px 0 0px 0; } .modal10 .r h3 { padding: 27px 0 10px 0; } .modal h4 { font-family: 'latoblack', roboto, arial; font-size: 20px; line-height: 25px; padding-top: 20px; padding-bottom: 0px; margin: 0; text-align: center; } .modal10 .r .pricebl { font-weight:bold; font-size:14px; padding-bottom:10px; display:block; } .modal [type="text"], .modal [type="tel"]{ width:338px; height:56px; border:1px solid rgba(219,218,217,1); border-radius:5px; font-size:15px; text-align:center; box-sizing:border-box; padding:15px 0; margin:25px 0 0 0; outline:none; } .modal [type="submit"]{ width:338px; height:56px; border:none; border-radius:5px; font-size:15px; text-align:center; box-sizing:border-box; padding:15px 0; margin:25px 0 0 0; background:#f8d50f; font-family: 'latoregular', roboto, arial; font-size:17px; line-height:18px; color:#000; } .modal [type="submit"]:hover{ background:#ffdf27; cursor:pointer; } .modal110 [type="text"], .modal110 [type="submit"] { z-index: 200; width: 100%; height:50px; font-size:14px; } div.loupe{ border-radius:125px; z-index:100; } div.loupe img{ width:300%; height:300%; } .page_wrap{ width:100%; box-sizing:border-box; padding:0px 20px; position:relative; } .constr_block{ height:80vh; } .instruction_konstruktor{ list-style:numeric; line-height: 2em; } #broskoweb_container{ border:1px solid #e9e9e9; background:#f3f3f3; } .m100per{ width:100%; margin:0 auto; position:relative; } .m1100{ width:1170px; margin:0 auto; position:relative; } .m80per{ width:80%; margin:0 auto; position:relative; text-align: center; } body .m80per .text{ max-width:100%; } .m1100 h1{ padding: 40px 0 30px 0; font-family: 'latobold', roboto, arial; text-align: center; font-size: 27px; line-height: 29px; margin: 0; } .constr_page .m1100 h2{ padding: 40px 0 30px 0; font-family: 'latobold', roboto, arial; text-align: center; font-size: 27px; line-height: 29px; margin: 0; } .m1100 h3{ padding: 40px 0 30px 0; font-family: 'latobold', roboto, arial; text-align: center; font-size: 27px; line-height: 29px; margin: 0; } .m1100 h4{ padding: 0px 0 0px 0; text-align:left; margin:0; font-weight:normal; font-family:latobold; font-size:18px; line-height:25px; } .about_block h4{ font-family:latobold; font-weight:normal; font-size:18px; line-height:25px; margin-bottom:5px; } .about_block .flextable{ display: flex; flex-wrap: wrap; box-sizing: border-box; } .about_block .flextable .flexbl{ border-bottom: 1px dotted #dbdbdb; border-right: 1px dotted #dbdbdb; padding-bottom:20px; width:calc(50% - 40px); padding-right:20px; padding-left:20px; } .about_block .flextable .flexbl:nth-of-type(2n){ border-right: none; padding-right:0px } .about_block .flextable .flexbl:nth-of-type(3n){ border-bottom: none!important; } .about_block .flextable .flexbl:nth-of-type(4n){ border-bottom: none!important; } .m1100 .text{ padding: 20px 0 30px 0; font-size:15px; line-height:22px; margin: 0 auto; max-width: 1170px; } .marginminus70{ margin:-70px 0 0 0; } .marginminus30{ margin:-30px 0 0 0; } .gr_text{ color:#666; } .m1100 a{ } .m1100 a:hover{ opacity:0.8; } .gr{ background: #f3f3f3; box-sizing: border-box; padding: 30px!important; } .zampageform{ width:100%; height:420px; } .zampageform .form{ width:438px; height: 300px; border:1px solid rgba(219,218,217,1); border-radius:15px; margin:0 0 0 0px; box-sizing:border-box; padding:35px 40px 40px 40px; font-size:15px; line-height:22px; } .zampageform .form [type="text"],.zampageform .form [type="tel"]{ width:338px; height:56px; border:1px solid rgba(219,218,217,1); border-radius: 5px; font-size:15px; text-align:center; box-sizing:border-box; padding:15px 0; margin:25px 0 0 0; outline:none; } .zampageform .form [type="submit"]{ width:338px; height:56px; border:none; border-radius: 5px; font-size:15px; text-align:center; box-sizing:border-box; padding:15px 0; margin:25px 0 0 0; background:#ffda07; font-family: 'latoregular', roboto, arial; font-size:15px; line-height:18px; color:#000; } .zampageform .form [type="submit"]:hover{ width:338px; height:56px; cursor:pointer; border-radius: 5px; font-size:15px; text-align:center; box-sizing:border-box; padding:15px 0; margin:25px 0 0 0; font-family: 'latoregular', roboto, arial; background:#ffdf27; } .zampageform .form b{ font-family: 'latobold', roboto, arial; display:block; font-weight:normal; font-size:18px; padding:0 0 3px 0; line-height:25px; } .bg_zam_page{ background:url(../i/zam_bg.jpg?v2) no-repeat; background-size:50%; background-position: 100% 80%; padding:20px 0 0 0; } .bg_send_page{ background:url(../i/3d-get-project.jpg?v2) no-repeat; background-position: 100% 50px; padding:20px 0 0 0; } .bg_send_page .text{ padding: 20px 0 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .bg_zam_page{ background:url(../i/zam_bg_x2.jpg?v2) no-repeat; background-size:50%; background-position: 100% 80%; } } .bg_rassrochka_page{ background:url(../i/rassrochka_image.webp?v2) no-repeat; background-size:50%; background-position: 100% 80%; padding:20px 0 0 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .bg_rassrochka_page{ background:url(../i/rassrochka_image.webp?v2) no-repeat; background-size:50%; background-position: 100% 80%; } } .cath3{ padding:60px 0 10px 0; } .textcenter{ text-align:center; font-size:15px; padding:0px 0 20px 0; } .girlcall{ width:100%; height:400px; background:url(../i/girlcall.jpg?v3) #fff; background-repeat:no-repeat; background-position: 0px 100%; background-size:600px; margin:20px 0 0 0; text-align:left; box-sizing:border-box; padding:50px 0px 0 600px; color:#212121; letter-spacing: 0.02em; position:relative; border: 2px solid #ededed; border-radius: 8px; } .text_desc_cat h2{ font-family: 'latobold', roboto, arial; } .girlcall .nichego{ font-size:25px; letter-spacing: 0.01em; margin: 15px 0 0px 0; padding:0 0 0 0; line-height: 35px; } .girlcall .sdelaem{ text-align:left; letter-spacing: 0.045em; padding:0 0 0 0; font-size: 27px; line-height: 29px; font-family: 'latobold', roboto, arial; text-align: left; letter-spacing: 0.045em; padding: 0 0 0 0; } .girlcall [type="tel"] { width: 338px; height: 56px; border: 1px solid rgba(219,218,217,1); border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 35px 0 0 0; } @keyframes shadow { 0% { box-shadow: 0 0 0px 0px rgba(255, 244, 178, 1), 0 0 0px 0px rgba(255, 244, 178, 1); } 10% { box-shadow: 0 0 5px 0px rgba(255, 244, 178, 1), 0 0 5px 0px rgba(255, 244, 178, 1); } 50% { box-shadow: 0 0 10px 6px rgba(255, 244, 178, 0), 0 0 4px 20px rgba(255, 244, 178, 0); } 100% { box-shadow: 0 0 10px 6px rgba(255, 244, 178, 0), 0 0 4px 20px rgba(255, 244, 178, 0); } } .girlcall [type="submit"] { width: 338px; height: 56px; border: none; border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 25px 0 0 0; background: #fed933; font-family: 'latoregular', roboto, arial; font-size: 17px; line-height: 18px; animation: shadow 3.6s infinite linear; } .girlcall [type="submit"]:hover{ width:338px; height:56px; border:2px solid #000; cursor:pointer; border-radius: 5px; font-size:15px; text-align:center; box-sizing:border-box; padding:15px 0; margin:25px 0 0 0; background:#fff; font-family: 'latoregular', roboto, arial; font-size:17px; line-height:18px; color:#000; } .footer{ width:100%; height:250px; background: rgba(72,70,70,1); margin:0px 0 0 0; position:relative; } .footer .wrapper{ color:#fff; text-align:left; padding: 35px 20px 20px 20px; } .footer .wrapper .left_bottom a { color: #fff; } .small_text{ font-size:13px; } .mir_pay{ width:40px; height:40px; background: url(/i/mir.svg) center center no-repeat; display: inline-block; background-size: contain; } .payment{ font-size:13px; margin-bottom: 30px; } .visa_pay{ width:40px; height:40px; background: url(/i/visa-classic.svg) center center no-repeat; margin: 0 0 0 5px; display: inline-block; background-size: contain; } .yandex_pay2{ width: 60px; height: 27px; background: url(/i/pay.svg) 50% 50% no-repeat #fff; margin: 0px 0 0 5px; display: inline-block; top: -7px; background-size: 90% auto; position: relative; z-index: 1; border-radius: 3px; } .footer .logo_bottom{ display: block; width: 120px; height: 150px; background: url(../i/logo_bottom2.png) center 30px no-repeat; padding: 0px 0 0 0; background-position: 0px 0px; margin: 0px 0 0 0; background-size: contain; float:left; } .footer .wrapper .left_bottom{ color: #fff; padding:10px 0 0 40px; float: left; width: 250px; float:left; box-sizing: border-box; font-size: 13px; line-height:20px; } body .footer .wrapper .lb2{ width: 500px; } .footer .wrapper .right_bottom{ color: #fff; text-align: right; padding-left: 40px; float: left; width: 300px; box-sizing: border-box; } .footer .wrapper .right_bottom [type="tel"] { width: 200px; height: 36px; border: 1px solid rgba(219,218,217,1); border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 25px 0 0 0; } .footer .wrapper .right_bottom .cb_button_bottom{ background: none; width: auto; height: 42px; display: inline-block; text-decoration: none; color: #fff; border-radius: 5px; line-height: 42px; font-size: 15px; border: 1px solid #fff; text-align: center; margin: 10px 0 20px 0; box-sizing: border-box; padding: 0 15px 0; cursor:pointer; } .footer_tel svg{ width:20px!important; height:20px!important; margin: 0 5px -5px 0; } .footer .wrapper .right_bottom .cb_button_bottom:hover{ background: #fff; color:#000; border:#000; height: 42px; } .the_same { padding: 20px 0 0px; } .product_card { background: #fff; width: 100%; padding-top: 0px; padding-bottom: 20px; font-size: 15px; line-height: 24px; } .product_card .tabs__content h1, .product_card .tabs__content h2, .product_card .tabs__content h3, .product_card .tabs__content h4, .product_card .tabs__content h5 { font-family: 'latobold'; font-size: 16px; line-height: normal; font-weight: normal; } .product_card .left img{ width:auto!important; min-width:830px; max-height:560px; } .callback_form { padding: 20px 0 0 0; } .callback_form .cbform_name{ display: block; font-size: 17px; padding: 0 0 5px 0; } .config_modal_inner .checkout{ display: none; height: auto; height: 494px; padding: 20px 20px 21px 20px; box-sizing: border-box; position: relative; overflow-y: scroll; border-radius: 5px; margin-block-end: 1em; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); } .checkout .sendform_button{ background: #ffe345; width: 270px; height: 50px; display: none; text-decoration: none; color: #000; border-radius: 5px; line-height: 50px; font-size: 16px; text-align: center; margin: 20px 0 0 0; box-sizing: border-box; padding: 0 0 0 0px; float:left; border:none; cursor:pointer; } .checkout .backlink_check{ cursor:pointer; display: inline-block; margin: 32px 0 0 25px; color:#a2a2a2 } .checkout .backlink_check:hover{ color:#0064ff } .checkout .sendform_button:hover{ background: #ffda07; height: 50px; } .checkout .resname{ display: block; font-size: 17px; padding: 0 0 10px 0; } .checkout .doptxt{ display: block; padding: 0px 0 10px 0; font-family: latoregular; color:rgb(94, 94, 94); } .checkout .itogo{ font-size:18px; } .old_price_itogo{ display: inline-block; color:#b3b3b3; margin:0 10px 0 10px; } .itogo .price{ display: inline-block; font-family: latobold; } .smallconfirm{ display:block; padding: 10px 0 0 0!important; clear: both; } .checkout [type="text"], .checkout [type="tel"], .checkout textarea { width: 60%; height: 40px; border: 1px solid rgba(219,218,217,1); border-radius: 5px; font-size: 15px; text-align: left; box-sizing: border-box; padding: 12px 15px; margin: 0px 0 20px 0; outline: none; } .checkout textarea { height: 60px; font-family: latoregular; padding: 10px 15px 12px 15px; } .config_modal_inner .result{ display: none; height: auto; height: 494px; padding: 20px 20px 21px 20px; box-sizing: border-box; position: relative; overflow-y: scroll; border-radius: 5px; margin-block-end: 1em; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); } .config_modal_inner .result .resname{ display: block; font-size: 17px; padding: 0 0 5px 0;} .config_modal_inner .result .backlink{ cursor:pointer; } .order_block.price { font-size: 25px; display: block; line-height: 30px; font-family: 'latobold', roboto, arial; margin:0 0 20px 0; } .product_card .sku { margin: 0px 0 0px 0; } .product_card .left{ width:830px; float:left; margin-right:40px; min-height: 300px; position:relative; } .product_card .left a{ overflow:hidden; display:flex; align-items: flex-end; justify-content: center; filter: brightness(97%); background: #fff; } .kitchen_card .left a{ filter: brightness(100%); } .product_card .left a:nth-of-type(1){ z-index:1; } .product_card .slick-initialized .slick-slide{ position:relative; } .slick-slide { display: none; float: left; min-height: 1px; height:auto; } body .hidden_range{ display: none; position: absolute; width: 100%; background: #fff; padding: 17px 20px 25px 20px; box-shadow: 0px 5px 15px 0px rgb(50 50 50 / 30%); bottom: -56px; left:-20px; } body .hidden_range [type="range"]{ width: 98%; } .product_card .right{ width:300px; float:left; } .product_card .right .price{ font-size: 21px; display: block; line-height: 30px; font-family: 'latobold', roboto, arial; display: inline-block; } .product_card .right .oldprice{ font-size: 13px; display: inline-block; line-height: 25px; font-family: 'latoregular', roboto, arial; text-decoration: line-through; color: #989898; margin: 0px 0 0px 15px; position: relative; top: -1px; } .pricetag{ font-style: normal; white-space: nowrap; position: relative; margin: 0 5px 0 15px; displaY: inline-block; height: 22px; border-radius: 0 5px 5px 0; padding: 0 10px 0 10px; background: #f7f7f7; border: 1px solid #C7D2D4; color: #999; line-height: 22px; font-size: 13px; } .pricetag:after{ position:absolute; right:0; margin:1px 7px; font-weight:bold; font-size:19px; content:""; } .pricetag:before{ position: absolute; background: #f7f7f7; content: "\25CF"; color: white; text-shadow: 0 0 1px #aaa; font-size: 12px; line-height: 13px; text-indent: 6px; top: 3px; left: -9px; width: 15px; height: 15px; transform: rotate(45deg); border-left: 1px solid #C7D2D4; border-bottom: 1px solid #C7D2D4; } .product_card .right ul.desc{ padding: 0 0 0 20px; margin-bottom:0; line-height: 21px; } .product_card .right .desc>li{ padding:0; margin:0; } .product_card .right .zamer_zakazat{ background:url(/i/zamer_icon.png?5) 20px 12px no-repeat #53b44e; background-size: 45px auto; width: 250px; height: 54px; display: block; text-decoration: none; color: #fff; border-radius: 5px; line-height: 54px; font-size: 16px; text-align: left; margin:15px 0 0px 0; box-sizing:border-box; padding:0 0 0 85px; } .product_card .right .zamer_zakazat:hover{ background-color:#86d182; } .fast_order{ border-top:1px solid #ccc; box-sizing:border-box; padding:20px 0; margin:20px 0 } .fast_order b{ font-family: 'latobold', roboto, arial; font-size:17px; display:block; margin-bottom:10px; font-weight:normal; } .fast_order [type="tel"]{ height:40px; width:250px; font-size:14px; box-sizing:border-box; padding:0 10px; display:block; margin:10px 0 0 0; border-radius: 5px; border:1px solid #ccc; } .product_card .right .calc_cat_right{ background: url(/i/ico_calc.png) 5px -2px no-repeat #ffe345; background-size: 60px 60px; width: 290px; height: 56px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 56px; font-size: 16px; text-align: left; margin: 10px 0 10px 0; box-sizing: border-box; padding: 0 0 0 70px; overflow:hidden; position:relative; outline: 1px solid #f4d736; } .product_wrapper .calc_cat_right:hover{ background: url(/i/ico_calc.png) 5px -2px no-repeat #ffda07; background-size: 60px 60px; width: 290px; height: 56px;; } .product_card .right .calc_cat_right:before{ content: ''; width: 1.8em; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10; background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.7)); -webkit-animation-name: move-light 4s infinite; -moz-animation-name: move-light 4s infinite; -o-animation-name: move-light 4s infinite; animation: move-light 4s infinite; } .product_card .right .open_config_modal::before{ --config_icon: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30px' height='30px' viewBox='-6.5 0 90.9 90.9' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg id='Group_9' data-name='Group 9' transform='translate(-1233.4 -876.9)'%3e%3cline id='Line_35' data-name='Line 35' y2='24.9' transform='translate(1244.9 902.5)' fill='none' stroke='%230064ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'%3e%3c/line%3e%3cline id='Line_36' data-name='Line 36' y2='10.6' transform='translate(1273 879.4)' fill='none' stroke='%230064ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'%3e%3c/line%3e%3ccircle id='Ellipse_6' data-name='Ellipse 6' cx='9.2' cy='9.2' r='9.2' transform='translate(1235.4 929)' fill='none' stroke='%230064ff' stroke-miterlimit='10' stroke-width='4'%3e%3c/circle%3e%3ccircle id='Ellipse_7' data-name='Ellipse 7' cx='9.2' cy='9.2' r='9.2' transform='translate(1263.8 891.7)' fill='none' stroke='%230064ff' stroke-miterlimit='10' stroke-width='4'%3e%3c/circle%3e%3cline id='Line_37' data-name='Line 37' y2='35.1' transform='translate(1273 912.3)' fill='none' stroke='%230064ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'%3e%3c/line%3e%3cline id='Line_38' data-name='Line 38' y2='16.8' transform='translate(1244.9 948.5)' fill='none' stroke='%230064ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'%3e%3c/line%3e%3cline id='Line_39' data-name='Line 39' y2='24.9' transform='translate(1300.4 902.5)' fill='none' stroke='%230064ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'%3e%3c/line%3e%3ccircle id='Ellipse_8' data-name='Ellipse 8' cx='9.2' cy='9.2' r='9.2' transform='translate(1290.9 929)' fill='none' stroke='%230064ff' stroke-miterlimit='10' stroke-width='4'%3e%3c/circle%3e%3cline id='Line_40' data-name='Line 40' y2='16.8' transform='translate(1300.4 948.5)' fill='none' stroke='%230064ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'%3e%3c/line%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); content:''; display:block; width:30px; height:30px; background-size:30px 30px; background-position: 0 0; -webkit-mask: var(--config_icon); mask: var(--config_icon); position: absolute; top:10px; left:12px; background-color: #fff; } .product_card .right .open_config_modal:hover::before{ background-color: #fff; } .product_card .right .open_config_modal:hover{ background: rgb(84,185,87); background: linear-gradient(0deg, rgba(84,185,87,1) 0%, rgba(103,208,106,1) 100%); color: #fff; } .config_txt{ margin: 15px 0 10px 0; font-size: 13px; line-height: 18px; border:1px solid #4caf50; border-radius: 8px; box-sizing: border-box; padding:18px 20px 20px 20px } .product_card .right .open_config_modal{ position: relative; background: rgb(73,171,76); background: linear-gradient(0deg, rgba(73,171,76,1) 0%, rgba(89,195,92,1) 100%); width: 100%; height: 52px; display: block; text-decoration: none; color: #fff; border-radius: 5px; line-height: 50px; font-size: 14px; text-align: left; margin: 20px 0 10px 0; box-sizing: border-box; padding: 0 0 0 15px; text-align: center; } .config_txt .open_config_modal{ margin: 10px 0 0px 0!important; } .product_wrapper .right .order_button:hover{ background: #ffda07; width: 100%; height: 50px; } .product_card .right .order_button{ background: #ffe345; width: 100%; height: 50px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 50px; font-size: 16px; text-align: center; margin: 10px 0 10px 0; box-sizing: border-box; padding: 0 0 0 0px; } .product_wrapper .right .order_button1:hover{ background: #ffe345; background-size: 30px auto; background-position: 25px 50%; width: 100%; height: 50px; } .product_card .right .order_button1{ background: #ffda07; background-size: 30px auto; background-position: 25px 50%; width: 100%; height: 50px; display: block; text-decoration: none; color: #000; border-radius: 6px; line-height: 50px; font-size: 16px; text-align: center; margin: 10px 0 10px 0; box-sizing: border-box; padding: 0 0 0 0px; } .product_wrapper .right .add2cart:hover{ background: url(/i/carticon.svg) -5px 0% no-repeat #fff; background-size: 30px auto; background-position: 30% 50%; width: 100%; height: 50px; cursor:pointer;z } .product_card .right .add2cart{ background: url(/i/carticon.svg) -5px 0% no-repeat #f7f7f7; border:1px solid #e8e8e8; background-size: 30px auto; background-position: 30% 50%; width: 100%; height: 50px; display: block; text-decoration: none; color: #000; border-radius: 6px; line-height: 50px; font-size: 16px; text-align: center; margin: 10px 0 10px 0; box-sizing: border-box; padding: 0 0 0 0px; } .blocks_sizes{ display: flex; flex-direction: row; justify-content: flex-start; position:relative; } .blocks_sizes div{ margin: 0 3px 0 0; } .blocks_sizes div:nth-of-type(3){ margin: 0 0px 0 0; } .blocks_sizes div input{ width:100%; } .titlt_siz{ font-family: latobold; } .blocks_sizes div span { color: #666; } .sizes_block_right{ border-radius: 8px; box-sizing: border-box; background: #f7f7f7; padding: 18px 20px 10px 20px; margin: 10px 0px 0 0; } .blocks_sizes [type="number"] { height: 30px; width: 78px; box-sizing: border-box; padding: 0 8px; line-height: 30px; font-size: 15px; display: inline-block; margin: 9px 10px 10px 0px; border: 1px solid #bdbdbd; } .product_wrapper .project_cat_right{ position:absolute; background: url(/i/design_icon.png?v1g) 6px 0px no-repeat #ffffff; background-size: 38px 38px; width: auto; height: 40px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 40px; font-size: 14px; text-align: left; margin: 10px 0 20px 0; box-sizing: border-box; padding: 0 15px 0 45px; z-index: 10; left:667px; top:10px; box-shadow: 0px 5px 15px 0px rgb(50 50 50 / 20%); background-color: #fff; } .product_wrapper .project_cat_right:hover{ background-color: #ffda07; } .zamer_zakazat{ background:url(/i/zamer_icon_black.png?5) 10px 13px no-repeat #f7f7f7!important; background-size: 30px auto!important; padding-left:50px!important; font-family: 'latobold'; } .product_wrapper .project_cat_right_shkaf{ position:absolute; background: url(/i/design_icon.png?v1g) 6px 0px no-repeat #ffffff; background-size: 38px 38px; width: auto; height: 40px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 40px; font-size: 14px; text-align: left; margin: 10px 0 20px 0; box-sizing: border-box; padding: 0 15px 0 45px; z-index: 10; left:577px; top:10px; box-shadow: 0px 5px 15px 0px rgb(50 50 50 / 20%); background-color: #fff; } .product_wrapper .project_cat_right_shkaf:hover{ background-color: #ffda07; } .card_shkaf .left img { width: auto!important; min-width: auto; } .product_wrapper .gotoshorroom{ position:absolute; background: url(/i/showroom_ico.png?v1) 10px 0px no-repeat #ededed; background-size: 40px auto; width: auto; height: 45px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 45px; font-size: 14px; text-align: left; margin: 0px 0 0px 0; box-sizing: border-box; padding: 0 20px 0 55px; z-index: 10; left:638px; top:75px; display: none; } .product_card .right .gotoshorroom:hover{ background-color:#f1f1f1; } .call_back_card{ border-radius: 12px; box-shadow: 0px 0px 15px 0px rgb(50 50 50 / 20%); box-sizing: border-box; padding:20px; margin:20px 0 0 0; } .call_back_card span{ font-family: 'latobold'; font-size:17px; text-align: center; display: block; } .call_back_card p{ margin:0; padding:5px 0 10px; display: block; text-align: center; } [name="form_callback_card"]{ display: block; } [name="form_callback_card"] [type="tel"]{ width: 100%; height: 40px; border: 1px solid rgba(219,218,217,1); border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 0 15px; line-height: 40px; margin: 0px auto; } [name="form_callback_card"] [type="submit"] { width: 100%; height: 45px; line-height: 45px; border: none; border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 0; margin: 10px auto 0 auto; background: #ffeca1; font-family: 'latoregular', roboto, arial; font-size: 15px; color: #000; font-weight: normal; letter-spacing: normal; cursor:pointer; } [name="form_callback_card"] [type="submit"]:hover{ background:#f8d50f; cursor:pointer; } .bottom_info{ margin:20px 0 0 0; } .rassroshka_info{ color:#0064ff; display:inline-block; cursor:pointer; text-decoration: none; } .yandex_pay{ height: 30px; background: url(/i/pay.svg) 0 50% no-repeat; background-size: auto 20px; box-sizing: border-box; padding:3px 0 0 62px } .yandex_pay .textpay{ background: #C25873; background: linear-gradient(to right, #C25873 0%, #A14BA4 50%, #6254CA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:18px; font-family: 'latobold', roboto, arial; } .slider_category{ height:350px; width:100%; overflow: hidden; margin-bottom: 30px!important; border-radius: 15px; } .slider_category .banner_category{ width:100%; height:350px; } .slider_category .banner_category.banner_1{ background:url(/i/1rub.webp?v1); } .slider_category .banner_category.banner_2{ background:url(/i/split_banner_category.webp); } .best_choose_block{ width:100%; margin:20px 0; display:flex; flex-wrap: nowrap; justify-content: space-between; column-gap: 20px; } .one_bc{ width:25%; height:65px; background:#fff; border-radius: 8px; box-sizing: border-box; padding:0px 10px; display:flex; flex-wrap: nowrap; column-gap: 10px; align-items: center; box-shadow: 0 0px 15px rgb(68 92 130 / 10%), -1px 5px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%);%); } .icon_bc{ width: 30px; height: 30px; display: block; width: 30px; height: 30px; background-size: 30px 30px; background-position: 0% 0%; } .text_bc{ width:calc(100% - 30px); font-size: 14px; text-align: center; } .icon_conf{ background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30px' height='30px' viewBox='-6.5 0 90.9 90.9' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg id='Group_9' data-name='Group 9' transform='translate(-1233.4 -876.9)'%3e%3cline id='Line_35' data-name='Line 35' y2='24.9' transform='translate(1244.9 902.5)' fill='none' stroke='%230064ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'%3e%3c/line%3e%3cline id='Line_36' data-name='Line 36' y2='10.6' transform='translate(1273 879.4)' fill='none' stroke='%230064ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'%3e%3c/line%3e%3ccircle id='Ellipse_6' data-name='Ellipse 6' cx='9.2' cy='9.2' r='9.2' transform='translate(1235.4 929)' fill='none' stroke='%230064ff' stroke-miterlimit='10' stroke-width='4'%3e%3c/circle%3e%3ccircle id='Ellipse_7' data-name='Ellipse 7' cx='9.2' cy='9.2' r='9.2' transform='translate(1263.8 891.7)' fill='none' stroke='%230064ff' stroke-miterlimit='10' stroke-width='4'%3e%3c/circle%3e%3cline id='Line_37' data-name='Line 37' y2='35.1' transform='translate(1273 912.3)' fill='none' stroke='%230064ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'%3e%3c/line%3e%3cline id='Line_38' data-name='Line 38' y2='16.8' transform='translate(1244.9 948.5)' fill='none' stroke='%230064ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'%3e%3c/line%3e%3cline id='Line_39' data-name='Line 39' y2='24.9' transform='translate(1300.4 902.5)' fill='none' stroke='%230064ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'%3e%3c/line%3e%3ccircle id='Ellipse_8' data-name='Ellipse 8' cx='9.2' cy='9.2' r='9.2' transform='translate(1290.9 929)' fill='none' stroke='%230064ff' stroke-miterlimit='10' stroke-width='4'%3e%3c/circle%3e%3cline id='Line_40' data-name='Line 40' y2='16.8' transform='translate(1300.4 948.5)' fill='none' stroke='%230064ff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'%3e%3c/line%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); } .icon_rub{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%231d6ff7' width='30px' height='30px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M 11 6 L 11 16 L 9 16 L 9 18 L 11 18 L 11 20 L 9 20 L 9 22 L 11 22 L 11 26 L 13 26 L 13 22 L 18 22 L 18 20 L 13 20 L 13 18 L 19 18 C 22.300781 18 25 15.300781 25 12 C 25 8.699219 22.300781 6 19 6 Z M 13 8 L 19 8 C 21.21875 8 23 9.78125 23 12 C 23 14.21875 21.21875 16 19 16 L 13 16 Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); } .del_ic{ width: 35px; height: 35px; background-size: 33px 33px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%231d6ff7' width='33px' height='33px' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M15.48 12c-.13.004-.255.058-.347.152l-2.638 2.63-1.625-1.62c-.455-.474-1.19.258-.715.712l1.983 1.978c.197.197.517.197.715 0l2.995-2.987c.33-.32.087-.865-.367-.865zM.5 16h3c.277 0 .5.223.5.5s-.223.5-.5.5h-3c-.277 0-.5-.223-.5-.5s.223-.5.5-.5zm0-4h3c.277 0 .5.223.5.5s-.223.5-.5.5h-3c-.277 0-.5-.223-.5-.5s.223-.5.5-.5zm0-4h3c.277 0 .5.223.5.5s-.223.5-.5.5h-3C.223 9 0 8.777 0 8.5S.223 8 .5 8zm24 11c-1.375 0-2.5 1.125-2.5 2.5s1.125 2.5 2.5 2.5 2.5-1.125 2.5-2.5-1.125-2.5-2.5-2.5zm0 1c.834 0 1.5.666 1.5 1.5s-.666 1.5-1.5 1.5-1.5-.666-1.5-1.5.666-1.5 1.5-1.5zm-13-1C10.125 19 9 20.125 9 21.5s1.125 2.5 2.5 2.5 2.5-1.125 2.5-2.5-1.125-2.5-2.5-2.5zm0 1c.834 0 1.5.666 1.5 1.5s-.666 1.5-1.5 1.5-1.5-.666-1.5-1.5.666-1.5 1.5-1.5zm-5-14C5.678 6 5 6.678 5 7.5v11c0 .822.678 1.5 1.5 1.5h2c.676.01.676-1.01 0-1h-2c-.286 0-.5-.214-.5-.5v-11c0-.286.214-.5.5-.5h13c.286 0 .5.214.5.5V19h-5.5c-.66 0-.648 1.01 0 1h7c.66 0 .654-1 0-1H21v-9h4.227L29 15.896V18.5c0 .286-.214.5-.5.5h-1c-.654 0-.654 1 0 1h1c.822 0 1.5-.678 1.5-1.5v-2.75c0-.095-.027-.19-.078-.27l-4-6.25c-.092-.143-.25-.23-.422-.23H21V7.5c0-.822-.678-1.5-1.5-1.5z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); } .opl_ic{ background-size: auto 22px; height: 22px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126' height='18' viewBox='0 0 126 18' fill='none' class='aboaaG-+Mb'%3e%3cpath d='M22.3633 0H19.36V15.23H22.3633V0Z' fill='%231d6ff7'%3e%3c/path%3e%3cpath d='M15.91 0.852219H12.9066V16.0819H15.91V0.852219Z' fill='%231d6ff7'%3e%3c/path%3e%3cpath d='M9.45667 1.80363H6.45332V17.0362H9.45667V1.80363Z' fill='%231d6ff7'%3e%3c/path%3e%3cpath d='M3.00334 2.76562H0L1.14441e-05 18H3.00335L3.00334 2.76562Z' fill='%231d6ff7'%3e%3c/path%3e%3cpath d='M101.687 8.11427L96.851 2.73765H94.0239V15.1864H96.9756V7.24385L101.391 11.9495H101.936L106.275 7.24385V15.1864H109.227V2.73765H106.4L101.687 8.11427Z' fill='black'%3e%3c/path%3e%3cpath d='M123.289 2.73765L115.973 10.8289V2.73765H113.021V15.1864H115.726L123.042 7.09516V15.1864H125.993V2.73765H123.289Z' fill='black'%3e%3c/path%3e%3cpath d='M78.1253 7.29281C78.1253 9.27482 79.2092 10.8361 80.8729 11.4908L77.7532 15.1864H81.366L84.2039 11.8244H87.2748V15.1864H90.2265V2.73765H82.7118C79.91 2.73765 78.1253 4.65437 78.1253 7.29281ZM87.2766 5.47945V9.16058H83.2592C81.9188 9.16058 81.1998 8.41347 81.1998 7.3182C81.1998 6.22293 81.9441 5.47583 83.2592 5.47583L87.2766 5.47945Z' fill='black'%3e%3c/path%3e%3cpath d='M64.4089 5.22739C64.2283 9.50874 63.3251 12.2723 61.5566 12.2723H61.114V15.2607L61.5855 15.2861C65.1315 15.4838 67.0915 12.372 67.413 5.57556H72.0772V15.1864H75.0235V2.73765H64.5083L64.4089 5.22739Z' fill='black'%3e%3c/path%3e%3cpath d='M53.2978 2.56372C49.3056 2.56372 46.4333 5.32728 46.4333 8.96126C46.4333 12.7204 49.5585 15.386 53.2978 15.386C57.1924 15.386 60.2182 12.5717 60.2182 8.96126C60.2182 5.35086 57.1924 2.56372 53.2978 2.56372ZM53.2978 12.3976C51.0415 12.3976 49.5043 10.9288 49.5043 8.96126C49.5043 6.9448 51.0433 5.51587 53.2978 5.51587C55.5522 5.51587 57.1418 7.01008 57.1418 8.96126C57.1418 10.9124 55.5305 12.3976 53.2978 12.3976Z' fill='black'%3e%3c/path%3e%3cpath d='M43.3029 2.76113H32.8852L32.7859 5.25088C32.6378 8.83771 31.702 12.2486 29.9335 12.2976L29.1152 12.323V18.0001L32.0922 17.9941V15.1881H42.434V17.9941H45.4363V12.2976H43.3029V2.76113ZM40.3512 12.2976H34.0522C35.118 10.6801 35.6888 8.33903 35.7882 5.60086H40.3512V12.2976Z' fill='black'%3e%3c/path%3e%3c/svg%3e"); } .split_pay{ height: 23px; background: url(/i/split_ico.png) 0px 50% no-repeat; background-size: auto 18px; padding: 0px 10px 0px 90px; border-radius: 8px; margin: 10px 0 0px; box-sizing: border-box; } .split_pay .textpay{ font-size:15px; } .split_pay .textpay .split{ display: inline; line-height:normal; font-family: 'latobold', roboto, arial; font-size:15px!important; } .calc_page { background: #fff; width: 100%; font-size:15px; line-height:25px; } .calcpagewrap h2{ font-family: 'latobold', roboto, arial; } .calc_page > .wrapper >p{ text-align:center; } .calc_page h1 { padding: 50px 0 0px 0; font-family: 'latoblack', roboto, arial; text-align:center; font-size:27px; line-height:29px; margin:0; } .calc_page .get_project_block{ padding: 30px 30px; border: 2px dashed #ccc; margin: 40px 0 0 0; margin-bottom:20px; float: none; width: 100%; height: auto; box-sizing: border-box; } .get_project_block{ padding: 30px 30px; border: 2px dashed #ccc; margin: 40px 0 0 0; float: left; width: 45%; height:230px; box-sizing:border-box; } .get_project_block span{ font-weight: normal!important; font-size: 20px; line-height: 30px; font-family:'latobold', roboto, arial; } .new_project_block{ background: url(/i/izometrik_3d.jpg) 15px 50% no-repeat#f7f7f7; background-size:210px 200px; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); border-radius: 0; padding: 40px 20px 20px 260px; margin:40px 0 0 0; box-sizing:border-box; height:200px; display:flex; @supports (background: url('/i/izometrik_3d.webp')) { background: url('/i/izometrik_3d.webp') 15px 50% no-repeat#f7f7f7; background-size:210px 200px; } } .shkaf_npb{ background: url(/i/izometrik_3d_shkaf.webp) 15px 50% no-repeat#f7f7f7; background-size:210px 200px; } .nobg{ background:#f7f7f7!important; } .vbox_close{ display:none; } .prodimg_card{ display: block; width: 100%; height: 250px; background-size: cover!important; background-repeat: no-repeat!important; background-position: 50% 50%; position: absolute; top: 0; left: 50%; left: 50%; border-radius: 8px 8px 0 0; transform: translateX(-50%); } .shkafprodimg{ filter: brightness(97%); background-size: contain!important; } .new_project_block_modal .vbox_close{ display:block; } .new_project_block_modal .vbox_close { background: url(../i/close2.svg?v4) center center no-repeat ; filter: drop-shadow(-1px -1px 0px #ffffff) drop-shadow(1px -1px 0px #ffffff) drop-shadow(1px 1px 0px #ffffff) drop-shadow(-1px 1px 0px #ffffff); opacity:1; } .callback_shkaf_calc_modal .vbox_close{ display:block; } .callback_shkaf_calc_modal .vbox_close { background: url(../i/close2.svg?v4) center center no-repeat ; filter: drop-shadow(-1px -1px 0px #ffffff) drop-shadow(1px -1px 0px #ffffff) drop-shadow(1px 1px 0px #ffffff) drop-shadow(-1px 1px 0px #ffffff); opacity:1; } .showroom_modal .vbox_close{ display:block; } .button_dp{ display:none; } .new_project_block .left_npb{ max-width: 550px; } .new_project_block .left_npb .name{ font-weight: normal!important; font-size: 20px; line-height: 35px; font-family: 'latobold', roboto, arial; } .new_project_block .right_npb{ box-sizing:border-box; padding:0 0 0 40px; } .new_project_block .right_npb [type="tel"]{ width: 100%; height: 50px; border: 1px solid rgba(219,218,217,1); border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 0px 0 0 0; } .new_project_block .right_npb [type="submit"] { width: 100%; height: 50px; border: none; border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 25px 0 0 0; background: #f8d50f; font-family: 'latoregular', roboto, arial; font-size: 15px; color: #000; font-weight: normal; letter-spacing: normal; cursor:pointer; } .new_project_block .right_npb [type="submit"]:hover{ background:#ffdf27; cursor:pointer; } .callback_shkaf_calc_modal{ display:none; position:fixed; top:45%; left:50%; transform: translateX(-50%) translateY(-50%); z-index:300; display:none; z-index:10000001; border-radius: 12px; width:430px; } body .showroom_modal{ display:none; position:fixed; top:45%; left:50%; transform: translateX(-50%) translateY(-50%); z-index:300; display:none; z-index:10000001; border-radius: 12px; width:430px; } body .showroom_modal .form{ width: auto; min-height: 300px; color: #fff; margin: 0 0 0 0px; box-sizing: border-box; padding: 50px 45px; font-size: 15px; line-height: 22px; position: relative; z-index: 1; } .vbox_close{ width: 35px; height: 35px; background: url(../i/close2.svg?v4) center center no-repeat; background-size: 18px 18px; position:fixed; z-index:10000001; right: 10px; top: 10px; cursor:pointer; opacity: 0.8; } .showroom_form .vbox_close { opacity: 1; -webkit-filter: invert(100%); filter: invert(100%); } .new_project_block_modal { background: url(/i/izometrik_3d.jpg) 50% 10px no-repeat #f7f7f7; background-size: auto 220px; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); border-radius: 0; padding: 290px 30px 30px 30px; margin: 40px 0 0 0; box-sizing: border-box; height: auto; display: flex; flex-direction: column; order:4; position:fixed; top:45%; left:50%; width:420px; transform: translateX(-50%) translateY(-50%); z-index:300; display:none; z-index:10000001; border-radius: 12px; @supports (background: url('/i/izometrik_3d.webp')) { background: url('/i/izometrik_3d.webp') 50% 10px no-repeat#f7f7f7; background-size: auto 220px; } } .new_project_block_modal .right_npb [type="tel"]{ width: 100%; height: 50px; border: 1px solid rgba(219,218,217,1); border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 0px 0 0 0; } .new_project_block_modal .right_npb [type="submit"] { width: 100%; height: 56px; border: none; border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 25px 0 0 0; background: #f8d50f; font-family: 'latoregular', roboto, arial; font-size: 15px; color: #000; font-weight: normal; letter-spacing: normal; cursor: pointer; } .new_project_block_modal .left_npb { text-align: center; padding: 0 0 20px 0; } .new_project_block_modal .left_npb .name { font-size: 20px; line-height: 30px; } .new_project_block_modal .right_npb { box-sizing: border-box; padding: 0; } .new_project_block_modal { background: url(/i/izometrik_3d.jpg) 50% 10px no-repeat #f7f7f7; background-size: auto 220px; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); border-radius: 0; padding: 290px 30px 30px 30px; margin: 40px 0 0 0; box-sizing: border-box; height: auto; display: flex; flex-direction: column; order:4; position:fixed; top:45%; left:50%; width:420px; transform: translateX(-50%) translateY(-50%); z-index:300; display:none; z-index:10000001; border-radius: 12px; @supports (background: url('/i/izometrik_3d.webp')) { background: url('/i/izometrik_3d.webp') 50% 10px no-repeat#f7f7f7; background-size: auto 220px; } } .zamer_block_modal .right_npb [type="tel"]{ width: 100%; height: 50px; border: 1px solid rgba(219,218,217,1); border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 0px 0 0 0; } .new_project_block_modal .right_npb [type="submit"] { width: 100%; height: 56px; border: none; border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 25px 0 0 0; background: #f8d50f; font-family: 'latoregular', roboto, arial; font-size: 15px; color: #000; font-weight: normal; letter-spacing: normal; cursor: pointer; } .new_project_block_modal .left_npb { text-align: center; padding: 0 0 20px 0; } .new_project_block_modal .left_npb .name { font-size: 20px; line-height: 30px; } .new_project_block_modal .right_npb { box-sizing: border-box; padding: 0; } .policy_agree { font-size: 12px; line-height: 14px!important; color: #5a5a5a; margin: 14px 0 0 0; display: block; text-align: center; } .policy_agree a{ color: #5a5a5a; } .calc_project_block_modal { background: url(/i/izometrik_3d.jpg) 50% 10px no-repeat #f7f7f7; background-size: auto 220px; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); border-radius: 0; padding: 270px 30px 30px 30px; margin: 40px 0 0 0; box-sizing: border-box; height: auto; display: flex; flex-direction: column; order:4; position:fixed; top:45%; left:50%; width:420px; transform: translateX(-50%) translateY(-50%); z-index:300; display:none; z-index:10000001; border-radius: 12px; @supports (background: url('/i/izometrik_3d.webp')) { background: url('/i/izometrik_3d.webp') 50% 10px no-repeat#f7f7f7; background-size: auto 220px; } } .calc_project_block_modal .right_npb [type="tel"]{ width: 100%; height: 50px; border: 1px solid rgba(219,218,217,1); border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 0px 0 0 0; } .calc_project_block_modal .right_npb [type="submit"] { width: 100%; height: 56px; border: none; border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 15px 0 0 0; background: #fde061; font-family: 'latoregular', roboto, arial; font-size: 15px; color: #000; font-weight: normal; letter-spacing: normal; cursor: pointer; } .calc_project_block_modal .right_npb [type="submit"]:hover { background: #fff048; } .calc_project_block_modal .right_npb textarea { width: 100%; height: 80px; font-family: 'latoregular', roboto, arial; border: 1px solid rgba(219, 218, 217, 1); border-radius: 5px; font-size: 15px; text-align: left; box-sizing: border-box; padding: 10px 20px; margin: 20px 0 0 0; resize: none; } .calc_project_block_modal .left_npb { text-align: center; padding: 0 0 20px 0; } .calc_project_block_modal .left_npb .name { font-size: 18px; line-height: 26px; font-family: 'latobold', roboto, arial; } .calc_project_block_modal .right_npb { box-sizing: border-box; padding: 0; } .calc_project_block_modal p{ margin:5px; } .calc_project_block_modal .vbox_close{ display:block; } .calc_project_block_modal .vbox_close { background: url(../i/close2.svg?v4) center center no-repeat ; filter: drop-shadow(-1px -1px 0px #ffffff) drop-shadow(1px -1px 0px #ffffff) drop-shadow(1px 1px 0px #ffffff) drop-shadow(-1px 1px 0px #ffffff); opacity:1; } .rassrochka_block{ background: url(/i/rassrochka_image.webp) 15px 50% no-repeat #fff; background-size: 210px 200px; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); border-radius: 0; padding: 30px 20px 20px 260px; margin: 40px 0 0 40px; box-sizing: border-box; height: 230px; display: flex; float: left; width: calc(55% - 40px); } .rassrochka_block .left_npb{ max-width: 550px; position: relative; } .rassrochka_block .left_npb .name{ font-weight: normal!important; font-size: 20px; line-height: 30px; font-family: 'latobold', roboto, arial; } .rassrochka_block .rassrochka_button{ display: block; height: 50px; border: none; border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 0 20px; line-height: 50px; background: #57b353; font-family: 'latoregular', roboto, arial; font-size: 15px; color: #fff; font-weight: normal; letter-spacing: normal; text-decoration: none; width: 200px; cursor:pointer; } .rassrochka_block .rassrochka_button:hover{ background-color:#86d182; cursor:pointer; } .calc_block{ padding: 30px 0 0px 0; font-size: 15px; line-height: 22px; min-height: 470px; } .calc_page .page_calc_block{ box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); padding:5px 0 30px; margin: 30px 0 0 0; } .calc_block .step{ display:none; } .calc_block .active{ display:block; } .mp_calculate #calc_scrollto{ position: absolute; margin: -150px 0 0 0; } #calc_scrollto{ position: absolute; margin: -150px 0 0 0; } #calc_scrollto_cart{ position: absolute; margin: -50px 0 0 0; } .calc_block .step_name { display: block; margin: 0 0 40px 0; text-align: center; font-family: latobold; font-size: 17px; } .calc_block .next_step { background: #ffe367; width: 200px; display: block; text-decoration: none; color: #000; border-radius: 5px; border: none; text-align: center; margin: 30px auto 20px auto; box-sizing: border-box; padding: 15px 35px; cursor:pointer; font-size:14px; } .calc_block .next_step:hover{ background: #ffda07; } .calc_block .step1 label{ display: inline-block; position: relative; width: 240px; height: 240px; margin: 0 20px 20px 0; cursor: pointer; background-position: center center!important; background-repeat: no-repeat!important; background-size: 230px auto!important; box-sizing: border-box; position: relative; } .calc_block .step1 label{ } .tc_calc .calc_block .step1 label:nth-of-type(4n+0),.tc_calc .calc_block .step2 label:nth-of-type(4n+0),.tc_calc .calc_block .step3 label:nth-of-type(4n+0), .tc_calc .calc_block .step4 label:nth-of-type(4n+0){ margin-right:0!important; } .calc_block .prev_arr { display: inline-block; margin: -5px 10px 0 -25px; background: #e4e4e4; width: 28px; height: 28px; border-radius: 5px; font-family: 'latoregular', roboto, arial; color: #434343; font-size: 16px; line-height: 28px; cursor: pointer; } .flexible { display: flex; justify-content: center; flex-direction: row; } .calc_block .step1 label span{ background:#fff; display:block; position:absolute; bottom:-6px; right:-6px; z-index:1; padding:3px 5px; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); font-size:14px; } .calc_block .step1 label:hover{ filter: saturate(200%); } .calc_block .step1 label:hover{ filter: saturate(200%); } .calc_block .step1 label:hover span{ background:#ffda07; } .calc_block .step1 input:checked+label{ filter: saturate(200%); } .calc_block .step1 input:checked+label span { background: #ffda07; } .calc_block .step1 input[type="radio"]{ display:none; } .calc_block .step1 label.form1{ background-image: url(/i/calc_kitchen_1.jpg?v2); } .calc_block .step1 label.form2{ background-image: url(/i/calc_kitchen_2.jpg?v2); } .calc_block .step1 label.form3{ background-image: url(/i/calc_kitchen_3.jpg?v2); } .calc_block .step1 label.form4{ background-image: url(/i/calc_kitchen_4.jpg?v2); } .calc_block .step1 label.form5{ background-image: url(/i/calc_kitchen_5.jpg?v2); } .calc_block .step1 label.form6{ background-image: url(/i/calc_kitchen_6.jpg?v2); } .calc_block .step2 label{ display:inline-block; position:relative; width:200px; height:200px; background:#fff; margin:0 10px 50px 10px; cursor:pointer; background-position:center center; background-repeat:no-repeat; background-size:220px auto; box-sizing:border-box; position:relative; border-radius:8px; } .calc_block .step2 label span{ position: relative; text-align: center; height: 60px; width: 100%; color: #232323; font-family: 'latoregular', roboto, arial; top: 200px; line-height: normal; z-index: 2; background: none; box-sizing: border-box; padding: 15px 10px; border-radius: 0; display: block; } .calc_block .step2 label:hover{ background-size:220px auto; background-position:center center; background-repeat:no-repeat; outline:5px solid #ffda07; } .calc_block .step2 label:hover span{ } .calc_block .step2 input:checked+label{ outline:5px solid #ffda07; } .calc_block .step2 input:checked+label span{ } .calc_block .step2 input[type="radio"]{ display:none; } .calc_block .step2 label.fasady1{ background-image:url(/i/fas_egger.jpg); } .calc_block .step2 label.fasady2{ background-image:url(/i/fas1.jpg); } .calc_block .step2 label.fasady3{ background-image:url(/i/fas3.jpg); } .calc_block .step2 label.fasady4{ background-image:url(/i/fas4.jpg); } .calc_block .step2 label.fasady5{ background-image:url(/i/fas5.jpg); } .calc_block .step2 label.fasady6{ background-image:url(/i/fas6.jpg); } .calc_block .step2 label.fasady7{ background-image:url(/i/fas6.jpg); } .calc_block .step2 label.fasady8{ background-image:url(/i/fasno.jpg); } .calc_block .step3 label{ display: inline-block; position: relative; width: 200px; height: 200px; background: #fff; margin: 0 10px 50px 10px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 200px auto; box-sizing: border-box; position: relative; border-radius: 8px; } .calc_block .step3 label:nth-of-type(4n+0){ margin-right:0 } .calc_block .step3 label span{ position: relative; text-align: center; height: 60px; width: 100%; color: #232323; font-family: 'latoregular', roboto, arial; top: 200px; line-height: normal; z-index: 2; background: none; box-sizing: border-box; padding: 15px 10px; border-radius: 0; display: block; } .calc_block .step3 label:hover{ outline:5px solid #ffda07; } .calc_block .step3 input:checked+label{ outline:5px solid #ffda07; } .calc_block .step3 input[type="radio"]{ display:none; } .calc_block .step3 label.stoleshnica1{ background-image:url(/i/stoleshnicy/stoleshnica1.jpg); } .calc_block .step3 label.stoleshnica2{ background-image:url(/i/stoleshnicy/stoleshnica2.jpg); } .calc_block .step3 label.stoleshnica3{ background-image:url(/i/stoleshnicy/stoleshnica3.jpg?v2); } .calc_block .step3 label.stoleshnica4{ background-image:url(/i/stoleshnicy/stoleshnica4.jpg?v2); } .calc_block .step4 label{ display: inline-block; position: relative; width: 200px; height: 200px; background: #fff; margin: 0 10px 50px 10px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 200px auto; box-sizing: border-box; position: relative; border-radius: 8px; } .calc_block .step4 label:nth-of-type(4n+0){ margin-right:0 } .calc_block .step4 label span{ position: relative; text-align: center; height: 60px; width: 100%; color: #232323; font-family: 'latoregular', roboto, arial; top: 200px; line-height: normal; z-index: 2; background: none; box-sizing: border-box; padding: 15px 10px; border-radius: 0; display: block; } .calc_block .step4 label:hover{ outline:5px solid #ffda07; } .calc_block .step4 label:hover span{ } .calc_block .step4 input:checked+label{ outline:5px solid #ffda07; } .calc_block .step4 input[type="radio"]{ display:none; } .calc_block .step4 label.furnitura1{ background-image:url(/i/furnitura/furnitura1.jpg); } .calc_block .step4 label.furnitura2{ background-image:url(/i/furnitura/furnitura2.jpg); } .calc_block .step4 label.furnitura3{ background-image:url(/i/furnitura/furnitura3.jpg?v2); } .calc_block .step4 label.furnitura4{ background-image:url(/i/furnitura/furnitura4.jpg?v2); } .calc_block .step5 .left_sizes_block{ width: 50%; float: left; height: 270px; background-image: url(/i/absizes.png?v3); background-position: right; background-size: auto 270px; background-repeat: no-repeat; margin: 10px 0 0 0; position:relative; } .form_image_f2 .left_sizes_block:before, .form_image_f3 .left_sizes_block:before, .form_image_f4 .left_sizes_block:before, .form_image_f5 .left_sizes_block:before { content: "A"; position: absolute; top: 5px; left: 100%; margin-left: -290px; display: block; font-family: latoblack; } .form_image_f2 .left_sizes_block:after, .form_image_f3 .left_sizes_block:after, .form_image_f4 .left_sizes_block:after, .form_image_f5 .left_sizes_block:after { content: "B"; position: absolute; top: 10px; left: 100%; margin-left: -135px; display: block; font-family: latoblack; } .form_image_f1 .left_sizes_block{ background-image: url(/i/calc_kitchen_1.jpg?v2)!important; background-position: 75% 0!important } .form_image_f2 .left_sizes_block{ background-image: url(/i/calc_kitchen_2.jpg?v2)!important; background-position: 75% 0!important } .form_image_f3 .left_sizes_block{ background-image: url(/i/calc_kitchen_3.jpg?v2)!important; background-position: 75% 0!important } .form_image_f4 .left_sizes_block{ background-image: url(/i/calc_kitchen_4.jpg?v2)!important; background-position: 75% 0!important } .form_image_f5 .left_sizes_block{ background-image: url(/i/calc_kitchen_5.jpg?v2)!important; background-position: 75% 0!important } .calc_block .step5 .right_sizes_block { float: left; height: auto; margin: 5px 0 10px 0; box-sizing: border-box; padding: 0 0 0 30px; width: 450px; line-height: 25px; } .calc_block .step5 .label_sizes{ display: block; font-family: latobold; font-size: 17px; display:inline-block; } .calc_block .step5 [type="number"] { height: 30px; width: 120px; box-sizing: border-box; padding: 0 10px; line-height: 30px; font-size: 15px; display: inline-block; margin: 9px 0 10px 25px; border: 1px solid #bdbdbd; } .range_div { display: block; margin: 5px 0 20px 0; padding: 0 0 25px 0; border-bottom: 1px dashed #aeaeae; position: relative; } .range_div span{ font-size: 13px; color: #989898; position: absolute; } .range_div2 { display: block; margin: 5px 0 20px 0; padding: 0 0 20px 0; position:relative; } .range_div2 span{ font-size: 13px; color: #989898; position: absolute; } .range_div.hidden_range span:nth-of-type(2), .range_div2.hidden_range span:nth-of-type(2), .range_div3.hidden_range span:nth-of-type(2){ right:15px; } .range_div span:nth-of-type(2),.range_div2 span:nth-of-type(2),.range_div3 span:nth-of-type(2){ right:0px; } .range_div span,.range_div2 span,.range_div3 span{ top: 20px; } .hidden_range span,.hidden_range span,.hidden_range span{ top: 35px; } .range_div3 span{ font-size: 13px; color: #989898; position: absolute; } .right_sizes_block .range_div span { top: 0px; position: relative; } .right_sizes_block .range_div2 span { top: 0px; position: relative; } .right_sizes_block .range_div3 span { top: 0px; position: relative; } .right_sizes_block .range_div span:nth-of-type(2), .right_sizes_block .range_div2 span:nth-of-type(2), .right_sizes_block .range_div3 span:nth-of-type(2) { right: 0px; } .calc_block .step5 [type="range"]{ width: 300px; display:inline-block; } .calc_block .step5 .label_sizes{ font-family: latobold; font-size: 17px; display: inline-block; } .calc_block .step5 .label_sm{ height: 30px; width: 20px; box-sizing: border-box; padding: 0 10px; line-height: 30px; font-size: 14px; display: inline-block; color:#777; } .calc_block .step5 b{ font-weight:normal; font-family:"latoregular"; color: #7a7a7a; } .calc_block .step6 .left_end_block{ width: 50%; float: left; height: 350px; background-image: url(/i/surprise.jpg?v11); margin: 20px 0 0 0; background-repeat: no-repeat; background-size: auto 350px; background-position: 180px 0; } .tc_calc .calc_block .step6 .left_end_block { width: 45%; float: left; height: 350px; background-image: url(/i/surprise.jpg?v11); margin: 40px 0 0 0; background-repeat: no-repeat; background-size: auto 350px; background-position: 180px 0; } .calc_block .step6 .right_end_block { text-align: left; width: 390px; float: left; height: auto; margin: 10px 0 0 0; box-sizing: border-box; padding: 35px 30px 30px 50px; font-size: 40px; line-height: 50px; max-width: 550px; background: #fff; border-radius: 8px; } .antiscrew{ } .calc_block .step6 [type="tel"] { height: 50px; width: 280px; box-sizing: border-box; padding: 0 15px; line-height: 40px; font-size: 15px; display: inline-block; margin: 10px 0 10px; border: 1px solid #bcbcbc; border-radius: 3px; background:#f5f9ff; } .calc_block .step6 b{ display:block; font-family:latoblack; font-size: 25px; line-height: 40px; margin: 0 0 0px 0; color: #353535; } .calc_block .step6 i{ display:block; font-style:normal; font-family:latoregular; font-size: 15px; line-height: 25px; margin: 10px 0 20px 0; color: #353535; } .calc_block .send_calc { background: #ffe345; width: 280px; display: inline-block; text-decoration: none; color: #000; border-radius: 5px; font-size: 15px; border: 1px solid #f8d50f; text-align: center; margin: 10px 0 20px 0; box-sizing: border-box; padding: 15px 35px; cursor: pointer; line-height: normal!important; overflow:hidden; position:relative; } .calc_block .send_calc:hover{ background: #ffda07; } .slideup { display:none; } .faq .questi{ display:block; margin:20px 0 0 0; } .faq .answer{ padding: 15px; background:#dff0d9; margin:0 0 40px 0; } .block404{ display: flex; height: calc(100% - 358px); flex-wrap: wrap; flex-direction: column; align-content: space-around; justify-content: center; height: calc(100vh - 318px); } .block404 h1 { font-size: 50px; line-height: 120px; padding: 0; margin-bottom: 0; } #slide_cat{ position:relative; } .tags2 { margin: 0; z-index: 3; background: #fff; padding: 0px 0px 0px; overflow: hidden; height: 110px; } .tags_dummy .filterbutton{ font-size: 20px; border-bottom: 1px solid #e5e5e5; margin: 0 -30px 10px -30px; box-sizing: border-box; padding: 10px 30px 20px; font-family: 'latobold', roboto, arial; } .filter_close_button{ widtH: 18px; height: 18px; background: url(../i/close.png) 0px 0 no-repeat; background-size: 18px; position: absolute; z-index: 10; right: 0; top: 17px; cursor:pointer; opacity:0.7; } .filter_close_button:hover{ opacity:1; } .lfilter{ width: 15%; float:left; } .tags_dummy_l { position: relative; width: 15%; max-height: 100px; overflow: hidden; margin: 0 0 20px 0; transition: max-height 0.5s ease-in-out; float:left; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; } .lfilter select { border: 1px solid #c1c1c1; padding: 0px 4px; font-size: 14px; margin: 5px 0 0 0; display: block; background: #ffffff; border-radius: 5px; height: 33px; } .lfilter .filterbutt_pc { float:none; width:max-content; } .tags_dummy_l select { border: 1px solid #c1c1c1; padding: 0px 4px; font-size: 14px; margin: 30px 0 0 0; display: block; background: #ffffff; border-radius: 5px; height: 33px; float:none; } .tags_dummy_r { position: relative; width: 15%; max-height: 100px; overflow: hidden; margin: 0 0 20px 0; transition: max-height 0.5s ease-in-out; float:right; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; } .tags_dummy_r select { border: 1px solid #c1c1c1; padding: 0px 4px; font-size: 14px; margin: 30px 0 0 0; display: block; background: #ffffff; border-radius: 5px; height: 33px; } .tags_dummy { position: relative; width: auto; width: 85%; max-height: 100px; overflow: hidden; margin: 0 0 20px 0; transition: max-height 0.5s ease-in-out; float:left; } .modul_cat .tags_dummy { width: 100%; } .modul_cat .tags_dummy_r select { margin: 0px 0 0 0; } .modul_cat .textcenter{ padding: 0px 0 0px 0; } .openes_tags{ max-height: 100%; } .tags { position: relative; z-index: 2; background: #fff; padding: 0; box-sizing: border-box; } .tags .filters_arrow{ height:30px; width:30px; border-radius:30px; background:#fff; cursor:pointer; background: url(/i/filter_arrows.jpg) no-repeat; background-size: 30px 60px; background-position: 0 0; margin: 3px 10px 10px 0; } .tags .arrow_up{ background-position: 0 -30px; } .tags .filter_block .tag:hover{ background:#737373; color:#fff; cursor: pointer; } .tags .filter_block .checked{ background: #feefb6!important; color: #000!important; } .tags .filter_block .taghref:hover{ background: #feefb6!important; color: #000!important; } .tags .filter_block .checked_form, .tags .filter_block .checked_style, .tags .filter_block .checked_color, .tags .filter_block .checked_fasad, .tags .filter_block .checked_type, .tags .filter_block .checked_fasad_shkaf, .tags .filter_block .checked_tags, .tags .filter_block .checked_raspoloj, .tags .filter_block .checked_doors, .tags .filter_block .checked_osobennosti, .tags .filter_block .checked_fasad_material{ background:#404040!important; color:#fff!important; } .card_click_calc[href="split"]{ font-size: 15px!important; background-position: 0px -2px!important; padding: 0 0 0 60px!important; } .cat_menu_top{ position: absolute; width:100%; min-height: 150px; height: 66px; background: #fff; box-shadow: 0px 5px 15px 0px rgb(50 50 50 / 20%); width:700px; margin:44px 0 0 0; } .tags .filter_block .checked_color{ outline:4px solid #404040!important; border:3px solid #fff!important; } .apply_filters_absolute{ background: #ffe367; height: 35px; display: inline-block; text-decoration: none; color: #000; border-radius: 5px; line-height: 35px; font-size: 13px; border: 1px solid #f8d50f; text-align: left; margin: 0; position: relative; box-sizing: border-box; padding: 0 0 0 0px; width: 100px; text-align: center; cursor: pointer; border: none; position: absolute; top: 60%; left: 70%; z-index:100; -webkit-box-shadow: -5px -3px 8px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: -5px -3px 8px 0px rgba(34, 60, 80, 0.2); box-shadow: -5px -3px 8px 0px rgba(34, 60, 80, 0.2); } .tags .apply_filters{ background:#ffe367; height: 50px; display: inline-block; text-decoration: none; color: #000; border-radius: 5px; line-height: 50px; font-size: 16px; border: 1px solid #f8d50f; text-align: left; margin: 10px 0 20px 0; position: relative; box-sizing: border-box; padding: 0 0 0 0px; width: 200px; text-align: center; cursor:pointer; border:none; } .shkafy_cat .tags .apply_filters{ width: 100%; } .tags .apply_filters:hover{ background:#ffda07; } .filter_block { position:relative; } .filter_block .filter_wrap{ display:flex; flex-direction: row; flex-wrap: wrap; border-bottom: 1px dotted #e2e2e2; padding: 0 0 10px 0; margin: 0 0 15px; column-gap: 20px; list-style: none; } .filter_block .filter_name{ display: block; margin: 0; font-family: 'latobold', roboto, arial; margin:0 0 7px 0; } .filter_block .filter_sub_name{ display: block; margin: 10px 0 0 0; } .tags .filter_block .tag{ text-decoration: none; display: block; padding: 8px 15px; background: #f1f1f1; text-align: center; color: #000; border-radius: 5px; cursor: pointer; margin: 10px 14px 10px 6px; } .top_tags .tags .filter_block .taghref{ margin: 0px 0px 10px 0px; } .tags .filter_block .taghref{ text-decoration: none; display: block; padding: 8px 15px 8px 28px; background: #f1f1f1; text-align: center; color: #000; border-radius: 5px; cursor: pointer; margin: 0px 0px 10px 0px; } .addressLocality{ font-size:1.2em; } .tags .filter_block li{ position:relative; } .tags .filter_block li [name="filter"]{ position: absolute; margin: 0 8px 0px 7px; top:11px; border-radius: 4px; width: 15px; background: #fff; height: 15px; border: 1px solid rgb(133, 133, 133); line-height: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } .tags .filter_block li [name="filter"]:checked { border-color: #0b76ef!important; background-color: #0b76ef!important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")!important; background-size: 10px auto!important; background-position: center center!important; background-repeat: no-repeat!important; } .tags .filter_block [rel="color"]{ border-radius: 0; width: 26px; height: 26px; padding:0; font-size:1px; overflow:hidden; border:3px solid #fff; outline:3px solid #eaeaea; } .tags .filter_block [rel="color"]:hover{ outline: 6px solid #404040!important; border:3px solid #fff!important; } .tags .filter_block [href="Черный"]{ background:#363636!important; color:#363636!important; } .tags .filter_block [href="Фиолетовый"]{ background:#8b00ff!important; color:#8b00ff!important; } .tags .filter_block [href="Светлое дерево"]{ background:#d3b787!important; color:#d3b787!important; } .tags .filter_block [href="Коричневый"]{ background:#956c2b!important; color:#956c2b!important; } .tags .filter_block [href="Белый"]{ background:#f3f3f3!important; color:#fff!important; } .tags .filter_block [href="Желтый"]{ background:#fcea74!important; color:#fcea74!important; } .tags .filter_block [href="Синий"]{ background:#1f8bff!important; color:#1f8bff!important; } .tags .filter_block [href="Серый"]{ background:#bebebe!important; color:#bebebe!important; } .tags .filter_block [href="Оранжевый"]{ background:#ffad14!important; color:#ffad14!important; } .tags .filter_block [href="Бежевый"]{ background:#eae6ca!important; color:#eae6ca!important; } .tags .filter_block [href="Красный"]{ background:#ec2626!important; color:#ec2626!important; } .tags .filter_block [href="Зеленый"]{ background:#3ccd3c!important; color:#3ccd3c!important; } .tags .filter_block [href="Голубой"]{ background:#82deff!important; color:#82deff!important; } .online_chat_icon_mob{ display:none; } .b24-widget-button-position-bottom-right .b24-widget-button-popup { left: -385px!important; bottom: -10px!important; } .b24-widget-button-inner-container, .bx-touch .b24-widget-button-inner-container { display: none!important; } .event_big_block{ display: flex; flex-wrap: nowrap; align-items: flex-start; flex-direction: row; justify-content: center; width: 100%; margin: 30px 0 0 0; } .left_event{ width: 450px; margin: 0 30px 0 0; height: auto; } .left_event img{ width: 450px; height: auto; } .right_event p:first-child{ margin-top:0; } .left_event+.right_event{ width: 700px; } blockquote{ padding: 20px; box-sizing: border-box; margin: 0 0 0 0px; background: #f2f2f2; } .project_page{ padding:20px 0; } .project_page h1 { font-family: 'latobold', roboto, arial; text-align: center; font-size: 27px; line-height: 29px; padding: 40px 0 20px 0; margin: 0; } .project_top_page{ text-align:center; padding:0 0 20px 0; font-size:16px; line-height:25px; } .quiz{ display:flex; width:100%; min-height: 405px; } .quiz .prev_arr{ display: inline-block; margin: -5px 10px 0 -25px; background: #efefef; width: 28px; height: 28px; border-radius: 5px; font-family: 'latoregular', roboto, arial; color: #434343; font-size: 16px; line-height: 28px; cursor: pointer; } .quiz .prev_b{ width:150px; height: 45px; border: none; border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 0 0px; margin: 0px auto 0 auto; background: #e6e6e6; font-family: 'latoregular', roboto, arial; font-size: 15px; line-height: 45px; color: #000; cursor:pointer; } .quiz .q_step{ display:none; min-height:100px; width:100%; padding:20px 0 } .quiz .q_step_body{ display:block; display:flex; flex-direction: row; justify-content: center; padding:30px 0 } .quiz .title{ text-align:center; font-size:18px; font-family:'latobold', roboto, arial; display:block; } .quiz .step_block{ background:#f5f5f5; width:280px; height:280px; margin:0 10px; background-size:280px auto; cursor:pointer; border-radius:5px; } .quiz .mini{ width:190px; } .quiz .mini:nth-of-type(0n+1){ background:#d1ecf8 } .quiz .mini:nth-of-type(0n+2){ background:#fee6e0 } .quiz .mini:nth-of-type(0n+3){ background:#eff9d8 } .quiz .step_block:nth-of-type(1){ margin:0 10px 0 0; } .quiz .step_block:last-child{ margin:0 0 0 10px; } .quiz .step_block:hover{ outline:4px solid #ffda07; } .quiz [type="radio"]{ display:none; } .quiz [type="radio"]:checked+label{ outline:4px solid #ffda07; } .quiz .last_step [type="radio"]:checked+label{ background:#ffe881; outline:none; } .quiz .step_block .sb_name{ position: relative; text-align: center; height: 90px; width: 100%; color: #fff; font-family: 'latobold', roboto, arial; top: 190px; line-height: 90px; z-index:2; background: rgb(248,248,248); background: linear-gradient(180deg, rgba(248,248,248,0) 0%, rgba(0,0,0,0.65) 100%); box-sizing:border-box; padding:0 15px; border-radius:0 0 5px 5px; } .project_page .text h3 { font-family: 'latobold', roboto, arial; text-align: center; font-size: 20px; line-height: 25px; padding: 35px 0 0px 0; margin: 0; } .quiz .another{ background:#f5f5f5; } .quiz .another .sb_name{ background: none; height: 280px; line-height: normal; top: 0; color: #000; margin: 0px auto 0 auto; display: flex; align-items: center; text-align: center; justify-content: space-around; } .quiz .last_step{ display: flex; flex-direction: row; } .quiz .wleft{ display:flex; width: 50%; flex-direction: column; align-items: flex-end; padding:0 20px 0 0; } .quiz .wleft .one_way{ display:block; border-radius:5px; width:280px; height:55px; line-height:55px; margin:0px 0px 20px; box-sizing:border-box; padding:0 0 0 20px; background:#f5f5f5; cursor:pointer; } .quiz .wleft .one_way:hover{ background:#ffe881; } .quiz .wleft .one_way .w_name{ display:inline-block; } .quiz .wleft .one_way .icop{ background: url(/i/phone_ic1_green.png) center center no-repeat; background-size: 30px 30px!important; width:30px; height:30px; position:relative; top:10px; margin-right:15px; display:inline-block; } .quiz .wleft .one_way .icow{ background: url(/i/whatsapp_ic1.png) center center no-repeat; background-size: 30px 30px!important; width:30px; height:30px; position:relative; top:10px; margin-right:15px; display:inline-block; } .quiz .wleft .one_way .icot{ background: url(/i/telegram_ic1.jpg) center center no-repeat; background-size: 30px 30px!important; border-radius:30px; width:30px; height:30px; position:relative; top:10px; margin-right:15px; display:inline-block; } .quiz .wleft .one_way .icov{ background: url(/i/viber_ic1.jpg) center center no-repeat; background-size: 30px 30px!important; border-radius:30px; width:30px; height:30px; position:relative; top:10px; margin-right:15px; display:inline-block; } .quiz .wright{ display:flex; width: 50%; flex-direction: column; align-items: flex-start; padding:0 0 0 30px; } .quiz .form [type="text"] { width: 338px; height: 56px; border: 1px solid rgba(219,218,217,1); border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 25px 0 0 0; } .quiz .form [type="tel"] { width: 338px; height: 56px; border: 1px solid rgba(219,218,217,1); border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 25px 0 0 0; outline:none; } .quiz .form [type="submit"] { width: 338px; height: 56px; border: none; border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 25px 0 25px 0; background: #53b44e; font-family: 'latoregular', roboto, arial; font-size: 15px; line-height: 18px; color: #fff; cursor:pointer; } .quiz .form [type="submit"]:hover { background: #74c670; } .thanx { font-size: 25px; display: block; text-align: center; } .thanx i { width: 100%; display: block; font-size: 18px; margin: 30px 0 0 0; } .lbox_wrapper{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:10000000; background:#f7f7f7; } .lbox_close{ width: 35px; height: 35px; background: url(../i/close2.svg?v4) center center no-repeat; background-size: 18px 18px; position:fixed; z-index:10000001; right:30px; top:20px; cursor:pointer; opacity:0.8; } .modal .close:hover{ opacity:0.6; } .lbox_inner { overflow-y: scroll; text-align: center; width: auto; height: 100%; padding:35px 30px; display: flex; box-sizing: border-box; flex-direction: column; align-items: center; } .lbox_inner img{ max-width:100%; margin:20px } .news_block { background: #fff; width: 100%; padding-bottom: 80px; min-height: calc(100% - 400px); } .news_block h1{ font-family: 'latobold', roboto, arial; text-align: left; font-size: 27px; line-height: 29px; padding: 30px 0 30px 0; margin: 0; } .news_block h2,.news_block h3,.news_block h4{ font-family: 'latobold', roboto, arial; text-align: left; font-size: 20px; line-height: 25px; padding: 20px 0 20px 0; margin: 0; } .columns_blog_one{ display:flex; } .left_blog_block{ width:80%; } .right_blog_block{ width: 260px; margin: 0 0 0 40px; padding: 155px 0 0 0; } .right_blog_block b { margin: 0 0 30px 0; display: block; text-align: center; font-size: 18px; color: #000000; font-weight: normal; } .right_blog_block .blog_items { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; } .news_block .event_line{ margin: 0px 0 30px 0; } .news_block iframe{ height:550px; width:100%; } .right_blog_block .blog_items .one_blog_item { width: 100%; position: relative; cursor: pointer; border-radius: 5px; margin: 0px 0 30px 0; filter: grayscale(50%); } .right_blog_block .blog_items .one_blog_item:hover{ filter: grayscale(0%); } .right_blog_block .blog_items .one_blog_item .title{ font-size:16px; line-height:22px; background: rgba(0,0,0,0.4); } .news_block .text_news{ padding: 20px 0 30px 0; font-size:15px; line-height:24px; min-height: calc(100% - 488px); display: flex; flex-direction: column; flex-wrap: nowrap; } .news_block .text_news .left_blog_block img{ max-width:100%; margin:20px 0px 20px 0; display:block; width:100%!important; height:auto!important; } .news_block .text_news .for_reading{ display:inline-block; text-align: center; color: #226cbf; margin: -10px auto 35px auto; padding:0 0 0 30px; background:url("/i/timer-svgrepo-com2.svg") center left no-repeat; background-size: 20px auto; } .news_block .text_news .breadcrumps { padding: 30px 20px 20px 0px; margin: 0 0; color: #707070; } .news_block .blog_populars h3 { font-family: 'latobold', roboto, arial; text-align: center; font-size: 22px; line-height: 26px; padding: 0px 0 0px 0; margin: 0; font-weight: normal; letter-spacing: 0; } .blog_populars .all_kitchens { border: none; border-radius: 5px; text-align: center; box-sizing: border-box; padding: 15px 35px; margin: 20px auto 0px auto; background: #ffda07; font-family: 'latoregular', roboto, arial; cursor: pointer; color: #000; text-decoration: none; display: block; position: relative; width: 225px; height:52px; float:none; } .blog_populars .all_kitchens:hover { background-color: #ffe367; } .blog_items{ display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; } .one_blog_item{ width: 32.93%; position: relative; margin: 20px 0 10px 0; cursor: pointer; border-radius: 0px; margin: 3px 1.5px 0; } .right_blog_block .one_blog_item { height: 250px; } .right_blog_block .one_blog_item .image img{ min-height: 250px; min-width: 260px; } .right_blog_block .one_blog_item .image { height: 250px; } .blog_pagination{ display: flex; flex-wrap: nowrap; justify-content: center; flex-direction: row; } .blog_pagination a{ display: block; margin: 0 5px; padding: 5px 10px; border-radius: 4px; border: 1px solid #b5b5b5; text-align: center; text-decoration: none; font-size: 14px; color: #000; } .blog_pagination .selected_page{ font-family: 'latobold', roboto, arial; background: #0064ff; color:#fff; } .blog_pagination .selected_page:hover{ font-family: 'latobold', roboto, arial; background: #0064ff; color:#fff; } .blog_pagination a:hover{ color: #0064ff; } .one_blog_item .image{ width: 100%; height: 300px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .blog_items .one_blog_item .image { min-height: 250px; } .one_blog_item .image img{ width:auto; height: 100%; border-radius: 0px; } .dummy_block_image{ width:100%; background: #a2a2a2; border-radius: 5px; } .dummy_block_image:before{ content: ""; display: block; padding-top: 100%; } .one_blog_item .title{ display: flex; position: absolute; text-align: left; height: 100%; width: 100%; color: #fff; font-family: 'latobold', roboto, arial; bottom: 0px; font-size: 18px; line-height: 25px; letter-spacing: 0.01em; z-index: 2; background: rgba(0,0,0,0.40); box-sizing: border-box; justify-content: flex-start; align-items: flex-start; border-radius: 0; padding: 50px 30px 0 30px; flex-direction: column; padding: 50px 30px 0 30px; } .one_blog_item:hover .title{ height: 100%; padding: 50px 30px 0 30px; background: rgba(0,0,0,0.2); } .one_blog_item .title time{ font-size:13px; font-family: 'latoregular', roboto, arial; margin:15px 0 0 0; } #calc_scrollto_prod{ top: -100px; position: relative; } .event_block .rblock { width: 100%; height: auto; float: none; margin: 0 0 0 25px; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .event_block .rblock .action { width: 32%; } .event_block .rblock .action:nth-child(1) { font-family: latobold; background-color: #fed933; } .event_line{ display: none; } .catalog .event_line{ margin: 0px 0 40px 0; } .send_variants{ border: 1px dashed #c2c2c2; box-sizing: border-box; padding: 30px 30px 20px 30px; display: block; margin: 0px 0 40px 0; width: 500px; text-align: center; } .send_variants b{ display: block; } .text_desc_cat{ } .desccat{ background: #fff; padding: 25px 0px 0 0; margin:40px 0 0 0; border-bottom:0; box-shadow: 0px -3px 5px rgb(68 92 130 / 10%); } .footer .soc_icons { width: 28px; height: 28px; display:inline-block; border-radius:30px; overflow:hidden; margin:10px 0 0px 5px; } .footer .soc_icons img{ width: 30px; height: 30px; position:relative; top:-1px; left:-1px; } .palettes { display: flex; flex-wrap: wrap; justify-content: space-between; margin:30px 0 30px 0; } .palettes .one_palette{ width: 368px; padding:0 0 50px 0; height:368px; overflow:hidden; margin: 0 0; } .palettes .x2{ width: 784px; padding:0 0 50px 0; height:368px; overflow:hidden; } .palettes .one_palette a { width: 100%; height: 368px; display: block; padding: 0; margin: 0; float: none; overflow: hidden; } .palettes .one_palette img{ width:100%; height:auto; } .complete_palettes .lrbl{ display: flex; flex-wrap: wrap; justify-content: space-between; margin:0px 0 30px 0; } .complete_palettes .lrbl .lbl{ width:35%; } .complete_palettes .lrbl .rbl{ width:60%; } .output{ height: 700px; display: flex; flex-direction: column; justify-content: center; background: #202020; align-items: center; } .bg_showroom_page { padding: 20px 0 0 0; } .showroom_text{ display:flex; flex-wrap: wrap; position:relative; } .st_left{ padding: 0 0px 0 0; width: 750px; order: 0; } .st_left h2{ font-family: latobold; padding-top:0px; margin-top: 0px; } .st_right { width: 400px; order: 2; top: 0; position: absolute; right: 0; } .sh_adress{ margin: 10px 0 20px; } .sh_adress b{ display: block; font-size: 18px; font-weight: normal; } .sh_adress i{ display: block; font-style: normal; color:#666; font-size: 15px; font-weight:normal; padding:0 0 0px 0; } .contacts_map_showroom{ height: 450px; margin: 0px 0 40px; border-radius: 10px; overflow: hidden; width: 750px; order: 1; background: #ededed; } .showroom_modal{ display:none; } .showroom_form{ width: 400px; position: relative; background: rgb(58, 57, 57); border-radius: 10px; background: url(/i/showroom_photo.jpg) 50% -30px no-repeat; background-size: 100% auto; } .showroom_form:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.5; background-size: 45%; z-index: 0; border-radius: 10px; } .bg_showroom_page h1{ font-family: 'latobold', roboto, arial!important; text-align: center; font-size: 27px; line-height: 29px; padding: 35px 0 60px 0; margin: 0; } .showroom_form .form { width: auto; min-height: 550px; color: #fff; margin: 0 0 0 0px; box-sizing: border-box; padding: 200px 30px 20px 30px; font-size: 15px; line-height: 22px; position: relative; z-index: 1; background: rgb(51,51,51); background: linear-gradient(180deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 75%, rgba(51,51,51,1) 100%); border-radius: 10px; background: rgb(51,51,51); background: linear-gradient(180deg, rgba(51,51,51,0) 0%, rgba(24,24,24,1) 78%, rgba(51,51,51,1) 100%); } .showroom_form .form [type="text"],.showroom_form .form [type="tel"]{ width:338px; height:56px; border:none; border-bottom:1px solid #fff; font-size:18px; text-align:left; box-sizing:border-box; padding: 15px 0 0px; margin:25px 0 0 0; outline:none; background:none; color:#fff; } .showroom_form .form [type="tel"]::-webkit-input-placeholder { color: #fff; } .showroom_form .form [type="tel"]:-ms-input-placeholder { color: #fff; } .showroom_form .form [type="tel"]::-moz-placeholder { color: #fff; opacity: 1; } .showroom_form .form [type="tel"]:-moz-placeholder { color: #fff; } .showroom_form .form .datetimelocal{ width: 338px; height: 56px; border: none; border-bottom: 1px solid rgb(255 255 255); border-radius: 0px; font-size: 18px; text-align: left; background: none; box-sizing: border-box; padding: 15px 0 0 ; margin: 25px 0 0 0; outline: none; font-family: 'latoregular'; color:#fff; position:relative; } .showroom_form .form .datetimelocal::-webkit-calendar-picker-indicator { filter: invert(1); } .showroom_form .form .datetimelocal::-webkit-input-placeholder { color: #fff; } .showroom_form .form .datetimelocal:-ms-input-placeholder { color: #fff; } .showroom_form .form .datetimelocal::-moz-placeholder { color: #fff; opacity: 1; } .showroom_form .form .datetimelocal:-moz-placeholder { color: #fff; } .showroom_form .form [type="submit"]{ width:338px; height:56px; border:none; border-radius: 5px; font-size:15px; text-align:center; box-sizing:border-box; padding:15px 0; margin: 35px 0 0 0; background:#fff; font-family: 'latoregular', roboto, arial; font-size:15px; line-height:18px; color:#000; } .showroom_form .form [type="submit"]:hover{ cursor:pointer; background:#ffdf27; } .showroom_form .form b{ font-family: 'latobold', roboto, arial; display:block; font-weight:normal; font-size:22px; letter-spacing: 0.02em; padding:0 0 10px 0; } .text_phone{ margin: 10px 0 0 0; text-align:center; color: #666; } .modal_popup{ width:1170px; height:650px; text-align: left; background-color: #f6f6f6; } .modal_popup .text{ display:block; } .modal_popup .calc_block .step6 .right_end_block{ background-position: 310px 135px; } .modal_popup .vbox_close{ display:block; } .config_modal { box-sizing: border-box; height: auto; text-align: left; width:1190px; min-height:600px; } .config_modal .vbox_close{ display:block; right: 4px; top: 4px; } .config_modal_inner{ display:flex; flex-direction: row; flex-wrap: nowrap; } .config_modal .config_modal_inner .left{ width:35%; margin:7px 0 0 0; } .config_modal .config_modal_inner .left .prod_img{ display:flex; align-items: center; justify-content: flex-start; height: auto; } .config_modal .config_modal_inner img{ height:300px; width:auto; } .config_modal .config_modal_inner .left .cath4 { font-family: 'latobold', roboto, arial; text-align: center; font-size: 17px; line-height: 30px; padding: 0px 0 10px 0; margin: 10px 0 10px 0; text-align: left; font-weight: normal; border-bottom: 1px solid #d8d8d8; } .s_size_bl [type="number"]{ height: 30px; width: 80px; box-sizing: border-box; padding: 0 10px; line-height: 30px; font-size: 15px; display: inline-block; margin: 9px 10px 10px 10px; border: 1px solid #bdbdbd; } .rdiv{ display: block; margin: 0px 0 20px 0; padding: 0 0 0px 0; border-bottom: none; position: relative; } .rdiv [type="range"]{ width:98%; } .config_modal .config_modal_inner .right{ box-sizing: border-box; width:65%; padding:0 0 0 30px; } .order_block{ display: block; max-height: 115px; padding: 20px 25px; border-radius: 5px; width: 100%; display: inline-block; margin: 5px 0 0 0; box-sizing: border-box; background: #fafafa; border: 1px solid #e5e5e5; } .order_block .nameprice_block{ float: left; background: url(/i/cart0.png) 0 100% no-repeat; background-size: 40px auto; box-sizing: border-box; padding: 0 0 0 60px; max-width: 355px; } .order_block .nameprice_block .price{ font-size: 20px; line-height:20px; display: block; width: 100%; font-family: 'latobold', roboto, arial; } .order_block .order_button{ background: #ffe345; width: 250px; height: 50px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 50px; font-size: 16px; text-align: center; margin: 0px 0 0px 25px; box-sizing: border-box; padding: 0 0 0 0px; float:left; } .order_block .order_button:hover{ background: #ffda07; height: 50px; } .order_block .confirm_button{ background: #40bf45; width: 250px; height: 50px; display: none; text-decoration: none; color: #fff; border-radius: 5px; line-height: 50px; font-size: 16px; text-align: center; margin: 0px 0 0px 25px; box-sizing: border-box; padding: 0 0 0 0px; float:left; } .order_block .confirm_button:hover{ background: #66d76a; height: 50px; } .order_block .cath4 { font-size: 15px; line-height: 15px; padding: 4px 0 4px 0; margin: 0; text-align: left; } .product_card .right .cath4 { font-family: 'latobold', roboto, arial; text-align: left; font-size: 21px; line-height: 30px; padding:0; margin:0 0 5px; } .product_card .right.moduln .cath4 { font-size: 18px; line-height: 28px; } .config_modal .config_modal_inner .right .tabs{ margin:5px 0 0 0; max-height:550px; position:relative; } .config_modal .config_modal_inner .right .tabs__content.active{ display: block; height:auto; height: 494px; padding: 10px 20px 21px 20px; box-sizing: border-box; position: relative; border-radius:0 0 5px 5px; } .config_modal .config_modal_inner .right .top_padding_tab.active{ padding-top: 77px; } .config_modal .config_modal_inner .right .tabs__content [type="radio"]{ position:absolute; top:5px; right:5px; } .config_modal .config_modal_inner .right .tabs__content [type="checkbox"]{ position:absolute; top:5px; right:5px; } .config_modal .config_modal_inner .right .tabs__content label{ display:block; width:116px; margin:0 16px 20px 0; position:relative; cursor: pointer; } .config_modal .config_modal_inner .right .tabs__content label:nth-of-type(5n){ margin-right:0; } .config_modal .config_modal_inner .right .tabs__content .opt_image{ width:100%; height:116px; background-size:contain; border: 1px solid #f0f0f0; background-repeat: no-repeat; } .config_modal .config_modal_inner .right .tabs__content label .label_inner{ font-size:13px; margin:5px 0 0 0; display: block; } .config_modal .config_modal_inner .right .tabs__content label .label_inner [type="number"] { width: 42px; border: 1px solid #b3b3b3; box-sizing: border-box; padding: 0px 0 0 5px; text-align: left; line-height: 21px; margin:0 0 5px 0; } .config_modal .config_modal_inner .right .tabs__content label .label_inner .numbs{ display:inline-block; width:72px; box-sizing: border-box; padding:0 0 0 5px; text-align: left; } .config_modal .config_modal_inner .right .tabs__content label .opt_price{ font-size:13px; margin:0 0 0 0; display: block; font-family: latobold; } .config_modal .config_modal_inner .right .tabs__content label:hover{ cursor:pointer; text-decoration: underline; } .config_modal .config_modal_inner .right .tabs__content label:hover .opt_image{ outline:2px solid #ffe345; } .active_opt .opt_image{ outline:2px solid #0075ff; } .active_opt{ color:#0064d6; } .active_opt:hover .opt_image{ outline:2px solid #0075ff!important; } .price_update { transition: all 0.1s } @keyframes color-change { 0% { color: rgb(21, 203, 67); } 100% { color: rgb(0, 0, 0); } } .cart_head_button{ background: url(/i/carticon.svg) center center no-repeat; background-size: 27px auto; width: 30px; height: 28px; display: block; float: right; border: 1px solid #000; border-radius: 7px; filter: invert(100%); box-sizing: border-box; padding: 3px; position: relative; top: 5px; margin: 0 0 0 20px; display:none; } .topcartanimate{ background-color:#ffdc07!important; } .topcartanimate .nums{ background:#69c469!important; color:#fff!important; outline:2px solid #69c469!important; } .newProdInCart{ width: max-content; height: max-content; box-sizing: border-box; padding: 10px 20px; border-radius: 0 0 8px 8px; background-color: #ffeca1!important; position: absolute; top: 38px; right: 0px; font-size:14px; z-index: -1; margin: 0 0 0 275px; display: none; } .cart_head_button .nums{ width:20px; height:20px; border-radius: 15px; text-align: center; box-sizing: border-box; font-size:11px; padding:2px 0 0 0; background:#ffdb08; color:#000; position: absolute; bottom:-10px; right:-10px; font-family: 'latobold', roboto, arial; outline:2px solid #ffdb08; } .notempty_cart{ filter: invert(0%); background: url(/i/carticon.svg) center center no-repeat #fff; background-size: 27px auto; border:1px solid #fff; } .sidebar_left{ float: none; width: 330px; margin-right: 30px; display: none; webkit-box-shadow: 0px 2px 19px -2px rgba(34, 60, 80, 0.23); -moz-box-shadow: 0px 2px 19px -2px rgba(34, 60, 80, 0.23); box-shadow: 0px 2px 19px -2px rgba(34, 60, 80, 0.23); padding: 10px 30px 40px 30px; background: #fff; margin-top: 0; top: 98px; height: calc(100vh - 98px); overflow-y: scroll; position: fixed; z-index: 10; box-sizing: border-box; transition: 0.2s; } .filterbutt_pc{ border:1px solid #c4c4c4; text-decoration: none; display: block; padding: 8px 15px 8px 40px; text-align: center; color: #000; border-radius: 5px; cursor: pointer; display: block; background: url(../i/filter_icon_tags.gif?v3) 10px 50% no-repeat; background-size: 26px; margin: 0px 20px 10px 0; float:left; } .filters_active{ background-color:#ffe778!important; border:1px solid #ffe778; } .show_sidebar .filters_active{ background-color:#fff!important; border:none; border-bottom: 1px solid #e5e5e5; } .active_filters_butt{ } .show_sidebar{ display: block; } .table_shkafy_cat{ float:left; margin:30px 0 0 0; } .top_tags .tags{ float:left; width: 85%; } .search_table{ margin:30px 0 0px 0; width:100%; } .sidebar_left .tags .filter_block .tag { text-decoration: none; display: block; padding: 8px 15px; background: #f1f1f1; text-align: center; color: #000; border-radius: 5px; margin: 10px 0px 10px 0; cursor: pointer; } .sidebar_left .tags .filter_block .tag { text-decoration: none; display: block; padding: 8px 15px; background: #f1f1f1; text-align: center; color: #000; border-radius: 5px; margin: 10px 0px 10px 0; cursor: pointer; } .sidebar_left .tags .filter_block .tag:hover { background: #737373!important; color: #fff!important; } .top_tags .tags .filter_block .tag { text-decoration: none; display: block; padding: 8px 12px; background: #f1f1f1; text-align: center; color: #000; border-radius: 5px; margin: 10px 0px 10px 0; cursor: pointer; } .top_tags .tags .filter_block .tag:hover { background: #737373!important; color: #fff!important; } .top_tags .tags .filter_block .taghref:hover { background: #737373!important; color: #fff!important; } .sidebar_left .tags .apply_filters{ background: #ffeca1; } .sidebar_left .tags .apply_filters:hover{ background: #ffe367 } .sidebar_left .filters_arrow{ display: none; } .sidebar_left .tags_dummy { position: relative; width: auto; width: 100%; max-height: none; overflow: visible; } .mnz_wrapper { background: #f6f6f6; } .mnz_works{ background: #fff; } .mnz_wrapper.white { background: #fff; } .mnz_wrapper .wrapper{ display: flex; } .mnz_wrapper .l_bl{ width:50%; height:500px; position: relative; z-index: 1; } .mnz_wrapper .l_bl.kit{ background: url(/i/calc_kitchen_1.jpg?v2) center center no-repeat; background-size:450px 400px; } .mnz_wrapper .r_bl{ width:50%; box-sizing: border-box; } .mnz_wrapper .r_bl.kit{ padding:0 0 0 20px; } .mnz_wrapper .r_bl h2{ font-size:50px; font-weight: normal!important; font-family: 'latobold', roboto, arial; margin:100px 0 15px; } .mnz_wrapper .r_bl span{ font-size:25px; font-weight: normal!important; font-family: 'latobold', roboto, arial; letter-spacing: 0.01em; } .mnz_wrapper .r_bl .buttons{ width: 100%; display: flex; column-gap: 15px; row-gap: 10px; flex-wrap: wrap; box-sizing: border-box; margin:20px 0 0 -20px; } .mnz_wrapper .r_bl.kit .buttons .one_b{ width: calc(50% - 15px); height: 80px; box-sizing: border-box; display: flex; padding:0 0 0 85px; align-items: center; border-radius: 10px; border: 2px solid #f6f6f6; cursor:pointer; color:#000; text-decoration: none; } .mnz_wrapper .r_bl.kit .buttons .one_b:hover{ border: 2px solid #000; background-color: #fff; } .mnz_wrapper .r_bl.kit .buttons .one_b:nth-child(1){ background-image: url(../i/design_icon.png?v1); background-position: center left; background-repeat: no-repeat; background-size: 90px 90px; } .mnz_wrapper .r_bl.kit .buttons .one_b:nth-child(2){ background-image: url(../i/ico_zamer.png); background-position: center left; background-repeat: no-repeat; background-size: 90px 90px; } .mnz_wrapper .r_bl.kit .buttons .one_b:nth-child(3){ background-image: url(../i/showroom_ico.png?v1); background-position: center left; background-repeat: no-repeat; background-size: 90px 90px; } .mnz_wrapper .r_bl.kit .buttons .one_b:nth-child(4){ background-image: url(../i/3dicon.png?v1); background-position: 15px 50%; background-repeat: no-repeat; background-size: 64px 64px; } .mnz_wrapper .l_bl.shkaf{ background-position: center center; background-repeat: no-repeat; background-image: url('/i/gost_mp.jpg'); @supports (background-image: url('/i/gost_mp.webp')) { background-image: url('/i/gost_mp.webp'); } background-size:476px 365px; } .mnz_wrapper .r_bl .text{ padding:10px 0 0 0; } .mnz_wrapper .r_bl .get_project{ display: flex; margin:40px 0 0 0; } .mnz_wrapper .r_bl .get_project [type="text"],.mnz_wrapper .r_bl .get_project [type="tel"]{ box-sizing: border-box; height: 56px; width:200px; line-height: 56px; border: 1px solid #c3c3c3; border-radius: 8px; margin:0 20px 0 0; text-align: center; font-size:15px; padding:0 5px; } .mnz_wrapper .r_bl .get_project [type="submit"]{ border: none; border-radius: 8px; text-align: center; box-sizing: border-box; height: 56px; width:200px; text-align: center; line-height: 56px; background: #ffda07; font-family: 'latoregular', roboto, arial; cursor: pointer; color: #000!important; text-decoration: none; font-size:15px; } .mnz_wrapper .r_bl .get_project [type="submit"]:hover{ background-color: #ffe367; } .mnz_wrapper .noflex{ display: block; } .mnz_wrapper h3 { font-size: 40px; line-height: 40px; font-weight: normal!important; font-family: 'latobold', roboto, arial; margin: 0px 0 0px; text-align: center; padding:50px 0 30px 0; display: block; letter-spacing: 0.02em; } .mnz_wrapper .figur_arrow{ background: url(../i/figur_arrow.jpg) 50% 50% no-repeat; width:110px; height:102px; position:absolute; left:50%; margin-left: -230px; } .mnz_wrapper .figur_arrow2{ background: url(../i/figur_arrow.jpg) 50% 50% no-repeat; width:110px; height:102px; position:absolute; right:50%; margin-right: -250px; transform:scaleX(-1); } .mnz_wrapper .figur_arrow_green{ background: url(../i/figur_arrow_green.jpg) 50% 50% no-repeat; width:60px; height:271px; position:absolute; left:50%; margin-left: -40px; } .txt_blocks{ height:500px; } .mnz_wrapper .txt_blocks h4{ font-size:25px; font-weight: normal!important; font-family: 'latobold', roboto, arial; padding-bottom:0px; margin-bottom:20px; } .mnz_wrapper .txt_blocks ul{ margin:0px 0 0 0; padding: 0; } .mnz_wrapper .left_txt_block{ width: 30%; margin: 45px 0 0 -540px; position: absolute; left: 50%; } .mnz_wrapper .center_txt_block{ width: 40%; margin: 240px 0 0 0; box-sizing: border-box; padding: 0 0 0 50px; position: absolute; left: 50%; margin-left: -180px; } .mnz_wrapper .right_txt_block{ margin: 45px 0 0 0; position: absolute; left: 50%; margin-left: 260px; } .mnz_wrapper.dark { background: #404040; min-height:500px; padding:40px 0 80px 0; } .mnz_wrapper.dark h3{ color:#fff; letter-spacing: 0.02em; padding:20px 0 50px 0; } .projects{ display: block; width:100%; margin:0 -30px 0 0; } .links{ display: flex; border-top: 1px solid #ccc; box-sizing: border-box; padding: 20px 0 0 0; flex-wrap: nowrap; justify-content: flex-start; } .same_rub { width:40%; margin:0 0 0 30px; } .same_rub ul{ padding:0px 0 0 20px; } .same_rub ul li{ padding:0px 0 15px 0; } .same_rub li::marker { color:#1dbf21; font-size: 15px; } .titleblock{ font-family: 'latobold', roboto, arial; font-size: 17px; } .pop_blog{ width:40%; margin:0 0 0 30px; } .pop_blog li::marker { color:#ff8500; font-size: 15px; } .pop_blog ul{ padding:0px 0 0 20px; } .pop_blog ul li{ padding:0px 0 15px 0; } .cat_blog{ width:20%; } .cat_blog li::marker { color:#0064ff; font-size: 15px; } .cat_blog ul{ padding:0px 0 0 20px; } .cat_blog ul li{ padding:0px 0 15px 0; } .steps_work{ margin: 0px 0 50px 0; display: flex; column-gap: 15px; padding:0 0 40px 0; } .steps_work .step_w{ width:25%; box-sizing: border-box; padding:0 0 40px; position: relative; } .steps_work .step_w:after{ content: ""; display: block; width: 30px; height: 30px; background: url(/i/dropdown-arrow-svgrepo-com.svg) top center no-repeat; background-size: 100% auto; rotate: -90deg; position: absolute; right: 0; top: 40px; opacity: 0.5; } .steps_work .step_w:last-child:after{ display: none; } .steps_work .step_w .step_n{ font-family: "latoblack"; font-size: 60px; text-align: center; color: #4CAF50; } .steps_work .step_w .step_name{ font-family: "latobold"; font-size: 20px; margin: 0 0 10px 0; text-align: center; padding:0 0 15px 0; border-bottom: 1px solid #4CAF50; } .steps_work .step_w .step_text{ text-align: center; line-height: 22px; } .projects_block{ padding: 0px 0px 30px 0px; } .projects_slider{ box-sizing: border-box; padding:0 40px 15px 40px; overflow:hidden; height: auto; max-height: 580px; } .projects_slider .one_project{ margin:30px 10px 20px 10px; width:23%; float:left; } .projects_slider .one_project img{ height: 350px; width:250px; object-fit: cover; border-radius: 15px; } .projects_slider .one_project .text{ margin:15px 0 0 0; } .projects_slider .one_project .text .desc_str{ line-height: 16px; font-size:15px; color:#3f424a; padding:0 0 5px 0; } .projects_slider .one_project .text .desc_str strong{ color:#000; } .projects_slider .one_project .text span{ margin:15px 0 0 0; } .projects_slider .slick-dots { bottom: 0px; } .one_project{ cursor: pointer; } .modal_project{ width:1100px; } .modal_project .project_blocks{ display:flex; } .modal_project .photo_project{ width:550px; height:550px; } .modal_project .photo_project img{ width:550px; height:550px; object-fit: cover; border-radius: 8px; } .modal_project .text_project{ width:550px; height:550px; box-sizing: border-box; padding:125px 0 0 0; font-size:17px; line-height: 25px; display: block; } .modal_project .text_project .desc_str{ padding:0 0 5px 0; line-height: 18px; color:#3f424a } .modal_project .text_project h2{ font-size:22px; font-family: "latobold"; padding:0 0 0px 0; margin:0 0 20px 0; } .modal_project strong{ display: inline; font-size:17px; line-height: 25px; color:#000; } .modal_project .txt{ width: 320px; margin: 0 auto; text-align: left; } .modal_project .ord_project{ display: block; width:320px; box-sizing: border-box; font-size: 16px; border-radius: 8px; line-height: 56px; margin:30px auto; height: 56px; background:#ffe345; cursor: pointer; } .modal_project .ord_project:hover{ background:#ffda07; } .modal_project .order_proj_block{ width:550px; height:550px; box-sizing: border-box; padding:70px 0 0 0; font-size:17px; line-height: 25px; display: none; } .modal_project .order_proj_block [type="text"]{ box-sizing: border-box; height: 56px; width: 320px; line-height: 56px; border: 1px solid #c3c3c3; border-radius: 5px; margin: 20px auto 0 auto; text-align: center; font-size: 15px; padding: 0 5px; } .modal_project .order_proj_block [type="tel"]{ box-sizing: border-box; height: 56px; width: 320px; line-height: 56px; border: 1px solid #c3c3c3; border-radius: 5px; margin: 20px auto 0 auto; text-align: center; font-size: 15px; padding: 0 5px; } .modal_project .order_proj_block [type="tel"]:after{ content:"*"; position: absolute; display: block; margin: -3px -3px 0 0; color:red; } .modal_project .order_proj_block textarea{ box-sizing: border-box; height: 75px; width: 320px; line-height: 20px; font-size: 15px; font-family: 'latoregular', roboto, arial; border: 1px solid #c3c3c3; border-radius: 5px; margin: 20px auto 0 auto; text-align: center; font-size: 15px; padding: 15px; resize:none; } .modal_project .order_proj_button{ display: block; width:320px; box-sizing: border-box; font-size: 16px; border-radius: 5px; line-height: 56px; margin:30px auto; height: 56px; background:#ffe345; cursor: pointer; } .modal_project .order_proj_button:hover{ background:#ffda07; } .modal_project label{ box-sizing: border-box; padding:3px; border: 1px solid #fefefe; font-size: 14px; } .ord_proj_title{ font-family: "latobold"; font-size:20px; width:320px; text-align: center; margin:0 auto 10px auto; } .mnz_mp_text{ background:#fff } .copy{ text-align:left; font-size:12px; } .rekvizity{ text-align:left; font-size:12px; } .bot_menu{ padding:0 0 15px 0; } .bot_menu a{ padding:2px 4px; border-radius: 4px; border:1px solid #fff; text-decoration: none; margin:0 1px 5px!important; display: inline-block; } .bot_menu a:hover{ border:1px solid #fff; color:#000!important; background:#fff; } .cart_params{ font-size:12px; color:#4f4f4f; height:70px; overflow: hidden; box-sizing: border-box; } .cart_params_hovered{ font-size:12px; color:#4f4f4f; height:auto!important; overflow: visible!important; z-index:2; background:#fff; } .allchars_visible{ font-family: latobold; margin-bottom:5px; } .botinfo{ position: relative; } .show_chars{ cursor: pointer; text-decoration: underline; } .skumini{ font-size:12px; } .cart_params b{ font-size:12px; color:#4f4f4f; display: inline!important; } #cart_block{ } .catalog.cart{ min-height: calc(100vh - 398px); } .products_in_cart{ width:65%; } .products_in_cart .product_name{ width:45%; float:left; } .products_in_cart .product_name a{ color:#000; } .products_in_cart .price{ width:15%; float:left; text-align: right; } .products_in_cart b{ display: block; } .products_in_cart .summ{ width:12%; float:left; text-align: right; } .products_in_cart .summ b{ color: #ff5722; white-space:nowrap; } .products_in_cart .quantity_inner_bl{ width:28%; float:left; text-align: right; } .cart_head .quantity_inner_bl{ text-align: center; } .quantity_inner * { box-sizing: border-box; } .quantity_inner { display: block; border-radius: 26px; border: 1px solid #dadada; margin: 0 auto; width: 80px; } .quantity_inner .bt_minus, .quantity_inner .bt_plus, .quantity_inner .quantity { height: 20px; width: 20px; padding: 0; border: 0; margin: 0; background: transparent; cursor: pointer; outline: 0; } .quantity_inner .quantity { width: 30px; text-align: center; font-size: 14px; color: #000; } .quantity_inner .bt_minus svg, .quantity_inner .bt_plus svg { stroke: #dadada; stroke-width: 4; transition: 0.5s; margin: 10px; } .quantity_inner .bt_minus:hover svg, .quantity_inner .bt_plus:hover svg { stroke: #000; } .head_name{ padding-left:120px; box-sizing: border-box; } .itog_bonus{ padding:0 0 0 100px; text-align: right; float:left; width:calc(70% - 100px); margin:10px 0 0 0; color:#7a7a7a; } .itog_bonus strong{ color:#ff5722; } .itog_bonus span{ padding: 3px 7px; background: #d9f9b3; color:#000; border-radius: 10px; } .itog_cart{ padding:0 0 0 0px; text-align: right; float:left; width: 30%; margin:10px 0 0 0; } .itog_cart strong{ color:#ff5722; } .cart_head{ font-size:13px; color:#7a7a7a; box-sizing: border-box; padding:0 0 10px 120px; border-bottom: 1px solid #e3e3e3; margin:0 0 10px 0; } .bonus{ font-size:13px; margin:5px 0 0 0; } .bonus span{ padding: 3px 7px; background: #d9f9b3; border-radius: 10px; color:#000; } .products_in_cart{ float: left; z-index:100; position: relative; } .order_info{ float: left; width: calc(35% - 30px); box-sizing: border-box; padding: 20px; margin: -20px 0 0 30px; border-radius: 10px; -webkit-box-shadow: 0px 0px 13px 1px rgba(34, 60, 80, 0.2); -moz-box-shadow: 0px 0px 13px 1px rgba(34, 60, 80, 0.2); box-shadow: 0px 0px 13px 1px rgba(34, 60, 80, 0.2); } .order_info [type="text"], .order_info [type="tel"], .order_info textarea { width: 100%; height: 30px; border: 1px solid rgba(219, 218, 217, 1); border-radius: 5px; font-size: 13px; text-align: left; box-sizing: border-box; padding: 16px 15px; margin: 0px 0 15px 0; outline: none; font-family:latoregular; } .order_info textarea { width: 100%; height: 52px; border: 1px solid rgba(219, 218, 217, 1); border-radius: 5px; font-size: 13px; text-align: left; box-sizing: border-box; padding: 9px 15px; margin: 0px 0 10px 0; outline: none; font-family:latoregular; } .payment_method{ display: flex; flex-wrap: wrap; justify-content: space-between; } .payment_method label{ display: flex; width:calc(50% - 5px); margin:0 0 10px 0; box-sizing: border-box; padding:5px 10px; border-radius: 8px; font-size:13px; align-items: center; justify-content: center; text-align: center; background: #f6f6f6; height:48px; border:1px solid #f6f6f6; } .payment_method input{ display: none; } .payment_method input[type="radio"]:checked+label{ border:1px solid green; background:#fff; } .payment_method label:hover{ background:#fff; cursor: pointer; -webkit-box-shadow: 0px 0px 8px 1px rgba(34, 60, 80, 0.1); -moz-box-shadow: 0px 0px 8px 1px rgba(34, 60, 80, 0.2); box-shadow: 0px 0px 8px 1px rgba(34, 60, 80, 0.1); } .order_info .sendform_button{ background: #ffe345; width: 100%; height: 50px; display: none; text-decoration: none; color: #000; border-radius: 5px; line-height: 50px; font-size: 16px; text-align: center; margin: 20px 0 0 0; box-sizing: border-box; padding: 0 0 0 0px; float:left; border:none; cursor:pointer; } .order_info .backlink_check{ cursor:pointer; display: inline-block; margin: 32px 0 0 25px; color:#a2a2a2 } .order_info .backlink_check:hover{ color:#0064ff } .order_info .sendform_button:hover{ background: #ffda07; height: 50px; } .order_info .resname{ display: block; font-size: 17px; padding: 0 0 10px 0; } .order_info .doptxt{ display: block; padding: 0px 0 10px 0; font-family: latoregular; color:rgb(94, 94, 94); } .order_info .itogo{ font-size:18px; } .order_info .infohead{ font-family: latobold; margin:-3px 0 15px 0; font-size:18px; text-align:center; } .soglasie_mini, .soglasie_mini a{ font-size: 10px!important; line-height: 12px!important; display: inline-block!important; padding:0!important; margin:5px!important; font-weight:normal!important; } .soglasie_mini{ margin:10px 0 0 0!important; } .soglasie_mini a{ margin:0px!important; } @media screen and (max-width: 768px) { html * {max-height:1000000px;} .message .mess_inner{ width: auto; } .message .message_text { display: flex; justify-content: center; flex-direction: column; align-items: flex-start; width:100%; } .message .message_text span{ padding:0px 0 20px 0; } .message{ bottom:-110vw; padding: 30px 30px; } body,html,wr,wrapper{ width: 100vw!important; min-width: 400px!important; } body{ line-height: 22px; background: #fbf9f8; background: #fff; -webkit-text-size-adjust: none; text-size-adjust: none; } body *{ -webkit-text-size-adjust: none; text-size-adjust: none; } .m1100 { width: 100%; margin: 0 auto; position: relative; } .m1100 .text { margin: 0; } .menubutt{ width: 45px; height: 45px; background: url(../i/menu_ico.svg?v4) center center no-repeat #fff; background-size: 100px 40px; margin-right: 10px; margin-left: 10px; border-radius: 8px; z-index: 50; position: relative; top: 5px; float: left; } .menubutt.hover{ width: calc(90% - 20px); height: 56px; background: url(../i/menu_ico.svg?v4) -17px 50% no-repeat #fff; background-size: 100px 40px; margin-right: 0px; margin-left: 0px; padding-top: 0px; border-radius: 8px; z-index: 50; position: absolute; top: 0; float: none; z-index: 1000007; } .page_wrap { padding: 0px 12px; } .m1100 h3 { padding: 20px 0 0px 0; } h3 { font-size: 22px; line-height: 30px; padding: 35px 0 50px 0; } .cath3 { font-size: 22px; line-height: 30px; padding: 40px 0 10px 0; } body .logmin{ display:none!important; } .search_head_ico{ width: 30px; height: 30px; float: right; background-image: url(/i/loope.svg?v5)!important; position: relative; top: 13px; opacity: 0.5; margin-right: 15px; } .mob_searchbutt{ background: url(/i/loope.svg?v5) center center no-repeat; background-size: 25px 25px; opacity: 0.3; height: 32px; width: 32px; cursor: pointer; left: 0; z-index: 40; position: relative; top: 12px; display:block; float:right; margin:0 30px 0 0; display: none; } .menu_mob_searchbutt{ display: inline-block!important; width:20px; height:20px; background-image: url(/i/loope.svg?v5)!important; background-repeat: no-repeat!important; background-position: center center!important; background-size: 20px 20px!important; margin: 0 5px -5px 0 } .mob_call_button{ display: block; background: url(/i/phone_icon_svg.svg?v3) center center no-repeat; background-size: 30px 30px; filter: invert(42%) sepia(93%) saturate(1000%) hue-rotate(41deg) brightness(119%) contrast(119%); height: 35px; width: 35px; margin-right: 15px; z-index: 39; position: relative; top: 10px; display: block; float: right; } .modal110 { z-index: 200; width: 100%!important; height: auto; border-radius: 0!important; background: #fff; position: fixed; left: 50%; top: 0px!important; transform: translateX(-50%)!important; border-radius: 5px; box-sizing: border-box; padding: 60px 25px 20px 25px!important; text-align: center; box-shadow: 0px 5px 15px 0px rgb(50 50 50 / 20%); } .modal110 .search_close { width: 35px; height: 35px; background: url(../i/close2.svg?v4) center center no-repeat; background-size: 18px 18px; position: fixed; z-index: 10000001; right: 20px; top: 20px; cursor: pointer; opacity: 0.8; } .modal .modal_name_order{ padding: 35px 0 50px 0; } body .modal1 { padding: 20px 20px 30px 20px; } .modal1 .modal_name_order{ padding: 15px 0 10px 0; } .footer .soc_icons { width: 28px; height: 28px; display:inline-block; border-radius:30px; overflow:hidden; margin:10px 5px 0px 0px; } .footer .soc_icons img{ width: 30px; height: 30px; position:relative; top:-1px; left:-1px; } .footer .logo_bottom{ float:none; width:100%; background: url(../i/logo_bottom2.png) center center no-repeat; background-size: contain; height:100px; } .about .right h4 { font-family: 'latoblack'; font-size: 16px; line-height: 22px; padding: 0 0 5px 0; margin: 0; } .head { width: 100%; height: auto; background: none; z-index: 1000001; position:fixed; top: 0; box-shadow: 0 0 20px rgba(0,0,0,.2); transition: 0.4s; top: 0!important; margin-bottom: 0px; } .wr { padding: 55px 0 0 0; } .top { width: 100%; height: 75px; background: rgb(243, 243, 243); box-shadow: 0 0 25px rgb(0 0 0 / 40%); } .top .top_wrapper .mail{ display:none; } .head .head_wrapper .top_menu .menu_mob_searchbutt_wrap { display: block; } .top .top_wrapper { width: 100%; margin: 0 auto; height: 65px; box-sizing: border-box; padding: 3px 10px 0 15px; display:flex; flex-direction: row; justify-content: space-between; } header > .top { position: fixed; bottom: -80px; top:auto; z-index: 1000001; left:0px; background:#fff; transition: 0.4s; } .onlytel{ bottom: 5px!important; right: 22px!important; left:auto!important; background: none!important; width: 70px!important; box-shadow: none!important; } .onlytel .top_wrapper{ display: block!important; } .head .head_wrapper { width: 100%; margin: 0 auto; background: #fff; z-index: 2; height: 56px; } .sidebar_left { float: none; margin-right: auto; position: relative; width: 100%; max-height: 60px; overflow: hidden; transition: max-height 0.5s ease-in-out; margin: -1px; z-index: 0; top: -47px; } .tags_dummy_r { position: relative; width: 50%; max-height: 60px; overflow: hidden; transition: max-height 0.5s ease-in-out; margin: -1px; z-index: 10; } .top_tags .tags .filter_block .tag{ margin: 5px 10px 8px 0; font-size: 15px; } .tags .filter_block .taghref{ text-decoration: none; display: block; padding: 8px 10px 8px 28px; box-sizing: border-box; background: #f1f1f1; text-align: center; color: #000; border-radius: 5px; margin: 10px 20px 10px 0; float: none; width: auto; margin: 5px 0px 8px 0; font-size:15px!important; } .tags .filter_block li [name="filter"]{ top:16px; } .tags .filter_block .taghref [name="filter"]{ margin: 0 7px -2px 2px; appearance: none; -webkit-appearance: none; width: 15px; background: #fff; height: 15px; border: 1px solid rgb(133, 133, 133); line-height: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } .openes_tags .clear_params{ margin: 25px auto 0 auto; text-align: center; width: auto; position: absolute; top: -87px; right: 0; font-size: 15px; } .fullview{ max-height: none!important; } .showed_list{ transform: rotate(90deg)!important; } .down_img_list { padding: 0; position: absolute; font-size: 30px; right: 3px; top: 68px; background: #fff; box-shadow: 0px 0px 3px #444; border-radius: 20px; height: 35px; width: 35px; display: block; text-align: center; cursor: pointer; z-index: 10; line-height: 35px; background: url(/i/arrow-left.svg) center center no-repeat #fff; background-size: 18px 18px; transform: rotate(270deg); } .table_shkafy_cat { width: auto; float: none; } .image_prod_shkaf { background: #f6f6f6; min-width: auto; height: auto; width: 100%; display: block; align-items: center; justify-content: center; box-sizing: border-box; } .shkafy_cat .textcenter { text-align: center; font-size: 15px; padding: 0px 0 30px 0; } .one_modelk .add2cart{ display:block; width:calc(30% - 12px); margin: 15px 15px 0 0; } body .shkafy_cat .one_modelk{ width: calc(50% - 5px); margin: 0 15px 20px 0!important; aspect-ratio: 9/9; padding:0 0 150px 0; text-decoration: none; display: flex; align-items: flex-start; justify-content: center; outline: none; flex-wrap: wrap; } .shkafy_cat .price_name{ display: flex; flex-wrap: wrap; } .shkafy_cat .price_name b { font-size: 1em; display: flex; order:0; } .shkafy_cat .old_price_cat{ order:0!important; display: flex; margin: 0; width:50%; } .shkafy_cat .price_name .pricetag{ order:4!important; display: flex; margin: 1px 0px 0px 20px; } .shkafy_cat .price_name .fasady_card { display: flex; order:2; } .shkafy_cat .product_name { display:block; font-weight: normal!important; height: 38px; font-size: 15px; width:100%; } .shkafy_cat .search_table .product_name { display:block; font-weight: normal!important; height: auto; font-size: 15px; width:100%; min-height:20px; } .shkafy_cat .search_table .one_modelk .inner_prod{ height:300px!important; } .shkafy_cat .search_table .one_modelk { padding: 0 0 120px 0; } .shkafy_cat .search_table .one_modelk .inner_prod:after{ display:none!important; } .shkafy_cat .price_name .params { opacity:0; display: none; } .shkafy_cat .one_modelk .inner_prod:hover div.params { display: none; } .shkafy_cat .one_modelk .inner_prod:hover{ visible:none; aspect-ratio: 9/9; height:auto; } .shkafy_cat .one_modelk:hover .price_name{ display: flex!important; flex-wrap: wrap!important; } .shkafy_cat .one_modelk:hover{ overflow: hidden!important; } body .shkafy_cat .one_modelk:hover .price_name{ display: flex!important; } .image_prod_shkaf{ height: auto; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; } .catalog .one_modelk:nth-of-type(1n+1) { margin: 0 0 20px 0px!important; } .catalog .one_modelk:nth-of-type(2n+1) { margin: 0 10px 20px 0!important; } .shkafy_cat .price_name { top: 0; position:relative; order:1; } .tags_dummy_r select { border: 4px solid #ededed; padding: 0px 4px; font-size: 15px; margin: 0; display: block; height: 40px; border-radius: 5px; background:#ededed; margin: -1px 0 0 0; color:#000; } .modul_cat .tags_dummy_r select{ margin: 10px 5px 3px 0; } .load_more.kitchencat.shkafy_pages{ width:100%; margin: 0 0 0 0px; float:none; } .pages_bottom.shkafy_pages { width: 100%; margin: 0 0 0 0px; } .pages_bottom .page_b{ display: inline-block; border-radius: 8px; padding:5px; background:#ebebeb; text-align: center; margin:10px 5px 0 5px; min-width: 20px; text-decoration: none; color:#000; width:auto!important; height:auto!important; float: none!important; overflow: visible!important; } .tags_dummy { position: absolute; width: 100%; max-height: 60px; overflow: hidden; transition: max-height 0.5s ease-in-out; margin: -1px; z-index:0; } .openes_tags{ margin: 0 -12px -1px -12px!important; width: calc(100% + 24px); max-height: none; position: relative; background: #fff; z-index: 15; left: 0; box-sizing: border-box; padding: 0 12px 0 12px!important; } .tags .filters_arrow{ display:none; } #cart_block .products_in_cart{ float:none; width:100%; } #cart_block .order_info{ float:none; width:100%; margin: 20px 0 0 0px; } .order_info { } #cart_block .product_name{ float:left; width: 100%; height: auto; } #cart_block .cart_head{ display:none; } .itog_bonus{ padding: 0 20px 0 0px; box-sizing: border-box; text-align: left; float: left; width: 65%; margin: 10px 0 0 0; color: #7a7a7a; } .cart_params { font-size: 12px; height: 76px; } .products_in_cart .price{ display:flex; height:22px; } .quantity_inner{ text-align: center; width: 130px; margin:5px 0 5px 0; } .quantity_inner .bt_minus, .quantity_inner .bt_plus, .quantity_inner .quantity { height: 30px; width: 30px; font-size: 18px; } .quantity_inner .quantity { height: 30px; width: 30px; font-size: 15px!important; } .itog_cart { padding: 0 0 0 0px; text-align: right; float: left; width: 35%; margin: 10px 0 0 0; } .cart .image_prod_shkaf { background: #f6f6f6; min-width: 120px; width: 120px; height: 120px; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; overflow: hidden; position: relative; } .products_in_cart .price { width: 100%; float: none; text-align: right; margin:5px 0 0 0; } .products_in_cart .quantity_inner_bl{ width:100%; float:none; } .products_in_cart .summ { float: left; text-align: left; display:block; } .products_in_cart .summ b { display:inline-block; } .products_in_cart .summ b:before { content:"Итого: "; display:inline-block; margin-right:5px; } .remove_cart { cursor: pointer; background: url(../i/remove_cart.svg) no-repeat; background-size: 20px auto; background-position: 100% 70%; width: 20px; height: 30px; position: absolute; bottom: 30px; right: 5px; display: block; } .shkafy_cat .openes_tags{ } .tags_dummy .filterbutton{ display:block; height:40px; margin:0 0 30px 0; box-sizing:border-box; background: url(../i/filter_icon_tags.gif?v3) 10px 50% no-repeat ; background-color:#e9e9e9; padding:0 15px 0 45px; line-height:40px; background-size:30px; display:inline-block; cursor:pointer; border-radius:5px; font-size:14px; color:#333; } .active_filters_butt{ background-color:#ffe778!important; } .filter_close_button{ display: none; } .filters_active{ background-color:#ffe778!important; } .tags { position: relative; z-index: 10; background: #fff; padding: 0; box-sizing: border-box; padding: 0 0 50px 0!important; } .filter_block .filter_wrap { display: flex; border-bottom: 1px dotted #d4d4d4; padding: 0 0 15px 0; margin: 5px 0 15px; flex-wrap: wrap; column-gap: 11px; } .top_tags{ position: relative; margin: 0 0 25px 0!important; max-height: 117px; overflow: hidden; border-bottom: 1px dotted #d5d5d5; } .top_tags .filter_block .filter_wrap{ border-bottom: none; padding: 0 0 0px 0; } .top_tags .tags { border-top: 1px dotted rgb(169, 169, 169); padding: 10px 50px 0px 0!important; } .catalog .event_line { margin: 0px 0 20px 0; } .tags .filter_block .tag { text-decoration: none; display: block; padding: 8px 15px; box-sizing: border-box; background: #f1f1f1; text-align: center; color: #000; border-radius: 5px; margin: 10px 0px 10px 0; float: none; width: auto; font-size: 15px; } .tags .filter_block .tag:hover { background: #f1f1f1; color: #000; } .tags .filter_block [rel="color"] { text-decoration: none; display: block; padding: 0; width: 30px; box-sizing: border-box; background: #f1f1f1; text-align: center; color: #000; border-radius: 5px; margin: 10px 25px 10px 6px; float: none; width: 45px; height: 45px; border-radius: 5px; } .tags .filter_block [rel="color"]:hover { outline: 3px solid #eaeaea; border: 3px solid #fff!important; } .tags .filter_block .checked_color { outline: 6px solid #404040!important; border: 3px solid #fff!important; } .tags .apply_filters { background: #ffda07; height: 50px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 50px; font-size: 16px; border: 1px solid #f8d50f; text-align: left; margin: 10px auto 0px auto; position: relative; box-sizing: border-box; padding: 0 0 0 0px; width: 220px; text-align: center; } .breadcrumps{ padding:30px 20px 20px 15px; width: auto; } .catalog .breadcrumps a { display: inline; width: auto; height: auto; padding: 0; margin: auto; float: none; overflow: auto; position: relative; } .head .head_wrapper .logo { width: 210px; height: 56px; background: url(../i/vitakuhni_vector.svg) 0px 50% no-repeat; background-size: auto 40px; padding: 0px 0 0 0; float: none; position: absolute; left: 50%; margin: 0 0 0 -105px; z-index: 2; } .head .head_wrapper .logo:after { } .head .head_wrapper .logo_text { width: 46%; height:50px; font-family: ''; font-size: 14px; color: #fff; float: left; padding: 22px 0 18px 20px; position:relative; z-index: 2; } .top .top_wrapper .whatsapp { text-decoration:none; width: 30%; margin: 9px 5% 0 1%; height: 100%; text-align: left; font-family: 'latoregular'; color: #fff; font-size: 22px; line-height: 13px; padding: 8px 0 0 40px; box-sizing: border-box; float: left; cursor: pointer; font-size: 13px; background: url(/i/whatsapp_ic1.png) 0 6px no-repeat; background-size: 32px auto; display: block; color: #fff; } .top .top_wrapper .email{ width: 42%; margin: 0 auto; height: 100%; text-align: left; color: #fff; font-size: 22px; line-height: 22px; padding: 8px 0 0 0; float: left; font-size: 14px; font-family: 'latoregular'; } body .onlytel .top_wrapper .phone { background: url(../i/phone_chat0.gif) 50% -50% no-repeat; background-size: 58px auto; } .top .top_wrapper .phone { width: 58px; margin: 0px 5px 0 5px; height: 58px; text-align: right; font-family: 'latoblack'; color: #fff; font-size: 22px; line-height: 22px; padding: 0px 0 0 0; float: none; cursor: pointer; font-size: 0; background: url(../i/phone_chat2.gif) 50% -50% no-repeat #fff; background-size: 58px auto; -webkit-animation: changeicon_mob2 5s steps(2) infinite; animation: changeicon_mob2 5s steps(2) infinite; border-radius: 58px; } @keyframes changeicon_mob2{ from{background-position-y:-0;} to{background-position-y:-116px;} } .top .top_wrapper .config_but_mob{ text-decoration: none; display: block; width: 90px; margin: 5px 0 0 0; height: 100%; text-align: left; color: #000; line-height: 13px; padding: 34px 0 0 0px; text-align: center; float: none; font-size: 13px; font-family: 'latoregular'; position: relative; background: url(../i/ico_calc.png) 50% -10px no-repeat; background-size: 49px auto; border-radius: 0; box-sizing: border-box; box-shadow: none; } .top .top_wrapper .pricebottom_fixed{ text-decoration: none; display: block; width: 130px; margin: -3px 5px 0 -15px; height: 100%; text-align: left; color: #000; line-height: 15px; padding: 8px 5px 0 5px; text-align: center; float: none; font-size: 14px; font-family: 'latoregular'; position: relative; box-sizing: border-box; box-shadow: none; } .top .top_wrapper .pricebottom_fixed b{ display: block; max-height: 31px; overflow: hidden; margin:0 0 4px 0; font-weight: normal!important; font-family: 'latoregular'; } .top .top_wrapper .pricebottom_fixed .price{ display: block; font-family: 'latobold'; } .top .top_wrapper .calc_price{ text-decoration: none; display: block; width: 90px; margin: 5px 0 0 0; height: 100%; text-align: left; color: #000; line-height: 13px; padding: 34px 0 0 0px; text-align: center; float: none; font-size: 13px; font-family: 'latoregular'; position: relative; background: url(../i/ico_calc.png) 50% -10px no-repeat; background-size: 49px auto; border-radius: 0; box-sizing: border-box; box-shadow: none; } .order_block .confirm_button{ float: none!important; display: block; margin: 20px auto 10px auto; } .top .top_wrapper .cart_b{ text-decoration: none; display: block; width: 90px; margin: 5px 0 0 0; height: 100%; text-align: left; color: #000; line-height: 13px; padding: 34px 0 0 0px; text-align: center; float: none; font-size: 13px; font-family: 'latoregular'; position: relative; background: url(../i/carticon.svg?v2) 50% -2px no-repeat; background-size: 34px auto; border-radius: 0; box-sizing: border-box; box-shadow: none; } .top .top_wrapper .calc_price:hover{ background: url(../i/ico_calc.png) 50% -10px no-repeat; background-size: 49px auto; } .top .top_wrapper .projbutt{ text-decoration: none; display: block; width: 90px; margin: 5px 0 0 0; height: 100%; text-align: left; color: #000; line-height: 13px; padding: 34px 0 0 0px; text-align: center; float: none; font-size: 13px; font-family: 'latoregular'; position: relative; background: url(../i/design_icon.png?v1) 50% -10px no-repeat; background-size: 49px auto; border-radius: 0; box-sizing: border-box; box-shadow: none; } .top .top_wrapper .projbutt:hover{ background: url(../i/design_icon.png?v1) 50% -10px no-repeat; background-size: 49px auto; } body .showroom_modal{ display:none; position:fixed; top:50%; left:50%; width:95%; transform: translateX(-50%) translateY(-50%); z-index:300; display:none; z-index:10000001; border-radius: 12px; width:95%!important; } .top .top_wrapper .showrbutt{ text-decoration: none; width: 90px; margin: 5px 0 0 0; height: 100%; text-align: left; color: #000; line-height: 13px; padding: 34px 0 0 0px; text-align: center; float: none; font-size: 13px; font-family: 'latoregular'; position: relative; background: url(../i/showroom_ico.png?v1) 50% -10px no-repeat; background-size: 49px auto; border-radius: 0; box-sizing: border-box; box-shadow: none; } .top .top_wrapper .showrbutt:hover{ background: url(../i/showroom_ico.png?v1) 50% -10px no-repeat; background-size: 49px auto; } .top .top_wrapper .zamer_zakaz{ text-decoration: none; width: 90px; margin: 8px 0 0 0; height: 100%; text-align: left; color: #000; line-height: 13px; padding: 38px 0 0 0px; text-align: center; float: none; font-size: 13px; font-family: 'latoregular'; position: relative; background: url(../i/ico_zamer.png) 50% -12px no-repeat; background-size: 58px auto; border-radius: 0; box-sizing: border-box; box-shadow: none; } .top .top_wrapper .button{ } .fast_order{ text-align:center; border-bottom:1px solid #ccc; } .head .head_wrapper .top_menu { display: none; width: 90%; float: none; height: 100%; margin-top: 0px; position: relative; background: #ffffff; text-align: left; padding-top: 15px; padding-bottom: 20px; z-index: 1; box-sizing: border-box; padding: 55px 15px 130px 40px; font-size:16px; position: fixed; top: 0px; z-index: 40; overflow: auto; } .head .head_wrapper .top_menu a:hover:after{ display: none; } .drop_menu::after { display:none!important; } .drop_menu:hover { padding-bottom:0!important; border-bottom:none; } .drop_menu:hover ul{ display: none; } .head.hover{ z-index: 1000007!important; } .head .head_wrapper .top_menu ul.hover{ display: flex!important; flex-wrap: wrap; border-bottom:none; z-index: 1000007; padding: 10px 0 0 0; } .head .head_wrapper .top_menu .drop_menu ul li, .head .head_wrapper .top_menu .drop_menu div .current_page{ margin-bottom:10px; } .head .head_wrapper .top_menu li{ width:100%; margin: 0; } .drop_menu ul { position: relative; top:0; box-shadow: none; } .head .head_wrapper .top_menu .drop_menu ul li { white-space: nowrap; width: 100%; border-bottom: none; } .head .head_wrapper .top_menu .drop_menu ul li a { white-space: nowrap; padding: 8px 0px; width: 90%; margin: 7px 0px 2px 50px; font-size: 17px; } .drop_menu span { padding: 0px 10px; font-family: latobold; width: min-content; } .drop_menu { font-size:17px; display: block; color: #000; text-decoration: none; margin: 10px 0 7px; border-bottom: none; position: relative; height:auto; } .drop_menu div { display: block; position: relative; background: #fff; box-shadow: none; top: 0; z-index: 0; left: 0; padding: 0px 0 0 0; } .head .head_wrapper .top_menu.hover{ } .head .head_wrapper .after_menu{ display:none; top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 0; background: rgba(0, 0, 0, 0.4); } .head .head_wrapper .top_menu .drop_menu div a { display: block; color: #000; text-decoration: none; margin: 12px 0px 15px 0px; border: none; border-radius: 4px; background: #e8e8e8; padding: 15px 10px; font-size: 15px; width:auto; } .head .head_wrapper .top_menu .cat_menu div a,.head .head_wrapper .top_menu .cat_menu div b { display: flex; color: #000; text-decoration: none; margin: 12px 10px 15px 0px; border: none; border-radius: 4px; background: #e8e8e8; font-size: 15px; width:calc(50% - 10px); height:auto; aspect-ratio: 3/2; box-sizing: border-box; padding: 0 10px; align-items: center; text-align: center; font-size: 18px; text-wrap: wrap; justify-content: center; white-space: normal; } .catalog .overphotos_block{ display: none; } .head .head_wrapper .top_menu .cat_menu div .drop_element:nth-child(2n) { margin-right: 0; } .head_wrapper .top_menu .drop_menu div .current_page { white-space: normal!important; padding: 0 10px!important; width: calc(50% - 10px)!important; border-bottom: none!important; margin: 12px 10px 15px 0px!important; box-sizing: border-box; font-style: normal; display: flex!important; } .head .head_wrapper .top_menu .drop_menu div .current_page{ white-space: normal!important; } .hidden_href_top{ display:block; } .block404 h1{ font-size: 30px; line-height: 90px; padding: 50px 0; } .toputp { height: auto; width: 100%; margin: 40px 0 0px; box-sizing: border-box; padding: 40px 0 40px 0; } .categories_block .lblock { width: 100%; height: auto; float: none; order: 1; margin: 20px 0 0 0; } .left_rigth_calctop{ width:100%; margin:30px auto 0 auto; } .lsidect{ float:left; margin-right:20px; border-radius:15px;width:120px; height:140px; margin-bottom:20px; } .left_rigth_calctop #calc_name{ float: left; width: calc(100% - 150px); text-align: left; padding-bottom: 5px; padding-top: 0px; } .left_rigth_calctop p { padding-top: 0px; text-align: left!important; } .categories_block .lblock .cat { width: calc(50% - 5px); height: 230px; float: left; display: block; text-decoration: none; background-size:cover; background-position: center center; background-repeat: no-repeat; position: relative; text-align: center; margin: 0 0 20px 10px; outline: 5px solid #fbf9f8; } .categories_block .lblock .cat:first-child { margin-left: 0px; } .utp_block { flex-wrap: wrap; display: flex; margin: 0 20px; flex-direction: row; justify-content: space-around; font-size: 15px; align-items: flex-start; } .categories_block .lblock .cat span { border-radius: 5px; padding: 8px 5px; background: #fff; color: #000; text-align: center; margin: 0 auto 0 auto; font-size:16px; top: 75%; position: relative; display: inline-block; left: auto; right: auto; } .categories_block { width: 100%; height: auto; margin: 30px 0 50px 0; position: relative; display: flex; flex-direction: column; margin: 15px 0 40px 0; } .categories_block .rblock { width: 100%; height: auto; float: none; margin: 25px 0 0 0; order: 0; } .categories_block .rblock .slide_to_calc { display: table!important; } .zakdiz_zamer{ display:none!important; } .categories_block .rblock .action { margin: 0 auto 25px auto; border-radius: 5px; max-width: 380px; background-size: 70px 70px; height: 70px; } .categories_block .rblock .action:nth-child(3) { margin: 0 auto 10px auto; max-width: 380px; } .categories_block .rblock .mailproj{ background-image:url(../i/email-1-svgrepo-com.svg?v1) ; background-size: 40px 40px; background-position: 16px 50%; } .categories_block .rblock .action:nth-child(1) { font-family:"latoregular"; background-color: #fed933; } .rblock .slide_to_calc{ position:relative; } .rblock .slide_to_calc:before{ content: ''; width: 1.7em; height: 100% ; display: block; position: absolute; top: 0; left: 0; z-index: 10; background-color: rgba(255,255,255, 0.6); transform: translateX(-4em) skewX(-35deg); -webkit-animation-name: move-light 3.5s infinite; -moz-animation-name: move-light 3.5s infinite; -o-animation-name: move-light 3.5s infinite; animation: move-light 3.5s infinite; } @keyframes move-light{ 0%{ transform: translateX(-4em) skewX(-35deg); } 20% { transform: translateX(30em) skewX(-35deg); } 40% { transform: translateX(60em) skewX(-35deg); } 100% { transform: translateX(60em) skewX(-35deg); } } .toputp .top_name { font-family: 'latobold'; text-align: center; font-size: 22px; line-height: 30px; } .utp { display: block; margin: 20px 10px 0 10px; text-align:center; max-width: calc(50% - 20px); } .categories_block .all_kitchens a { display: table-cell; padding: 0 0 0 20px; font-size: 16px; line-height: 25px; box-sizing: border-box; vertical-align: middle; background: none; text-align: left; text-align: center; border-radius: 5px; margin-left: auto; margin-right: auto; max-width: 380px; } .categories_block .all_kitchens { text-align: center; width: 100%; top: 0; display: table; text-decoration: none; height: 70px; background-color: #e9e9e9; margin: 10px 0 7px 0; color: #000; padding: 0; border-radius: 0; background-image: url(../i/icon_catalog.png); background-position: 14% 50%; background-repeat: no-repeat; background-size: 70px 70px; order: 2; border-radius: 5px; margin-left: auto; margin-right: auto; max-width: 380px; } .slick-dots li { margin: 0 3px!important; } body .slick-prev { left: 10px; } body .slick-next { right: 10px; } .slick-dots { bottom: 10px; } .slider { background: #f7f7f7; width: 100%; height: auto; padding: 0 0 0px 0; min-height:400px; } .head .head_wrapper .top_menu a { display:block; color: #000; text-decoration: none; margin: 12px 10px 15px 10px; border: none; border-radius: 4px; padding: 8px 10px; font-size: 17px; } .drop_menu span:after{ content:""; display: block; position: absolute; background: url(/i/dropdown-arrow-svgrepo-com.svg) center center no-repeat; background-size: 100% auto; filter: opacity(0.6); width:20px; height:20px; top:3px; right:-15px; } .head .head_wrapper .top_menu .drop_menu li:hover{ background: none; } .head .head_wrapper .top_menu .hidden_href_top { display: block; } .head .head_wrapper .top_menu a:last-of-type { margin: 10px 0px 7px 0px; } .head .head_wrapper .top_menu li:last-of-type { margin: 0; } .man_opac { width: 522px; height: auto; background: red; position: absolute; top: 3px; right: 17px; opacity: 0.1; background-size: 100%; -webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg); animation: color 8s infinite ease-in-out; } .first_screen{ position: absolute; top: 45%; transform: translateY(-45%); } .slider .slider_wrapper { width: 100%; margin: 0 auto; position: relative; background:url(../i/top_bg.jpeg) center center no-repeat #f7f7f7; background-size: cover; height: 100%; height: calc(100% - 100px); top:0; } .slider .slider_wrapper h1 { font-family: 'latoblack'; font-size: 30px; line-height: 45px; top: 0; position: relative; padding: 20px 20px 20px 20px; margin: 0; display: block; text-align: left; letter-spacing: 1px; max-width:none; } .slider .slider_wrapper h2 { font-family: 'latoregular'; font-weight: normal; font-size: 16px; padding: 10px 20px 10px 20px; margin: 0 0 0 0; position: relative; z-index: 1; opacity: 1; } .slider .slider_wrapper .button{ font-family: 'latoregular'; width: 80%; border-radius: 6px; border: none; font-size: 16px; margin: 0; display: block; text-align: center; font-weight: normal; padding: 0 10px; line-height: 22px; padding: 15px 0px 15px; cursor: pointer; margin: 5% auto 0 auto; position: relative; border-bottom: 5px solid #bba319; } .wrapper { width: 100%; padding: 0px 12px 0 12px; margin: 0 auto; box-sizing:border-box; } .product_wrapper{ display:flex; flex-direction: column; } .product_wrapper small{ font-size:14px; } .product_wrapper .slick-prev, .product_wrapper .slick-next{ display:none!important; } .wr100 { width: 100%; padding: 0; margin: 0 auto; } .slider_block { min-width: 100%; margin: 0px 0 0px; height: auto; position: relative; padding: 100px 0 0 0; margin: -100px 0 0 0; } .arrow_down { position: absolute; background: red; width: 75px; height: 75px; left: 50%; margin-left: -37.5px; bottom: 5%; background: url(/i/arrow_down.png?b1) center center no-repeat; background-size: 75px auto; } .slider_block .slide1{ background:#f4f4f4; height:auto; width:100%; } .calculate_button{ display:none; } .left_banner_side { z-index: 2; position: relative; width: auto; box-shadow: none; min-height: auto; float: none; padding: 10px 0 20px 0; } .left_banner_side .str1 { font-family: 'latobold'; font-size: 30px; margin: 27px auto 0 auto; line-height: 37px; text-align: center; width: 100%; box-sizing: border-box; padding: 0 15px 0px 15px; letter-spacing: 0px; } .left_banner_side .h1span{ font-size: 19px; line-height: 31px; margin: 0 auto 0 auto; width: 100%; display: block; padding: 0 15px 15px 15px; margin: 0 auto 0 auto; } .left_banner_side b { font-weight:normal; } .right_banner_side .slick-dots li button{ width:5px!important; height:5px!important; } .right_banner_side .slick-dots{ bottom:0!important; } .left_banner_side .str2 { font-family: 'latoregular'; font-size: 17px; line-height: 27px; margin: auto; letter-spacing: 0px; text-align: center; padding: 0 15px 10px 15px; } .left_banner_side .str3 { font-family: 'latoregular'; font-size: 16px; line-height: normal; margin: 10px auto 0px auto; color: #545454; text-align: left; padding:0 20px; } .left_banner_side .str3 u{ margin:0 0px } .left_banner_side .str3 ul li{ display:inline-block; margin:0 10px } .right_banner_side { float: none; height: auto; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; margin: 0; width: 100%; overflow: hidden; position: relative; } .right_banner_side:before { content: ""; padding-top: 70%; display: block; } .in_slide_image_wrapper .slick-next, .in_slide_image_wrapper .slick-prev { display:none!important; } .right_banner_side .slick-dots li button:before { font-family: 'slick'; font-size: 10px; line-height: 21px; } .in_slide_image_wrapper .slick-slide{ height: auto!important; } .in_slide_image_wrapper .slick-slide:before { } .in_slide_image_wrapper { width: 100%; height: auto; height: 100%; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; margin: 0; overflow: hidden; position:absolute!important; top:0; } .slide_image1 { width: 100%; height: 100%; background: url(/i/pmm-event-mob.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .slide_image2 { width: 100%; height: 100%; background: url(/i/banner_vita_mob2.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .in_slide_image_wrapper .slider_mp{ width: 100%; } .in_slide_image_wrapper .slider_mp img{ width: 100%; } .slide_image3 { width: 100%; height: 100%; background: url(/i/rassrochka_banner_mob.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .slide_image4 { width: 100%; height: 100%; background: url(/i/vita_banner_mob4.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .slide_image5 { width: 100%; height: 100%; background:url(/i/febrary_podarok3.webp); background-size: cover; background-position: center center; background-repeat: no-repeat; } .slide_image6 { width: 100%; height: 100%; background:url(/i/krona_june.webp); background-size: cover; background-position: center center; background-repeat: no-repeat; } .slide_image7 { width: 100%; height: 100%; background:url(/i/teka_mob.webp); background-size: cover; background-position: center center; background-repeat: no-repeat; } .slide_image_winter { width: 100%; background: url(/i/mart_banner_pc.webp)!important; background-size: cover!important; cursor: pointer; background-position: center center; height: 100%; } .catalog { background: #fbf9f8; background: #ffffff; width: 100%; padding-bottom: 50px; } .catalog .one_modelk{ display:block; width:100%; height: 40%; padding:0; margin:0 20px 20px 0; float:left; overflow:hidden; position:relative; } .catalog .modulnye .one_modelk { width: 100%; height: auto!important; } .catalog .modulnye .one_modelk img{ width: 100% !important; max-height: 40vh!important; min-width: auto; } .catalog .modulnye .price_name { font-size: 1.1em; } .modul_cat .tags_dummy { position:relative; } .catalog .notfound a { display: inline; width: auto; height: auto; padding: auto; margin: auto; float: none; overflow: visible; position: relative; } .catalog .one_modelk { display: block; width: calc(50% - 5px); width: 100%; height: auto!important; padding: 0; margin: 0 0 30px 10px; margin: 0 0 30px 0px; float: left; overflow: hidden; position: relative; background-color: #fff; outline:none; } .load_more { width: 80%; margin: 0 auto; float: none; } .modal_calculate{ min-height: 556px; } .calc_block { padding: 0px 0 0px 0; } .prod_calc_wrapper { display:none; position: fixed; top: 0; height: 100%; width: 100%; border-radius: 0; left: 50%; z-index: 10000001; background: #f7f7f7; transform: translateX(-50%) translateY(0%); overflow-y: scroll; } .prod_calc_wrapper .close{ widtH:25px; height:25px; background:url(../i/close.png) 0px 0 no-repeat; position:absolute; right:14px; top:14px; cursor:pointer; opacity:0.8; } .prod_calc_wrapper .calc_block { margin: 0 0 30px 0; padding: 20px 0 30px 0; position: relative; } .the_same .catalog{ flex-wrap: wrap; } .the_same .catalog noindex{ flex-wrap: wrap; } .the_same .catalog noindex .image_prod_shkaf{ align-items: flex-start; } .the_same .catalog .one_modelk { display: block!important; width: calc(50% - 15px); height: 250px!important; aspect-ratio: auto!important; padding: 0; margin: 0 0 0px 10px; float: left; overflow: hidden; position: relative; display: flex; align-items: flex-start; justify-content: center; outline:none; } .the_same .price_name{ position:relative; padding: 15px 0px 0px 0px; } .the_same .image_prod_shkaf{ height:auto; } .the_same .catalog .one_modelk img { width: 100%!important; height: auto!important; aspect-ratio: 6/5; min-width: auto; max-height: none; object-fit: cover; } .the_same .catalog .one_modelk .image_prod_shkaf{ background-color: #fff; } body .the_same .shkaf_same .one_modelk { height:auto!important; } .the_same .catalog .one_modelk .image_prod_shkaf img{ object-fit: cover; aspect-ratio: 6 / 6; } .catalog .one_modelk:before{ display:none; } .catalog .one_modelk:nth-of-type(1) { margin: 0 0 30px 0px; } .catalog .one_modelk:nth-of-type(2n+1) { margin: 0 0 30px 0px; } .catalog .one_modelk:hover .price_name { display: block; } .catalog .next_kitchens { width: 90%; margin: 30px auto 0 auto; display: block; clear: both; } .catalog .next_kitchens a { width: 100%; height: auto; border: none; border-radius: 6px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0px; margin: 0px auto 0 auto; background: #424242; font-family: 'latoregular'; font-size: 16px; line-height: 25px; cursor: pointer; color: #fff; text-decoration: none; display: block; } .catalog .next_kitchens a:hover { background: #424242; color: #fff; } .zamer .left div { font-family: 'latoregular'; font-weight: normal; font-size: 30px; line-height: 50px; padding: 0; margin: 0; text-transform: none; } .zamer .left div { font-family: 'latoregular'; font-weight: normal; font-size: 50px; line-height: 50px; padding: 0 0 5px 0; margin: 0; text-transform: none; } .catalog a img{ width:auto; height: 100%!important; z-index: 0; } nav .region { color: #fff !important; float: none; display: block; width: min-content; white-space: nowrap; padding: 10px 15px 10px 30px; border-radius: 5px; text-decoration: none; cursor: pointer; margin: 0 auto; box-sizing: border-box; background: url(/i/geolocation.svg) 8px 50% no-repeat rgba(72, 70, 70, 1); background-size: 18px auto; margin: 30px 0 0 0; } .region_modal { position: relative; z-index: 100000; top: 0; background: #fff; right: 0px; box-sizing: border-box; border-radius: 0 0 5px 5px; padding: 10px 20px; width: min-content; margin-right:0px; white-space: nowrap; box-shadow: 0 -2px 10px rgb(68 92 130 / 15%), -1px 4px 10px rgb(68 92 130 / 15%), 0 0 2px rgb(68 92 130 / 15%); } .newProdInCart{ width: calc(100% - 20px); height: max-content; box-sizing: border-box; padding: 10px 15px; border-radius: 0 0 8px 8px; background-color: #ffeca1!important; position: fixed; top: 56px; right: 0px; font-size:14px; z-index: 1000; margin: 0 10px; display: none; text-align: center; } .shkafy_cat .one_modelk .inner_prod:hover{ aspect-ratio: auto; } .region_modal a{ padding: 0px 10px!important; display: block!important; text-decoration: none; margin: 15px auto 15px auto!important; color: #000 !important; } .catalog .one_modelk img { width: 100% !important; max-height: 40vh!important; height: 100%; aspect-ratio: 4/3; object-fit: cover; min-width: auto; border-radius: 12px; } .products_in_cart .one_modelk img{ aspect-ratio: 3/3; } .girlcall { text-align: center; width: 100%; height: auto; background: #fff; background-repeat: no-repeat; background-position: 0px 100%; background-size: 60%; margin: 35px auto 20px auto; text-align: left; box-sizing: border-box; width: 100%; padding: 40px 10px; color: #000; letter-spacing: 0.02em; position: relative; text-align: center; } .girlcall [type="submit"]:hover{ text-align: center; width: 100%; height: auto; background: #359bf1; background-repeat: no-repeat; background-position: 0px 100%; background-size: 60%; margin: 20px -10px 0 -20px; text-align: left; box-sizing: initial; padding: 40px 20px 50px 20px; color: #fff; letter-spacing: 0.02em; position: relative; text-align: center; } .price_name{ font-size: 1.1em; line-height: 1.3em; padding: 5px 20px 5px 1px; position: relative; z-index: 2; background: #fff; box-sizing: border-box; color:#000 } .prodname { text-decoration: none; color: #000!important; } .price_name b{ font-size: 0.7em; } .shkafy_cat .price_name b { line-height: normal; } .shkafy_cat .old_price_cat{ line-height: normal; margin:0 0 0 10px; } .shkafy_cat .price_name .pricetag{ position: absolute; top: -32px; right: 10px; } .footer { height: auto; } .footer .wrapper .right_bottom [type="tel"] { width: 90%; height: 45px; border: 1px solid rgba(219,218,217,1); border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 25px auto 0 auto; font-size: 18px; display: block; } .footer .wrapper .right_bottom .cb_button_bottom{ background: #9ae79e; width: 90%; height: 45px; display: block; text-decoration: none; color: #fff; border-radius: 5px; line-height: 42px; font-size: 15px; border: 2px solid #fff; text-align: center; margin: 20px auto; box-sizing: border-box; padding: 0 0 0 0px; cursor:pointer; background: #484646; } .new_project_block_modal .right_npb [type="submit"] { height: 60px; line-height:60px; padding: 0; font-size: 16px; } .new_project_block_modal .right_npb [type="tel"] { font-size: 18px; } .footer .wrapper { color: #fff; text-align: left; padding: 40px 30px 70px 30px; } .footer .wrapper:before { margin-left: 0; margin: 0px 0 0 0; margin-left: 0px; left: auto; right:0px; background: url(../i/logo_bottom2.png) 60% 50px no-repeat; background-size: auto 60px; top: -20px; } .menu .models .one { width: 100%; height: 302px; margin: 0 auto 0 auto; float: none; cursor: pointer; border-bottom: 2px dashed #e4e2e1; background-position: 50% 50%; } .menu .models .lastone { margin-bottom: 15px; border-bottom: none; } .menu { background: #FFF; width: 100%; height: auto; border-bottom: none; } .menu .models * { background-position: 50% 50%; } .construct .right { float: none; padding: 0 0 0 0px; } .construct .left { width: 100%; height: 160px; background: url(../i/6.png) 50% 50% no-repeat; background-size: 160px 160px; float: none; } .construct { background: #eeeeee; width: 100%; height: auto; padding: 18px 0 30px 0; box-sizing: border-box; color: #000; } .construct .right select { margin-top: 0px; width: 100%; height: 36px; border: 1px solid rgba(219,218,217,1); box-sizing: border-box; padding: 2px 8px; position: relative; margin: 15px auto; border-radius:0px; color:#000; -webkit-border-radius:none; -webkit-appearance:none; font-size:15px; } .construct br{ display:none; } .construct .right [type="submit"] { margin: 4px 0 0 0; font-family: 'latoregular'; width: 100%; height: 45px; border-radius: 6px; border: none; font-size: 16px; margin: 0; display: block; text-align: center; background: #ff5561; font-weight: normal; padding: 0 10px; line-height: 18px; margin: 20px 0 0 0; } .construct .right [type="submit"]:hover{ width: 100%; height:45px; border:2px solid #000; } .construct .right h3 { font-family: 'latoblack'; text-align: center; font-size: 22px; line-height: 30px; padding: 22px 0 25px 0; margin: 0; } .construct .right [type="text"] { height: 30px; width: 80px; height: 30px; border: 1px solid rgba(219,218,217,1); box-sizing: border-box; padding: 0 4px; position: absolute; left: 0; margin-left: 170px; margin-top: 0px; } .construct .right .fl { float: none; width: 100%; position: relative; line-height: 33px; } .construct .right .fl span { position: absolute; left: 0; margin-left: 268px; font-size: 13px; color: #c9c9c9; } .portfolio a { display: block; width: 46%; height: auto; padding: 0; margin: 0 2% 10px 2%; float: left; text-align: center; } .portfolio a img { width: 100%; } .portfolio a:nth-of-type(5n+0) { margin-right: 5px; } .materials a { display: block; width: 47%; height: 166px; padding: 0; margin: 0 5px 10px 5px; float: left; text-align: center; } .materials { background: #fff; width: 100%; padding-bottom: 60px; border-bottom: 2px dashed #e4e2e1; } .zamer { background: #eeeeee; width: 100%; height: auto; padding: 40px 0 0 0; box-sizing: border-box; } .zamer .center { float: left; font-size: 15px; line-height: 22px; text-align: center; width: 100%; height: auto; padding: 39px 10px 0px 10px; box-sizing: border-box; } .zamer .left { float: left; font-family: 'latoblack'; font-size: 18px; line-height: 25px; text-align: center; width: 100%; height: 130px; border-bottom: 1px solid #000; border-right: none; padding: 0px 0px 10px 0; box-sizing: border-box; text-transform: uppercase; } .zamer .right { float: left; font-size: 14px; line-height: 17px; text-align: left; width: 100%; height: 140px; padding: 39px 0px 10px 0px; box-sizing: border-box; } .zamer .right .button{ width:90%; font-size:16px; background: #53b44e; padding: 15px 0; height: 56px; line-height: 56px; padding: 0; margin: 0 auto; } .zamer .right #modal8{ background: #53b44e; } .zamer .right .button:hover{ width: 90%; font-size: 16px; padding: 15px 0; height: 56px; line-height: 56px; padding: 0; margin: 0 auto; } .questions .wrapper { background: none; height: auto; } .questions { height: auto; padding:0px 0 50px 0; } .questions .form b { font-family: 'latobold'; display: block; font-size: 16px; padding: 5px 0 10px 0; font-weight:normal; } .questions .form { width: 100%; height: auto; border: 1px solid rgba(219,218,217,1); border-radius: 5px; margin: 0 0 0 0px; box-sizing: border-box; padding: 20px; font-size: 15px; line-height: 22px; text-align: center; background: #f7f7f7; } .questions .form br{ display:none; } .questions .form [type="tel"] { width: 100%; height: auto; border: 1px solid rgba(219,218,217,1); border-radius: 6px; font-size: 18px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 25px 0 0 0; } .questions .form [type="submit"]{ border: none; border-radius: 5px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 20px auto 0 auto; background: #ffda07; font-family: 'latoregular'; cursor: pointer; color: #000; text-decoration: none; display: inline-block; width: 100%; font-weight:normal; } .contacts_map_bottom{ height:400px; overflow:hidden; } .fb_form_block form { display: flex; flex-direction: column; } .fb_form_block .left_fb{ width:100%; } .fb_form_block .right_fb{ width:100%; padding-left:0; } .fb_form_block form input{ width:100%; margin-left:0; } .fb_form_block form [type="submit"]{ width:100%; margin:20px auto 0 auto; } .fb_form_block form textarea{ width:100%; font-size:17px; } .fb_form_block form [type="text"]{ font-size:17px; } .about_block h3 { padding: 20px 0 10px 0; } .news_block h3 { padding: 20px 0 10px 0; } .about_block .flextable .flexbl{ border-bottom: 1px dotted #dbdbdb; border-right: 1px dotted #dbdbdb; padding-bottom:20px; width:calc(100% ); padding-right:0px; padding-left:0px; border:none!important; } .about_block .certificates a{ width:calc(50% - 20px); } .video_marshrut{ margin:10px 0 30px 0; } .video_marshrut .v { width:100%!important; aspect-ratio: none; } .video_marshrut .v iframe{ width:100%!important; height:auto!important; aspect-ratio: 16/9; margin:0 0 15px 0; } .about_block .certificates{ } .news_block .text_news .breadcrumps { padding: 30px 20px 20px 0px; margin: 0; color: #707070; } .news_block .text_news { font-size:16px; line-height:25px; } .columns_blog_one { display: flex; flex-direction: column; } .news_block .text_news .left_blog_block img{ width: 100%!important; margin: 0 auto; display: block; } .news_block iframe{ height:210px; width:100%; } .left_blog_block { width: 100%; } .right_blog_block { width: 100%; margin: 20px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #ccc; } .right_blog_block .blog_items{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; flex-direction: unset; } .right_blog_block .blog_items .one_blog_item { width: 180px; position: relative; cursor: pointer; border-radius: 0px; margin: 0px 0 30px 0; filter: grayscale(0%); height: 200px; overflow: hidden; } .one_blog_item .image { width: 100%; height: 220px; display: flex; align-items: center; overflow:hidden; min-height:220px; } .blog_items .one_blog_item .image{ min-height:220px; } .left_blog_block .one_blog_item .image img { min-width: 100%; width:auto; height: auto; border-radius: 5px; } .news_block .text_news .for_reading { display: inline-block; text-align: center; color: #226cbf; margin: 10px auto 20px auto; background: url(/i/timer-svgrepo-com2.svg) 0 1px no-repeat; background-size: 20px auto; } .blog_items { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .one_blog_item { width: 49%; position: relative; margin: 20px 0 10px 0; cursor: pointer; border-radius: 0px; min-height: 170px; height: 220px; } .one_blog_item .image img{ height: 100%; width:auto; border-radius: 0px; } .one_blog_item .title { display: flex; position: absolute; text-align: center; height: auto; width: 100%; color: #fff; font-family: 'latoregular'; bottom: 0px; line-height: 18px; z-index: 2; background: rgb(248,248,248); background:linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.70) 100%); height:100%; box-sizing: border-box; padding: 40px 10px 30px 10px; justify-content: center; align-items: center; border-radius: 0; font-size: 16px; } .one_blog_item .title:hover { display: flex; position: absolute; text-align: center; height: auto; width: 100%; color: #fff; font-family: 'latoregular'; bottom: 0px; line-height: 21px; z-index: 2; background: rgb(248,248,248); background: linear-gradient(180deg, rgba(248,248,248,0) 0%, rgba(0,0,0,0.75) 100%); box-sizing: border-box; padding: 40px 10px 30px 10px; justify-content: center; align-items: center; border-radius: 0 ; } .about .left { width: 200px; min-height: 200px; float: left; display: none; } .about .right .one { padding: 30px; height: auto; box-sizing: border-box; } .about .rightdum { display: none; } .about { background: #fff; width: 100%; height: auto; } .about .right { float: left; padding: 15px 0 30px 0; margin: 0px 0 0 0; position: relative; z-index: 1; border-top: 2px dashed #a2a2a2; } .contacts_map{ display: none; } .contacts_header { display: none; } .links { display: flex; border-top: 1px solid #ccc; box-sizing: border-box; padding: 20px 0 0 0; flex-wrap: nowrap; justify-content: flex-start; flex-direction: column; } .news_block{ padding-bottom: 0px; } .pop_blog{ border-top: 1px solid #ccc; box-sizing: border-box; padding:20px 0 0 0; margin:10px 0 0 0px; } .same_rub,.pop_blog,.cat_blog{ width: 100%; } .same_rub { width: calc(100% - 20px); margin: 0 0 0 0px; } .same_rub ul{ padding: 0px 0 0 0px; } .pop_blog ul { padding: 0px 0 0 0px; } .shkaf_same .price_name b { display: inline-block; } .the_same .catalog .one_modelk{ height: 250px !important; } .catalog .buttons_kitchen{ display: flex; position: relative; padding: 0 0px 25px 0px; z-index:2; } .catalog .one_modelk:hover .price_name { display: block!important; } .catalog .one_modelk .calc_price_kitchen{ font-size:16px; margin: 5px 10px 0 0; } .price_name .fasady_card{ color: #a3a3a3; margin: 0 0 0 0px; } .prodname{ margin:0 10px 0 0; } .price_name .old_price_cat { color: #a3a3a3; } .catalog .one_modelk .project_order_kitchen{ border:1px solid #c9c9c9; font-size:16px; margin: 5px 0px 0 0; } .shkaf_same .price_name b { display: inline-block; } .breadcrumps div{ white-space: nowrap; } .cat_blog{ border-top: 1px solid #ccc; box-sizing: border-box; padding:20px 0 0 0; margin:10px 0 0 0px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){} .bg_zam_page { background: url(../i/zam_bg_x2.jpg?v2) no-repeat #fff; background-size: 50%; background-position: 50% 35px; margin: -40px -20px 0 -20px; padding: 160px 20px 0 20px; } .bg_zam_page { background: url(../i/zam_bg.jpg?v2) no-repeat #fff; background-size: 50%; background-position: 50% 35px; margin: 0px -20px 0 -20px; padding: 230px 20px 0 20px; } .bg_rassrochka_page { background: url(../i/rassrochka_image_x2.jpg?v2) no-repeat #fff; background-size: 50%; background-position: 50% 35px; margin: 0px -20px 0 -20px; padding: 230px 20px 0 20px; } .zampageform { width: 100%; height: auto; padding: 0 0 40px 0; } .zampageform .form { width: 100%; height: auto; border: 1px solid rgba(219,218,217,1); border-radius: 15px; margin: 0 0 0 0px; box-sizing: border-box; padding: 35px 20px 20px 20px; font-size: 15px; line-height: 22px; text-align: center; } .zampageform .form [type="tel"] { width: 100%; height: 56px; font-size: 18px; } .zampageform .form [type="submit"] { width: 100%; width: 100%; font-size:16px; font-weight:normal; } .zampageform .form [type="submit"]:hover{ width: 100%; height:56px; } .footer a{ color:red; } .black_b, .white_bg{ z-index: 10000000; } .black_bg{ background:rgba(0,0,0,0.65); } .zvontext { margin-top: 25px; border-top:none; padding: 10px 0 20px 0; } .messengers_text{ color: rgb(75,75,75); } .messengers_text .messengers_icons { display: flex; text-align: center; flex-direction: row; justify-content: space-evenly; } .messengers_text .messengers_icons a { width: 30px; height: 30px; background: red; display: block; margin: 20px 0px 0 0; } .chat_phone_button{ display:none; } @keyframes shadow2 { 0% { box-shadow: 0 0 0px 0px rgba(182, 55, 184,1) 0 0 0px 0px rgba(182, 55, 184,1); } 10% { box-shadow: 0 0 5px 0px rgba(182, 55, 184,1), 0 0 5px 0px rgba(182, 55, 184,1); } 50% { box-shadow: 0 0 10px 6px rgba(255, 244, 178, 0), 0 0 4px 20px rgba(255, 244, 178, 0); } 100% { box-shadow: 0 0 10px 6px rgba(255, 244, 178, 0), 0 0 4px 20px rgba(255, 244, 178, 0); } } .zvontext a { text-decoration: none; display: inline-block; background: url(/i/phone_icon_svg.svg?v3) 0px 4px no-repeat #ffffff; padding: 0 0 0 30px; background-size: 20px; border-radius: 0; padding: 0 0 0 30px; box-sizing: border-box; font-weight: normal; font-family: 'latobold'; height: 33px; line-height: 27px; margin: 10px auto; font-size: 22px; border-bottom: 1px solid #000; color: #000; } .zvontext .displpc{ } .zvontext .displmob{ font-size: 17px; margin: 5px 0 0; color: rgb(85, 85, 85); } .nomob{ margin:0%; padding:0; display:none!important; } .onl_chat_box{ display:none!important; } .modalmailtext{ display: none; } .modal { z-index: 100000000; width: 96%; height: auto; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: 0; margin-top: 0; transform: translateY(-50%) translateX(-50%); border-radius: 12px; box-sizing: border-box; padding: 40px 20px; text-align: center; } .modal10 h4{ font-size:15px; } .modal10 h3 { padding: 15px 0 10px 0!important } .modal10 .garanc{ display:none; } .modal10 { } .modal10 .loupe{ width:100%; } .modal10 .r .pricebl { font-weight: normal; font-size: 15px; padding-bottom: 0px; display: block; margin: 0px 0 0 0; } .modal [type="submit"] { width: 100%; font-size: 15px; height: auto; margin: 15px 0 0 0; padding: 0; border-radius: 5px; font-weight: normal; height: 58px; line-height: 58px; } .modal [name="form_zvon"] [type="submit"] { background: #e6e6e6; border: 1px solid #e4e4e4; } .modal [type="submit"]:hover{ width:100%; height:56px; font-size:15px; } .modal [type="text"],.modal [type="tel"] { width: 100%; height: 54px; margin: 15px 0 0 0; border-radius:6px; font-size: 20px; font-size: 18px; outline:none; } .quiz .form [type="tel"]{ font-size: 20px; } .modal .close { width: 35px; height: 35px; background: url(../i/close2.svg?v4) center center no-repeat; background-size: 18px 18px; position: absolute; right: 5px; top: 5px; cursor: pointer; opacity: 0.6; } .menu .models .one:hover:before { content: ''; display: block; width: 90%; height: 302px; position: absolute; background: red; margin-top: 0px; background: rgba(255,255,255,0.7); border: 2px solid #fee138; } .menu .models .one:hover:after { z-index: 2; position: absolute; content: "Выбрать"; font-family: 'latoblack'; width: 70%; left: 50%; margin-left: -50%; border-radius: 10px; border: none; font-size: 18px; margin: 0; display: block; text-align: center; background: #fee138; font-weight: normal; padding: 0 10px; line-height: 18px; padding: 14px 0px 13px 0px; cursor: pointer; margin: -150px 0 0 -35%; } .modal10 .l { width: 100%; height: auto; float: left; padding: 10px 0 0 0; } .modal10 .r { width: 100%; height: auto; float: left; padding: 0px 0px 0 0px; padding: 0; } .modal10 h4 { font-family: 'latoblack'; font-weight: bold; font-size: 14px; line-height: 20px; padding: 10px 0 5px 0!important; margin: 0; text-align: center; } .girlcall .nichego { text-align: center; letter-spacing: 0.045em; padding: 0 0 0 0; } .girlcall .sdelaem { text-align: center; } .desccat{ margin:35px 0 0 0; padding:15px 0 0 0; } .comagic-c-sitephone-container { top: 38px!important; } .comagic-c-sitephone-button { height: 46px!important; border-radius: 4px!important; font-family: "latoregular"; } .comagic-c-sitephone-container__banner-branding { display:none; } .comagic-h-sitephone-field-fix input { font-size: 15px; font-family: "latoregular"; height: 44px; border: 1px solid #eee; border: 1px solid #eee; } .about_block a { display: block; width: 44%; height: auto; padding: 0; margin: 0 20px 20px 0; float: left; } .about_block a img{ width:100%; height:auto; } .calc_page { padding-bottom: 40px; } .calc_page p{ text-align:center; } .calc_page .page_calc_block{ box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); padding: 30px 0 30px; } #calc_scrollto{ position: absolute; margin: 0px 0 0 0; top: 220px; } .mp_calculate #calc_scrollto{ position: absolute; margin: 0px 0 0 0; top: -35px; } .mp_calculate #calc_scrollto_cart{ position: absolute; margin: 0px 0 0 0; top: 30px; } .calc_page h1 { padding: 30px 0 0px 0; font-size: 22px; line-height: 25px; } .calc_block .next_step { margin: 0px auto 20px auto; } .calc_block .step1 label { width: calc(50% - 20px); height: auto; margin: 0 10px 30px 10px; display: block; float: none; background-size: contain!important; background-position: 50% 0px!important; background-repeat: no-repeat!important; } .calc_block .step1 label:before { content: ""; padding-top: 100%; display: block; } .calc_block .step2 label{ width: calc(50% - 20px); height: auto; margin: 0 10px 15px 10px; display: block; float: left; background-size: cover!important; background-position: 0 0!important; background-repeat: no-repeat!important; border-radius: 10px; max-width:180px; } .tc_calc{ position: relative; margin: 10px -12px; } .tc_calc #calc_scrollto{ position: absolute; margin: 0px 0 0 0; top: 0px; } .calc_block .step2 label:hover { border:none; outline: none; } .nosizes{ display: none!important; } .flexible { height:auto; display: flex; justify-content: space-around; flex-direction: row; flex-wrap: wrap; } .calc_block .step1 label span { background: none; display: block; position: relative; top: 0; margin: -5px auto 0 auto; padding: 0 0 6px 0; width: 100px; box-sizing: border-box; right: auto; display: block; justify-content: space-around; align-content: center; align-items: center; text-align: center; line-height: 23px; height: 26px; box-shadow: none; } .calc_block .step1 label:hover span { background: none; } .calc_block .step1 input:checked+label span { background:#ffda07; } .calc_block .step2 label span,.calc_block .step3 label span,.calc_block .step4 label span { position: relative; text-align: center; width: 100%; color: #232323; font-family: 'latoregular'; line-height: normal; z-index: 2; background: none; box-sizing: border-box; padding: 0 5px; display: flex; justify-content: center; align-items: flex-start; } .calc_block .step3 label:hover,.calc_block .step4 label:hover{ background-size: cover ; } .calc_block .step3 label:nth-of-type(2n+0),.calc_block .step4 label:nth-of-type(2n+0){ margin-right:0!important; border: none; } .calc_block .next_step { margin: 0px auto 20px auto; padding: 13px 35px; } .calc_block .next_step:hover { border-bottom:none; height: 50px; } .calc_block .step_name { margin: 10px auto 20px auto; width: 100%; box-sizing: border-box; padding: 0px 45px 0px 45px; font-size: 15px; } .mp_calculate { margin: 0 0 30px 0; padding: 30px 0 40px 0; position:relative; min-height: 500px; } .mp_calculate h2 { font-size: 22px; line-height: 27px; padding: 20px 0 25px 0; } .form_image_f2 .left_sizes_block:before, .form_image_f3 .left_sizes_block:before, .form_image_f4 .left_sizes_block:before, .form_image_f5 .left_sizes_block:before { content: "A"; position: absolute; top: 5px; left: 50%; margin-left: -40px; display: block; font-family: latoblack; } .form_image_f2 .left_sizes_block:after, .form_image_f3 .left_sizes_block:after, .form_image_f4 .left_sizes_block:after, .form_image_f5 .left_sizes_block:after { content: "B"; position: absolute; top: 8px; left: 51%; margin-left: 30px; display: block; font-family: latoblack; } .calc_block .step5 .left_sizes_block { width: 100%; float: none; height: 170px; background-image: url(/i/absizes.png?v3); background-size: auto 140px; background-repeat: no-repeat; background-position: center center!important; margin: 0px 0 0 0; } .calc_block .step5 .right_sizes_block { width: 100%; float: left; height: auto; margin: 0px 0 0 0; box-sizing: border-box; padding: 20px 0 20px 0px; } .calc_block .step5 .label_sizes { display: block; font-family: latobold; font-size: 17px; margin: 0; float: left; width: auto; height: 30px; line-height: 30px; text-align: right; box-sizing: border-box; padding: 0 20px 0 0; } .calc_block .step5 b { display: block; font-family: latobold; text-align: center; color: #7a7a7a; margin: 10px 0 0 0; } .calc_block .step5 [type="number"] { margin: 0px 0 30px; display: block; float: left; width: 35%; font-size: 20px; position: relative; z-index: 10; } .range_div { padding: 0 0 40px 0; } .range_div span { margin: 0; position: absolute; top: 75px; font-size: 14px; color: #777; } .range_div2 span { margin: 0; position: absolute; top: 75px; font-size: 14px; color: #777; } .range_div3 span { margin: 0; position: absolute; top: 75px; font-size: 14px; color: #777; } .range_div span:nth-of-type(2) { right:0; } .range_div2 span:nth-of-type(2) { right:0; } .calc_block .step6 [type="tel"] { height: 56px; width: 300px; box-sizing: border-box; padding: 0 15px; line-height: 56px; font-size: 18px; display: inline-block; margin: 10px 0 10px; border: 1px solid #bcbcbc; border-radius: 3px; background: #ffffff; } .calc_block .step5 .label_sm { height: 30px; width: 20px; box-sizing: border-box; padding: 0 10px; line-height: 30px; font-size: 14px; display: block; float: left; color: #777; } .calc_block .step5 b { display: block; font-family: 'latoregular'; font-weight: normal; text-align: center; color: #7a7a7a; font-size: 14px; line-height: 20px; margin: 15px 0 0px; } .calc_block .step5 [type="range"] { width: 100%; display: inline-block; position: relative; z-index: 9; } .calc_block .step5 [type="range"] { -webkit-appearance: none; width: 100%; } .calc_block .step5 [type="range"]::-webkit-slider-thumb { -webkit-appearance: none; } .calc_block .step5 [type="range"]:focus { outline: none; } .calc_block .step5 [type="range"]::-ms-track { width: 100%; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } .inputs_wr input { width: 100px; border: 1px solid #c6c6c6; padding: 5px; text-align: center; font-size: 18px; margin: 0 0 0 5px; } .polzunok_wrapper { padding: 15px 0 10px 10px; width: calc(100% - 30px); position: relative; margin: 0 0 20px 0; } .ui-slider-horizontal .ui-slider-handle { top: -8px!important; margin-left: -0.6em!important; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 25px!important; height: 25px!important; } .calc_block .step5 [type="range"]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 36px; width: 36px; border-radius: 36px; background: #1479fb; cursor: pointer; margin-top: -14px; position:relative; z-index:100; } .calc_block .step5 [type="range"]::-moz-range-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: none; height: 36px; width: 36px; border-radius: 36px; background: #1479fb; cursor: pointer; margin-top: -14px; position:relative; z-index:100; } .calc_block .step5 [type="range"]::-ms-thumb { border: none; height: 36px; width: 36px; border-radius: 36px; background: #1479fb; cursor: pointer; margin-top: -14px; position:relative; z-index:100; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 6px; cursor: pointer; background: #1479fb; border-radius: 3px; border: none; } input[type=range]:focus::-webkit-slider-runnable-track { background: #1479fb; } input[type=range]::-moz-range-track { width: 100%; height: 6px; cursor: pointer; background: #1479fb; border-radius: 3px; border: none; } input[type=range]::-ms-track { width: 100%; height: 6px; cursor: pointer; background: transparent; border-color: transparent; border-width: 16px 0; color: transparent; } input[type=range]::-ms-fill-lower { background: #1479fb; border: none; border-radius: 3px; } input[type=range]:focus::-ms-fill-lower { background: #1479fb; } input[type=range]::-ms-fill-upper { background: #1479fb; border: none; border-radius: 3px; } input[type=range]:focus::-ms-fill-upper { background: #1479fb; } [type="range"]{ -webkit-appearance: none; } [type="range"]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 30px; width: 30px; border-radius: 30px; background: #1479fb; cursor: pointer; margin-top: -11px; position:relative; z-index:100; } [type="range"]::-moz-range-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: none; height: 30px; width: 30px; border-radius: 30px; background: #1479fb; cursor: pointer; margin-top: -11px; position:relative; z-index:100; } [type="range"]::-ms-thumb { border: none; height: 30px; width: 30px; border-radius: 30px; background: #1479fb; cursor: pointer; margin-top: -11px; position:relative; z-index:100; } .calc_block .step6 .left_end_block { width: 100%; float: none; height: 140px; padding: 0px 0 20px 0; background: url(/i/surprise.jpg?v12); margin: 0px 0 0 0; background-repeat: no-repeat; background-position: center 0px; background-size: 170px auto; } .tc_calc .calc_block .step6 .left_end_block { width: 100%; float: none; height: 140px; padding: 0px 0 20px 0; background: url(/i/surprise.jpg?v12); margin: 0px 0 0 0; background-repeat: no-repeat; background-position: 53% 0; background-size: 170px auto; } .modal_calculate .calc_inner .step6 .left_end_block { background-position: 53% 0; } .calc_block .step6 .right_end_block { width: 100%; float: left; height: auto!important; margin: 0px 0 0 0; box-sizing: border-box; padding: 20px; font-size: 40px; line-height: 50px; text-align: center; background:none; } .calc_block .step6 b { display: block; font-family: latoblack; font-size: 20px; line-height: 30px; margin: 0 0 0px 0; color: #353535; font-weight:normal; } .calc_block .step6 i { display: block; font-style: normal; font-family: latoregular; font-size: 18px; line-height: 25px; margin: 10px 0 20px 0; color: #353535; } .calc_block .send_calc { background: #ffda07; width: 300px; height: 56px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 56px!important; font-size: 17px; border: 1px solid #f8d50f; text-align: center; margin: 10px auto 20px auto; box-sizing: border-box; padding: 0 0 0 0px; border-bottom: none; cursor: pointer; font-weight: normal; } .step1 .next_step, .step2 .next_step, .step3 .next_step, .step4 .next_step{ display:none; } .footer .wrapper .left_bottom { color: #fff; text-align: center; padding-right: 0; float: none; width: 100%; box-sizing: border-box; padding:0; } .footer .wrapper .left_bottom a{ color:#fff; } body .footer .wrapper .lb2{ width:100%; margin-top:30px; } .rekvizity{ text-align: center; } .footer_mail{ font-size:15px; } .bot_menu a{ font-size:15px; padding:5px 8px; margin:0 5px 8px 5px!important; } .footer_tel{ text-align: center; font-size: 25px; display: block; margin:10px 0; padding: 15px 0px; border:2px solid #fff; border-radius: 10px; box-sizing: border-box; text-decoration: none; } .footer_tel svg{ position: relative; display: inline-block; margin:0 8px -6px 0; width:32px!important; height:32px!important; } .footer_mail{ text-align: center; display: block; padding: 0px 0px; box-sizing: border-box; } .footer .wrapper .right_bottom { color: #fff; text-align: center; padding-left: 0; float: none; width: 100%; box-sizing: border-box; padding: 20px 0 0 0; border-top: 2px solid #989898; margin: 20px 0 0 0; } .girlcall [type="tel"] { width: 280px; height: 50px; border: 1px solid rgba(219,218,217,1); border-radius: 5px; font-size: 18px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 25px auto 0 auto; } .girlcall [type="submit"] { width: 280px; height: 50px; border: none; border-radius: 5px; font-size: 15px; text-align: center; box-sizing: border-box; padding: 15px 0; margin: 25px auto 0 auto; background: #fed933; font-family: 'latoregular'; font-size: 17px; line-height: 18px; animation: shadow 3.6s infinite linear; color:#000; } .slideup { display:none; position: fixed; z-index:10; position: fixed; bottom: 25px; left: 15px; width: 40px; height: 40px; border-radius:40px; background: url(../i/free-icon-up.png?v1) center center no-repeat; background-size: 40px; cursor: pointer; -webkit-animation-name: bounceInUp; animation-name: bounceInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-box-shadow: 0px 14px 14px 8px rgba(34, 60, 80, 0.2); -moz-box-shadow: 0px 14px 14px 8px rgba(34, 60, 80, 0.2); box-shadow: 0px 14px 14px 8px rgba(34, 60, 80, 0.2); } .product_card { width: 100%; padding-top: 0px; padding-bottom: 20px; font-size: 15px; line-height: 24px; } .cart_head_button { margin: 0 15px 0 0px; top:13px; border: 1px solid #ccc; } .cart_head_button .nums{ line-height: 15px; } .one_modelk .more { display: block; width: 68%; } .product_card .breadcrumps{ color:#000; position:relative; left:0; margin-left:0; background:#fff; padding: 20px 20px 20px 15px!important; box-sizing: border-box; } .product_card { margin-top:0px; } .product_card .breadcrumps{ color:#000; position:relative; left:0; margin-left:0; background:#fff; text-align:left; width:100%; padding: 20px 20px 25px 15px; } .product_card .breadcrumps a { color: #000; } .prev_page{ width:35px; height:35px; position: absolute; display:block; z-index:1; text-decoration: none; margin:30px 0 0 10px; background: url(/i/larr_mini.png?v2) center center no-repeat; background-size: 32px 32px; } .product_card .left { width: calc(100% + 40px); float: none; margin: 0px -20px 0 -20px; text-align: center; order: 0; overflow:hidden; min-height:auto; height:auto; aspect-ratio:6/5; } .product_card .left img{ width: 100%!important; height:auto!important; max-height:none; min-width:100%; } .product_card .right { width: auto; float: none; padding: 20px 0 0 0; position: relative; order:1; } .zamerright{ order:4!important; } .product_card .cath4 { padding: 0px 0 0px 0; text-align: left; font-size: 24px; line-height: 30px; display: block; width: 100%; } .call_back_card{ border-radius: 12px; box-sizing: border-box; padding: 30px 20px; margin: 25px 0 15px; box-shadow: 0px 0px 15px 0px rgb(50 50 50 / 25%); background-color: #fbfbfb; } .call_back_card span{ font-size:20px; } .call_back_card p{ padding:5px 0 15px 0; font-size:17px; } [name="form_callback_card"] [type="tel"] { width: 100%; height: 50px; line-height: 50px; margin:0 0 5px 0; font-size:20px; } [name="form_callback_card"] [type="submit"] { width: 100%; height: 55px; line-height: 55px; } .product_card .right h3 { font-size: 24px; line-height: 30px; display: block; width: 100%; } .prod_calc_wrapper h3 { font-family: 'latobold'; text-align: center; font-size: 21px; line-height: 29px; padding: 40px 0 0px 0; } .prod_calc_wrapper #calc_name { font-family: 'latobold'; text-align: center; font-size: 21px; line-height: 29px; padding: 50px 0 0px 0; } .product_card .sku{ margin: 0px 0 0px 0;} .product_card .right .price { font-size: 25px; display: block; line-height: 32px; font-family: 'latobold'; padding: 0 0 0px 0; float: left; margin:5px 0; } .product_card .right .split { display: inline; line-height: 29px; font-family: 'latobold'; padding: 0 0 0px 0; float: none; margin: 0; } .slider_category{ aspect-ratio: 9/6; height: auto; width:calc(100% + 40px); overflow: hidden; margin-bottom: 30px!important; border-radius: 0px; margin:0 -20px; } .slider_category .banner_category{ width:100%; aspect-ratio: 9/6; height: auto; background-size: 100% auto!important; } .slider_category .banner_category.banner_1{ background:url(/i/1rub_mob.webp?v2); } .slider_category .banner_category.banner_2{ background:url(/i/split_banner_category_mob.webp?v1); } .split_pay{ height: 50px; background: url(/i/split_ico.png) 20px 50% no-repeat; background-size: auto 18px; padding:0px 10px 0px 100px; border-radius: 8px; margin:20px 0 15px; border:1px dashed #4caf50; box-sizing: border-box; } .split_pay .textpay{ font-size:15px; } .split_pay .textpay .split{ display: inline; line-height:50px; font-family: 'latobold', roboto, arial; font-size:15px!important; } .split_pay .textpay .split{ line-height:50px; } .product_card .right .oldprice { font-size: 15px; display: block; line-height: 25px; font-family: 'latoregular'; text-decoration: line-through; color: #989898; margin: 10px 0 5px 30px; float: left; } .product_card .right ul.desc { -webkit-text-size-adjust: none; text-size-adjust: none; } .product_card .right ul.desc li { -webkit-text-size-adjust: none; text-size-adjust: none; } .card_click_calc[href="split"]{ font-size: 16px!important; background-position:30px -3px!important; } .card_click_calc[href="split"]{ font-size: 15px!important; background-position: 50px -2px!important; padding: 0 0 0 50px!important; } .product_card .right .fast_order_button { width: 100%; height: 56px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 56px; font-size: 16px; border: 1px solid #ffe345; text-align: center; margin: 15px 0 0px 0; box-sizing: border-box; padding: 0 0 0 35px; position: relative; top: 0px; right: 0; overflow: hidden; background: url(/i/ico_calc.png) 50px -3px no-repeat #ffe345; background-size: 60px 60px; } .product_card .right .open_config_modal { width: 100%; height: 56px; display: block; text-decoration: none; border-radius: 5px; line-height: 56px; font-size: 16px; text-align: center; margin: 20px 0 0px 0; box-sizing: border-box; padding: 0 0 0 35px; position: relative; top: 0px; right: 0; overflow: hidden; } .best_choose_block{ width:100%; margin:20px 0; display:flex; flex-wrap: wrap; justify-content: space-between; gap: 15px; column-gap: 15px; } .one_bc{ width:calc(50% - 10px); height:80px; background:#fff; border-radius: 8px; box-sizing: border-box; padding:0px 10px; display:flex; flex-wrap: nowrap; align-items: center; } .rekvizity{ padding-top:10px } .icon_bc{ width: 36px } .text_bc{ font-size: 13px; line-height: 16px; text-align: center; padding:0px 5px; } .del_ic{ width: 40px; height: 37px; background-size: 33px 33px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%231d6ff7' width='33px' height='33px' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M15.48 12c-.13.004-.255.058-.347.152l-2.638 2.63-1.625-1.62c-.455-.474-1.19.258-.715.712l1.983 1.978c.197.197.517.197.715 0l2.995-2.987c.33-.32.087-.865-.367-.865zM.5 16h3c.277 0 .5.223.5.5s-.223.5-.5.5h-3c-.277 0-.5-.223-.5-.5s.223-.5.5-.5zm0-4h3c.277 0 .5.223.5.5s-.223.5-.5.5h-3c-.277 0-.5-.223-.5-.5s.223-.5.5-.5zm0-4h3c.277 0 .5.223.5.5s-.223.5-.5.5h-3C.223 9 0 8.777 0 8.5S.223 8 .5 8zm24 11c-1.375 0-2.5 1.125-2.5 2.5s1.125 2.5 2.5 2.5 2.5-1.125 2.5-2.5-1.125-2.5-2.5-2.5zm0 1c.834 0 1.5.666 1.5 1.5s-.666 1.5-1.5 1.5-1.5-.666-1.5-1.5.666-1.5 1.5-1.5zm-13-1C10.125 19 9 20.125 9 21.5s1.125 2.5 2.5 2.5 2.5-1.125 2.5-2.5-1.125-2.5-2.5-2.5zm0 1c.834 0 1.5.666 1.5 1.5s-.666 1.5-1.5 1.5-1.5-.666-1.5-1.5.666-1.5 1.5-1.5zm-5-14C5.678 6 5 6.678 5 7.5v11c0 .822.678 1.5 1.5 1.5h2c.676.01.676-1.01 0-1h-2c-.286 0-.5-.214-.5-.5v-11c0-.286.214-.5.5-.5h13c.286 0 .5.214.5.5V19h-5.5c-.66 0-.648 1.01 0 1h7c.66 0 .654-1 0-1H21v-9h4.227L29 15.896V18.5c0 .286-.214.5-.5.5h-1c-.654 0-.654 1 0 1h1c.822 0 1.5-.678 1.5-1.5v-2.75c0-.095-.027-.19-.078-.27l-4-6.25c-.092-.143-.25-.23-.422-.23H21V7.5c0-.822-.678-1.5-1.5-1.5z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); } .product_wrapper .right .open_config_modal:hover { width: 100%; height: 56px; padding: 0 0 0 35px; } .product_card .right .order_button1{ line-height: 56px!important; font-size:17px; height: 56px!important; background-size: 35px auto; } .product_card .right .order_button1:hover{ } .product_card .add2cart{ line-height: 56px!important; font-size:17px; height: 56px!important; background: url(/i/carticon.svg) -5px 0% no-repeat #f7f7f7; border:1px solid #e8e8e8; background-size: 35px auto; background-position: 30% 50%; width: 100%; height: 56px!important; display: block; text-decoration: none; color: #000; border-radius: 6px; line-height: 50px; font-size: 16px; text-align: center; margin: 10px 0 10px 0; box-sizing: border-box; padding: 0 0 0 0px; } .consult_text{ display:none; } .config_txt{ font-size: 15px; line-height: 20px; text-align: center; } .config_txt .open_config_modal{ margin: 15px 0 0px 0!important; } .product_card .right .fast_order_button:hover { width: 100%; height: 56px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 56px; font-size: 16px; border: 1px solid #f8d50f; text-align: center; box-sizing: border-box; padding: 0 0 0 35px; position: relative; top: 0px; right: 0; overflow: hidden; background: url(/i/ico_calc.png) 50px -3px no-repeat #ffda07; background-size: 60px 60px; } .tabs__caption .zamer_zakazat{ display:none; } .product_card .right .zamer_zakazat { margin: 20px auto 20px auto; } .product_card .right .zamer_zakazat { background: url(/i/zamer_icon.png?5) 20px 12px no-repeat #53b44e!important; background-size: 45px auto!important; padding-left: 80px !important; } .fast_order { background: #f7f7f7; width: calc(100% + 30px); position: relative; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); padding: 30px 20px 30px 20px; margin: 20px -15px 0 -15px; border:none; } .tabs { margin: 20px 0 0 0; order:2; } .chars { display: block; padding: 0; width: 100%; float: none; margin: 0 0 0px 0; } .chars:nth-of-type(2) { margin: 0 0 20px 0; } .tabs__caption .active { background: #fff; color: #000; border-color: #d3d3d3; border-width: 1px; } .tabs__caption li:after{ display:none; } .tabs__caption li{ margin: 2px; color: #6b6b6b; border-width: 1px; border-radius: 5px; box-sizing: border-box; } .config_modal .tabs__caption li{ width:auto; } .s_size_bl [type="number"]{ font-size:18px; } .config_modal_inner .result{ height: auto; padding: 30px 20px 31px 20px; } .config_modal_inner .result ul{ text-align: left; } .checkout textarea{ height: 80px; font-family: latoregular; padding: 10px 15px 12px 15px; margin: 15px 0 0 0; font-size: 18px; width: 100%; } .checkout .itogo { font-size: 18px; text-align: center; margin: 15px 0 0 0; } .checkout .sendform_button { width: 100%; height: 56px!important; font-size: 18px; } .checkout .backlink_check{ cursor: pointer; display: inline-block; margin: 25px auto 10px; color: #a2a2a2; } .smallconfirm { font-size:15px; } .config_modal_inner .checkout{ height: auto; } .subcat_names { display: flex; column-gap: 8px; position: relative; flex-wrap: wrap; justify-content: flex-start; align-items: center; z-index: 2; background: none; margin: 0px 0 0px -10px; padding: 5px 1px 8px 12px; width: auto; box-sizing: border-box; overflow-x: visible; } .tabs__content { margin: 10px 0; } .tabs__caption { position: relative; flex-wrap: wrap; } .tc_calc{ padding:30px 10px 30px 12px; box-shadow:none; margin: 10px -12px; } .the_same { order:5; } .the_same h3 { font-family: 'latoblack'; text-align: center; font-size: 24px; line-height: 29px; padding: 40px 0 0px 0; margin: 0; } .get_project_block{ text-align: center; order:3; width: 100%; margin-bottom: 0px!important; height: auto; } .new_project_block_modal b{ font-family:latobold; font-weight:normal; } .get_project_block span { font-weight: normal!important; font-size: 18px; line-height: 30px; font-family: 'latobold'; } .vbox_close{ width: 35px; height: 35px; background: url(../i/close2.svg?v4) center center no-repeat; background-size: 18px 18px; position:fixed; z-index:10000001; right: 10px; top: 10px; cursor:pointer; opacity: 0.8; } .showroom_form .vbox_close{ display:block; opacity: 1; color: invert; -webkit-filter: invert(100%); filter: invert(100%); } .new_project_block_modal .vbox_close{ display:block; } .showroom_modal .vbox_close{ display:block; } .prod_calc_wrapper .vbox_close{ display:block; } .new_project_block{ display:none; } .new_project_block_modal { box-shadow: 0 0 20px rgb(255 255 255 / 50%); background: url(/i/izometrik_3d.webp) 50% 10px no-repeat#f7f7f7; background-size: auto 220px; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); border-radius: 0; padding: 290px 20px 30px 20px; margin: 40px 0 0 0; box-sizing: border-box; height: auto; display: flex; flex-direction: column; order:4; position:fixed; top:45%; left:50%; width:95%; transform: translateX(-50%) translateY(-50%); z-index:300; display:none; z-index:10000001; border-radius: 12px; } .new_project_block_modal .close { display: block; width: 35px; height: 35px; background: url(../i/close2.svg?v4) center center no-repeat; background-size: 18px 18px; position: absolute; right: 0px; top: 0px; cursor: pointer; opacity: 0.6; } .new_project_block_modal .left_npb { text-align: center; padding: 0 0 20px 0; } .new_project_block_modal .left_npb .name { font-size: 20px; line-height: 30px; } .new_project_block_modal .right_npb { box-sizing: border-box; padding: 0; } .calc_project_block_modal { box-shadow: 0 0 20px rgb(255 255 255 / 50%); background: url(/i/izometrik_3d.webp) 50% 10px no-repeat#f7f7f7; background-size: auto 220px; box-shadow: 0 -2px 10px rgb(68 92 130 / 5%), -1px 4px 10px rgb(68 92 130 / 10%), 0 0 2px rgb(68 92 130 / 12%); border-radius: 0; padding: 290px 20px 30px 20px; margin: 40px 0 0 0; box-sizing: border-box; height: auto; display: flex; flex-direction: column; order:4; position:fixed; top:45%; left:50%; width:95%; transform: translateX(-50%) translateY(-50%); z-index:300; display:none; z-index:10000001; border-radius: 12px; } .calc_project_block_modal .close { display: block; width: 35px; height: 35px; background: url(../i/close2.svg?v4) center center no-repeat; background-size: 18px 18px; position: absolute; right: 0px; top: 0px; cursor: pointer; opacity: 0.6; } body .calc_project_block_modal input, body{ font-size: 17px!important; } .calc_project_block_modal textarea{ font-size: 17px!important; line-height: 20px!important; } .calc_project_block_modal .left_npb { text-align: center; padding: 0 0 20px 0; } .calc_project_block_modal .left_npb .name { font-size: 20px; line-height: 30px; } .calc_project_block_modal .right_npb { box-sizing: border-box; padding: 0; } .rassrochka_block { padding: 210px 20px 40px 20px; margin: 40px 0 0 0; height: auto; display: flex; width: 100%; order: 5; text-align: center; background: url(/i/rassrochka_image.webp) 50% 10px no-repeat #fff; background-size: 210px 200px; } .rassrochka_block .left_npb { max-width: none; position: relative; } .rassrochka_block .rassrochka_button { width: 100%; margin: 30px auto 0; } .b24-widget-button-position-bottom-right .b24-widget-button-popup { display:none; } .online_chat_icon{ display:none; } .online_chat_icon_mob{ display:block; margin: 0 auto; height: 40px; width: 150px; border-radius: 5px; background: url(/i/chat_phone_button.jpg) 0 0 no-repeat #1b99f8; background-size: 40px auto; color: #fff; line-height: 40px; box-sizing: border-box; padding: 0 0 0 25px; cursor:pointer; } .event_big_block{ display: flex; flex-wrap: nowrap; align-items: flex-start; flex-direction: column; justify-content: center; width: 100%; margin: 30px 0 0 0; } .left_event{ width: 100%; margin: 0 40px 0 0; background-size: contain!important; height: auto } .left_event img{ width: 100%; height: auto } .right_event{ width: 100%; margin:20px 0 0 0 } .left_event+.right_event{ width: 100%; } .right_event img{ width:95%!important; height:auto!important; margin:0 auto!important; margin-bottom:5px!important; } .project_page h3 { font-family: 'latobold'; text-align: center; font-size: 25px; line-height: 29px; padding: 25px 0 0px 0; margin: 0; } .project_top_page{ text-align:center; padding:10px 0 10px 0; } .quiz .q_step { display: none; min-height: 100px; width: 100%; padding: 25px 0 0 0; } .project_page .text h3 { font-family: 'latobold'; text-align: center; font-size: 18px; line-height: 29px; padding: 25px 0 0px 0; margin: 0; border-top: 1px solid #eaeaea; } .quiz { display: flex; width: 100%; min-height: 510px; } .quiz .q_step_body { display: flex; padding: 30px 0px 0; flex-wrap: wrap; justify-content: space-between; margin: 0 -5px; } .quiz .step_block { background: #f5f5f5; width: auto; flex: 1 1 42%; height: 200px; margin: 0 7px 15px!important; background-size: 200px auto; cursor: pointer; border-radius: 5px; background-size: cover!important; } .quiz .step_block .sb_name { position: relative; text-align: center; height: 80px; width: 100%; color: #fff; font-family: 'latobold'; top: 120px; line-height: normal; z-index: 2; background: rgb(248,248,248); background: linear-gradient(180deg, rgba(248,248,248,0) 0%, rgba(0,0,0,0.65) 100%); box-sizing: border-box; padding: 0 15px; display: flex; border-radius: 0 0 5px 5px; justify-content: center; align-items: center; } .quiz .another{ background:#f5f5f5; } .quiz .another .sb_name{ background: none; height: 200px; line-height: normal; top: 0; color: #000; margin: 0px auto 0 auto; display: flex; align-items: center; text-align: center; justify-content: space-around; } .quiz .wleft { display: flex; width: 100%; align-items: center; padding: 0; align-content: center; flex-direction: row; flex-wrap: wrap; } .quiz .wright { display: flex; width: 100%; flex-direction: column; align-items: center; align-content: center; justify-content: flex-start; text-align: center; margin: 10px; border-top: 1px solid #e8e8e8; padding: 20px 0 30px 0; } .quiz .wleft .one_way { display: block; border-radius: 5px; width: auto; height: 50px; line-height: normal; margin: 0px 5px 20px; box-sizing: border-box; padding: 0 15px 0 15px; background: #f5f5f5; cursor: pointer; flex: 1 1 42%; white-space: nowrap; } .quiz .form [type="text"]::placeholder { font-size: 20px; } .quiz .form b { font-weight:normal; font-family:"latobold"; } .quiz .form [type="text"] { font-size: 20px; } .lbox_inner { overflow-y: scroll; overflow-x: hidden; text-align: center; width: 100%; height: 100%; padding: 50px 10px; display: flex; box-sizing: border-box; flex-direction: column; align-items: center; } .lbox_inner img { max-width: 100%; margin: 20px; } .lbox_close { width: 35px; height: 35px; background: url(../i/close2.svg?v4) center center no-repeat; background-size: 18px 18px; position: fixed; z-index: 10000001; right: 20px; top: 20px; cursor: pointer; opacity: 0.8; } #calc_scrollto_prod{ top: -0px; position: relative; } .event_block{ margin-bottom: 30px ; } .event_block .rblock { width: 100%; height: auto; float: none; margin: 0 0 0 0px; display: flex; justify-content: flex-start; flex-direction: column; } .event_block .rblock .action { display: table; text-decoration: none; width: 100%; } .about_block { background: #fff; width: 100%; padding-bottom: 40px; } .event_line { display: block; height:0px; } .bg_send_page { background: url(../i/3d-get-project.jpg?v2) no-repeat; background-position: 50% 100px; padding: 20px 0 0 0; background-size: 300px; } .bg_send_page .text { padding: 20px 0 30px 0; font-size: 15px; line-height: 22px; margin-top: 250px; text-align:center; } .bg_send_page .text h4 { text-align:center; } .send_variants { border: 1px dashed #c2c2c2; box-sizing: border-box; padding: 30px 30px 20px 30px; display: block; margin: 0px 0 40px 0; width: 100%; text-align: center; } .script_scheme{ display:block; } .palettes { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0 30px 0; flex-direction: column; } .palettes .one_palette{ width: 100%; padding:0 0 30px 0; height:auto; overflow:hidden; margin: 0 0; } .palettes .x2{ width: 100%; padding:0 0 30px 0; height:220px; overflow:hidden; } #colch{ transform: rotate(90deg) scale(0.62, 0.62); width:700px; } .output:before{ content:"Переверните устройство для использования виджета"; font-size:16px; padding:20px 0; text-align:center; display:block; font-family:latobold; color: #000; background: #fff; } .output{ height: 720px; display: flex; flex-direction: column; justify-content: center; background: none; align-items: center; background: #fff; } .showroom_text { display: flex; flex-direction: column; } .showroom_form { width: auto; } .st_left { padding: 10px 0px 20px 0; position: relative; width:100%; order:3; } .st_right { width: 100%; order: 1; top: 0; position: relative; right: 0; padding: 10px 0px 20px 0; } .sh_adress { margin: 30px 0 20px; border: 1px dashed #acacac; padding: 20px; border-radius: 10px; } .sh_adress b { font-size: 17px; } .contacts_map_showroom{ height: 450px; margin: 40px 0 40px; border-radius: 10px; overflow: hidden; width: 100%; order: 2; } .showroom_form { width: auto; } .showroom_form .form [type="text"],.showroom_form .form [type="tel"]{ width:100%; border-radius:0px; text-align:center; font-size: 18px; } .showroom_form .form .datetimelocal{ width:100%; text-align:center; } .showroom_form .form [type="submit"]{ font-weight:normal; width:100%; } .bg_showroom_page h1 { font-family: 'latobold', roboto, arial!important; text-align: center; font-size: 25px; line-height: 29px; padding: 25px 0 0px 0; margin: 0; } .bg_showroom_page h2 { font-size: 18px; line-height: 25px; padding: 0 30px; text-align: center; } body .modal_calculate{ width: 98%; padding: 40px 25px 40px 25px; max-height:98%; overflow-y:scroll; } body .modal_calculate .flexible { height: auto; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .calc_block .step2 label { width: calc(50% - 20px); height: auto; margin: 0 10px 50px 10px; display: block; float: left; background-size: cover!important; background-position: 50%!important; background-repeat: no-repeat!important; border-radius: 8px; } .calc_block .step2 label:after { content: ""; padding-top: 55%; display: block; } .calc_block .step2 label span { height: 30px; top: 108%; border-radius: 0; } .calc_block .step3 label, .calc_block .step4 label { width: calc(50% - 20px); height: auto; margin: 0 10px 50px 10px; display: block; float: left; background-size: cover!important; background-position: 0 0!important; background-repeat: no-repeat!important; border-radius: 8px; } .calc_block .step3 label:after, .calc_block .step4 label:after { content: ""; padding-top: 80%; display: block; } .calc_block .step3 label span, .calc_block .step4 label span { height: 30px; top: 108%; border-radius: 0; } .about_block h3{ text-align: center; } .modal_calculate form { margin:0; } .modal_calculate [type="submit"]:hover { width: 300px; height: 56px; font-size: 17px; } .modal_calculate .calc_block .next_step { margin: 0px auto; } .calc_block .step6 .right_end_block { width: 100%; float: left; height: auto!important; margin: 0px 0 0 0; box-sizing: border-box; padding: 10px 0 0 0; font-size: 40px; line-height: 50px; text-align: center; } .calc_block .send_calc { margin: 10px auto 0px auto; } .modal_calculate .calc_name { font-size: 22px; line-height: 29px; font-weight:normal } .config_modal { z-index: 100000000; width: 100%; height: 100%; background: #fff; position: fixed; left: 50%; top: 0%; margin-left: 0; margin-top: 0; transform: translateY(0%) translateX(-50%); border-radius: 0; box-sizing: border-box; padding: 40px 15px; text-align: center; overflow: scroll; } .subcat_names .subcat_name { display: flex; padding: 8px; background: #f0f0f0; border-radius: 5px; border: 1px solid #e8e8e8; background: #f7f7f7; margin: 0 0px 10px 0; cursor: pointer; max-width: min-content; min-width: 84px; text-align: center; align-items: center; justify-content: center; } .config_modal .config_modal_inner .right .tabs__content.active{ height: auto; } .subcat_items_block.active { height: auto; } .subcat_items_block.active{ overflow-y: visible; } .config_modal .config_modal_inner .right .tabs__content label .label_inner { line-height: 18px; } .config_modal .config_modal_inner .right .tabs__content label .label_inner [type="number"]{ font-size: 18px; } .config_modal .config_modal_inner .right .tabs__content label .opt_price{ margin: 0 0 3px 0; } .config_modal .config_modal_inner .right .tabs__content label { display: block; width: 38vw; width:calc(33% - 10px); margin: 0 16px 20px 0; position: relative; aspect-ratio: 9/11; } .tabs__content label:nth-of-type(5n) { margin-right: 16px; } .config_modal .config_modal_inner .right .tabs__content label:nth-of-type(3n) { margin-right:0px!important; } body .config_modal .config_modal_inner .right .tabs__content label:nth-of-type(5n) { margin-right:16px } .config_modal .config_modal_inner .right .tabs{ max-height:none; } .config_modal .config_modal_inner .right .tabs__content .opt_image { width: 100%; height: auto; aspect-ratio: 9/9; background-size:contain!important; } .order_block{ display: block; max-height: none; padding: 20px 25px; border-radius: 5px; width: auto; display: block; margin: 5px 0 20px 0; box-sizing: border-box; background: #fafafa; border: 1px solid #e5e5e5; } .order_block .nameprice_block .price { font-size: 20px; line-height: 20px; display: block; width: 100%; text-align: left; font-family: 'latobold', roboto, arial; } .order_block .nameprice_block { float: none; background: url(/i/cart0.png) -5px 0% no-repeat; background-size: 40px auto; box-sizing: border-box; padding: 0 0 0 60px; } .order_block .order_button { background: #ffe345; width: 280px; height: 50px; display: block; text-decoration: none; color: #000; border-radius: 5px; line-height: 50px; font-size: 16px; text-align: center; margin: 20px auto 20px auto; box-sizing: border-box; padding: 0 0 0 0px; float: none; } .config_modal .config_modal_inner .right .tabs__content label:nth-of-type(5n){ margin-right: 16px; } .rdiv [type="range"] { width: 92%; } .config_modal .config_modal_inner .left .cath4{ display: none; } .config_modal .config_modal_inner .left .nameprice_block .cath4{ display: block; } .config_modal_inner .left.blocked .s_size_bl { display: none; } .config_modal_inner{ display: block; } .config_modal .config_modal_inner .left { width: 100%; margin: 7px 0 0 0; } .config_modal .config_modal_inner .right { box-sizing: border-box; width: 100%; padding: 0 0 0 30px; } .config_modal .config_modal_inner .left .prod_img{ display: none; } .the_same .prod_img{ height:auto; } .config_modal .config_modal_inner img { height: auto; width: 100%; margin: 0 auto; } .range_div span { margin: 0; position: absolute!important; top: 30px!important; font-size: 14px; color: #777; } .range_div span:nth-of-type(1) { left: 0; } .range_div2 span { margin: 0; position: absolute!important; top: 30px!important; font-size: 14px; color: #777; } .range_div2 span:nth-of-type(1) { left: 0; } .range_div3 span { margin: 0; position: absolute!important; top: 30px!important; font-size: 14px; color: #777; } .range_div3 span:nth-of-type(1) { left: 0; } .range_div3 span:nth-of-type(2) { right: 0; } .rdiv { display: block; margin: 0px 0 20px 0; padding: 0 0 20px 0; border-bottom: none; position: relative; } .config_modal .config_modal_inner .right .tabs__content.active { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; height: auto; padding: 10px 12px; } .config_modal .config_modal_inner .right { box-sizing: border-box; width: 100%; padding: 0; } .wrapper .cat_block_mebel_na_zakaz .lblock .cat{ width: calc(50% - 10px)!important; height: 230px!important; outline: 0; margin: 10px 0 10px 0px; } .wrapper .cat_block_mebel_na_zakaz .lblock .cat_kuh{ width: 100%!important; } .mnz_wrapper .wrapper{ flex-wrap: wrap; flex-direction: column; } .mnz_wrapper .l_bl{ width:100%; height: 200px; } .mnz_wrapper .l_bl.kit { background: url(/i/calc_kitchen_1.jpg?v2) center center no-repeat; background-size: contain; margin:20px 0 0 0; } .mnz_wrapper .r_bl { width: 100%; box-sizing: border-box; } .mnz_wrapper .r_bl .rbl_inner{ padding: 0 0 0px 20px; } .mnz_wrapper .r_bl.kit { padding: 0 0 50px 0px; } .mnz_wrapper .r_bl h2 { font-size: 40px; font-weight: normal!important; font-family: 'latobold', roboto, arial; margin: 30px 0 10px; text-align: center; } .mnz_wrapper .l_bl.shkaf { background-size: contain; margin:30px 0 0 0; } .mnz_wrapper .r_bl span { font-size: 22px; line-height: 28px; text-align: center; display: block; } .mnz_wrapper .r_bl.kit .buttons .one_b:nth-child(1){ background-size: 65px 65px; } .mnz_wrapper .r_bl.kit .buttons .one_b:nth-child(2){ background-size: 65px 65px; } .mnz_wrapper .r_bl.kit .buttons .one_b:nth-child(3){ background-size: 65px 65px; } .mnz_wrapper .r_bl.kit .buttons .one_b:nth-child(4){ background-size: 50px 50px; background-position: 10px 50%; } .mnz_wrapper .r_bl.kit .buttons .one_b{ width: calc(50% - 5px); padding: 0 5px 0 65px; font-size: 15px; border: 2px solid #ddd; } .mnz_wrapper .r_bl .buttons{ width: 100%; display: flex; column-gap: 10px; row-gap: 10px; flex-wrap: wrap; box-sizing: border-box; margin: 20px 0px 0 0px; justify-content: space-between; } .mnz_wrapper .r_bl .get_project { padding: 0px 0 50px 0; } .mnz_wrapper .r_bl .get_project { flex-direction: column; } .mnz_wrapper .r_bl .get_project [type="text"], .mnz_wrapper .r_bl .get_project [type="tel"]{ width: 80%; margin:10px auto; } .mnz_wrapper .r_bl .get_project [type="submit"]{ width: 80%; margin:10px auto; } .steps_work { flex-wrap: wrap; column-gap: 0px; } .steps_work .step_w{ width: 33%; } .steps_work .step_w:nth-child(4) { width: 50%; } .steps_work .step_w:nth-child(5) { width: 50%; } .steps_work .step_w .step_n{ height: 80px; line-height: 80px; } .steps_work .step_w:after { right: -10px; top: 30px; } .steps_work .step_w .step_name { font-size: 16px; } .projects_slider{ padding: 0 0px 35px 0px; height: auto; max-height:90vh; } .projects_slider .one_project img{ height: auto; width: 100%; object-fit: cover; height:50vh; } .projects_slider .slick-dots li{ width:8px; } .projects_slider .one_project .text { margin: 15px 0 0px 0; } .projects_slider .one_project{ margin: 10px 10px 10px 10px; } .mnz_wrapper h3{ font-size: 28px; line-height: 33px; padding: 30px 0 20px 0; } .steps_work .step_w .step_text { text-align: center; line-height: 22px; font-size: 15px; box-sizing: border-box; padding:0 5px } .modal_project .project_blocks{ flex-direction: column; } .modal_project .photo_project{ width: 100%; height: auto; } .modal_project .photo_project img { width: 100%; height: 40vh; object-fit: cover; border-radius: 8px; } .modal_project .text_project { width: 100%; height: auto; box-sizing: border-box; padding: 30px 0 0 0; font-size: 17px; line-height: 25px; display: block; } .modal_project .order_proj_block { width: 100%; height: auto; box-sizing: border-box; padding: 30px 0 0 0; font-size: 17px; line-height: 25px; display: none; } } @media screen and (max-width: 767px) and (orientation:landscape) { .output:before{ display:none; } .output { height: 220px; } #colch { transform: rotate(0deg) scale(0.3, 0.3); height:720px!important; margin-top: -250px!important } .top .top_wrapper .phone { display:none; } .head{ display:none; } }@media screen and (max-height: 900px) and (orientation: landscape) { .head { height: 60px; } .wr { width: 100%; box-sizing: border-box; overflow: hidden; position: relative; padding: 98px 0 0 0; } .calculate_button { margin: 20px auto 0 auto; } .head .head_wrapper { width: 1170px; margin: 0 auto; height: 60px; } .head .head_wrapper .logo { width: 300px; height: 60px; background: url(../i/vitalogo_60.png) center center no-repeat; background-size: auto 50px; } .product_card .left a { overflow:hidden; display:flex; align-items: flex-end; } .product_card .left img { } .head .head_wrapper .top_menu { width:calc(100% - 300px); float: right; margin-top: 18px; font-size: 14px; } .flexible { height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; } .tc_calc .calc_block .step6 .left_end_block { width: 40%; float: left; height: 300px; background-image: url(/i/surprizes.jpg?v6); margin: 0px 0 0 0; background-size: 600px auto; background-repeat: no-repeat; background-position: center center; } .calc_block .step1 label:hover{ } .calc_block .next_step { margin: 30px auto 20px auto; } .calc_page h1 { padding: 30px 0 0px 0; font-size: 27px; line-height: 29px; } .calc_block .step_name { margin: 5px 0 40px 0; } .mp_calculate { padding: 0 0 20px 0; } .calc_block .step6 b { display: block; font-family: latoblack; font-size: 24px; line-height: 35px; margin: 0 0 0px 0; color: #353535; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1220px) and (orientation: landscape) { body{ width:1210px; } .wr { overflow: visible; } .about { background: #f7f7f7; width: 1170px; height: 775px; overflow: hidden; position: relative; } .about .rightdum { margin-left: -330px; } .footer .wrapper { color: #fff; text-align: left; padding: 35px 20px 20px 20px; box-sizing: border-box; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1100px) and (orientation: portrait) { body{ width:1100px; } .wr { overflow: visible; } .about { background: #f7f7f7; width: 1100px; height: 775px; overflow: hidden; position: relative; } .about .rightdum { margin-left: -330px; } .footer .wrapper { color: #fff; text-align: left; padding: 35px 20px 20px 20px; box-sizing: border-box; } }