@media screen and (min-width: 600px) and (max-width: 720px) {
.general_wrap_razdel{
width: 100%;
}
/*Начало оформления нового ноябрь 2022 страницы разделов товара*/
/*Начало оформления тестового представления в виде прайса*/
.table_div_price{
max-width: 1919px;
min-height: 260px;
margin-right: auto;
position: relative;
margin-left: auto;
margin-bottom: 20px;
background-color: rgba(241, 240, 234, 1);
background-color: rgba(248, 248, 248, 1);
border-radius: 4px;
padding-left: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.inn_table_div_price{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
padding-top: 15px;
padding-bottom: 15px;
}
.item_block_price_table{
max-width:1919px;
min-height: 160px;
position: relative;
margin: 0px;
padding: 0px;
margin-bottom: 7px;
background-color: rgba(234, 229, 221, 1);
-webkit-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
-moz-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
}
.inn_item_block_price_table{
width: 100%;
min-height: 160px;
position: relative;
margin: 0px;
padding: 0px;
padding-top: 35px;
}
img.img_price_table{
position: absolute;
bottom: 5px;
left: 10%;
transform: translateX(-70px);
width: 141px;
height: 60px;
display: none;
}
.h_item_block_price_table{
width: 100%;
min-height: 20px;
display: inline-block;
text-align: left;
vertical-align: middle;
font-size: 13px;
line-height: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: rgba(48, 48, 48, 1);
padding-left:5px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 5px;
position: absolute;
top: 5px;
left: 10px;
}
.item_item_block_price{
width: 100%;
min-height: 80px;
position: relative;
margin: 0px;
padding: 0px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
overflow: hidden;
margin-left: 0px;
}
.inner_block_item_item{
width: calc(1/7*100% - 1px);
min-height: 40px;
position: relative;
margin: 0px;
}
.item_top_inner_block{
width: 100%;
height: 50%;
position: relative;
margin: 0px;
padding-left: 3px;
padding-right: 3px;
display: inline-block;
text-align: center;
vertical-align: middle;
padding-top: 15px;
padding-bottom: 10px;
font-size: 10px;
font-weight: 600;
font-family: "Roboto Condensed Light", sans-serif;
line-height: 12px;
background-color: rgba(218, 209, 193, 1);
color: rgba(33, 38, 48, 1);
color: rgba(184,118, 29, 1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.item_bottom_inner_block{
width: 100%;
height: 50%;
position: relative;
margin: 0px;
padding-left: 5px;
padding-right: 5px;
display: inline-block;
text-align: center;
vertical-align: middle;
padding-top: 5px;
font-size: 11px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
line-height: 13px;
background-color: rgba(225,216, 199, 1);
}
/*Начало оформления блока цены*/
.price_price_block_item{
width: 180px;
height: 30px;
position: absolute;
right: 85%;
transform: translateX(90px);
top: 122px;
}
.inn_price_price_block_item{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align:top;
font-size: 13px;
line-height: 30px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: rgba(248, 148, 6, 1);
color: rgba(10, 10, 10, 1);
}
.inn_price_price_block_item span{
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 14px;
line-height:30px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: rgba(248, 148, 6, 1);
color: rgba(10, 10, 10, 1);
padding-bottom: 1px;
}
.inn_price_price_block_item:after{
position: absolute;
bottom: 5px;
left: 20%;
content: "";
width: 60%;
height: 3px;
content: "";
background: linear-gradient(to right, rgba(248, 148, 6, 0.1) 0%,rgba(248, 148, 6,0.7) 50%, rgba(248, 148, 6, 0.1) 100% );
z-index: 2;
}
/*Конец оформления блока цены*/
/*Начало оформления блока позвоните нам и блика*/
.wrap_out_call_or_btn{
width: 360px;
height: 40px;
position: absolute;
top: 120px;
right: 5px;
z-index: 2;
}
.inn_wrap_call_or_btn{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
}
a.podrobnee_price,
.btn_block_price{
width: 48%;
background-color: rgba(248, 148, 6, 0.95);
background-color: rgba(184,118, 29, 1);
color: rgba(48, 48, 48, 1);
border-radius: 6px;
}
a.podrobnee_price{
bottom: 5px;
background-color: transparent;
}
.btn_block_price{
}
.btn_block_price:hover{
background-color: rgba(226, 140, 18, 1);
color: rgba(0, 0, 0, 1);
transform: scale(0.99);
transition-duration: 350ms;
}
.btn_block_price:active{
background-color: rgba(226, 140, 18, 1);
color: rgba(0, 0, 0, 1);
transform: scale(0.89);
transition-duration: 350ms;
}
a.podrobnee_price:hover{
background-color: rgba(248, 148, 6, 0.85);
transition-duration: 350ms;
transform: scale(0.99);
color: rgba(0, 0, 0, 1);
}
a.podrobnee_price:active{
background-color: rgba(226, 140, 18, 1);
color: rgba(0, 0, 0, 1);
transform: scale(0.89);
transition-duration: 350ms;
}
a.podrobnee_price:hover .inn_blick_price{
background-color: rgba(248, 148, 6, 0.85);
transition-duration: 350ms;
transform: scale(0.99);
color: rgba(0, 0, 0, 1);
}
a.podrobnee_pric:active .inn_blick_price{
background-color: rgba(226, 140, 18, 1);
color: rgba(0, 0, 0, 1);
transform: scale(0.89);
transition-duration: 350ms;
}
a.podrobnee_pric:active .inn_blick_price{
color: rgba(248, 148, 6, 1);
}
.inn_blick_price{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 12px;
font-weight: 300;
line-height: 28px;
font-family: "0pen Sans", sans-serif;
color: rgba(248, 148, 6, 1);
text-decoration: none;
cursor:pointer;
border-radius: 6px;
}
.btn_block_price .inn_blick_price{
background-color: rgba(248, 148, 6, 0.95);
background-color: rgba(184,118, 29, 1);
color: rgba(48, 48, 48, 1);
border-radius: 6px;
}
a.podrobnee_price .inn_blick_price{
color: rgba(48, 48, 48, 1);
}
/*Начало оформления блика*/
.inn_blick_price{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
overflow: hidden;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 12px;
font-weight: 300;
line-height: 28px;
font-family: "Roboto", sans-serif;
color: rgba(248, 148, 6, 1);
color: rgba(10, 10, 10, 1);
text-decoration: none;
cursor:pointer;
letter-spacing: 1px;
}
.inn_blick_price:after{
opacity: 0.5;
filter: blur;
content: "";
width: 100%;
height: 200%;
position: absolute;
top: 0px;
left: 0px;
background-color: rgba(255, 255, 255, 1);
background: linear-gradient(to left, transparent 0%, rgba(255, 255, 255, 1) 40%,rgba(255, 255, 255, 1) 60%,rgba(255, 255, 255, 0) 100% );
transform: translate(-100%, -25%);
transition: transform 0.75s;
}
.inn_blick_price:hover:after{
animation: blick 5s infinite;
}
@keyframes blick{
0%{
transform: translate(-100%, -25%) rotate(10deg);
}
10%{
transform: translate(100%, -25%) rotate(10deg);
}
100%{
transform: translate(100%, -25%) rotate(10deg);
}
}
/*Начало оформления блока товара в виде списка*/
.table_div_price.list_price{
width: 100%;
min-height: 600px;
}
.table_div_price.list_price .item_block_price_table{
width: 100%;
height: 590px;
}
.table_div_price.list_price img.img_price_table{
position: absolute;
bottom: 300px;
left: 0px;
width: 100%;
height: 290px;
display: block;
margin-right: 0px;
transform: translateX(0px);
}
.table_div_price.list_price .h_item_block_price_table {
width: 100%;
min-height: 26px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 14px;
line-height: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: rgba(48, 48, 48, 1);
padding-left:10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 5px;
position: absolute;
top: 295px;
left: 0%;
}
div.table_div_price.list_price .item_item_block_price{
width:100%;
min-height: 65px;
margin: 0px;
padding: 0px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
overflow: hidden;
margin-left: 0px;
position: absolute;
top: 336px;
left:0%;
right: 0px;
transform: translate(0px);
margin:0px;
}
div.table_div_price.list_price .inner_block_item_item{
width: calc(1/5*100% - 1px);
min-height: 30px;
position: relative;
margin: 0px;
margin-bottom: 4px;
}
div.table_div_price.list_price .inner_block_item_item:nth-child(6),
div.table_div_price.list_price .inner_block_item_item:nth-child(7){
width: calc(1/5*100% - 1px);
}
div.table_div_price.list_price .inner_block_item_item:nth-child(1),
div.table_div_price.list_price .inner_block_item_item:nth-child(2){
margin-bottom: 4px;
width: calc(1/2*100% - 1px);
}
div.table_div_price.list_price .item_top_inner_block{
width: 100%;
height: 50%;
position: relative;
margin: 0px;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
text-align: center;
vertical-align: middle;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
font-weight: 600;
font-family: "Roboto Condensed Light", sans-serif;
line-height: 14px;
background-color: rgba(218, 209, 193, 1);
color: rgba(33, 38, 48, 1);
color: rgba(184,118, 29, 1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.table_div_price.list_price .item_bottom_inner_block{
width: 100%;
height: 50%;
position: relative;
margin: 0px;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
text-align: center;
vertical-align: middle;
padding-top: 12px;
font-size: 12px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
line-height: 16px;
background-color: rgba(225,216, 199, 1);
}
.table_div_price.list_price .wrap_out_call_or_btn{
width: 80%;
height: 35px;
position: absolute;
top:550px;
right:10%;
}
.table_div_price.list_price .price_price_block_item{
width: 100%;
height: 35px;
left: 0%;
transform: translate(0px);
position: absolute;
right: 0%;
top: 495px;
}
.table_div_price.list_price .inn_price_price_block_item span{
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 16px;
line-height: 36x;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: rgba(248, 148, 6, 1);
color: rgba(10, 10, 10, 1);
padding-bottom: 0px;
}
.table_div_price.list_price .inn_price_price_block_item:after{
position: absolute;
bottom: 0px;
left: 20%;
content: "";
width: 60%;
height: 3px;
content: "";
background: linear-gradient(to right, rgba(248, 148, 6, 0.1) 0%,rgba(248, 148, 6,0.7) 50%, rgba(248, 148, 6, 0.1) 100% );
z-index: 2;
}
.table_div_price.list_price a.podrobnee_price,
.table_div_price.list_price .btn_block_price{
width: 48%;
height: 35px;
position: absolute;
display: inline-block;
border-radius: 6px;
}
.table_div_price.list_price a.podrobnee_price{
bottom:5px;
right: 1%;
border: 1px solid rgba(248, 148, 6, 0.95);
border: 1px solid rgba(184,118, 29, 1);
color: rgba(10, 10, 10, 1);
transition-duration: 350ms;
left: 1%;
}
.table_div_price.list_price .btn_block_price{
bottom: 5px;
right:1%;
background-color: rgba(248, 148, 6, 0.95);
background-color: rgba(184,118, 29, 1);
color: rgba(48, 48, 48, 1);
border-radius: 6px;
}
.table_div_price.list_price .inn_blick_price{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 14px;
font-weight: 300;
line-height: 35px;
font-family: "0pen Sans", sans-serif;
color: rgba(248, 148, 6, 1);
text-decoration: none;
cursor:pointer;
border-radius: 6px;
}
/*Начало оформления тестового представления в виде плитки*/
.table_div_price.plitka_price{
max-width: 1920px;
min-height: 650px;
width: 100%;
}
.table_div_price.plitka_price img.img_price_table{
position: absolute;
bottom: 465px;
left: 0px;
width: 100%;
height: 162px;
}
.table_div_price.plitka_price .h_item_block_price_table {
width:100%;
min-height: 36px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 13px;
line-height: 15px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: rgba(48, 48, 48, 1);
padding-left:20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 5px;
position: absolute;
top: 170px;
left: 0px;
}
.table_div_price.plitka_price .item_block_price_table{
max-width:1920px;
width: calc(1/3*100% - 3px);
min-height: 630px;
height: 630px;
position: relative;
margin: 0px;
padding: 0px;
margin-bottom: 15px;
background-color: rgba(234, 229, 221, 1);
-webkit-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
-moz-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
overflow: hidden;
}
.table_div_price.plitka_price .price_price_block_item{
width:100%;
height: 45px;
position: absolute;
right:0px;
top: 480px;
left: 0px;
transform: translate(0px);
}
.table_div_price.plitka_price .inn_price_price_block_item{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 14px;
line-height: 45px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: rgba(248, 148, 6, 1);
color: rgba(10, 10, 10, 1);
}
.table_div_price.plitka_price .inn_price_price_block_item span{
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 14px;
line-height: 45px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: rgba(248, 148, 6, 1);
color: rgba(10, 10, 10, 1);
padding-bottom: 0px;
}
.table_div_price.plitka_price .inn_price_price_block_item:after{
position: absolute;
bottom: 8px;
left: 20%;
content: "";
width: 60%;
height: 3px;
content: "";
background: linear-gradient(to right, rgba(248, 148, 6, 0.1) 0%,rgba(248, 148, 6,0.7) 50%, rgba(248, 148, 6, 0.1) 100% );
z-index: 2;
}
/*Конец оформления тестового представления в виде плитки*/
/*Конец оформления нового ноябрь 2022 страницы разделов товара*/
/*Начало оформления блока с фильтрами*/
.wrap_item_type_view_inner_katalog{
width: 250px;
min-height:35px;
padding: 0px;
margin: 0px;
position: relative;
margin-bottom: 5px;
display: inline-block;
}
.item_type_view_inner_katalog{
width: 100%;
min-height: 25px;
position: relative;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
border-radius: 6px;
margin-left: 8px;
}
.item_type_view_inner_inner_katalog{
display: inline-block;
width: 250px;
min-height: 35px;
font-size: 13px;
position: relative;
cursor: pointer;
transition-duration: 450ms;
margin-bottom: 0px;
color: rgba(248, 148, 6, 1);
border-radius: 6px;
}
.h_item_type_view_inner_inner_katalog{
display: inline-block;
text-align: left;
vertical-align: bottom;
width: 210px;
min-height: 25px;
font-size: 11px;
line-height: 12px;
color: white;
font-family: "Open Sans", sans-serif;
font-weight: 500;
padding-left: 10px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
cursor: pointer;
transition-duration: 450ms;
color: rgba(248, 148, 6, 1);
border-radius: 3px;
}
/*Начало оформления стрелок на блоке навигации страницы*/
.view_type_inner{
width: 98%;
border-bottom: 2px solid rgba(248, 148, 6, 1);
display: inline-block;
text-align: left;
vertical-align: bottom;
position: relative;
overflow: hidden;
margin-left: 1%;
margin-right: 1%;
color: rgba(40, 40, 40, 1);
font-family: "Open Sans", sans-serif;
margin-bottom: 5px;
}
.part_left_container_goods_inner_razdel{
width: 100%;
min-height: 100px;
position: relative;
float: right;
margin: 0px;
padding: 0px;
}
h2.h2_inner_item_razdel{
width: 100%;
min-height: 48px;
position: relative;
margin: 0px;
padding: 0px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 20px;
font-family: "Roboto", sans-serif;
font-weight: 600;
font-size: 21px;
line-height: 23px;
color: rgba(3, 3, 3, 1);
display: inline-block;
text-align: left;
vertical-align: middle;
padding-bottom: 10px;
}
h2.h2_inner_item_razdel a{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
font-family: "Roboto", sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: rgba(3, 3, 3, 1);
display: inline-block;
text-align: left;
vertical-align: middle;
text-decoration: none;
}
h2.h2_inner_item_razdel:after{
content: "";
position: absolute;
display: block;
width: calc(100% - 30px);
height: 2px;
bottom: 0px;
left: 15px;
background: linear-gradient(to right, rgba(48, 48, 6, 0.90) 0%,rgba(48, 48, 6,0.95) 50%, rgba(48, 48, 6, 0.75) 100% );
z-index: 2;
display: none;
}
.part_right_container_goods_inner_razdel{
width: calc(100% - 0px);
min-height: 100vh;
position: relative;
float: left;
margin: 0px;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
}
.fixed_container_page_menu{
width: 100%;
min-height: 90px;
position:absolute;
top: 0px;
right: 0px;
}
.fixed_container_page_menu.anim_active_fixed_none{
width: 100%;
position: fixed;
top: 0px;
right: 0px;
}
.item_type_view_inner{
display: inline-block;
text-align: center;
vertical-align: bottom;
font-size: 14px;
line-height: 20px;
color: white;
font-family: "Open Sans", sans-serif;
font-weight: 500;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 2px;
background-color: rgba(0, 0, 0, 0.2);
background-color: rgba(43, 46, 53, 1);
position: relative;
cursor: pointer;
transition-duration: 450ms;
margin-bottom: 5px;
border-radius: 3px;
color: rgba(248, 148, 6, 1);
}
.container_goods_inner_razdel.anim_active_fixed .part_left_container_goods_inner_razdel{
z-index: 30000;
}
.container_goods_inner_razdel.anim_active_fixed .fixed_container_page_menu{
width: 100%;
min-height: 50px;
position: fixed;
top: 0px;
right: 0px;
background-color: black;
min-height: 10px;
background-color: rgba(251, 251, 251, 1);
background-color: rgba(10, 10, 10, 1);
}
.out_container_nav_page{
width: 585px;
min-height: 50px;
position: relative;
margin: 0px;
padding: 0px;
position: absolute;
top: 42px;
left: 15px;
z-index: 1;
border-radius: 3px;
background-color: rgba(43, 46, 53, 1);
padding-top: 15px;
}
h2.h2_inner_item_razdel{
width: 100%;
min-height: 48px;
position: relative;
margin: 0px;
padding: 0px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 20px;
font-family: "Roboto", sans-serif;
font-weight: 600;
font-size: 21px;
line-height: 23px;
color: rgba(3, 3, 3, 1);
display: inline-block;
text-align: left;
vertical-align: middle;
padding-bottom: 10px;
}
h2.h2_inner_item_razdel a{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
font-family: "Roboto", sans-serif;
font-weight: 600;
font-size: 26px;
line-height: 30px;
color: rgba(3, 3, 3, 1);
display: inline-block;
text-align: left;
vertical-align: middle;
text-decoration: none;
}
h2.h2_inner_item_razdel:after{
content: "";
position: absolute;
display: block;
width: calc(100% - 30px);
height: 2px;
bottom: 0px;
left: 15px;
background: linear-gradient(to right, rgba(48, 48, 6, 0.90) 0%,rgba(48, 48, 6,0.95) 50%, rgba(48, 48, 6, 0.75) 100% );
z-index: 2;
}
.part_right_container_goods_inner_razdel{
width: calc(100% - 0px);
min-height: 100vh;
position: relative;
float: left;
margin: 0px;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
}
.fixed_container_page_menu{
width: 100%;
position:absolute;
top: 0px;
right: 0px;
}
.fixed_container_page_menu.anim_active_fixed_none{
width: 100%;
height: 300px;
position: fixed;
top: 0px;
right: 0px;
}
.item_type_view_inner{
display: inline-block;
text-align: center;
vertical-align: bottom;
font-size: 14px;
line-height: 20px;
color: white;
font-family: "Open Sans", sans-serif;
font-weight: 500;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 2px;
background-color: rgba(0, 0, 0, 0.2);
background-color: rgba(43, 46, 53, 1);
position: relative;
cursor: pointer;
transition-duration: 450ms;
margin-bottom: 5px;
border-radius: 3px;
color: rgba(248, 148, 6, 1);
}
.container_goods_inner_razdel.anim_active_fixed .part_left_container_goods_inner_razdel{
z-index: 30000;
}
.container_goods_inner_razdel.anim_active_fixed .fixed_container_page_menu{
width: 100%;
min-height: 35px;
position: fixed;
top: 0px;
right: 0px;
background-color: black;
min-height: 10px;
background-color: rgba(251, 251, 251, 1);
}
a.item_nav_page_inner{
width: 24%;
min-height: 36px;
position: relative;
margin-bottom: 8px;
padding-right: 8px;
padding-left: 8px;
display: inline-block;
text-align: left;
vertical-align: middle;
font-family: "Roboto", sans-serif;
font-weight: 300;
font-size: 11px;
line-height: 12px;
color: rgba(48, 48, 48, 1);
color: white;
text-decoration: none;
text-decoration: underline;
text-decoration-color: rgba(33, 33, 33, 1);
}
/*Начало оформления нового представления товара в разделе*/
.item_goods_inner_razdel.item_view_plitka{
width: calc(1/3*100% - 5px);
height: 670px;
display: inline-block;
vertical-align: middle;
text-align: center;
margin-bottom: 5px;
position: relative;
overflow: hidden;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
}
.item_goods_inner_razdel.item_view_plitka .item_goods_container_img{
width: 100%;
height: 180px;
position: absolute;
top: 0px;
left: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
}
.item_goods_inner_razdel.item_view_plitka img{
width: 80%;
position: relative;
margin-right: auto;
margin-left: auto;
display: inline-block;
}
.item_goods_inner_razdel.item_view_plitka .part_descr_item_good_inner{
width: 100%;
height: 300px;
position: absolute;
top:180px;
left: 0px;
}
.item_goods_inner_razdel.item_view_plitka .h_part_descr_item_good_inner{
width: 100%;
height: 51px;
position: relative;
display: inline-block;
text-align: left;
vertical-align: middle;
font-size: 14px;
line-height: 17px;
padding-left: 5px;
padding-right: 5px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: rgba(40, 40, 40, 1);
margin-top: 10px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 10px;
}
.item_goods_inner_razdel.item_view_plitka .container_for_descr_item_good_inner{
width: 100%;
min-height: 150px;
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 0px;
}
.item_goods_inner_razdel.item_view_plitka .item_descr_item_good_inner{
width: 100%;
height: 32px;
display: inline-block;
text-align: left;
vertical-align: middle;
font-size: 14px;
line-height: 16px;
font-weight: 500;
font-family: "Roboto", sans-serif;
color: rgba(33, 33, 33, 1);
padding-right: 5px;
padding-left: 15px;
padding-top: 5px;
margin-bottom: 5px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.item_goods_inner_razdel{
width: 100%;
display: inline-block;
height: 520px;
position: relative;
margin-bottom: 20px;
transition-duration: 300ms;
overflow: hidden;
-webkit-box-shadow: 4px 7px 26px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 7px 26px -5px rgba(0,0,0,0.75);
box-shadow: 4px 7px 26px -5px rgba(0,0,0,0.75);
}
.item_goods_container_img{
width: 100%;
height: 220px;
position: absolute;
top: 0px;
left: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
}
.item_goods_container_img img{
width: 25%;
position: relative;
margin-right: auto;
margin-left: auto;
display: inline-block;
}
.part_descr_item_good_inner{
width: 100%;
height: 220px;
position: absolute;
top: 220px;
right: 1px;
margin: 0px;
padding: 0px;
padding-left: 15px;
padding-right: 15px;
}
.h_part_descr_item_good_inner{
width: 100%;
height: 36px;
font-size: 16px;
line-height: 18px;
text-align: left;
margin-top: 0px;
position: relative;
font-family: "Roboto", sans-serif;
font-weight: 600;
color: rgba(40, 40, 40, 1);
margin-right: 10px;
margin-right: 10px;
margin-top: 0px;
padding-left: 15px;
padding-right: 15px;
}
.item_descr_item_good_inner{
width:25%;
height: 34px;
display: inline-block;
text-align: left;
vertical-align: middle;
font-size: 15px;
line-height: 17px;
font-weight: 500;
font-family: "Roboto", sans-serif;
color: rgba(33, 33, 33, 1);
padding-right: 5px;
padding-left: 10px;
padding-top: 10px;
margin-bottom: 0px;
position: relative;
}
.price_item_good_inner{
width: 100%;
height: 40px;
line-height: 40px;
position: relative;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 21px;
font-weight: 300;
font-family: "Roboto", sans-serif;
color: rgba(248, 148, 6, 1);
margin-top: 0px;
color: rgba(33, 33, 33, 1);
}
.price_item_good_inner span{
line-height: 40px;
font-size: 28px;
font-weight: 600;
font-family: "Roboto", sans-serif;
color: rgba(248, 148, 6, 1);
color: rgba(33, 33, 33, 1);
}
.container_call_out_item_good_inner{
width: 98%;
height: 40px;
margin-left: 1%;
margin-top: 30px;
position: absolute;
bottom: 25px;
right: 1%;
}
.podrobnee_item_item_good_inner,
.btn_item_item_good_inner{
width: 49%;
height: 40px;
position: absolute;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 16px;
line-height: 40px;
font-family: "Open Sans", sans-serif;
font-weight: 300;
color: rgba(248, 148, 6, 1);
color: rgba(10, 10, 10, 1);
text-decoration: none;
letter-spacing: 1px;
transition-duration: 350ms;
border-radius: 3px;
bottom: 0px;
right: 1%;
}
.podrobnee_item_item_good_inner{
right: 51%;
}
.inner_podrobnee_blick_inner{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
overflow: hidden;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 16px;
line-height: 40px;
font-family: "Roboto", sans-serif;
font-weight: 300;
color: rgba(248, 148, 6, 1);
color: rgba(10, 10, 10, 1);
text-decoration: none;
letter-spacing: 1px;
}
.podrobnee_item_item_good_inner .inner_podrobnee_blick_inner{
font-size: 16px;
line-height: 40px;
}
.item_goods_inner_razdel.item_view_table{
width: calc(1/1*100% - 5px);
height: 360px;
display: inline-block;
vertical-align: middle;
text-align: center;
margin-bottom: 5px;
position: relative;
overflow: hidden;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
}
.item_goods_inner_razdel.item_view_table .part_descr_item_good_inner{
width: 68%;
height: 260px;
position: absolute;
top:0px;
left: 32%;
}
.item_goods_inner_razdel.item_view_table .price_item_good_inner{
width: 100%;
height: 26px;
line-height: 26px;
position: relative;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 18px;
font-weight: 300;
font-family: "Roboto", sans-serif;
color: rgba(248, 148, 6, 1);
margin-top: 0px;
color: rgba(33, 33, 33, 1);
margin-bottom: 20px;
}
.item_goods_inner_razdel.item_view_plitka .item_goods_container_img{
width: 100%;
height: 230px;
position: absolute;
top: 0px;
left: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
overflow: hidden;
}
.item_goods_inner_razdel.item_view_plitka img{
width: 70%;
position: relative;
margin-right: auto;
margin-left: auto;
display: inline-block;
}
/*Конец оформления нового представления товара в разделе*/
/*Начало оформления блока товаров в виде списка*/
.item_item_goods.item_view_table{
width: 100%;
height: 200px;
margin-left: 0%;
margin-right: 0%;
}
.item_item_goods.item_view_table img{
width: 15%;
height: 80%;
position: absolute;
left: 1%;
top: 10%;
display: none;
}
div.item_item_goods.item_view_table .part_descr_item_item_good{
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.call_out_item_item_good.item_view_table{
width: 40%;
height: 100px;
position: absolute;
left: 60%;
margin: 0px;
bottom: 70px;
padding-left: 15px;
padding-right: 15px;
}
.btn_item_item_good.item_view_table{
right: 15px;
left: 0px;
bottom: 0px;
background-color: rgba(248, 148, 6, 0.95);
}
.podrobnee_item_item_good.item_view_table{
border: 1px solid rgba(248, 148, 6, 0.95);
color: rgba(10, 10, 10, 1);
transition-duration: 350ms;
left: 0px;
right: 15px;
bottom: 50px;
}
/*Конец оформления блока товаров в виде списка*/
/*Начало оформления блока товаров*/
.podrobnee_item_item_good.item_view_plitka .inner_podrobnee_blick,
.btn_item_item_good.item_view_plitka .inner_podrobnee_blick{
font-size: 16px;
line-height: 16px;
padding-top: 13px;
}
.part_descr_item_item_good.item_view_plitka h3{
width: 100%;
height: 27px;
position: relative;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 17px;
line-height: 21px;
padding-left: 5px;
padding-right: 5px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: rgba(40, 40, 40, 1);
margin-top: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0px;
}
.part_descr_item_item_good.item_view_plitka p{
width: 100%;
min-height: 46px;
margin-top: 20px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 15px;
line-height: 17px;
padding-left: 5px;
padding-right: 5px;
font-family: "Open Sans", sans-serif;
font-weight: 500;
color: rgba(40, 40, 40, 1);
}
.price_item_item_good.item_view_plitka{
width: 100%;
height: 23px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 19px;
line-height: 23px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: rgba(248, 148, 6, 1);
color: rgba(10, 10, 10, 1);
margin-top: 0px;
}
.item_item_goods.item_view_plitka{
width: calc(1/2*100% - 5px);
height: 480px;
display: inline-block;
vertical-align: middle;
text-align: center;
margin-bottom: 5px;
position: relative;
overflow: hidden;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
}
.call_out_item_item_good.item_view_plitka{
width: 100%;
height: 100px;
position: absolute;
left: 0px;
margin: 0px;
bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
/*Конец оформления блока товаров*/
/*Начало оформления h2 стандартного*/
h2.h2_standart{
width: 100%;
height: 40px;
margin-top: 40px;
margin-bottom: 10px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 30px;
font-size: 18px;
color: white;
font-family: "Roboto", sans-serif;
font-weight: 600;
color: rgba(10, 10, 10, 1);
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h2.h2_standart.yellow{
background-color: #f89406;
height: 50px;
padding-top: 10px;
}
/*Конец оформления h2 стандартного*/
/*Начало оформления блока Вам будет это интересно*/
.item_rubr_interesno{
width: calc(1/2*100% - 5px);
height: 200px;
display: inline-block;
vertical-align: middle;
text-align: center;
margin-bottom: 5px;
position: relative;
overflow: hidden;
}
div.item_rubr_interesno div.about_rubr{
width: 100%;
height: 80px;
background-color: #22313f;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
position: absolute;
top: 120px;
left: 0px;
display: block;
}
/*конец оформления блока Вам будет это интересно*/
/*Начало оформления новой двухколоночной таблицы*/
.out_container_table_for_two_col{
width: 100%;
max-width: 1920px;
position: relative;
margin: 0px;
padding: 0px;
overflow: hidden;
height: 650px;
background-color: white;
background-repeat: no-repeat;
}
.table_for_two_col{
width: 98%;
margin-left: auto;
margin-right: auto;
/* background: linear-gradient(45deg, rgba(116, 108, 86,1),rgba(95, 92, 72,1));
background: linear-gradient(45deg, rgba(180, 174, 152,1),rgba(180, 174, 152,1));*/
box-sizing: border-box;
overflow: hidden;
margin-bottom: 50px;
border-radius: 4px;
}
.table_for_two_col table{
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 25px;
border-collapse: collapse;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
display: table;
}
table.blur_table{
background: linear-gradient(45deg, rgba(0, 0, 0,0.7),rgba(0, 0, 0,0.85));
filter: blur(1px);
}
.table_for_two_col table td{
width: 50%;
height: 60px;
box-sizing: border-box;
border: 1px solid none;
padding-top: 16px;
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 300;
color: rgba(10, 10, 10, 1);
color: white;
color: rgba(10, 10, 10, 1);
}
.table_for_two_col table td span{
display: inline-block;
width: 100%;
text-align: center;
vertical-align: middle;
box-sizing: border-box;
height: 100%;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 700;
}
.table_for_two_col table td:first-child{
font-size: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 300;
text-align: left;
}
.table_for_two_col table td:first-child span{
font-size: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 300;
text-align: left;
padding-left: 15px;
}
.table_for_two_col table tr:first-child td{
font-size: 19px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: #f89406;
}
.table_for_two_col table tr:first-child td span{
font-size: 19px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: #f89406;
}
.table_for_two_col table tr:nth-child(1){
height: 60px;
padding-top: 0;
font-size: 19px;
font-family: "Open Sans",sans-serif;
color: white;
}
.table_for_two_col table tr:nth-child(even){
background-color: rgba(203, 204, 206, 1);
background-color: rgba(223, 222, 213, 1);
}
.table_for_two_col table tr:nth-child(even) td{
color: rgba(10, 10, 10, 1);
}
.table_for_two_col table tr:nth-child(n+2):hover{
background-color:rgba(248, 148, 6, 0.8);
}
/*Конец оформления новой двухколоночной таблицы*/
/*Начало оформления нового раздела блока товаров*/
.wrap_item_goods{
max-width: 1920px;
width: 100%;
min-height: 450px;
margin: 0px;
}
.item_item_goods{
width: 98%;
margin-left: 1%;
margin-right: 1%;
height: 650px;
margin-bottom: 10px;
}
.item_item_goods img{
width: 100%;
height: 400px;
top: 0px;
left: 0px;
}
.part_descr_item_item_good{
width: 100%;
height: 250px;
position: absolute;
top: 400px;
left: 0px;
}
.part_descr_item_item_good h3{
width: 100%;
height: 30px;
position: relative;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 18px;
line-height: 21px;
padding-left: 10px;
padding-right: 10px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: rgba(40, 40, 40, 1);
margin-top: 30px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0px;
}
.part_price_item_item_good{
width: 25%;
height: 100%;
position: absolute;
top: 0px;
left: 75%;
}
.inn_part_descr_item_item_good{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
position: relative;
overflow: hidden;
}
.part_descr_item_item_good p{
width: 100%;
min-height: 40px;
margin-top: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 16px;
line-height: 18px;
padding-left: 10px;
padding-right: 10px;
font-family: "Open Sans", sans-serif;
font-weight: 500;
color: rgba(40, 40, 40, 1);
}
.price_item_item_good{
width: 100%;
height: 30px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size:18px;
line-height: 30px;
font-family: "Roboto", sans-serif;
font-weight: 600;
color: rgba(248, 148, 6, 1);
color: rgba(10, 10, 10, 1);
margin-top: 0px;
}
.inn_part_descr_item_item_good{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
}
.price_item_item_good .inn_part_descr_item_item_good:after{
position: absolute;
bottom: 5px;
left: 20%;
content: "";
width: 60%;
height: 3px;
content: "";
background: linear-gradient(to right, rgba(248, 148, 6, 0.1) 0%,rgba(248, 148, 6,0.7) 50%, rgba(248, 148, 6, 0.1) 100% );
z-index: 2;
}
.call_out_item_item_good{
width: 98%;
height: 40px;
margin-top: 10px;
position: absolute;
bottom: 10px;
left: 1%;
}
.inn_call_out_item_item_good{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
}
.podrobnee_item_item_good,
.btn_item_item_good{
width: 48%;
height: 40px;
position: absolute;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 16px;
line-height: 40px;
font-family: "Roboto", sans-serif;
font-weight: 300;
color: rgba(248, 148, 6, 1);
color: rgba(10, 10, 10, 1);
text-decoration: none;
letter-spacing: 1px;
transition-duration: 350ms;
border-radius: 3px;
}
.btn_item_item_good{
right:1%;
bottom: 0px;
background-color: rgba(248, 148, 6, 0.95);
}
.btn_item_item_good:hover{
background-color: rgba(221, 135, 13, 1);
color: rgba(0, 0, 0, 1);
transition-duration: 350ms;
}
.podrobnee_item_item_good{
border: 1px solid rgba(248, 148, 6, 0.95);
color: rgba(10, 10, 10, 1);
left: 0px;
bottom: 0px;
}
/*Конец оформления нового раздела блока товаров*/
/*Начало оформления блока смотреть списком или или*/
.view_type{
margin-bottom: 15px;
}
.item_type_view{
display: inline-block;
text-align: center;
vertical-align: bottom;
font-size: 14px;
line-height: 28px;
font-family: "Open Sans", sans-serif;
font-weight: 500;
padding-left: 25px;
padding-right: 25px;
padding-top: 5px;
padding-bottom: 2px;
}
.item_type_view_h{
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 2px;
line-height: 28px;
font-weight: 600;
font-size: 16px;
margin-bottom: 5px;
}
/*Конец оформления блока смотреть списком или или*/
/*Начало оформления новой навигационной панели для десктопов*/
div.panel_desk_menu{
width: 100%;
display: none;
}
/*Начало оформления нового хедера*/
.header_new{
display: block;
width: 100%;
height: 60px;
background-color: rgba(34, 49, 61, 1);
}
a.a_logo_header{
width:80px;
height: 40px;
text-decoration: none;
position: absolute;
top: 10px;
left: 5px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 60px;
transition-duration: 800ms;
}
a.a_logo_header img{
width: 80px;
height: 40px;
display: inline-block;
}
.block_tel_wrap{
width: 180px;
height: 38px;
margin-right: auto;
margin-left: auto;
position: absolute;
top: 7px;
left: 50%;
transform: translateX(-90px);
display: inline-block;
text-align: center;
vertical-align: middle;
transition-duration: 800ms;
}
.item_tel_header_block{
width: 100%;
height: 25px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 14px;
color: rgba(255, 255, 255, 1);
font-family: "Roboto", sans-serif;
font-weight: 300;
line-height: 25px;
padding-left: 15px;
padding-right: 15px;
letter-spacing: 1px;
}
.block_right_part_menu{
width: 45px;
height: 60px;
position: absolute;
right: 15px;
top: 0px;
z-index: 10;
transition-duration: 800ms;
}
.inner_block_right_part_menu{
width: 100%;
height: 60px;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
}
.header_new #naw_new_toggle{
display: block;
width: 45px;
height: 60px;
margin-top: 0px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
.item_desk_panel_2023{
width: 100%;
height: 100%;
padding-left: 10px;
padding-right: 10px;
background-color: rgba(19, 30, 39, 1);
position: absolute;
top: 0px;
right: -1000px;
z-index: 10;
}
a.item_text_block_panel_menu{
text-decoration: none;
width: 100%;
display: block;
height: 30px;
position: relative;
}
.inn_block_text_panel_menu{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
padding-top: 35%;
}
.inn_a_item_text_block_panel_menu {
width: 100%;
height: 30px;
text-decoration: none;
font-size: 11px;
line-height: 30px;
color: rgba(251, 251, 251, 1);
font-family: "Roboto", sans-serif;
font-weight: 500;
display: inline-block;
text-align: left;
vertical-align: middle;
transition-duration: 0ms;
text-transform: uppercase;
letter-spacing: 1px;
position: absolute;
top: 0px;
left: 16px;
animation-name: item_panel_menu_2023_non_hover;
animation-duration: 1550ms;
transition-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
.item_desk_panel_2023_level_2 .inn_a_item_text_block_panel_menu {
width: 100%;
height: 30px;
text-decoration: none;
font-size: 10px;
line-height: 15px;
color: rgba(251, 251, 251, 1);
font-family: "Roboto", sans-serif;
font-weight: 500;
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
display: inline-block;
text-align: left;
vertical-align: middle;
transition-duration: 0ms;
text-transform: uppercase;
letter-spacing: 2px;
position: absolute;
top: 15px;
left: 16px;
animation-name: item_panel_menu_2023_non_hover;
animation-duration: 1550ms;
transition-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
@keyframes second_panel_menu_2023_mobile {
0% {
transform: translateX(1000px);
}
100% {
transform: translateX(-1000px);
}
}
.item_desk_panel_2023_level_2 .inn_block_text_panel_menu{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
padding-top: 35%;
}
/*Конец оформления нового хедера*/
/*Конец оформления новой навигационной панели для десктопов*/
/*Начало оформления нового главного банера на внутренней странице*/
.baner_razdel{
width: 100%;
}
.curtain_baner_razdel{
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.35) 10%, rgba(0, 0, 0, 0.35)100%);
z-index: 1;
}
.baner_razdel h1{
width: 100%;
height: 80px;
margin-top: 110px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 40px;
font-size: 20px;
color: white;
font-family: "Roboto", sans-serif;
font-weight: 600;
position: absolute;
top: 40px;
left: 0px;
z-index: 10;
letter-spacing: 2px;
text-transform: uppercase;
}
.block_h{
width: 100%;
height: 300px;
position: absolute;
top: 210px;
left:0px;
transform: translateX(0px);
z-index: 10;
}
/*Конец оформления нового главного банера на внутренней странице*/
/*Начало оформления нового навигационного меню для мобильных во внутренних страницах*/
.mobile_navi_new{
display: block;
position: relative;
background: linear-gradient(to bottom, rgba(0,0, 0, 0.95) 0px, rgba(0, 0, 0, 0.65) 60px);
width: 100%;
height: 60px;
position: absolute;
top: 0px;
left: 0px;
z-index: 100;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none;
}
.inner_mobile_nave_new{
width: 100%;
height: 100%;
position: relative;
padding: 0px;
margin: 0px;
}
a.logo_mobile_white{
width: 60px;
height: 40px;
float: right;
margin-right:15px;
margin-top: 15px;
position: relative;
}
a.logo_mobile_white img{
width: 60px;
height: 40px;
}
.mob_navi_toggle{
display: block;
width: 45px;
height: 40px;
float: left;
margin-left: 15px;
position: relative;
margin-top: 10px;
}
.mob_navi_toggle span,
.mob_navi_toggle span:before,
.mob_navi_toggle span:after{
cursor: pointer;
border-radius: 1px;
height: 3px;
width: 45px;
position: absolute;
display: block;
content: "";
background-color: white;
transition: all 500ms ease-in-out;
left: 0px;
}
.mob_navi_toggle span{
top: 18px;
}
.mob_navi_toggle span:after{
bottom: -10px;
}
.mob_navi_toggle span:before{
top: -10px;
}
.mob_navi_toggle.active_toggle{
}
.mob_navi_toggle.active_toggle span{
background-color: transparent;
width: 25px;
height: 2px;
}
.mob_navi_toggle.active_toggle span:before,
.mob_navi_toggle.active_toggle span:after{
top: 0px;
}
.mob_navi_toggle.active_toggle span:before{
transform: rotate(45deg);
}
.mob_navi_toggle.active_toggle span:after{
transform: rotate(-45deg);
}
/*Начало оформления панелей нового мобильного меню для внутренних страниц сайта*/
.panel_mob_navi_1{
width: 100%;
height: 100vh;
position: absolute;
top: 0px;
left: -10000px;
display: block;
z-index: 98;
background-color: rgba(235, 235, 235, 1);
background-color: rgba(40, 40, 40, 1);
transition: all 500ms ease-in-out;
}
.panel_mob_navi_1.active{
left: 0px;
transition: all 500ms ease-in-out;
position: fixed;
}
.inner_panel_mob_navi{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
}
.inn_panel_mob_navi{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: -10000px;
background-color: rgba(40, 40, 40, 1);
margin: 0px;
padding: 0px;
transition: all 500ms ease-in-out;
}
.inn_panel_mob_navi.inn_panel_mob_navi_main{
left: 0px;
z-index: 2;
}
.inn_panel_mob_navi.active_panel{
left: 0px;
transition: all 500ms ease-in-out;
z-index: 3;
}
.inn_inn_panel_mob{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
padding-top: 140px;
}
.inn_panel_mob_navi_1{
left: 0px;
z-index: 2;
}
.item_inn_mob_navi{
width: 100%;
height: 50px;
display: inline-block;
position: relative;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 18px;
line-height: 50px;
letter-spacing: 1px;
font-weight: 600;
color: rgba(10, 10, 10, 1);
font-family: 'Open Sans', sans-serif;
cursor: pointer;
border-bottom: 1px solid rgba(248, 148, 6, 0.1);;
color: rgba(217, 130, 8, 1);
padding-left: 15px;
padding-right: 15px;
letter-spacing: 2px;
}
.item_inn_mob_navi a{
width: 100%;
height: 50px;
display: inline-block;
position: relative;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 18px;
line-height: 50px;
letter-spacing: 1px;
color: rgba(10, 10, 10, 1);
font-family: 'Open Sans', sans-serif;
font-weight: 600;
letter-spacing: 2px;
text-decoration: none;
color: rgba(217, 130, 8, 1);
}
.h_nav_item_inn_mob_navi{
width: 100%;
height: 30px;
position: absolute;
top: 70px;
left: 0px;
background-color: rgba(40, 40, 40, 1);
font-family: "Open Sans", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 30px;
color: rgba(248, 148, 6, 1);
display: inline-block;
text-align: left;
vertical-align: middle;
padding-left: 15px;
padding-right: 15px;
cursor: pointer;
}
.h_item_inn_mob_navi{
width: 100%;
height: 50px;
position: absolute;
top: 90px;
left: 0px;
}
.inn_h_item_inn_mob_navi{
width: 100%;
height: 100%;
position: relative;
background-color: rgba(40, 40, 40, 1);
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 22px;
line-height: 60px;
color: rgba(248, 148, 6, 1);
display: inline-block;
text-align: center;
vertical-align: middle;
padding-left: 15px;
padding-right: 15px;
}
.inn_h_item_inn_mob_navi:before{
content: "";
position: absolute;
bottom: 0px;
left: 25%;
width: 50%;
height: 2px;
background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255,0.7) 50%, rgba(255, 255, 255, 0.1) 100% );
}
/*Конец оформления панелей нового мобильного меню для внутренних страниц сайта*/
/*Конец оформления нового навигационного меню для мобильных во внутренних страницах*/
/*Начало оформления блока главной почты*/
.wrap_for_base_mail_gen_pop{
width: 600px;
height: 600px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-300px, -300px);
display: block;
overflow: hidden;
z-index: 2;
opacity: 0;
border-radius: 3px;
-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.inner_wrap_for_base_mail_gen_pop{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
background-image: url("../img/back_for_mail_600.jpg");
background-repeat: no-repeat;
background-position: center;
}
.container_for_mail_mail{
width: 450px;
height: 100%;
position: absolute;
top: 0px;
right: 75px;
z-index: 20;
}
/*Конец оформления блока главной почты*/
/*Начало оформления нового слайдера на главной странице*/
.new_slider_index{
width: 100%;
height: 500px;
}
.item_new_slider_index{
width: 100%;
height: 100%;
}
.inner_container_new_slider_index{
width: 100%;
height: 500px;
}
.item_new_slider_index img{
width: 100%;
height: 500px;
}
.item_new_slider_index .curtain{
width: 100%;
height: 500px;
}
.item_new_slider_index_third{
}
.item_new_slider_index_third img.img_slider_saiding_wrap_two{
width: 350px;
height: 277px;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-137px);
z-index: 1;
}
.buy_safe_1,
.buy_safe_2,
.buy_safe_3{
font-size: 22px;
display: inline-block;
width: 100%;
text-align: center;
vertical-align: middle;
line-height: 60px;
font-weight: 600;
opacity:1;
z-index: 2;
position: absolute;
top: 25%;
left: 0px;
margin: 0px;
padding: 0px;
}
.buy_safe_1{
margin-top: 60px;
font-weight: 700;
}
.buy_safe_1 span{
font-weight: 700;
}
.buy_safe_2{
top: 50%;
font-size: 25px;
line-height: 50px;
font-weight: 700;
}
.buy_safe_3{
top: 72%;
font-size: 25px;
line-height: 25px;
font-weight: 700;
}
.text_container_2_index_slider_new{
height: 380px;
width: 100%;
position: absolute;
top: 110px;
padding: 0px;
overflow: hidden;
z-index: 4;
}
.inner_text_container_2_index_slider_new{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
}
.first_row_text_slide_2,
.second_row_text_slide_2,
.third_row_text_slide_2{
width: 100%;
display: inline-block;
font-size: 21px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-style: normal;
vertical-align: middle;
line-height: 28px;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
position: relative;
}
.first_row_text_slide_2{
margin-top: 70px;
margin-bottom: 50px;
}
.second_row_text_slide_2{
font-size:30px;
margin-bottom: 50px;
}
.third_row_text_slide_2{
}
.item_new_slider_index_two .curtain{
width: 100%;
height: 600px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
background: linear-gradient(to bottom, rgba(40, 40, 40, 0.4) 0%, rgba(40, 40, 40, 0.85) 30%, rgba(40, 40, 40, 0.85) 60%,rgba(40, 40, 40, 0.3) 100% );
}
.bottom_line_text_slider{
position: absolute;
bottom: -6px;
width: 40%;
height: 3px;
left: 30%;
background: linear-gradient(to right, rgba(187, 144, 39, 0.1) 0%, rgba(187, 144, 39, 1) 30%, rgba(187, 144, 39, 1) 60%,rgba(187, 144, 39, 0.1) 100% );
}
.text_slider_saiding_1{
font-size: 25px;
margin-top: 0px;
}
.text_slider_saiding_2,
.text_slider_saiding_3,
.text_slider_saiding_4 {
}
.text_slider_saiding_2{
margin-top: 30px;
}
.container_for_text_slide_saiding{
width: 90%;
position: absolute;
top: 140px;
left: 5%;
z-index: 4;
height: 300px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.bottom_baner_text_line_1{
margin-top:90px;
margin-bottom: 35px;
color: #e3b239;
font-size: 25px;
}
div.bottom_baner_text_line_2{
font-size: 20px;
line-height: 26px;
font-weight: 500;
}
div.bottom_baner_text_line_3{
font-size: 20px;
line-height: 26px;
font-weight: 500;
}
.container_for_button_slider{
margin-top: 20px;
}
/*Конец оформления нового слайдера на главной странице*/
/*Начало оформления блока с анонсами разделов*/
a.item_block_first_block_mobile {
display: inline-block;
width: calc(1/4*100% - 2px);
min-height: 130px;
text-decoration: none;
position: relative;
margin-bottom: 5px;
}
/*Конец оформления блока с анонсами разделов*/
/*Начало оформления попапа - с написать нам*/
.general_panel_popup{
background-color: rgba(251,251, 251,1);
}
.inner_wrap_for_base_mail_gen_pop .curtain{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: rgba(51, 51, 51, 1);
z-index: 3;
}
.wrap_for_base_mail_gen_pop{
width: 600px;
height: 600px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-300px, -300px);
display: block;
overflow: hidden;
z-index: 2;
opacity: 0;
border-radius: 3px;
-webkit-box-shadow: 4px 4px 8px 0px rgba(251, 251, 251, 0.9);
-moz-box-shadow: 4px 4px 8px 0px rgba(251, 251, 251, 0.9);
box-shadow: 4px 4px 8px 0px rgba(251, 251, 251, 0.9);
}
.inner_wrap_for_base_mail_gen_pop .curtain{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: linear-gradient(to right, rgba(252, 204, 168, 0.3) 0%, rgba(22, 9, 0, 0.6)45%, rgba(22, 9, 0, 0.8) 100%);
z-index: 3;
display: none;
}
.inner_wrap_for_base_mail_gen_pop{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
background-image: url("img/back_for_mail.jpg");
background-image: none;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.container_for_mail_mail{
width: 450px;
height: 100%;
position: absolute;
top: 0px;
right: 75px;
z-index: 20;
}
.h_popup_zakaz_raschet{
width: 100%;
min-height: 60px;
float: left;
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
padding-left: 15px;
padding-right: 5px;
padding-top: 20px;
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 23px;
letter-spacing: 2px;
position: absolute;
left: 0px;
top: 65px;
color: rgba(11, 11, 11, 1);
}
/*Начало оформления предупреждения о правильном заполнении формы*/
.alert_form_general{
width: 100%;
height: 30px;
position: absolute;
top: 355px;
left: 0px;
padding-left: 5px;
border-bottom: 1px solid rgba(161, 21, 22, 1);
color: rgba(40, 40, 40, 1);
opacity: 0;
}
.alert_form_general span{
color: black;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 100%;
font-family: 'Open Sans', sans-serif;
line-height: 40px;
font-weight:500;
font-style: normal;
font-size: 14px;
letter-spacing: 0px;
color: rgba(40, 40, 40, 1);
}
.alert_form_general span{
color: white;
display: inline-block;
vertical-align: middle;
text-align: center;
font-family: 'Open Sans', sans-serif;
line-height: 40px;
font-weight:500;
font-style: normal;
font-size: 14px;
letter-spacing: 0px;
color: rgba(40, 40, 40, 1);
}
.alert_form_motion{
animation-name: alert_form_motion;
animation-duration: 6000ms;
}
@keyframes alert_form_motion{
0%{
opacity: 0;
}
80%{
opacity: 1;
}
100%{
opacity: 0;
}
}
/*Конец оформления предупреждения о правильном заполнении формы*/
.item_form_name_general{
margin-top: 135px;
}
@-webkit-keyframes autofill {
0%,100% {
color: rgba(190, 181, 148, 1);
color: rgba(45, 45, 45, 1);
background: transparent;
}
}
form input:-webkit-autofill {
-webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}
form label .label_name_index_form_general,
form label .label_phone_index_form_general {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 25px;
font-family: 'Open Sans', sans-serif;
line-height: 25px;
font-weight: 400;
font-style: italic;
font-size: 16px;
letter-spacing: 2px;
cursor: pointer;
color: rgba(190, 181, 148, 1);
color: rgba(45, 45, 45, 1);
background-color: transparent;
z-index: 1;
display: inline-block;
text-align: left;
vertical-align: middle;
transform: scale(1);
transition: 0.7s ease 0s;
padding-left: 5px;
border-bottom: 1px solid transparent;
}
.item_form_general label,
.item_form_general .index_input_form_general,
.submit_form_index_general{
width: 100%;
height: 50px;
position: absolute;
background-color: transparent;
border-bottom: 1px solid rgba(190, 181, 148, 0.5);
border-bottom: 1px solid transparent;
color: rgba(190, 181, 148, 1);
color: rgba(15, 15,15, 0.95);
font-family: 'Open Sans', sans-serif;
line-height: 25px;
font-weight: 500;
font-style: normal;
font-size: 16px;
letter-spacing: 1px;
left: 0px;
z-index: 2;
padding-left: 5px;
}
.submit_form_index_general{
width: 100%;
position: absolute;
text-align: center;
font-weight: 500;
top: 0px;
line-height: 40px;
background-color: #222c37;
background-color: rgba(190, 181, 148, 1);
letter-spacing: 2px;
border: none;
font-size: 13px;
color: #222c37;
height: 40px;
padding-left: 0px;
padding-right: 0px;
left: 0px;
cursor: pointer;
text-transform: uppercase;
color: rgba(40, 40, 28, 1);
background-color: rgba(190, 181, 148, 1);
color: rgba(40, 40, 28, 1);
transition: background-color 0.5s ease 0s;
-webkit-appearance: none;
}
.submit_form_index_general:hover{
background-color: rgba(40, 40, 28, 0.8);
color: rgba(190, 181, 148, 1);
transition: background-color 0.5s ease 0s;
}
.item_form_general input.index_input_form_general{
box-shadow: 0 0 7px rgba(190, 181, 148, 0.3);
background-color: transparent;
outline: none;
border: none;
width: 100%;
border-bottom: 1px solid rgba(190, 181, 148, 0.5);
}
label.checkbox_label_general{
width: 100%;
min-height: 42px;
line-height: 16px;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-style: italic;
vertical-align: top;
text-align: left;
padding-left: 10px;
margin-top: 0px;
cursor: pointer;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
transition-duration: 0.3s;
background-color: rgba(246, 247, 241, 1);
background-color: rgba(35, 36, 38, 1);
background-color: transparent;
outline: none;
appearance: none;
-webkit-appearance: none;
z-index: 1;
display: inline-block;
text-align: left;
vertical-align:top;
padding-left: 0px;
position: relative;
position: absolute;
top: 0px;
left: 20px;
color: white;
color: rgba(190, 181, 148, 1);
padding-top: 0px;
}
.checkbox_label_general a{
font-family: 'Open Sans', sans-serif;
line-height: 16px;
font-weight:300;
font-style: italic;
font-size: 12px;
letter-spacing: 0px;
text-decoration: underline;
color: gray;
cursor: pointer;
color: rgba(190, 181, 148, 1);
}
/*Конец оформления попапа - с написать нам*/
body{
}
.general_wrap_razdel{
width: 100%;
}
/*Начало оформления нового хедера*/
.header_new{
display: block;
width: 100%;
height: 60px;
background-color: rgba(34, 49, 61, 1);
}
a.a_logo_header{
width:80px;
height: 40px;
text-decoration: none;
position: absolute;
top: 10px;
left: 5px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 60px;
transition-duration: 800ms;
}
a.a_logo_header img{
width: 80px;
height: 40px;
display: inline-block;
}
.block_tel_wrap{
width: 180px;
height: 38px;
margin-right: auto;
margin-left: auto;
position: absolute;
top: 7px;
left: 50%;
transform: translateX(-90px);
display: inline-block;
text-align: center;
vertical-align: middle;
transition-duration: 800ms;
}
.item_tel_header_block{
width: 100%;
height: 25px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 14px;
color: rgba(255, 255, 255, 1);
font-family: "Roboto", sans-serif;
font-weight: 300;
line-height: 25px;
padding-left: 15px;
padding-right: 15px;
letter-spacing: 1px;
}
.block_right_part_menu{
width: 45px;
height: 60px;
position: absolute;
right: 15px;
top: 0px;
z-index: 10;
transition-duration: 800ms;
}
.inner_block_right_part_menu{
width: 100%;
height: 60px;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
}
.header_new #naw_new_toggle{
display: block;
width: 45px;
height: 60px;
margin-top: 0px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
.item_desk_panel_2023{
width: 100%;
height: 100%;
padding-left: 10px;
padding-right: 10px;
background-color: rgba(19, 30, 39, 1);
position: absolute;
top: 0px;
right: -1000px;
z-index: 10;
}
a.item_text_block_panel_menu{
text-decoration: none;
width: 100%;
display: block;
height: 30px;
position: relative;
}
.inn_block_text_panel_menu{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
padding-top: 35%;
}
.inn_a_item_text_block_panel_menu {
width: 100%;
height: 30px;
text-decoration: none;
font-size: 11px;
line-height: 30px;
color: rgba(251, 251, 251, 1);
font-family: "Roboto", sans-serif;
font-weight: 500;
display: inline-block;
text-align: left;
vertical-align: middle;
transition-duration: 0ms;
text-transform: uppercase;
letter-spacing: 1px;
position: absolute;
top: 0px;
left: 16px;
animation-name: item_panel_menu_2023_non_hover;
animation-duration: 1550ms;
transition-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
.item_desk_panel_2023_level_2 .inn_a_item_text_block_panel_menu {
width: 100%;
height: 30px;
text-decoration: none;
font-size: 10px;
line-height: 15px;
color: rgba(251, 251, 251, 1);
font-family: "Roboto", sans-serif;
font-weight: 500;
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
display: inline-block;
text-align: left;
vertical-align: middle;
transition-duration: 0ms;
text-transform: uppercase;
letter-spacing: 2px;
position: absolute;
top: 15px;
left: 16px;
animation-name: item_panel_menu_2023_non_hover;
animation-duration: 1550ms;
transition-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
@keyframes second_panel_menu_2023_mobile {
0% {
transform: translateX(1000px);
}
100% {
transform: translateX(-1000px);
}
}
.item_desk_panel_2023_level_2 .inn_block_text_panel_menu{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
padding-top: 35%;
}
/*Конец оформления нового хедера*/
/*Начало оформления новых хлебных крошек*/
.breadcrumbs_new{
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color: black;
width: 100%;
padding-left: 15px;
line-height: 18px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
font-weight: 600;
padding-left: 5px;
}
.breadcrumbs_new a,
.breadcrumbs_new span{
font-family: 'Open Sans', sans-serif;
text-decoration: none;
color: black;
font-size: 14px;
font-weight: 400;
}
.breadcrumbs_new span{
margin-right: 5px;
margin-left: 0px;
}
/*Конец оформления новых хлебных крошек*/
/*Начало оформления строки с фильтрами*/
.wrap_for_item_switch_new{
width: 100%;
height: 40px;
line-height: 40px;
margin-bottom: 10px;
padding-top: 0px;
padding-bottom: 0px;
vertical-align: top;
}
.wrap_for_item_switch_new .item_switch_item{
display: inline-block;
text-align: center;
vertical-align: bottom;
font-size: 14px;
height: 30px;
width: 47px;
line-height: 30px;
color: white;
font-family: "Roboto", sans-serif;
font-weight: 600;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
background-color: rgba(251, 251, 251, 1);
position: absolute;
top:3px;
left: 135px;
cursor: pointer;
transition-duration: 450ms;
border-radius: 3px;
letter-spacing: 1px;
color: rgba(227, 126, 30, 1);
border: 1px solid rgba(0, 0, 0, 0);
border: 1px solid rgba(227, 126, 30, 0);
float: none;
display: none;
}
.wrap_for_item_switch_new .item_switch_item.item_switch_plitka {
left: 80px;
}
.text_item_switch{
display: none;
}
.top_btn_left_general_wrap_item{
width: 60px;
height: 30px;
display: inline-block;
padding: 0px;
top: -2px;
border-radius: 3px;
border: 1px solid rgba(248, 148, 6,1);
border: 1px solid transparent;
}
.inn_top_btn_left_general_wrap_item{
width: 100%;
height: 30px;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: left;
vertical-align: middle;
line-height: 30px;
}
.text_filter_btn{
text-align: left;
display: none;
}
.text_item_switch{
text-align: left;
display: none;
}
/*Начало оформления кнопки фильтры*/
.icon_non_icon_filter{
width:45px;
height: 30px;
position: absolute;
top: 3px;
right: 6px;
}
.inn_icon_non_icon_filter{
width: 45px;
height: 30px;
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 2px;
}
.item_icon_non_icon_filter{
width: 40px;
height: 1px;
background-color:rgba(13, 26, 33, 1);
background-color: rgba(248, 148, 6, 1);
position: relative;
transition-duration: 350ms;
}
.item_icon_non_icon_filter:after{
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
border: 1px solid rgba(13, 26, 33, 1);
border: 1px solid rgba(248, 148, 6,1);
position: absolute;
background-color: rgba(251, 251, 251, 1);
top: -3px;
left: 30%;
}
.item_icon_non_icon_filter.item_icon_non_icon_filter_1:after{
transition-duration: 850ms;
left: 25%;
}
.item_icon_non_icon_filter.item_icon_non_icon_filter_2:after{
transition-duration: 650ms;
left: 70%;
}.item_icon_non_icon_filter.item_icon_non_icon_filter_3:after{
transition-duration: 950ms;
left:35%;
}
.top_btn_left_general_wrap_item:hover{
transition-duration: 250ms;
background-color: rgba(43, 46, 53, 0.1);
background-color: rgba(248, 148, 6, 0);
border: 1px solid rgba(43, 46, 53, 0.01);
-webkit-box-shadow: 0px -4px 7px -5px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px -4px 7px -5px rgba(34, 60, 80, 0.2);
box-shadow: 0px -4px 7px -5px rgba(34, 60, 80, 0.2);
}
.top_btn_left_general_wrap_item:hover .item_icon_non_icon_filter{
background-color: rgba(43, 46, 53, 1);
transition-duration: 300ms;
}
.top_btn_left_general_wrap_item:hover .item_icon_non_icon_filter:after{
background-color: rgba(248, 148, 6, 0);
border: 1px solid rgba(43, 46, 53, 1);
transition-duration: 300ms;
}
.top_btn_left_general_wrap_item:hover .item_icon_non_icon_filter.item_icon_non_icon_filter_1:after{
transform: translateX(17px);
transition-duration: 350ms;
}
.top_btn_left_general_wrap_item:hover .item_icon_non_icon_filter.item_icon_non_icon_filter_2:after{
transform: translateX(-18px);
transition-duration: 750ms;
}
.top_btn_left_general_wrap_item:hover .item_icon_non_icon_filter.item_icon_non_icon_filter_3:after{
transform: translateX(6px);
transition-duration: 650ms;
}
/*Конец оформления кнопки фильтры*/
/*Начало оформления кнопки плитка*/
.item_switch_plitka .icon_non_icon_plitka{
width:40px;
height: 30px;
position: absolute;
top:3px;
right: 6px;
}
.inn_icon_non_icon_plitka{
width: 40px;
height: 30px;
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0px;
}
.item_icon_non_icon{
width: calc(1/2*100% - 1px);
height:10px;
border: 2px solid rgba(13, 26, 33, 1);
border: 2px solid rgba(248, 148, 6, 1);
display: block;
transition-duration: 750ms;
}
.item_switch_item.active_color .item_icon_non_icon{
transition-duration: 450ms;
border: 2px solid rgba(43, 46, 53, 1);
}
.item_switch_plitka:hover .item_icon_non_icon{
border: 2px solid rgba(13, 26, 33, 1);
display: block;
transition-duration: 750ms;
}
.item_switch_plitka:hover .icon_non_icon_plitka
.item_icon_non_icon_1{
animation: icon_non_non_icon_quadro_left 1s none;
}
.item_switch_plitka:hover .icon_non_icon_plitka .item_icon_non_icon_2{
animation: icon_non_non_icon_quadro_right 1s none;
}
.item_switch_plitka:hover .icon_non_icon_plitka
.item_icon_non_icon_3{
animation: icon_non_non_icon_quadro_left 1s none;
}
.item_switch_plitka:hover .icon_non_icon_plitka .item_icon_non_icon_4{
animation: icon_non_non_icon_quadro_right 1s none;
}
@keyframes icon_non_non_icon_quadro{
0%{
transform: scale(0%);
}
100%{
transform: scale(100%);
}
}
@keyframes icon_non_non_icon_quadro_right{
0%{
transform: scale(0%) translateX(17px);
}
100%{
transform: scale(100%) translateX(-17px);
}
}
@keyframes icon_non_non_icon_quadro_left{
0%{
transform: scale(0%) translateX(-17px);
}
100%{
transform: scale(100%) translateX(17px);
}
}
.item_switch_plitka:active .icon_non_icon_plitka
.item_icon_non_icon_1{
}
.item_switch_plitka:active .icon_non_icon_plitka .item_icon_non_icon_2{
}
.item_switch_plitka:active .icon_non_icon_plitka
.item_icon_non_icon_3{
}
.item_switch_plitka:active .icon_non_icon_plitka .item_icon_non_icon_4{
}
/*Конец оформления кнопка плитка*/
/*Начало оформления кнопка прайс*/
.item_switch_price .icon_non_icon_price{
width:40px;
height: 30px;
position: absolute;
top: 0px;
right: 6px;
display: block;
}
.inn_icon_non_icon_price{
width: 40px;
height: 30px;
position: relative;
display: block;
padding: 0px;
}
.half_left_icon_non_icon_price{
width: 16px;
height: 30px;
position: relative;
display: block;
padding: 0px;
margin: 0px;
float: left;
padding-top: 2px;
}
.half_right_icon_non_icon_price{
width: 22px;
height: 30px;
position: relative;
display: inline-block;
float: right;
text-align: center;
vertical-align: middle;
padding-top: 5px;
}
.item_icon_non_icon_left_price{
width: 6px;
height:6px;
display: block;
border: 2px solid rgba(13, 26, 33, 1);
border: 2px solid rgba(248, 148, 6, 1);
margin-right: auto;
margin-left: auto;
margin-bottom: 4px;
}
.item_icon_non_icon_right_price{
width: 21px;
height: 2px;
display: block;
background-color: rgba(13, 26, 33, 1);
background-color: rgba(248, 148, 6, 1);
margin-bottom:7px;
}
.item_switch_item:hover .item_icon_non_icon_left_price{
border: 2px solid rgba(43, 46, 53, 1);
transition-duration: 350ms;
}
.item_switch_item:hover .item_icon_non_icon_right_price{
background-color: rgba(43, 46, 53, 1);
transition-duration: 350ms;
}
.item_switch_item.active_color .item_icon_non_icon_left_price{
border: 2px solid rgba(43, 46, 53, 1);
transition-duration: 350ms;
}
.item_switch_item.active_color .item_icon_non_icon_right_price{
background-color: rgba(43, 46, 53, 1);
transition-duration: 350ms;
}
/*
.item_switch_item.active_color .text_item_switch_plitka{
color: rgba(43, 46, 53, 1);
}
*/
.item_switch_price:hover .item_icon_non_icon_left_price{
animation: icon_non_non_icon_quadro 1s none;
}
.item_switch_price:hover .item_icon_non_icon_right_price{
animation: icon_non_non_icon_quadro 1s none;
transform-origin: left;
}
@keyframes icon_non_non_icon_quadro{
0%{
transform: scale(0%);
}
100%{
transform: scale(100%);
}
}
@keyframes icon_non_non_icon_line{
0%{
transform: scaleX(0%);
}
100%{
transform: scaleX(100%);
}
}
/*Конец оформления кнопка прайс*/
/*Начало оформления блока управления сортировкой по цене*/
.wrap_sorting{
width: 195px;
height: 34px;
float: right;
margin-right: 5px;
display: block;
margin-bottom: 0px;
background-color: rgba(43, 46, 53, 1);
background-color: rgba(251, 251, 251, 0);
padding-top: 0px;
border-radius: 3px;
margin-top: 1px;
border: 1px solid rgba(43, 46, 53, 0);
background-color: rgba(248, 148, 6, 1);
transition-duration: 250ms;
border-radius: 3px;
transition-duration: 250ms;
}
.wrap_sorting:hover{
transition-duration: 250ms;
background-color: rgba(251, 251, 251, 1);
border: 1px solid rgba(248, 148, 6, 1);
-webkit-box-shadow: 0px -4px 7px -5px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px -4px 7px -5px rgba(34, 60, 80, 0.2);
box-shadow: 0px -4px 7px -5px rgba(34, 60, 80, 0.2);
}
.inn_wrap_sorting{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
}
.inn_inn_wrap_sorting{
width:100%;
height: 30px;
position: absolute;
top: 0px;
left: 0px;
display: block;
transition-duration: 250ms;
background-color: rgba(43, 46, 53, 1);
background-color: rgba(251, 251, 251, 0);
z-index: 3;
}
.inn_inn_wrap_sorting:hover{
}
.inner_inn_wrap_sorting{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
}
.h_sorting_price{
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 15px;
line-height: 34px;
padding-left: 5px;
padding-right: 5px;
font-family: "Roboto", sans-serif;
font-weight: 600;
color: rgba(255, 255, 255, 1);
color: rgba(248, 148, 6, 1);
width: 100%;
height: 100%;
margin-bottom: 10px;
letter-spacing: 1px;
transition-duration: 250ms;
}
.h_sorting_price:hover{
}
.h_sorting_price span{
width: 100%;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 14px;
line-height: 34px;
padding-left: 2px;
padding-right: 5px;
padding-top: 0px;
font-family: "Roboto", sans-serif;
font-weight: 600;
color: rgba(43, 46, 53, 1);
cursor: pointer;
letter-spacing: 1px;
position: absolute;
right: 0px;
top:0px;
transition-duration: 250ms;
}
.h_sorting_price span:hover{
color: rgba(248, 148, 6, 1);
}
.h_sorting_price span.span_sorting_max{
display: none;
}
.h_sorting_price span.span_sorting_min{
display: none;
}
.h_sorting_price span.span_sorting_none{
display: none;
}
.h_sorting_price span.span_sorting_populus{
display: none;
}
.h_sorting_price span.span_sorting_none.active{
display: inline-block;
text-align: center;
right: 0px;
}
.h_sorting_price span.span_sorting_max.active{
display: inline-block;
}
.h_sorting_price span.span_sorting_min.active{
display: inline-block;
}
.h_sorting_price span.span_sorting_populus.active{
display: inline-block;
text-align: center;
right: 0px;
}
.block_hide_sorting{
display: none;
width: 195px;
height: 160px;
position: absolute;
top: 34px;
right: 0px;
background-color: rgba(241, 241, 241, 1);
z-index: 3;
border-radius: 4px;
}
.block_hide_sorting.active{
display: block;
}
.inn_block_hide_sorting{
width: 100%;
height: 100%;
position: relative;
padding-top: 0px;
}
.low_price_sorting{
display: inline-block;
text-align: left;
vertical-align: middle;
font-size: 14px;
line-height: 19px;
padding-left: 20px;
padding-right: 10px;
margin-bottom: 5px;
font-family: "Roboto", sans-serif;
font-weight: 300;
color: rgba(251, 251, 251, 1);
color: rgba(43, 46, 53, 1);
cursor: pointer;
}
.hi_price_sorting{
display: inline-block;
text-align: left;
vertical-align: middle;
font-size: 14px;
line-height: 19px;
padding-left: 20px;
padding-right: 10px;
margin-bottom: 5px;
font-family: "Roboto", sans-serif;
font-weight: 300;
color: rgba(251, 251, 251, 1);
color: rgba(43, 46, 53, 1);
cursor: pointer;
}
.populus_price_sorting{
display: inline-block;
text-align: left;
vertical-align: middle;
font-size: 14px;
line-height: 19px;
padding-left: 20px;
padding-right: 10px;
font-family: "Roboto", sans-serif;
font-weight: 300;
color: rgba(251, 251, 251, 1);
color: rgba(43, 46, 53, 1);
cursor: pointer;
}
.none_price_sorting{
display: inline-block;
text-align: left;
vertical-align: middle;
font-size: 14px;
line-height: 19px;
padding-left: 20px;
padding-right: 10px;
font-family: "Roboto", sans-serif;
font-weight: 300;
color: rgba(251, 251, 251, 1);
color: rgba(43, 46, 53, 1);
margin-bottom: 2px;
cursor: pointer;
}
/*Конец оформления блока управления сортировкой по цене*/
/*Конец оформления блока верхних переключателей представления и цены*/
.right_general_wrap_item .item_block_tovar{
width: calc(1/2*100% - 5px);
height: 480px;
}
.item_block_tovar img{
width: 100%;
height: 150px;
position: absolute;
top: 0px;
left: 0px;
}
.h_item_block_tovar{
width: 100%;
min-height: 36px;
display: inline-block;
text-align: left;
vertical-align: middle;
font-size: 14px;
line-height: 18px;
font-family: "Roboto", sans-serif;
font-weight: 600;
color: rgba(48, 48, 48, 1);
color: rgba(0, 0,0, 1);
color: rgba(51, 51, 51, 1);
margin-top: 155px;
padding-left: 5px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
letter-spacing: 0px;
margin-bottom: 10px;
}
.inn_descr_block_item_block_tovar{
padding-left: 5px;
padding-right: 5px;
}
.item_descr_tovar_right{
width: 50%;
min-height: 18px;
line-height: 16px;
position: relative;
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 500;
color: #2e2e33;
display: inline-block;
text-align: center;
vertical-align: middle;
float: right;
}
.item_descr_tovar_left{
width: 50%;
min-height: 18px;
line-height: 16px;
position: relative;
font-family: "Roboto", sans-serif;
font-size: 12px;
font-weight: 600;
color: #2e2e33;
color: rgba(51, 51, 51, 1);
display: inline-block;
text-align: left;
vertical-align: middle;
float: left;
}
.wrap_right_general_wrap_item.price .price_item_block_tovar{
margin-top: 40px;
margin-left:5px;
width: 20%;
}
.item_descr_tovar_right{
width: 50%;
min-height: 18px;
line-height: 18px;
position: relative;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 500;
color: #2e2e33;
display: inline-block;
text-align: center;
vertical-align: middle;
float: right;
}
.price_item_block_tovar{
width: 100%;
height: 30px;
position: relative;
margin: 0px;
padding: 0px;
}
.inn_price_item_block_tovar{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 15px;
line-height: 30px;
font-family: "Roboto", sans-serif;
font-weight: 500;
color: rgba(10, 10, 10, 1);
}
.price_item_block_tovar span{
font-size: 16px;
color: rgba(248, 148, 6, 1);
color: rgba(0, 0, 0, 1);
}
.price_item_block_tovar:after{
position: absolute;
bottom: 2px;
left: 20%;
content: "";
width: 60%;
height: 2px;
content: "";
background: linear-gradient(to right, rgba(248, 148, 6, 0.1) 0%,rgba(248, 148, 6,0.7) 50%, rgba(248, 148, 6, 0.1) 100% );
z-index: 2;
}
/*Начало оформления блока цены в обычном режиме*/
.call_or_btn_item_tovar{
width: 100%;
height:80px;
margin: 0px;
padding: 0px;
margin-top: 10px;
bottom: 5px;
}
.inn_wrap_call_or_btn_item_tovar{
width: 100%;
height: 100%;
position: relative;
margin:0px;
padding: 0px;
}
.btn_block_item_tovar{
width: 98%;
height: 30px;
position: absolute;
left: 1%;
bottom: 0px;
cursor: pointer;
border-radius: 6px;
margin-bottom: 10px;
}
.inn_btn_block_item_tovar{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
}
.inn_a_btn_block_item_tovar{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding:0px;
}
a.a_btn_block_item_tovar{
width: 98%;
height: 30px;
position: absolute;
left: 1%;
top: 0px;
text-decoration: none;
display: block;
border: 1px solid rgba(184,118, 29, 1);
color: rgba(10, 10, 10, 1);
transition-duration: 350ms;
border-radius: 6px;
}
.inn_btn_block_item_tovar_blick{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 12px;
font-weight: 300;
line-height: 30px;
font-family: "0pen Sans", sans-serif;
color: rgba(248, 148, 6, 1);
text-decoration: none;
cursor:pointer;
border-radius: 6px;
}
.btn_block_item_tovar .inn_btn_block_item_tovar_blick{
background-color: rgba(248, 148, 6, 1);
color: rgba(48, 48, 48, 1);
border-radius: 6px;
transition-duration: 250ms;
}
.btn_block_item_tovar:hover .inn_btn_block_item_tovar_blick{
color: rgba(48, 48, 48, 1);
transition-duration: 250ms;
}
a.a_btn_block_item_tovar .inn_btn_block_item_tovar_blick{
color: rgba(48, 48, 48, 1);
}
/*Начало оформления блика*/
.inn_btn_block_item_tovar_blick{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
overflow: hidden;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 12px;
font-weight: 300;
line-height: 30px;
font-family: "Roboto", sans-serif;
color: rgba(248, 148, 6, 1);
color: rgba(10, 10, 10, 1);
color: rgba(227, 126, 30, 1);
text-decoration: none;
cursor:pointer;
letter-spacing: 1px;
}
/*Конец оформления блика*/
/*Конец оформления блока цены в обычном режиме*/
.wrap_right_general_wrap_item.price .item_block_tovar img{
display: none;
}
.wrap_right_general_wrap_item.price .h_item_block_tovar{
width: 29%;
min-height: 36px;
display: inline-block;
text-align: left;
vertical-align: middle;
font-size: 13px;
line-heihgt: 15px;
font-family: "Roboto", sans-serif;
font-weight: 600;
margin-top: 0px;
padding-left: 7px;
padding-right: 10px;
padding-top: 7px;
padding-bottom: 5px;
margin-left: 0px;
margin-bottom: 0px;
float: left;
}
.wrap_right_general_wrap_item.price .descr_block_item_block_tovar{
display: none;
}
.wrap_right_general_wrap_item.price .price_item_block_tovar{
margin-top: 30px;
margin-left:5px;
width: 29%;
text-align: center;
padding-left: 0px;
padding-right: 0px;
}
.wrap_right_general_wrap_item.price .inn_price_item_block_tovar{
width: 100%;
height: 100%;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 15px;
line-height: 30px;
font-family: "Roboto", sans-serif;
font-weight: 500;
color: rgba(10, 10, 10, 1);
}
.wrap_right_general_wrap_item.price .price_item_block_tovar span{
font-size: 16px;
color: rgba(248, 148, 6, 1);
color: rgba(0, 0, 0, 1);
}
.wrap_right_general_wrap_item.price .price_item_block_tovar:after{
position: absolute;
bottom: 2px;
left: 20%;
content: "";
width: 60%;
height: 3px;
content: "";
background: linear-gradient(to right, rgba(248, 148, 6, 0.1) 0%,rgba(248, 148, 6,0.7) 50%, rgba(248, 148, 6, 0.1) 100% );
z-index: 2;
}
.left_general_wrap_item{
width: 280px;
min-height: 100vh;
height: 100%;
position: absolute;
top: 45px;
left: -300px;
opacity: 0;
background-color: rgba(235, 235, 235, 1);
transition-duration: 600ms;
padding-top: 0px;
}
.left_general_wrap_item.active{
transform: translateX(300px);
opacity: 1;
transition-duration: 600ms;
z-index: 5;
}
.right_general_wrap_item.active{
width: 100%;
transition-duration: 600ms;
}
/*Начало оформления блока позвонить или написать в режиме прайса*/
.wrap_right_general_wrap_item.price .call_or_btn_item_tovar{
width: 170px;
height:80px;
margin: 0px;
padding: 0px;
}
.inn_wrap_call_or_btn_item_tovar{
}
.wrap_right_general_wrap_item.price .btn_block_item_tovar{
width: 98%;
height: 30px;
position: absolute;
bottom: 0px;
left: 1%;
cursor: pointer;
border-radius: 6px;
}
.wrap_right_general_wrap_item.price a.a_btn_block_item_tovar{
width: 98%;
height: 30px;
position: absolute;
left: 1%;
top: 0px;
text-decoration: none;
display: block;
border: 1px solid rgba(184,118, 29, 1);
color: rgba(10, 10, 10, 1);
transition-duration: 350ms;
border-radius: 6px;
}
.wrap_right_general_wrap_item.price .inn_btn_block_item_tovar_blick{
line-height: 30px;
}
/*Конец оформления блока позвонить или написать в режиме прайса*/
/*Начало оформления главного баннера для раздела*/
.baner_razdel{
width: 100%;
height: 400px;
position: relative;
margin: 0px;
padding: 0px;
}
.curtain_baner_razdel{
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.35) 10%, rgba(0, 0, 0, 0.35)100%);
z-index: 1;
}
.baner_razdel img{
width: 100%;
height: 100%;
object-fit: cover;
}
.baner_razdel h1{
width: 100%;
height: 40px;
margin-top:10px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 40px;
font-size:22px;
color: white;
font-family: "Roboto", sans-serif;
font-weight: 600;
position: absolute;
top: 80px;
left: 0px;
z-index: 10;
letter-spacing: 2px;
text-transform: uppercase;
}
.block_h{
width: 600px;
height: 300px;
position: absolute;
top: 150px;
left: 50%;
transform: translateX(-300px);
z-index: 10;
}
.block_h_item{
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
vertical-align: middle;
color: rgba(225, 225, 225, 1);
font-family: "Lato", sans-serif;
font-size: 15px;
font-weight: 300;
position: relative;
display: inline-block;
}
.block_h_item span{
width: 20%;
height: 2px;
display: block;
position: absolute;
top: 29px;
left:40%;
content: "";
background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255,0.7) 50%, rgba(255, 255, 255, 0.1) 100% );
}
/*Конец оформления главного баннера для раздела*/
/*Начало оформления блока с анонсами разделов*/
a.item_block_first_block_mobile {
display: inline-block;
width: calc(1/4*100% - 2px);
min-height: 130px;
text-decoration: none;
position: relative;
margin-bottom: 5px;
}
/*Конец оформления блока с анонсами разделов*/
/*Начало оформления текста новый вариант февраль 2023*/
.text_razdel_standart_febr{
font-size: 16px;
line-height: 18px;
font-family: "Open Sans", sans-serif;
font-weight: 500;
box-sizing: border-box;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
margin-top: 15px;
width: 100%;
color: rgba(0, 0, 0, 1);
}
.text_razdel_standart_febr p{
font-size: 14px;
line-height: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 500;
box-sizing: border-box;
overflow: hidden;
margin-bottom: 8px;
margin-top: 0;
width: 100%;
color: rgba(0, 0, 0, 1);
}
.text_razdel_standart_febr ul{
width: 100%;
min-height: 50px;
margin: 0px;
padding: 0px;
position: relative;
display: inline-block;
text-align: left;
vertical-align: middle;
padding-left: 30px;
padding-right: 15px;
}
.text_razdel_standart_febr ul li{
width: 100%;
margin: 0px;
padding: 0px;
position: relative;
display: inline-block;
text-align: left;
vertical-align: middle;
font-size: 14px;
line-height: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 500;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
}
/*Конец оформления текста новый вариант февраль 2023*/
/*Начало оформления баннера внизу*/
.bottom_baner_text_line_1,
.bottom_baner_text_line_2,
.bottom_baner_text_line_3{
width: 100%;
display: inline-block;
font-size: 25px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-style: normal;
vertical-align: middle;
line-height: 34px;
min-height: 34px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
color: #e3b239;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 5px;
position: relative;
color: rgba(245, 245, 245, 1);
}
.bottom_baner_text_line_1{
margin-top:95px;
margin-bottom: 35px;
color: #e3b239;
}
.bottom_baner_text_line_2{
font-size: 22px;
line-height: 26px;
}
.bottom_baner_text_line_3{
font-size: 22px;
line-height: 26px;
}
/*Конец оформления баннера внизу*/
/*Начало оформления двухколоночной таблицы*/
h2.h2_standart_razdel{
font-size: 18px;
line-height: 21px;
}
.table_for_two_col_razdel table td span{
font-size: 14px;
padding-top: 5px;
font-weight: 700;
}
.table_for_two_col_razdel table td:first-child{
font-size: 18px;
font-family: "Open Sans", sans-serif;
font-weight: 300;
text-align: left;
}
.table_for_two_col_razdel table td:first-child span{
font-size: 14px;
font-family: "Open Sans", sans-serif;
font-weight: 300;
text-align: left;
padding-left: 15px;
}
.table_for_two_col_razdel table tr:nth-child(1){
height: 60px;
padding-top: 0;
font-size: 20px;
font-family: "Open Sans",sans-serif;
color: white;
}
.table_for_two_col_razdel table tr:first-child td span{
font-size: 16px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: #f89406;
}
.table_for_two_col_razdel{
width: 480px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
overflow: hidden;
margin-bottom: 40px;
border-radius: 4px;
}
/*Конец оформления двухколоночной таблицы*/
body{
}
/*Начало оформления отзывов в разделе*/
h2.h2_h2_razdel{
width: 100%;
height: 30px;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 23px;
color: rgba(252, 251, 244, 1);
margin-top:10px;
}
.wrap_otsiv_razdel{
background-color: rgba(44, 52, 62, 1);
height: 460px;
padding-top: 0px;
width: 100%;
position: relative;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
margin-top: 15px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.slide_otzivi_razdel{
width: 500px;
position: relative;
height: 300px;
margin: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
}
.container_slide_otzivi_index{
width: 500px;
height: 300px;
padding: 0px;
margin: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
margin-top: 0px;
}
.item_slide_portfolio_razdel{
height: 300px;
margin-top: 0px;
width: 500px;
margin-right: 0px;
margin-left: 0px;
position: relative;
}
.item_slide_portfolio_razdel a{
height: 300px;
display: inline-block;
position: relative;
margin-top: 0px;
width: 500px;
outline: none;
overflow: hidden;
}
.item_slide_portfolio_razdel a img{
width:480px;
height: 286px;
}
/*Конец оформления отзывов в разделе*/
/*Начало оформления стандартного текста и списков*/
body{
}
.text_razdel_standart_razdel p{
font-size: 14px;
line-height: 18px;
font-family: "Open Sans", sans-serif;
font-weight: 500;
box-sizing: border-box;
overflow: hidden;
margin-bottom: 10px;
margin-top: 0;
width: 100%;
color: rgba(0, 0, 0, 1);
}
.text_razdel_standart_razdel ul li{
font-size: 14px;
line-height: 18px;
margin-bottom: 5px;
}
h2.h2_h2_razdel{
height: 40px;
font-weight: 600;
font-size: 25px;
line-height: 28px;
margin-top:20px;
}
h2.h2_standart_razdel{
width: 100%;
height: 30px;
margin-top: 15px;
margin-bottom: 10px;
line-height: 19px;
font-size: 16px;
color: white;
font-family: "Roboto", sans-serif;
font-weight: 600;
color: rgba(10, 10, 10, 1);
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a.item_very_interesno{
width: calc(1/3*100% - 2px);
text-decoration: none;
color: rgba(40, 40,40, 1);
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 14px;
font-weight: 500;
line-height: 20px;
font-family: "Roboto", sans-serif;
border: 2px dashed rgba(248, 148, 6, 1);
border-radius: 5px;
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom:10px;
transition-duration: 250ms;
margin-bottom: 10px;
margin-right: 10px;
}
/*Конец оформления стандартного текста и списков*/
.baner_razdel {
width: 100%;
}
.header_new {
width: 100%;
}
a.a_btn_block_item_tovar_none {
display: none;
}
/*Начало оформления выдвигающихся панелей*/
.item_desk_panel_2023.item_desk_panel_2023_level_2.active{
animation-name: second_panel_menu_2023_mobile;
animation-duration: 550ms;
transition-timing-function: ease-in;
animation-fill-mode: forwards;
}
.back_button{
display: block;
}
/*Конец оформления выдвигающихся панелей*/
/*Начало оформления отзывов в разделе*/
h2.h2_h2_razdel{
width: 100%;
height: 30px;
position: relative;
margin: 0px;
padding: 0px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 23px;
color: rgba(252, 251, 244, 1);
margin-top:10px;
}
.wrap_otsiv_razdel{
background-color: rgba(44, 52, 62, 1);
height: 460px;
padding-top: 0px;
width: 100%;
position: relative;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
margin-top: 15px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.slide_otzivi_razdel{
width: 500px;
position: relative;
height: 300px;
margin: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
}
.container_slide_otzivi_index{
width: 500px;
height: 300px;
padding: 0px;
margin: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
margin-top: 0px;
}
.item_slide_portfolio_razdel{
height: 300px;
margin-top: 0px;
width: 500px;
margin-right: 0px;
margin-left: 0px;
position: relative;
}
.item_slide_portfolio_razdel a{
height: 300px;
display: inline-block;
position: relative;
margin-top: 0px;
width: 500px;
outline: none;
overflow: hidden;
}
.item_slide_portfolio_razdel a img{
width:480px;
height: 286px;
}
/*Конец оформления отзывов в разделе*/
/*Начало оформления политики конфиденциальности*/
.wrap_for_text_page_org{
width: 100%;
}
/*Конец оформления политики конфиденциальности*/
/*Начало оформления страницы из раздела наше портфолио*/
.wrap_for_text_page_org .item_img_wide{
width: 580px;
height:326px;
}
/*Конец оформления страницы из раздела наше портфолио*/
/*Начало оформление страницы контакты*/
.wrap_top_contact{
height: 600px;
font-size: 16px;
line-height: 20px;
}
.wrap_item_contact{
height: 500px;
left: 60px;
top: 40px;
}
.wrap_contact{
width: 550px;
height: 80px;
}
.color_area_base{
width: 550px;
height: 80px;
}
.color_area{
width: 550px;
}
.wrap_contact:hover .color_area_base{
width: 550px;
height: 80px;
}
.right_adres_contact {
position: absolute;
right: 52px;
display: inline-block;
top: 10px;
line-height: 22px;
z-index: 14;
}
.right_adres_contact2{
top: 32px;
right: 85px;
}
.right_adres_contact3{
top: 50px;
right: 53px;
}
/*Конец оформление страницы контакты*/
/*Начало оформление страницы контакты*/
div.wrap_out_contact{
height: 500px;
}
.wrap_item_contact{
position: absolute;
top: 70px;
left: 10%;
width: 80%;
}
.inn_left_part_contact{
font-size: 12px;
font-weight: 600;
color: #ebddc3;
line-height: 26px;
text-transform: uppercase;
padding-left: 15px;
padding-right: 15px;
padding-top: 25px;
}
.inn_right_part_contact{
font-weight: 500;
font-size: 12px;
line-height: 26px;
padding-left: 15px;
padding-right: 15px;
padding-top: 25px;
}
/*Конец оформление страницы контакты*/
.header_new.dark_theme_header ~ .h1_container_re{
margin-top: 40px;
}
/*Начало оформления нового слайдера на главной странице*/
/*Начало оформления таблицы товара в режиме прайс и 6 параметрами*/
.wrap_right_general_wrap_item.price.price_6 .item_block_tovar{
width: 100%;
min-height: 70px;
height: 280px;
margin: 0px;
padding: 0px;
margin-bottom: 15px;
}
.wrap_right_general_wrap_item.price.price_6 .h_item_block_tovar{
width: 17%;
min-height: 54px;
display: inline-block;
text-align: left;
vertical-align: middle;
font-size: 13px;
line-height: 18px;
font-family: "Roboto", sans-serif;
font-weight: 600;
margin-top: 0px;
margin-left: 0px;
padding-left: 0px;
padding-right: 10px;
padding-top: 110px;
padding-bottom: 5px;
margin-bottom: 0px;
float: left;
}
.wrap_right_general_wrap_item.price.price_6 .descr_block_item_block_tovar{
width: 55%;
height: 280px;
position: relative;
margin: 0px;
padding: 0px;
background-color: rgba(241, 241, 241, 1);
float: left;
padding-top: 20px;
display: block;
}
.wrap_right_general_wrap_item.price.price_6 .item_row_descr{
width: 45%;
height: 70px;
display: inline-block;
text-align: center;
vertical-align: middle;
margin-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
margin-left: 5px;
}
.wrap_right_general_wrap_item.price.price_6 .item_descr_tovar_right{
width: 100%;
min-height: 18px;
line-height: 18px;
position: relative;
font-family: "Roboto", sans-serif;
font-size: 12px;
font-weight: 500;
color: #2e2e33;
display: inline-block;
text-align: left;
vertical-align: middle;
float: right;
}
.wrap_right_general_wrap_item.price.price_6 .item_descr_tovar_left{
width: 100%;
min-height: 18px;
line-height: 18px;
position: relative;
font-family: "Roboto", sans-serif;
font-size: 12px;
font-weight: 600;
color: #2e2e33;
display: inline-block;
text-align: left;
vertical-align: middle;
float: left;
}
.wrap_right_general_wrap_item.price.price_6 .price_item_block_tovar{
width: 20%;
height: 30px;
position: relative;
margin: 0px;
padding: 0px;
margin-top: 68px;
margin-right: 10px;
float: right;
}
.wrap_right_general_wrap_item.price.price_6 .call_or_btn_item_tovar{
width: 150px;
height:80px;
position: absolute;
top: 110px;
right: 5px;
margin: 0px;
padding: 0px;
}
.wrap_right_general_wrap_item.price.price_6 .btn_block_item_tovar{
width: 100%;
height: 35px;
margin-left: 0%;
cursor: pointer;
display: block;
position: absolute;
bottom: 0px;
right: 0px;
}
.wrap_right_general_wrap_item.price.price_6 .inn_price_item_block_tovar{
font-size: 12px;
line-height: 30px;
font-weight: 500;
}
.wrap_right_general_wrap_item.price.price_6 .price_item_block_tovar span{
font-size: 12px;
}
/*Конец оформления таблицы товара в режиме прайс и 6 параметрами*/
.item_gen_table.item_gen_table_2{
width: calc(1/2*100% - 3px);
}
/*Конец оформления нового слайдера на главной странице*/
}