body{
font-family: 'Open Sans'!important;
font-style: normal;
margin: 0!important;
padding: 0!important;
background: #FBFBFB!important;
}
.wrp{
width: 1310px;
margin-left: auto;
margin-right: auto;
}
:is(ul,ol) li {
margin-bottom:0;
}
a:hover {
color: inherit;
}
:is(ul,ol) {
--list-mb: 0;
--li-mb: 0;
--li-pl: 0;
}
a:active, a:focus { outline: none; text-decoration: none; }
input, textarea {
outline:none;
font-family: 'Open Sans'!important;
}
input:active, textarea:active {
outline:none;
}
:focus {outline:none;}
button:active, button:focus {
font-family: 'Open Sans'!important;
outline: none;
}
button:active, button:focus {
outline: none;
}
select {
font-family: 'Open Sans'!important;
}
a {
text-decoration: none;
}
::-webkit-scrollbar {
width: 6px; /* ширина для вертикального скролла */
height: 6px; /* высота для горизонтального скролла */
background-color: rgba(51, 51, 51, 0.1); border-radius: 9em;
}
/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
background-color: #EC641E;
border-radius: 9em;
}
::-webkit-scrollbar-thumb:hover {
background-color: #EC641E;
}
body .os {
font-family: 'Oswald'!important;
}
.heza {
height: 172px;
}
.header-wrapper {
position: fixed;
z-index: 33;
left: 0;
top: 0;
width: 100%;
transition: 0.3s;
}
.out{
transition: 0.3s;
top: -80px;
}
.header-line1 {
background: #EC641E;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 40px;
/* identical to box height, or 200% */
color: #FFFFFF;
text-align: center;
}
.headerline2-iner {
align-items: center;
justify-content: space-between;
display: flex;
}
.header-line2 {
background: #191818;
padding-top: 8px;
padding-bottom: 8px;
}
.headerline2-left ul{
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 35px;
}
.headerline2-left a{
transition: 0.3s;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 140%;
/* identical to box height, or 286% */
color: #FFFFFF;
}
.headerline2-left a:hover{
opacity: 0.7;
transition: 0.3s;
color: #fff;
}
.headerline2-right {
display: flex;
gap: 35px;
align-items: center;
}
.headerline2-contitem, .headerline2-contitem a {
display: flex;
align-items: center;
gap: 4px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
/* or 22px */
letter-spacing: 0.08em;
color: #FFFFFF;
transition: 0.3s;
}
.headerline2-contitem img {
width: 22px;
}
.headerline2-contitem a:hover {
opacity: 0.7;transition: 0.3s;
color: #fff;
}
.headerline2-online {
display: flex;
align-items: center;
gap: 16px;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 140%;
/* identical to box height, or 286% */
color: #FFFFFF;
}
.headerline2-onlinetext {
position: relative;
display: flex;
gap: 10px;
align-items: center;
}
.headerline2-mes {
display: flex;
align-items: center;
gap: 7px;
}
.headerline2-mes a {
display: flex;
transition: 0.3s;
}
.headerline2-mes img {
width: 100%;
}
.headerline2-mes a:hover {
transition: 0.3s;
transform: scale(1.1);
}
.pulse {
width: 4px;
height: 4px;
position: relative;
background: #6AFF0D;
border-radius: 50%;
}
.pulse::after,
.pulse::before {
content: '';
position: absolute;
border: 1px solid #6AFF0D;
left: -4px;
opacity: 0;
right: -4px;
top: -4px;
bottom: -4px;
border-radius: 50%;
animation: pulse 2.5s linear infinite;
}
.pulse::after {
animation-delay: 1.25s;
}
@keyframes pulse {
0% {
transform: scale(0.5);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
.headerosn {
background: #FBFBFB;
padding-top: 20px;
padding-bottom: 20px;
}
.burger-menu-button {
display: flex;
width: 24px;
height: 24px;
position: relative;
}
.burger-menu-button-line1 {
height: 3px;
width: 24px;
border-radius: 2px;
background: #fff;
position: absolute;
top: 2px;
left: 0; transition: 0.3s;
}
.burger-menu-button-line2 {
height: 3px;
width: 24px;
border-radius: 2px;
position: absolute;
top: 10px;
left: 0;
background: #fff;
}
.burger-menu-button-line3 {
height: 3px;
width: 24px;
border-radius: 2px;
background: #fff;
position: absolute;
top: 18px;
left: 0; transition: 0.3s;
}
.catalogse-buttonn2 .burger-menu-button-line1 {
transition: 0.3s;
top: 11px;
transform: rotate(45deg);
}
.catalogse-buttonn2 .burger-menu-button-line2 {
width: 0;
}
.catalogse-buttonn2 .burger-menu-button-line3 {
transition: 0.3s;
top: 11px;
left: 0;
transform: rotate(-45deg);
}
.header-logo-cat {
display: flex;
align-items: center;
gap: 18px;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-logo {
width: 160px;
}
.header-logo img {
width: 100%;
}
.headercatbutton {
cursor: pointer;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 31px;
/* identical to box height, or 155% */
color: #FFFFFF;
display: flex;
align-items: center;
gap: 11px;
background: #EC641E;
border-radius: 10px;
padding: 5px 16px;
}
.header-search input[type="search"] {
padding: 6px 30px;
box-sizing: border-box!important;
width: 100%;
height: 40px;
background: #FFFFFF;
border: 1px solid rgba(36, 36, 36, 0.16);
border-radius: 10px;
}
.header-search input, .header-search input::placeholder {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 27px;
/* identical to box height, or 169% */
color: rgba(36, 36, 36, 0.7);
}
.thumosslid img {
width: 100%;
}
.header-search {
width: 432px;
}
.header-search input[type="search"] {
color: rgba(36, 36, 36, 1);
}.window-close {
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
}
.button1 {
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 140%;
/* identical to box height, or 250% */
color: #FFFFFF;
transition: 0.3s;
padding: 0px 34px;
background: #EC641E;
border-radius: 10px;
height: 40px;
}
.button1:hover{
transition: 0.3s;
transform: scale(1.03);
}
.header-urers-buttons {
display: flex;
gap: 26px;
}
.header-urers-button {
width: 32px; transition: 0.3s;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.header-urers-button:hover {
transform: scale(1.05);
transition: 0.3s;
}
.header-urers-button img {
width: 100%;
}
.header-urers-button span {
position: absolute;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 18px;
color: #FFFFFF;
top: -4px;
right: -7px;
background: #EC641E;
border-radius: 50px;
}
.section-home-first {
background: url(img/bg1.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.homefirst {
position: relative;
padding-top: 94px;
padding-bottom: 94px;
}
.homefirst-img {
top: 50%;
transform: translateY(-50%);
width: 197px;
left: -163px;
position: absolute;
}
.homefirst-img img {
width: 100%;
}
.home-title-first {
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 62px;
/* or 129% */
color: #FFFFFF;
max-width: 822px;
margin-top: 0;
margin-bottom: 22px;
}
.text-first-screnhome {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 35px;
/* or 175% */
color: #FFFFFF;
margin-bottom: 32px;
}
.home-title-first span, .text-first-screnhome span {
color: #EC641E;
}
.bottininhomefirst {
display: flex;
margin-top: 32px;
justify-content: flex-start;
}
.homefirst-tags-line {
display: flex;
gap:10px;
flex-wrap: wrap;
}
.homefirst {
display: flex;
justify-content: space-between;
}
.homefirst-left {
max-width: 900px;
}
.homefirst-tags-line-item {
transition: 0.3s;
/* Frame 7 */
box-sizing: border-box;
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 2px 32px;
border: 1px solid #FFFFFF;
border-radius: 100px;
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 34px;
/* identical to box height, or 170% */
color: #FFFFFF;
}
.homefirst-tags-line-item:hover {
transition: 0.3s;
background: #EC641E;
}
.homefirst-right {
display: flex;
width: fit-content;
flex-direction: column;
gap:28px;
}
.homefirst-right-item {
gap:17px;
display: flex;
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 140%;
/* identical to box height, or 183% */
color: #FFFFFF;
padding: 4px 15px;
background: #181818;
border-radius: 20px;
width: fit-content;
}
.homefirst-right-item span {
display: block;
margin-top: -2px;
}
.homefirst-right-item img {
width: 56px;
}
.mt80 {
margin-top: 80px;
}
.mb100 {
margin-bottom: 100px;
}
.twocardinhome {
display: flex;
padding-bottom: 20px;
gap: 20px;
}
.twocardinhome-item {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
width: calc(50% - 10px);
border-radius: 10px;
background: #E5F4FB;
padding: 30px;
padding-bottom: 45px;
box-sizing: border-box;
}
.twocardinhome-item2 {
background: #FFF7DA;
}
.twocardinhome-image1 img , .twocardinhome-image2 img {
width: 100%;
}
.twocardinhome-image1 {
position: absolute;
width: 262px;
display: flex;
right: -26px;
bottom: -69px;
}
.twocardinhome-image2 {
position: absolute;
width: 403px;
display: flex;
right: -74px;
bottom: -123px;
}
.twocardinhome-title {
margin-bottom: 20px;
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 44px;
/* identical to box height, or 157% */
display: block;
color: #242424;
}
.twocardinhome-list {
display: flex;
gap:10px 60px;
flex-wrap: wrap;
margin-bottom: 55px;
position: relative;
z-index: 2;
}
.twocardinhome-listitem {
display: block;
width: calc(50% - 30px);
font-weight: 400;
font-size: 16px;
line-height: 20px;
/* identical to box height, or 250% */
padding-top: 10px;
padding-bottom: 10px;
color: #242424;
transition: 0.3s;
/* Rectangle 21 */
border-bottom: 1px solid rgba(236, 100, 30, 0.35);
box-sizing: border-box;
}
.twocardinhome-listitem:hover {
color: #EC641E;
transition: 0.3s;
}
.butarrow{
transition: 0.3s;/* Все категории раздела */
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
/* identical to box height, or 200% */
color: #242424;
display: flex;
gap: 12px;
}
.butarrow img {
width: 33px;
display: block;
margin-top: 3px; transition: 0.3s;
}
.butarrow:hover {
color:#EC641E;
transition: 0.3s;
} .butarrow:hover img {
transform: translateX(10px); transition: 0.3s;
}
.section-title {
margin-top: 0;
margin-bottom: 0;
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 140%;
/* identical to box height, or 183% */
color: #242424;
font-family: 'Oswald'!important;
}
.mb40 {
margin-bottom: 40px;
}
.poptovcards {
display: flex;
gap: 40px 20px;
flex-wrap: wrap;
}
.poptovcard {
position: relative;
width: calc((100% - 60px) / 4);
}
.posabslink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.poptovcard-text{margin-top: 20px;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
/* identical to box height, or 200% */
color: #242424;
transition: 0.3s;
}
.poptovcard-image {
/* Rectangle 22 */
box-sizing: border-box;
height: 319px;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.poptovcard-image img {
transition: 0.3s;width: 100%;
}
.poptovcard:hover .poptovcard-image img {
transform: scale(1.05);
transition: 0.3s;
}
.poptovcard:hover .poptovcard-text {
transition: 0.3s;
color:#EC641E;
}
.tabs-nav1 {
display: flex;
flex-wrap: wrap;
max-width: 980px;
gap: 10px;
}
.tabs-nav1 a {
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 34px;
/* identical to box height, or 170% */
color: #EC641E;
display: flex;
/* Frame 6 */
box-sizing: border-box;
box-sizing: border-box;
padding: 2px 30px;
border: 1px solid #EC641E;
border-radius: 100px;
transition: 0.3s;
}
.tabs-nav1 a:hover, .tabs-nav1 a.current {
background: #EC641E;
transition: 0.3s;
color: #fff;
}
.gotocat {
display: flex;
justify-content: center;
margin-top: 40px;
}
.tabs-items1-infolist {
display: none;
}
.tabs-tovitems {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.tabs-tovitem {
width: calc(50% - 10px);
/* Rectangle 22 */
position: relative;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 10px;
padding: 24px 20px;
}
.tabs-tovitem-top-title{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;/* Сервер Huananzhi X10 RM2 (E5 2680 V4*2шт., RAM 1024Gb, NVME M.2 2Tb, WD HDD 6Tb * 2шт., PSU 1200W) */
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
/* or 150% */
color: #242424;
margin-bottom: 8px;
}
.butarrow2 img {
width: 10px;
margin-top: 4px;
}
.tabs-tovitem-top {
display: flex;
gap:20px;
}
.tabs-tovitem-top-header {
display: flex;
flex-direction: column;
width: calc(100% - 256px);
}
.tabs-tovitem-top-image {
height: 236px;
overflow: hidden;
width: 236px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;border-radius: 10px;
}
.tabs-tovitem-top-image img {
width: 100%;object-fit: contain;
}
.tabs-tovitem-top-price {
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 44px;
/* identical to box height, or 157% */
color: #EC641E;
margin-bottom: 18px;
}
.tabs-tovitem-top-buttons {
display: flex;
margin-bottom: 20px;
gap: 30px;
}
.techbutincard .span2 {
display: none;
}
.techbutincard {
display: flex;
align-items: center;
cursor: pointer;
gap: 6px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */
color: #242424;
transition: 0.3s;
}
.techbutincard:hover {
transition: 0.3s;
color:#EC641E;
}
.sricon {
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
}
.wishicon {
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
}
.tabs-tovitem-charzn {
text-align: right;
}
.aded .wishicon {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
}
.aded .span2 {
display: block;
}
.aded .span1 {
display: none;
}
.added2 .span2 {
display: block;
}
.added2 .span1 {
display: none;
}
.addtocart1 {
cursor: pointer;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 40px;
/* identical to box height, or 250% */
color: #FFFFFF;/* Frame 3 */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;width: 100%;
box-sizing: border-box;
background: #EC641E;
border-radius: 10px;
}
.tabs-tovitem-char {
margin-top: 20px;
}
.tabs-tovitem-char-item {
border-bottom: 1px solid rgba(236, 100, 30, 0.35);
padding-top: 10px;
padding-bottom: 10px;/* Габариты */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 286% */
display: flex;
justify-content: space-between;
color: #242424;
gap: 20px;
}
.tabs-tovitem-chartitle,
.tabs-tovitem-charzn {
max-width: calc(50% - 10px);
}
.buttonpodrintabscard {
position: absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
padding-bottom: 20px;
width: 100%;
box-sizing: border-box;
}
.buttonpodrintabscard:before {
position: absolute;
bottom: 0;
content: '';
left: 0;
width: 100%;
box-sizing: border-box;
height:100px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) -91.67%, #FFFFFF 100%);
border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.butarrow2 {
position: relative;
}
.facitem-content {
display: none;
}
.facitem-items {
display: flex;
flex-direction: column;
gap: 20px;
}
.facitem-item , body details{
width: 100%;
/* Frame 1272638262 */
box-sizing: border-box;
background: #FCFCFC;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 12px;
}
.facitem-title, body details summary{
cursor: pointer;
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 44px;
/* identical to box height, or 157% */
color: #0D0D0D;
transition: 0.3s;
padding: 16px;
display: flex;
justify-content: space-between;
}
.facitem-title span {
max-width: calc(100% - 60px);
}
.facitem-title .arrac {
transition: 0.3s; background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
margin-top: 10px;
}
.dactive__item .facitem-title .arrac{
transform: scale(1, -1);
transition: 0.3s;
}
.dactive__item .facitem-title , body details[open] summary{
transition: 0.3s;
color:#EC641E;
}
.facitem-content {
padding: 8px 16px 20px 16px;
}
.text-block p , .text-block ul , .text-block ol{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
/* or 162% */
margin-top: 0;
color: #000000;
margin-bottom: 10px;
}
.text-block h2{
margin-bottom: 20px;
margin-top: 32px;
font-family: 'Oswald'!important;
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 44px;
/* identical to box height, or 157% */
color: #000000;
}
.text-block h3{
margin-top: 20px;
margin-bottom: 10px;
/* h4 */
font-family: 'Oswald'!important;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 40px;
/* identical to box height, or 200% */
color: #000000;
}
.text-block h4{
margin-top: 20px;
margin-bottom: 10px;
/* h4 */
font-family: 'Oswald'!important;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 140%;
/* identical to box height, or 200% */
color: #000000;
}
.text-block tbody{
margin-bottom: 20px;
display: block;
}
.text-block h2:first-child, .text-block h3:first-child {
margin-top: 0;
}
.text-block a {
color: #EC641E;
font-size: inherit;
line-height: inherit;
}
.text-block tbody tr th {
text-align: left;
font-family: 'Oswald'!important;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 40px;
/* identical to box height, or 200% */
color: #000000;
}
.text-block tbody tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.tricol-table {
margin-bottom: 20px;
}
.tricol-table-line {
display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.5);
padding-top: 8px;
padding-bottom: 8px;
gap:10px;
}
.tricol-table-item {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
/* identical to box height, or 162% */
color: #000000;
width: calc((100% - 20px) / 3);
}
.tricol-table-line-header .tricol-table-item {
text-align: left;
font-family: 'Oswald'!important;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 40px;
/* identical to box height, or 200% */
color: #000000;
}
.tricol-table-item a {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
/* identical to box height, or 162% */
color: #000000;
}
.tricol-table-item a:hover {
transition: 0.3s;
color:#EC641E;
}
.section-subtitle {
margin-top: 20px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
/* identical to box height, or 250% */
color: #000000;
}
.rews-slider-wrp {
position: relative;
}
.rews-slider-arrovs {
position: absolute;
top: -52px;
right: 0;
display: flex;
gap:20px;
}
.swiper-button-prev0 , .swiper-button-next0 {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
width: 30px;
height: 30px;
}
.swiper-button-prev0 {
transform: scale(-1, 1);
}
.swiper-button-prev0:hover , .swiper-button-next0:hover {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
}
.swiper-button-disabled {
opacity: 0.5;
}
.swiper-pagination-doty {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
}
.swiper-pagination-bullet {
/* Rectangle 33 */
box-sizing: border-box;
width: 5px;
height: 8px;
transition: 0.3s;
border: 1px solid #EC641E;
border-radius: 10px;
opacity: 1;
background: inherit;
}
.swiper-pagination-bullet-active{
background: #EC641E;
width: 112px;
transition: 0.3s;
}
.item-slider-rew {
height: auto;
display: flex;
flex-direction: column;
padding: 16px;
background: #FFFFFF;
/* Sadow card 2 */
box-sizing: border-box;
justify-content: space-between;
border-radius: 10px;
gap: 24px;
border: 1px solid rgba(0, 0, 0, 0.14);
}
.item-slider-rew-star {
margin-bottom: 16px;
display: flex;
width: 88px;
}
.item-slider-rew-star img {
width: 88px;
}
.item-slider-rew-text {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
/* or 162% */
/* Text Colors/Primary */
color: #110700;
}
.item-slider-rew-bottom {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
line-height: 26px;
}
.item-slider-rew-name{
font-style: normal;
font-weight: 700;
/* identical to box height, or 162% */
/* Text Colors/Primary */
color: #110700;
}
.item-slider-rew-data {
font-style: normal;
font-weight: 400;
/* identical to box height, or 162% */
/* Text Colors/Secondary */
color: #969391;
}
.list-tag {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.list-tag a {
font-weight: 300;
font-size: 20px;
line-height: 34px;
/* identical to box height, or 170% */
/* Frame 7 */
box-sizing: border-box;
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 2px 32px;
border: 1px solid #EC641E;
border-radius: 100px;
color: #EC641E;
transition: 0.3s;
}
.list-tag a:hover {
transition: 0.3s;
color: #fff;
background: #EC641E;
}
.footer-wrapper {
background: #191818;
padding-top: 55px;
padding-bottom: 55px;
}
.footer {
display: flex;
gap:20px;
}
.footer-col {
border-right: 1px solid rgba(255, 255, 255, 0.2);
width: calc((100% - 60px) / 4);
box-sizing: border-box;
}
.footer-col:last-child {
border-right: none;
}
.footerlogo {
display: flex;
margin-top: -30px;
width: 204px;
margin-bottom: 8px;
}
.footerlogo img {
width: 100%;
}
.titlefooterrazdel {
margin-bottom: 12px;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 40px;
/* identical to box height, or 200% */
color: #FFFFFF;
}
.titlefooterrazdel2 {
margin-top: 30px;
}
.titlefooterrazdeldf {
display: flex;
gap: 135px;
}
.foosic {
display: flex;
gap: 13px;
}
.foosic a {
display: flex;
transition: 0.3s;
width: 30px;
}
.foosic img {
width: 30px;
}
.foosic a:hover {
transition: 0.3s;
transform: scale(1.05);
}
.footerlist ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap:12px;
}
.footerlist a {
font-style: normal;
font-weight: 400;
font-size: 14px;
display: block;
line-height: 130%;
/* or 18px */
color: #FFFFFF; transition: 0.3s;
}
.ofsite {
display: flex;
gap:8px;
align-items: center;/* Информация о нас
на официальном сайте завода! */
margin-top: 48px;
margin-bottom: 48px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
/* or 18px */
transition: 0.3s;
color: #FFFFFF;
}
.ofsite img {
width: 31px;
}
.footerlist a:hover, .ofsite:hover {
color:#EC641E; transition: 0.3s;
}
.footer-copy {
display: flex;
flex-direction: column;
gap:10px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
/* or 18px */
color: rgba(255, 255, 255, 0.5);
}
.footer-contacts-items {
display: flex;
flex-direction: column;
gap: 12px;
}
.footer-contact-title {
margin-bottom: 8px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
/* or 18px */
color: rgba(255, 255, 255, 0.5);
}
.footer-contact-info , .footer-contact-info a{
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
/* or 18px */
color: #FFFFFF;
}
.footer-contact-info a {
transition: 0.3s;
}
.footer-contact-info a:hover {
color:#EC641E; transition: 0.3s;
}
.titlefooterrazdelsrv {
display: flex;
gap: 4px;
}
.servram {
margin-top: -10px;
cursor: pointer;
position: relative;
}
.servram > img {
position: relative;
z-index: 2;
}
.servramtext {
position: absolute;/* Rectangle 28 */
width: 185px;
height: 42px;
background: rgba(255, 255, 255, 0.2);
border-radius: 5px;
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 130%;
/* or 13px */
display: flex;
align-items: center;
justify-content: center;
top: -13px;
left: 0;
visibility: hidden; transition: 0.3s;
color: #FFFFFF; font-family: 'Open Sans';
}.servramtext a {
color:#EC641E;
}
.servram:hover .servramtext {
visibility: visible; transition: 0.3s;
}
.windowwrapper {
position: fixed;
z-index: 999;
top: -200vh;
height: 100vh;
width: 100%;
opacity: 0;
transition: opacity 0.3s;
}
.window-open {
top: 0;
opacity: 1;
transition: opacity 0.3s;
}
.windowover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
}
.windowiner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* Frame 550 */
padding: 10px 30px;
width: 600px;
background: #FFFFFF;
border-radius: 10px ;
box-sizing: border-box;
}
.window-close {
cursor: pointer;
position: absolute;
top: 25px;
right: 25px;
}
.window-title {
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 140%;
color: #0D0D0D;
margin-bottom: 8px;
}
.window-desc {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #110700;
margin-bottom: 12px;
max-width: 450px;
}
.window-form-item {
margin-bottom: 16px;
}
.window-form-label {
margin-bottom: 6px;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #110700;
}
.window-form-input input , .window-form-input textarea{
width: 100%;
box-sizing: border-box;/* text field */
box-sizing: border-box;
padding: 8px 8px;
background: #FFFFFF;
border: 1px solid #B4B1AF;
border-radius: 6px;
}
.window-form-input input, .window-form-input input::placeholder, .window-form-input textarea, .window-form-input textarea::placeholder {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
/* identical to box height, or 162% */
/* Text Colors/Secondary */
color: #969391;
}
.window-form-input input, .window-form-input textarea {
color: #000;
}
.window-form-sub input {
width: 100%;
box-sizing: border-box;
box-shadow: none;/* Отправить заявку */
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 40px;
/* identical to box height, or 250% */
color: #FFFFFF;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background: #EC641E;
border-radius: 10px;
transition: 0.3s;
border: none;
cursor: pointer;
}
.window-wiinsoc {
border-top: 1px solid #EEEEED;
margin-top: 12px;
padding-top: 12px;
}
.window-socili {
font-weight: 400;
font-size: 12px;
line-height: 18px;
text-align: center;
/* Text Colors/Primary */
color: #110700;
}
.window-soctitle {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;margin-top: 6px;
margin-bottom: 6px;
text-align: center;
/* Text Colors/Primary */
color: #110700;
}
.window-form-sub input:hover {
transition: 0.3s;
transform: scale(1.03);
}
.window-soc {
display: flex;
align-items: center;
gap: 7px;
justify-content: center;
padding-bottom: 20px;
}
.window-soc a {
display: flex;
width: 32px;
transition: 0.3s;
}
.window-soc img {
width: 100%;
}
.window-soc a:hover {
transition: 0.3s;
transform: scale(1.1);
}
.window-form-agree {
margin-top: 10px;/* Legend → 1. Тип недвижимости */
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 130%;
color: #969391;
}
.window-form-agree a {
color: #FF7D00;
}
.window-form-agree input {
width: 15px;
height: 15px;
margin: 0;
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.window-form-agree input:checked {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.headerline-catsloge-wrp .wrp {
position: relative;
}.wicat-po {
position: absolute;
top: calc(100% + 6px);
}
#tabs-navs99 {
display: flex;
flex-direction: column;
gap: 2px;
list-style: none;
margin: 0;
padding: 0;
}
.tabss9 {
position: relative;
display: flex;
gap: 2px;
}
.menu-catalog-window-left {
box-sizing: border-box;
padding: 8px 16px;
gap: 10px;
width: 310px;
/* Background Colors/White */
background: #FFFFFF;
/* Background Colors/Gray */
border-right: 1px solid #EEEEED;
/* Sadow card 3 */
box-shadow: 0px 4px 12px rgba(8, 42, 121, 0.1);
border-radius: 10px;
}
.menu-catalog-window-right {
width: 400px;
width: 400px;
padding: 0;
background: none;
}
.menu-catalog-window-left a {
display: flex;
gap:8px;
align-items: center;
padding: 6px 40px 6px 8px;
transition: 0.3s;
font-style: normal;
justify-content: flex-start;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */
text-decoration: none;
/* Text Colors/Primary */
color: #110700;
position: relative;
border-radius: 4px;
}
.menu-catalog-window-right-iner{
/* Frame 1272638222 */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 8px 16px;
gap: 20px;
background: #FFFFFF;
/* Sadow card 3 */
box-shadow: 0px 4px 12px rgba(8, 42, 121, 0.1);
border-radius: 10px;
}.menu-catalog-window-right-iner-col-title:before {
content: attr(data-title);
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height, or 150% */
/* Text Colors/Secondary */
color: #969391;
}
.images-menuitem {
position: relative;
width: 16px;
display: flex;
height: 16px;
}
.images-menuitem .img2 {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 16px;
transition: 0.3s;
height: 16px;
}
.menu-catalog-window-left a:before {
content:'';
position: absolute;
top: 6px;
right: 8px;
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml,');
background-position: center;
transition: 0.3s;
background-size: contain;
background-repeat: no-repeat;
}
.menu-catalog-window-left a:hover , .menu-catalog-window-left .active a {
background: #FF7D00;
transition: 0.3s;
color: #fff;
}
.menu-catalog-window-left a:hover .images-menuitem .img2 , .menu-catalog-window-left .active a .images-menuitem .img2 {
opacity: 1;
transition: 0.3s;
}
.menu-catalog-window-left a:hover:before , .menu-catalog-window-left .active a:before {
background-image: url('data:image/svg+xml,');
background-position: center;
transition: 0.3s;
background-size: contain;
background-repeat: no-repeat;
}
.menu-catalog-window-right-iner-col {
width: 100%
}
.menu-catalog-window-right-iner-col-list {
height: 250px;display: flex;
gap:2px;
flex-direction: column;
overflow-y: auto;
}
.menu-catalog-window-right-iner-col-list::-webkit-scrollbar {
width: 2px; /* ширина для вертикального скролла */
height: 2px; /* высота для горизонтального скролла */
background-color: #EC641E; border-radius: 9em;
}
.menu-catalog-window-right-iner-col-list a{
padding: 8px;
display: block;
/* Text */
text-decoration: none!important;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */
/* Text Colors/Primary */
color: #110700;
border-radius: 4px;
}
.menu-catalog-window-right-iner-col-list a:hover {
background: #FF7D00;
transition: 0.3s;
color: #fff;
text-decoration: none!important;
}
.breadcrumbs ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 5px;/* Главная > Каталог */
font-weight: 600;
font-size: 14px;
line-height: 40px;
/* identical to box height, or 286% */
color: #242424;
}
.breadcrumbs ul a {
color: #EC641E;
}
.header-bread-wrp {
margin-top: 30px;
margin-bottom: 30px;
}
.headeriner-wrapper {
background: url(img/bginer.svg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-top: 60px;
padding-bottom: 60px;
}
.pagetitle {
margin-top: 0;
margin-bottom: 0;/* Каталог */
text-align: center;
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 80px;
/* identical to box height, or 167% */
color: #FFFFFF;
}
ul.checked {
list-style: none;
margin-left: 0;
padding-left: 0;
}
ul.tricol {
display: flex;
flex-wrap: wrap;
gap: 0 20px;
}
ul.tricol li {
width: calc((100% - 40px) / 3);
}
.nedavno-slider-wrp {
margin-top: 30px;
position: relative;
}
.nedavno-slider-wrp .rews-slider-arrovs {
top: -64px;
}
.item-slider-tov-wish {
position: absolute;
top: 20px;
z-index:5;
right: 20px;
}
.wishicon2 {
width: 30px;
height: 30px;
cursor: pointer;
z-index: 4;
background-image: url('data:image/svg+xml,'); background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
background-position: center;
}
.aded .wishicon2, .wishicon2:hover {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
transition: 0.3s;
background-position: center;
}
.item-slider-tov {
position: relative;
height: auto;
display: flex;
flex-direction: column;
justify-content: space-between;/* Rectangle 22 */
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 10px;
}
.item-slider-tov-image {
box-sizing: border-box;
background: #FFFFFF;
border-radius: 10px;
overflow: hidden;
height: 317px;
display: flex;
align-items: center;
justify-content: center;
}
.item-slider-tov-image img {
transition: 0.3s;
}
.item-slider-tov:hover .item-slider-tov-image img {
transform: scale(1.05);
transition: 0.3s;
}
.addtocart1 {
position: relative;
z-index: 4;
}
.item-slider-tov-price {
margin-top: 10px;
margin-bottom: 15px;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
/* identical to box height, or 150% */
text-align: center;
color: #EC641E;
}
.item-slider-tov-bottom {
padding: 0 20px 20px 20px;
}
.item-slider-tov-delivery {
margin-top: 6px;
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 40px;
/* identical to box height, or 200% */
text-align: center;
color: #242424;
}
.item-slider-tov-title {
padding-left: 20px;
padding-right: 20px;
text-align: center;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
/* or 150% */
text-align: center;
color: #242424;
}
.archivelist , .archivelist .wd-products-element{
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.archivelist .wd-loop-footer.products-footer {
width: 100%;
}
.archivelist .item-slider-tov {
width: calc((100% - 40px) / 3);
}
.catalog-pagein {
display: flex;
gap:20px
}
.catalogleft {
width: 315px;
}
.catalog-right {
width: 996px;
}
.addtocart1:hover {
transition: 0.3s;
transform: scale(1.03);
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
box-sizing: border-box;
border-radius: 4px;
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
background: #FFFFFF;
/* Background Colors/White */
border: 2px solid #FFFFFF;
border-radius: 4px;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* or 150% */
text-align: center;
/* Text Colors/Primary */
color: #110700;
}
.woocommerce-pagination ul {
list-style: none;
padding: 0;
margin: 0;
margin-top: 30px;
display: flex;
gap: 8px;
justify-content: flex-end;
}
.woocommerce-pagination ul .page-numbers{
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
border-radius: 4px;
background: #fff;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* or 150% */
text-align: center;
/* Text Colors/Primary */
color: #110700;
}
nav.woocommerce-pagination ul li a:hover {
color: #FF7D00;
}
nav.woocommerce-pagination ul li .page-numbers.current {
color: #fff;
background: #FF7D00;
}
.pagin_row-andtex .next.page-numbers, .pagin_row-andtex .prev.page-numbers {
font-style: normal;
font-weight: 600;
font-size: 14px !important;
transform: none;
line-height: 20px;
height: auto;
width: auto;
color: #110700;
padding: 6px 10px 6px;
background: #EEEEED;
border-radius: 8px;
}
.pagin_row-andtex .next.page-numbers{
margin-left:8px;
} .pagin_row-andtex .prev.page-numbers
{
margin-right: 8px;
}
.sort_option {
border-radius: 0;
background: inherit;
padding: 0;
gap: 0;
}
.sort_name {
border-right: none;
padding-right: 8px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #110700;
}
.sort_current {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */
display: flex;
gap: 8px;
/* Brand Colors/Primary */
color: #FF7D00;
}
.sort_current:after {
content: '';
display: block;
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.sort_drop {
visibility: hidden;
opacity: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
position: absolute;
background: #F4F6FC;
top: 120%;
right: -10px;
border-radius: 5px;
width: 100%;
font-size: 16px;
padding: 5px 10px;
z-index: 10;
background: #FFFFFF;
transition: 0.3s;
box-shadow: 0px 2px 10px 3px rgba(8, 42, 121, 0.04);
border-radius: 10px;
}
.add_sort__btn {
display: none;
}
.sort_select, .filter_toggle {
display: none;
cursor: pointer;
}
.sort_drop.active {
visibility: visible;
opacity: 1;
top: calc(100% + 16px);
}.sort_option {
position: relative;
display: flex;
}
.catalog-right {
position: relative;
}
.archive_sort {
position: absolute;
top: -57px;
right: 0;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #EC641E;
border-radius: 8px;
padding: 12px;
}
.contpage {
display: flex;
gap: 20px;
}
.contpage-col1, .contpage-col2 {
width: calc((100% - 40px) / 3);
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
}
.cardcontram {
box-sizing: border-box;
/* Rectangle 42 */
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 10px;
padding: 12px 20px 20px 20px;
}
.contpagecol2-twobut {
display: flex;
flex-direction: column;
gap: 16px;
}
.cardcontram-title {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 40px;
/* identical to box height, or 200% */
color: #000000;
margin-bottom: 16px;
}
.continfo-items {
display: flex;
flex-direction: column;
gap:16px;
}
.continfo-item-labl {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
/* or 18px */
color: #EC641E;
margin-bottom: 8px;
}
.continfo-item-in, .continfo-item-in a {
display: block;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
/* identical to box height, or 162% */
color: #000000;
}
.razdelitel0innobantitle {
width: 100%;
height: 1px;
margin-top: 3px;
background: rgba(36, 36, 36, 0.19);
}
.breadcrumbs {
overflow-x: auto;
}
.breadcrumbs ul {
width: fit-content;
}
.tov-opis-wrapper-in {
box-sizing: border-box;
padding: 30px;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 10px;
}
.tov-page-title {
margin-top: 0;
margin-bottom: 0;/* Видеокарта HUANANZHI RX580 8Gb 2048SP 256Bit GDDR5 GPU HDMI */
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 54px;
/* or 150% */
color: #242424;
margin-bottom: 15px;
}
.stock3, .stock2, .stock1 {
display: flex;
margin-bottom: 15px;
gap: 6px;
font-size: 12px;
color: grey;
align-items: center;
}
.item-slider-tov-bottom .stock3, .item-slider-tov-bottom .stock2, .item-slider-tov-bottom .stock1 {
justify-content: center;
}
.tov-page-osn-info-right {
box-sizing: border-box;
padding: 30px;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 10px;
}
.wd-buy-now-btn.button.alt {
display: none!important;
}
.sransdd {
display: flex;
align-items: center;
gap: 40px;
}
.sransdd .addtocart1 {
width: 310px;
}
.sransdd .tabs-tovitem-top-buttons {
margin-bottom: 0;
}
.tov-page-osn-info {
display: flex;
gap: 20px;
}
.tov-page-osn-info-wrapper {
margin-bottom: 30px;
}
.tov-page-osn-info-left {
width: 545px;
}
.tov-page-osn-info-right {
width: calc(100% - 565px);
}
.mySwiper88 img {
width: 100%;
}
.thumslid {
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 10px;
overflow: hidden;
height: 128px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
.swiper-slide-thumb-active.thumslid {
border: 1px solid #EC641E;
}
.thumosslid {
height: auto;
}
.thumosslid a {
width: 100%;
height: 100%;
display: flex;
justify-content: center ;
align-items: center;
box-sizing: border-box;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 10px;
}
.mySwiper88-ovff {
margin-top: 10px;
}
#cookie_notification {
display: none;
position: fixed;
bottom: 10px;
z-index: 99999;
left:50%;transform: translatex(-50%);
width: 100%;
max-width: 1310px;
box-sizing: border-box;
background: #fff;
border-radius: 10px;
border: 1px solid #da4623;
}
#cookie_notification.show {
display: flex;
}
#cookie_notification .wrp0 {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
box-sizing: border-box;
padding: 15px;
}
#cookie_notification p {
margin: 0;
font-size: 16px;
line-height: 26px;
font-weight: 300;
max-width: 730px;
color: #000;
}
.cookie_notification-buttons {
display: flex;
gap: 20px;
}
.cookie_accept{
transition: 0.3s;
color: #fff;
border: none;
position: relative;
z-index: 1;
border: none;
box-shadow: none;
cursor: pointer;
}
.cookie_accept:hover{
transition: 0.3s;
transform: scale(1.03);
}
.cookie_accept22 {
display: flex
;
cursor: pointer;
align-items: center;
justify-content: center;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 140%;
color: #EC641E;
transition: 0.3s;
padding: 0px 34px;
background: #fff;
border: 1px solid #EC641E;
border-radius: 10px;
height: 40px;
}
.cookie_accept22:hover {
transition: 0.3s;
transition: 0.3s;
transform: scale(1.03);
}
@media (max-width: 1430px) {
#cookie_notification {
max-width: 900px;
}
#cookie_notification p {
font-size: 12px;
line-height: 130%;
max-width: 550px;
}
}
@media (max-width: 1000px) {
#cookie_notification {
max-width: 704px;
box-sizing: border-box;
}
#cookie_notification .wrp0 {
display: flex
;
justify-content: space-between;
width: 100%;
align-items: center;
padding: 15px;
flex-direction: column;
gap: 15px;
}
}
@media(max-width: 720px) {
.vindagrr {
line-height: 100%;
width: 100%;
}
.vindagrr .wpcf7-list-item-label {
max-width: calc(100% - 26px);
font-size: 11px;
}
.vindagrr .wpcf7-list-item-label a {
font-size: 11px;
}
.callback-ram-form .foagr.vindagrr .wpcf7-list-item-label {
max-width: calc(100% - 26px);
}
.callback-ram-form .foagr.vindagrr {
margin-top: 0;
color: #fff;
}
.vindagrr input {
width: 16px;
height: 16px;
margin: 0;
}
#cookie_notification {
max-width: calc(100% - 40px);
box-sizing: border-box;
}
#cookie_notification .wrp0 {
display: flex
;
justify-content: space-between;
width: 100%;
align-items: center;
padding: 12px;
flex-direction: column;
gap: 15px;
}
#cookie_notification p {
font-size: 10px;
line-height: 130%;
max-width: 100%;
}
.button.cookie_accept , .cookie_accept22 {
width: calc(50% - 10px);
box-sizing: border-box;
font-size: 12px;
line-height: 120%;
padding: 8px;
}
.cookie_notification-buttons {
display: flex
;
gap: 20px;
width: 100%;
}
}
.windowiner {
max-height: 90vh;
overflow-y: auto;
}
.filter_title__row {
display: none;
}
.breadcrumbs ul {
width: fit-content;
white-space: nowrap;
}
.vindow-menu-wraper06 {
display: none;
}
.burgr-mobile {
display: none;
}
.headerline2-right2 {
display: none;
}
.mobbr {
display: none;
}
.blog-items {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.blog-item {
width: calc((100% - 40px) / 3);
position: relative;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 10px;
padding: 24px 20px;
}
.blog-item-link {
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
}
.blog-item-image {
height: 300px
}
.blog-item--bottom {
display: flex;
}
.titlefooterrazdelac22 {
display: none;
}
@media(max-width: 650px) {
.titlefooterrazdelac22 {
display: block
}
.titlefooterrazdelac11{
display: none;
}
}
/* Скрываем второй спан по умолчанию */
.tabs-tovitem-top-button .addtocart1 .span2 {
display: none;
}
/* Когда товар в корзине */
.tabs-tovitem-top-button .addtocart1.added .span1 {
display: none;
}
.tabs-tovitem-top-button .addtocart1.added .span2 {
display: inline;
}
/* Стили для анимации */
.tabs-tovitem-top-button .addtocart1 {
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
.tabs-tovitem-top-button .addtocart1.loading {
opacity: 0.7;
pointer-events: none;
}
.tabs-tovitem-top-button .addtocart1.loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border: 2px solid #fff;
border-top-color: transparent;
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
.tabs-tovitem-top-button {
position: relative;
}
.tabs-tovitem-top-button .addtocart1.added {
color: rgba(0, 0, 0, 0);
}
.tabs-tovitem-top-button .added_to_cart.wc-forward {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 40px;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
.techbutincard button {
font: inherit!important;
background: none!important;
text-transform: none!important;
box-shadow: none!important;
border: none!important;
height: auto!important;
min-height: 1px!important;
background-color: inherit!important;
text-align: left!important;
box-shadow: none!important;
padding: 0;
}
body nav[class*="-pagination"] li :is(.next,.prev):before {
content: none;
}
.woocommerce-ordering {
display: none;
}
.wpc-filters-section {
padding: 16px 0;
margin-bottom:0;
border-bottom: 1px solid #EEEEED;
} .widget-title.wpc-filter-title {
padding-right: 0;
padding-left: 32px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */
color: #272727;
margin-bottom:0;
position: relative;
}
.wpc-filters-section:last-child {
margin-bottom: 0;
padding:0;
padding-top: 16px;border-bottom:none;
}
i.wpc-toggle-children-list:after, .wpc-filter-title:after, .widget-title.wpc-filter-title:after {
content: '';
display: block;
width: 24px;
position: absolute;
height: 24px;
right: auto;
left:0;
top:-4px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: transparent !important;
}
.wpc-filters-main-wrap ul.wpc-filters-ul-list {
padding-top: 8px!important;
}
.wpc-see-more-control.wpc-toggle-a {
font-size: 0;
height: 36px;
position: relative;
border: none!important
}
.wpc-filter-more-less .wpc-see-more-control {
display: block;
}
.wpc-see-more-control.wpc-toggle-a:before {
content:'Показать все';
position: absolute;
left:0;top:9px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */
/* Text Colors/Primary */
color: #110700;
}
.wpc-see-less-control.wpc-toggle-a {
font-size: 0;
height: 36px;
position: relative;
border: none!important
}
.wpc-see-less-control.wpc-toggle-a:before {
content:'Cвернуть';
position: absolute;
left:0;top:9px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */
/* Text Colors/Primary */
color: #110700;
}
.wpc-filter-more-less.wpc-show-more .wpc-see-less-control {
display: block;
}
.wpc-filters-main-wrap li.wpc-term-item a {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */
color: #272727;
}
ul.children .wpc-term-item-content-wrapper label:before, .wpc-filters-checkboxes .wpc-term-item-content-wrapper label:before, .wpc-filters-radio .wpc-term-item-content-wrapper label:before {
content: "";
display: block;
width: 20px !important;
height: 20px !important;
border: none;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
ul.children .wpc-term-item-content-wrapper input:checked ~ label:before, .wpc-filters-checkboxes .wpc-term-item-content-wrapper input:checked ~ label:before, .wpc-filters-radio .wpc-term-item-content-wrapper input:checked ~ label:before {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.wpc-filter-range-form.wpc-form-has-slider {
display: flex
;
flex-direction: column;
margin-top: 8px;
}
.wpc-filters-date-range-column, .wpc-filters-range-wrapper {
display: flex
;
justify-content: space-between;
margin-bottom: 12px;
}
body .wpc-filters-range-wrapper input[type=number] {
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
padding: 10px 16px;
background: inherit;
border-radius: 6px;
border: 1px solid #B4B1AF;
}
body .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle, body .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {
background: #FF7D00;
}
.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], .wpc-filters-main-wrap li.wpc-term-item input[type=radio] {
display: none !important;
}
.theme-numinous .wpc-filters-main-wrap ul.wpc-filters-ul-list, .wpc-filters-main-wrap ul.wpc-filters-ul-list input {
margin-top: 0;
}
.wpc-filter-content {
display: none;
}
body .wpc-filters-main-wrap a.wpc-filters-submit-button {
padding: 11px 12px 9px;
background: #FF7D00;
border-radius: 8px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
text-transform: none;
border-color: #FF7D00 !important;
background-color: #FF7D00 !important;
width: auto;
}
.wpc-filters-main-wrap a.wpc-filters-reset-button {
width: 46px !important;
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 46px!important;
flex: 0 0 46px !important;
height: 46px !important;
background: url(/wp-content/uploads/2025/12/refresh.svg) no-repeat center / cover !important;
cursor: pointer !important;
border: none !important;
font-size: 0 !important;
}
.wpc-filters-section:last-child {
margin-bottom: 0;
padding: 0;
padding-top: 16px;
border-bottom: none;
}
.wpc-term-item-content-wrapper label a {
max-width: calc(100% - 30px);
}
.wpc-term-item-content-wrapper .wpc-term-count {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */
color: #EC641E;
display: flex;
align-items: center;
}
.wpc-term-item-content-wrapper .wpc-term-count-brackets-close,.wpc-term-item-content-wrapper .wpc-term-count-brackets-open {
display: inline-block;
}
.wpc-filter-header.active .wpc-filter-title:after {
transform: scale(1, -1);
}
.wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown):not(.wpc-filter-terms-count-0) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list {
max-height: 252px!important;
overflow-y: auto;
}.wpc-term-item-content-wrapper label a {
max-width: calc(100% - 58px);
display: block;
}
.wpc-filter-link {
margin-right: 3px;
}
body .wpc-filters-main-wrap li.wpc-term-item label {
display: flex;
margin-bottom: 0;
width: 100%;
margin-top: 0;
margin-left: 0;
align-items: flex-start;
}
body .wpc-filter-layout-submit-button {
display: flex;
justify-content: flex-start;
gap: 20px;
flex-direction: row;
}
body .woof_products_top_panel {
display: none!important;
}
/* Страница сравнения */
.compare-page-wrapper {
}
.compare-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 2px solid #eee;
position: relative;
}
.compare-header h2 {
margin: 0;
color: #333;
}
.compare-count {
color: #666;
font-size: 16px;
}
/* Блок с товарами */
.compare-products {
display: flex;
gap: 30px;
margin-bottom: 40px;
}
.compare-product {
flex: 1;
box-shadow: none!important;
position: relative;
}
.compare-product .shop-catalog-archive-list-ver2 {
}
.attribute-value h2 {
display: none;
}
.remove-from-compare22:hover {
transform: scale(1.1);
}
.product-image {
text-align: center;
margin-bottom: 15px;
}
.product-image img {
max-width: 100%;
height: auto;
border-radius: 4px;
}
.product-title {
font-size: 18px;
margin: 0 0 10px 0;
color: #333;
}
.product-price {
font-size: 20px;
font-weight: bold;
color: #007cba;
margin-bottom: 10px;
}
.product-rating {
margin-bottom: 15px;
}
.product-link {
display: inline-block;
padding: 8px 15px;
background: #007cba;
color: white;
text-decoration: none;
border-radius: 3px;
font-size: 14px;
}
.product-link:hover {
background: #005a87;
}
/* Блок с атрибутами */
.compare-attributes {
overflow: hidden;
}
.attribute-row {
display: flex;
border-bottom: 1px solid #eee;
}
.attribute-row:last-child {
border-bottom: none;
}
.attribute-name {
position: absolute;
left: 0;
width: 408px;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 180%;
color: #292929;
padding: 12px 0;
background: inherit;
z-index: 2;
border-bottom: 1px solid #EFEFEF;
}
.compare-attributes-scroll-wrapper {
overflow-x: auto;
overflow-y: hidden;
margin-left: 408px;
scrollbar-width: thin;
scrollbar-color: #c1c1c1 #f1f1f1;
}
.attribute-values {
flex: 1;
display: flex;
}
.attribute-value {
flex: 1;
padding: 15px;
}
.attribute-value:last-child {
border-right: none;
}
/* Сообщение когда нет товаров */
.compare-empty {
text-align: center;
padding: 60px 20px;
font-size: 18px;
color: #666;
background: #f9f9f9;
border-radius: 8px;
}
.categories-tabs-nav {
display: none !important;
}
.compare-controls {
display: flex;
justify-content: space-between;
position: absolute;
left: 0;
z-index: 4;
flex-direction: column;
gap:12px;
top: 68px;
}
.compare-filters {
display: flex;
gap: 12px;
flex-direction: column;
}
.compare-actions {
display: flex;
gap: 10px;
}
body .compare-filter-btn:is(.btn,.button,button,[type=submit],[type=button]),
body .clear-compare-btn:is(.btn,.button,button,[type=submit],[type=button]) {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 120%;
margin-left: 30px;
position: relative;
color: #292929;
border-radius: 0;
border: none;
box-shadow: none;
background: inherit;
cursor: pointer;
-webkit-appearance: none !important;
transition: all 0.3s
ease;
text-align: left;
padding: 0;
text-transform: none;
min-height: 1px;
text-align: left;
justify-content: flex-start;
}
.compare-filter-btn.active {
}
.compare-filter-btn:before {
content: '';
position: absolute;
top: 0;
left: -30px;
width: 19px;
height: 19px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.compare-filter-btn.active:before {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.clear-compare-btn {
margin-left: 30px;
color: #007BFF;
padding: 0;
background: inherit;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 120%;
display: flex;
align-items: center;
}.category-tab-btn.category-level-1 {
background: #e3f2fd;
border-color: #90caf9;
font-weight: 600;
}
.category-tab-btn.category-level-2 {
background: #f3e5f5;
border-color: #ce93d8;
margin-left: 20px;
font-size: 13px;
}
.category-tab-btn.category-level-1.active {
background: #1565c0;
border-color: #1565c0;
}
.category-tab-btn.category-level-2.active {
background: #7b1fa2;
border-color: #7b1fa2;
}
.subcategory-indicator {
font-size: 16px;
opacity: 0.7;
}
.tab-count {
font-size: 12px;
opacity: 0.8;
}
.category-tab-content {
display: none;
}
.category-tab-content.active {
display: block;
}
.compare-scroll-container {
position: relative;
overflow: hidden;
}
.compare-products-scroll-wrapper {
overflow-x: auto;
overflow-y: hidden;
margin-left: 408px; /* Ширина блока с названиями атрибутов */
scrollbar-width: thin;
scrollbar-color: #c1c1c1 #f1f1f1;
}
.compare-products-scroll-wrapper::-webkit-scrollbar {
height: 8px;
}
.compare-products-scroll-wrapper::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
.compare-products-scroll-wrapper::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4px;
}
.compare-products-scroll-wrapper::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
.compare-products {
display: flex;
gap: 30px;
min-width: min-content;
}
.compare-product {
flex: 0 0 305px; /* Фиксированная ширина товара */
min-width: 305px;
}
.compare-attributes-scroll-wrapper {
overflow-x: auto;
overflow-y: hidden;
margin-left: 408px; /* Ширина блока с названиями атрибутов */
scrollbar-width: thin;
scrollbar-color: #c1c1c1 #f1f1f1;
}
.compare-attributes-scroll-wrapper::-webkit-scrollbar {
height: 8px;
}
.compare-attributes-scroll-wrapper::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
.compare-attributes-scroll-wrapper::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4px;
}
.remove-from-compare22 .tovarsravnipl{
margin-top: 5px;
background: url(img/com.svg);
font-size:0!important;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: 0.3s;
width: 30px;
height: 30px;
min-width: 1px;
min-height: 1px !important;
background-color: inherit !important;
padding: 0 !important;
}
.remove-from-compare22 .tovarsravnipl.aded2 {
background: url(img/com2.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}