:root
{
--p24: 400 24px/38px 'Roboto';
--p20: 400 20px/32px 'Roboto';
--p18: 400 18px/28px 'Roboto';
--p16: 400 16px/24px 'Roboto';
--p14: 400 14px/22px 'Roboto';
--p12: 400 12px/20px 'Roboto';
--p10: 400 10px/16px 'Roboto';
--p8: 400 8px/12px 'Roboto';
--p24b: 600 24px/38px 'Roboto';
--p20b: 600 20px/32px 'Roboto';
--p18b: 600 18px/28px 'Roboto';
--p16b: 600 16px/24px 'Roboto';
--p14b: 600 14px/22px 'Roboto';
--p12b: 600 12px/20px 'Roboto';
--p10b: 600 10px/16px 'Roboto';
--h1: 400 45px/60px 'Roboto';
--h2: 400 36px/50px 'Roboto';
--h3: 400 30px/48px 'Roboto';
--h1b: 600 35px/50px 'Roboto';
--h2b: 600 36px/50px 'Roboto';
--h3b: 600 30px/48px 'Roboto';
--h1m: 400 24px/38px 'Roboto';
--h2m: 400 20px/28px 'Roboto';
--h3m: 400 18px/24px 'Roboto';
--h1bm: 600 24px/38px 'Roboto';
--h2bm: 600 20px/28px 'Roboto';
--h3bm: 600 18px/24px 'Roboto';
--black: #333333;
--green: #5EC526;
--darkgreen: #46981D;
--dark: #2A3933;
--white: #ffffff;
--red: #E20000;
--blue: #0879E0;
--grey: #B5B5B9;
--grey2: #DFDEE2;
--lightgrey: #F5F5F6;
--lightblue: #A5D4FF;
--orange: #F4B447;
}
body, html
{
width: 100%;
height: auto;
position: relative;
background: var(--white);
padding: 0;
margin: 0;
font-family: 'Roboto', sans-serif;
color: var(--black);
}
.pay-info
{
display: block;
margin-top:40px;
}
.pay-info h4
{
margin:20px 0 0;
}
bred
{
font-weight: bold;
color: var(--red);
}
div::-webkit-scrollbar {
width: 4px;
height: 4px; /* width of the entire scrollbar */
}
div::-webkit-scrollbar-track {
background: var(--lightgrey); /* color of the tracking area */
}
div::-webkit-scrollbar-thumb {
background-color: var(--green); /* color of the scroll thumb */
border-radius: 20px; /* roundness of the scroll thumb */
border: 0px solid var(--green); /* creates padding around scroll thumb */
}
div::-webkit-scrollbar-thumb:hover {
border: 4px solid var(--green);
}
.howmuch
{
z-index: 2;
}
.static-content-block.infotext a
{
color: var(--green);
}
.red
{
color: var(--red);
}
.green
{
color: var(--green);
}
a,div,p
{
position: relative;
box-sizing: border-box;
}
.bprod .price span
{
font-size: 0.7em;
font-weight: normal;
color: var(--grey);
margin-left: 10px;
}
.price sup
{
font-size: 0.7em;
color: var(--grey);
margin-left: 5px;
}
a
{
color: var(--black);
text-decoration: none;
}
ul
{
padding-left: 25px;
}
.block
{
display: block;
}
input
{
outline:none;
}
img
{
max-width: 100%;
}
.greenline
{
background: var(--green);
}
.fontgreen
{
color: var(--green);
}
.fontgrey
{
color: var(--grey);
}
.bgwhite
{
background: var(--white);
}
.underline
{
text-decoration: underline;
}
button {
-webkit-apperance:none;
border: none;
}
.auth-step>*
{
margin: 0;
}
.auth-step
{
display: none;
}
.auth-step.active
{
display: flex;
flex-direction: column;
gap: 12px;
}
.gbutton, #open_map_button
{
background: var(--green);
border-radius: 4px;
color: var(--white);
}
.gbutton
{
color: var(--white) !important;
}
#open_map_button
{
-webkit-appearance: none;
border: none;
font: var(--p14);
padding: 5px 10px;
}
#pvz_map_container
{
position: relative !important;
}
.gbutton.greybutton
{
background: var(--grey);
}
.gbutton.orangebutton
{
background: var(--orange);
}
.oerror
{
border-color: red!important;
}
.buttonWithGBorder, .window a.buttonWithGBorder
{
border: 1px solid var(--green);
border-radius: 4px;
color:var(--green);
}
.buttonWithGBorder:hover, .window a.buttonWithGBorder:hover
{
background: var(--green);
color: var(--white);
}
.gbutton:hover
{
background: var(--darkgreen);
}
.content
{
margin: 0 auto;
max-width: 1800px;
}
body>.content
{
min-height: 50vh;
}
header a
{
text-decoration: none;
}
#logo, #logo img
{
display: inline-block;
width: 144px;
height: 50px;
position: relative;
}
#logo h1
{
font-size: 8px;
margin: 0;
line-height: 8px;
position: absolute;
bottom: -4px;
color: var(--green);
right: 0;
font-weight: normal;
}
.clear-compare
{
display: inline-flex;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid var(--red);
color: var(--red);
align-items: center;
gap: 10px;
}
.win-buttons
{
display: flex;
justify-content: space-between;
gap: 20px;
}
#mainmenu, .brendsListDiv, .catalogList,#advantagesListDiv, .brendsListGreyBgDiv , .blogListDiv, .reviewsListDiv, .tagsListDiv, .photoListDiv
{
width: 100%;
/*overflow: hidden;*/
}
.city-checker-list
{
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.menu
{
display: grid;
grid-template-columns: repeat(11, max-content);
grid-gap: 20px;
}
.arrowButton
{
display: flex;
background: var(--white);
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
text-align: center;
align-items: center;
justify-content: center;
color: var(--green);
}
#menuarrow, #brendListArrow, .standartArrowButton
{
position: absolute;
z-index: 2;
}
#menuarrow
{
width: 24px;
height: 24px;
border-radius: 12px;
right: -12px;
top: -2px;
font-size: 10px;
}
.standartArrowButton
{
width: 40px;
height: 40px;
border-radius: 20px;
font-size: 14px;
}
.standartArrowButtonRight {right: -20px;}
.standartArrowButtonLeft {left: -20px;}
#brendListArrow
{
top: 22px;
}
#brendListGreyBgArrow,#preimsListArrow
{
top: 74px;
}
#popularListArrow, #recomendListArrow
{
top: 174px;
}
.slides
{
display: flex !important;
grid-gap: 20px;
overflow: hidden;
}
.slides>*
{
flex: none;
}
.brendsList a,.brendMainBaner
{
border: 1px solid var(--grey2);
}
.brendMainBaner
{
width: 236px;
height: 360px;
box-sizing: border-box;
border-radius: 16px;
padding: 22px 22px 20px;
text-align: center;
}
.brendMainBaner .brendImg
{
display: block;
margin: 0 auto;
height: 27px;
}
.brendMainBaner .productImg
{
display: block;
margin: 23px auto 25px;
max-height: 130px;
max-width: 190px;
}
.brendMainBaner a.gbutton
{
display: inline-block;
margin: 25px auto 0;
}
.mainBaner, .mainBaner2
{
display: block;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: left top;
}
.mainBaner2 .slider-wrapper
{
height: 100%;
}
#banersMain .slider-dots
{
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
display: flex;
justify-content: center;
}
#banersMain .slider-dots .dots-block
{
display: flex;
justify-content: center;
gap: 12px;
}
#banersMain .slider-dots .dots-block .dot
{
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--white);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#banersMain .slider-dots .dots-block .dot.active
{
background: var(--green);
}
.mainBaner a
{
position: absolute;
display: block;
opacity: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 10px;
top: 0;
left: 0;
bottom: 0;
width: 100%;
transition: all 1s ease;
z-index: 0;
}
.mainBaner2 a
{
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 10px;
width: 100%;
height: 100%;
}
.mainBaner a>div, .mainBaner2 a>div
{
display: grid;
max-width: 80%;
height: 100%;
padding: 30px 0;
margin: 0px auto;
grid-template-columns: 1fr 3fr;
gap: 30px;
}
.mainBaner a>div.short_text, .mainBaner2 a>div.short_text
{
grid-template-columns: 2fr 3fr;
gap:0;
}
.mainBaner a>div>div, .mainBaner2 a>div>div
{
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.mainBaner a>div>p, .mainBaner2 a>div>p
{
font-size: 16px;
color: #810F0F;
line-height: 24px;
display: flex;
align-items: center;
}
.mainBaner a>div.short_text>p, .mainBaner2 a>div.short_text>p
{
font-size: 20px;
line-height: 32px;
}
.mainBaner2 a>div.short_text>p
{
font-size: 16px;
line-height: 22px;
}
.mainBaner a.visible
{
opacity: 1;
z-index: 1;
}
.brendsList
{
z-index: 1;
}
.brendsListDiv .slider-arrow
{
margin-top: 0;
}
.brendsListGreyBg
{
z-index: 1;
}
.blogList
{
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 20px;
z-index: 1;
}
.brendsList a, .brendsListGreyBg a
{
display: flex;
justify-content: center;
align-items: center;
}
.brendsListGreyBg>div
{
display: grid;
flex: none;
grid-template-rows: repeat(1, 84px);
grid-gap: 20px;
}
.brendsListGreyBg a
{
background: var(--lightgrey);
}
.brendsList a img, .brendsListGreyBg a img
{
height: 40px;
max-width: 200px;
}
.catalogList
{
display: grid;
grid-template-columns: repeat(10, max-content);
z-index: 1;
}
.catalogList.cflist
{
display: flex;
flex-wrap: wrap;
}
.catalog-block .catalogList
{
/*justify-content: space-between;*/
justify-content: flex-start;
gap: 30px;
}
.partners
{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.hints
{
display: flex !important;
flex-wrap: wrap;
gap: 4px;
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.hints>*
{
display: inline-block;
border: 1px solid var(--dark);
text-transform: uppercase;
border-radius: 4px;
}
.hints span.sale
{
border-color: var(--red);
color: var(--red);
}
.catalogItem .prodImg
{
display: block;
margin: 11px auto;
max-height: 118px;
max-width: 200px;
}
.catalogItem div, .price div
{
display: inline-block;
}
.catalogItem>div
{
display: block;
}
.catalogItem>div.c-list-offer
{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.product-page .prod-list
{
/*grid-column: span 2;*/
}
.catalogItem .article
{
color: var(--grey);
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 150px;
height: 1.2em;
}
.is-on-board
{
color: var(--green);
}
.is-on-boardp
{
color: var(--orange);
}
.no-on-board
{
color: var(--grey);
}
.oldprice
{
color: var(--grey);
text-decoration: line-through;
}
.price .oldprice
{
display: block;
font-size: 0.6em;
line-height: 1;
}
.catalogItem .gbutton
{
}
#mainBaner2
{
display: block;
}
#advantagesList
{
grid-gap: 20px;
}
#advantagesList>div
{
display: grid;
grid-template-rows: repeat(1, 84px);
grid-gap: 20px;
}
#advantagesList>div>div
{
display: flex;
width: 364px;
height: 84px;
align-items: center;
border: 1px solid var(--grey2);
border-radius: 4px;
padding: 20px 23px 20px 30px;
box-sizing: border-box;
}
#advantagesList>div>div span
{
display: flex;
font-size: 43px;
color: var(--green);
width: 85px;
}
.breadCrumbs>div
{
display: inline-block;
}
.breadCrumbs>span:last-child
{
color: var(--grey);
}
.blogItem .blogImg, .blogImg
{
background-position: center center;
/*background-size: 100% auto;*/
background-size: cover;
}
.blogItem .blogImg .date
{
display: block;
position: absolute;
bottom: 0;
right: 0;
background: var(--grey);
box-sizing: border-box;
color: var(--white);
}
.blogItem .title, .blog8 .title
{
display: block;
text-align: center;
}
footer
{
margin-top: 50px;
background: var(--black);
color: var(--white);
}
footer a
{
color: var(--white);
}
.footerTop
{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 98px;
border-bottom: 1px solid var(--green);
}
.footerTop img
{
height: 60px;
}
.footerTop .phones
{
font: var(--p24);
}
.footerTop .phones a
{
margin-left: 16px;
}
.footer
{
display: grid;
width: 100%;
grid-template-columns: repeat(4, max-content) 1fr;
grid-gap: 40px;
padding: 50px 0;
}
.footer .fTitle
{
display: block;
font: var(--p16);
margin-bottom: 20px;
}
.footer .footerList
{
display: grid;
grid-template-rows: 1fr;
grid-gap: 10px;
}
.footer .footerList a
{
display: block;
color: var(--grey);
}
.footer .footerList a:hover
{
color: var(--white);
}
.footerBottom
{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 91px;
border-top: 1px solid var(--green);
}
.typeCards img
{
height: 30px;
margin-left: 10px;
}
.footer .addressAndSocial
{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
text-align: right;
}
.footer .address
{
padding-left: 30px;
text-align: right;
width: 100%;/*260px;*/
}
.footer .address:before
{
display: block;
position: absolute;
font-family: "icomoon";
content: "\e921";
font-size: 22px;
left: 0px;
top: 0px;
color: var(--red);
}
.share-block
{
position: absolute;
z-index: 2;
background: #fff;
padding: 10px;
top: 20px;
width: -webkit-max-content;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.footer .social
{
display: flex;
align-items: center;
margin-top: 15px;
justify-content: flex-end;
}
.footer .social a .icon-instagram
{
font-size: 29px;
}
.footer .social a .icon-vk
{
font-size: 50px;
margin-left: 20px;
}
#search
{
display: flex;
align-items: center;
background: var(--white);
border: 1px solid var(--grey2);
box-sizing: border-box;
border-radius: 4px;
width: 100%;
}
#search form.search
{
display: grid;
grid-template-columns: 1fr 15px;
grid-gap: 15px;
width: 100%;
}
#search form.search input[type=text]
{
-webkit-appearance:none;
font-weight: 400 !important;
border: none;
width: 100%;
}
#search form.search button[type=submit]
{
-webkit-appearance:none;
width: 15px;
height: 15px;
padding: 0;
font-size: 15px;
color: var(--green);
border: none;
background: none;
}
.infotext
{
display: block;
margin-top: 40px;
padding: 40px 0;
border-top: 1px solid var(--green);
}
.b2bf-fields input
{
margin: 5px 0;
width: 100%;
}
.address>div
{
display: grid;
grid-template-columns: 1fr 70px;
grid-gap: 10px;
}
.address>div .acnt
{
font-weight: bold;
}
.address>div div
{
display: flex;
align-items: center;
justify-content: flex-start;
}
/*--------РћРєРЅР°-----------*/
#shadow
{
/*display: flex;*/
display: none;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(84, 84, 84, 0.8);
z-index: 5000;
}
.window
{
display: block;
position: relative;
max-width: 94%;
width: 480px;
/*min-height: 460px;*/
max-height: 90vh;
box-sizing: border-box;
background-color: var(--white);
padding: 20px 0px;
border: 1px solid #F5F5F6;
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 8px;
}
.window .title
{
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 24px;
}
.window .title img
{
display: inline-block;
width: 50px;
height: 50px;
margin-right: 10px;
}
.window .title span
{
font: var(--h3b);
}
.window .close
{
display: flex;
position: absolute;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
font-size: 18px;
border-radius: 20px;
top: -27px;
right: -46px;
background: var(--white);
color: var(--black);
}
.window .check_phone_email
{
height: 40px;
width: 100%;
margin: 0;
}
.window .check_phone_email input[type=radio]+label
{
font: var(--p14);
}
.window .wcontent
{
max-height: calc(90vh - 114px);
overflow: auto;
padding: 0 40px;
}
.window .wcontent .input_div>input
{
width: 100%;
/*margin: 10px 0;*/
}
.window .wcontent .input_div.error input
{
border-color: var(--red);
}
.window .wcontent .input_div .error_mes
{
opacity: 0;
display: block;
transition: all 0.3s ease;
color: var(--red);
font: var(--p12);
margin-top: -10px;
}
.window .wcontent form
{
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-start;
}
.window .wcontent form>.input_div
{
width: 100%;
}
.input_div
{
display: flex;
flex-direction: column;
gap: 6px;
align-items: flex-start;
}
.input_div input
{
margin: 0;
}
.input_div .error-mes
{
display: none;
margin-top: -2px;
color: red;
font: var(--p12);
}
.input_div.has-error .error-mes
{
display: block;
width: 100%;
}
.input_div.has-error input
{
border-color: var(--red) !important;
}
.window .sender span
{
display: none;
}
.window .wcontent .input_div.error .error_mes
{
opacity: 1;
}
.window .wcontent .input_div .name
{
display: flex;
justify-content: space-between;
}
.window .wcontent .input_div .name a
{
color: var(--blue);
}
.window .back
{
display: flex;
justify-content: flex-start;
align-items: center;
font: var(--p18);
margin-bottom: 30px;
}
.window .back span
{
font-size: 22px;
padding-right: 10px;
}
.window .gbutton
{
display: block;
margin-top: 10px;
width: 100%;
height: 50px;
text-align: center;
font: var(--p16);
line-height: 36px !important;
}
.check_phone_email
{
display: grid;
grid-template-columns: repeat(2, 1fr);
border: 1px solid var(--grey);
background: var(--white);
border-radius: 32px;
height: 58px;
width: 453px;
margin: 0 -40px 30px;
}
.check_line
{
display: grid;
border: 1px solid var(--grey);
background: var(--white);
border-radius: 4px;
height: 50px;
width: 100%;
margin: 20px 0;
}
.check_line.grid2
{
grid-template-columns: repeat(2, 1fr);
}
.check_phone_email input
{
display: none;
}
.check_phone_email input+label
{
margin-top: 0;
}
.check_phone_email input[type=radio]+label:before
{
display: none;
}
.check_phone_email a:first-child, .check_phone_email label:first-child
{
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.check_phone_email a:last-child, .check_phone_email label:last-child
{
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.check_phone_email a, .check_line a, .check_phone_email input[type=radio]+label
{
display: flex;
height: 100%;
justify-content: center;
align-items: center;
font: var(--p18);
color: var(--black);
padding: 10px 24px;
}
.window a
{
color: var(--blue);
}
.check_phone_email input[type=radio]+label
{
padding: 0px 24px;
}
.check_phone_email a:first-child, .check_phone_email label:nth-child(2)
{
border-top-left-radius: 32px;
border-bottom-left-radius: 32px;
}
.check_phone_email a:last-child, .check_phone_email label:last-child
{
border-top-right-radius: 32px;
border-bottom-right-radius: 32px;
}
.check_phone_email a.selected, .check_line a.selected, .check_phone_email input:checked+label
{
background: var(--black);
color: var(--white);
cursor: default;
}
.window input[type=radio]
{
display: none;
}
.window label
{
margin-top: 0px;
}
.window .input.gtcolumns label
{
margin-top: 0px;
}
.window .input.gtcolumns
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 5px;
margin-top: 10px;
}
#fast-order-form input[type=text], #fast-order-form input[type=email], #fast-order-form input[type=tel]
{
width: 100%;
margin: 5px 0;
}
/*-------------------*/
.sortDiv .sortSelect
{
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
cursor: pointer;
background: var(--lightgrey);
border-radius: 18px;
height: 36px;
padding: 0 11px;
}
.mySelect
{
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
cursor: pointer;
font: var(--p16);
background: var(--lightgrey);
border-radius: 18px;
height: 36px;
padding: 0 11px;
}
.mySelect.opened
{
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.sortDiv .sortSelect.opened
{
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.variants
{
display: none;
position: absolute;
top: 28px;
right: 0;
width: 100%;
box-sizing: border-box;
border: 0px solid var(--grey);
padding: 20px;
border-radius: 36px;
background: var(--white);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.mySelect .variants
{
display: none;
position: absolute;
top: 28px;
right: 0;
width: 100%;
box-sizing: border-box;
border: 0px solid var(--grey);
padding: 20px;
border-radius: 36px;
background: var(--white);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.mySelect.opened .variants
{
display: block;
border-radius: 18px;
background: var(--lightgrey);
box-shadow: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.sortDiv .sortSelect.opened .variants
{
display: block;
border-radius: 18px;
background: var(--lightgrey);
box-shadow: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.variants a
{
display: block;
font: var(--p14);
}
.variants a.selected
{
font: var(--p14b);
}
.sortDiv .icon-filter-s, .icon-filter
{
font-size: 13px;
margin-right: 10px;
}
.sortButtons
{
display: flex;
justify-content: space-between;
margin-left: 38px;
width: 80px;
height: 36px;
border-radius: 36px;
background: var(--lightgrey);
padding: 4px;
box-sizing: border-box;
}
.sortButtons a
{
display: flex;
justify-content: space-between;
width: 34px;
height: 28px;
border-radius: 32px;
font-size: 12px;
padding: 8px 11px;
box-sizing: border-box;
color: var(--grey);
}
.sortButtons a.selected
{
filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.1));
background: var(--white);
color: var(--black);
}
.u_filters
{
display: block;
padding: 0;
margin: 0;
list-style-type: none;
}
.u_filters>li
{
padding: 18px 0;
}
.u_filters>li>a, .left-struct>a
{
display: block;
font: var(--p16b);
position: relative;
padding-right: 20px;
box-sizing: border-box;
}
.parts ul
{
list-style-type: none;
}
.parts>ul
{
padding-left: 0;
margin: 0;
}
.parts ul li ul
{
display: none;
}
.parts>ul>li.open>ul
{
display: block;
width: 100%;
box-sizing: border-box;
}
.parts>ul>li span
{
transition: all 0.3s ease;
}
.parts>ul>li.open span
{
transform: rotate(180deg);
}
.parts>ul>li
{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
gap: 10px;
}
.parts>ul>li>a
{
max-width: calc(100% - 30px);
}
.parts>ul>li span
{
padding: 10px 0;
font-size: 10px;
}
.left-struct.hidden .parts
{
display: none;
}
.left-struct .parts a
{
position: relative;
display: block;
font: var(--p16);
box-sizing: border-box;
padding: 5px 0;
}
.left-struct .parts a span
{
color: var(--grey);
margin-left: 10px;
}
.left-struct .parts a.actual-part
{
color: var(--green);
}
.u_filters>li>a:after, .left-struct>a:after
{
content: "\e914";
font-family: 'icomoon';
transition: all 0.2s ease;
position: absolute;
right: 0;
top: 0;
font-size: 0.7em;
}
.fltr
{
overflow: auto;
max-height: 210px;
}
.fltr.price-filter
{
overflow: initial;
max-height: initial;
}
.u_filters>li.opened>a:after, .left-struct.opened>a:after
{
transform: rotate(180deg);
}
.u_filters>li>ul
{
display: none;
}
.u_filters>li.opened>ul
{
display: block;
list-style-type: none;
margin: 0;
padding: 20px 0 0;
}
.u_filters>li.opened>ul input[type=checkbox]+label
{
position: relative;
display: block;
font: var(--p16);
box-sizing: border-box;
padding: 5px 0 5px 26px;
}
.u_filters>li.opened>ul input[type=checkbox]:disabled+label
{
display: none;
}
.u_filters>li.opened>ul input[type=checkbox]+label span
{
color: var(--grey);
}
.u_filters>li.opened>ul input[type=checkbox]+label:before
{
content: " ";
width: 14px;
height: 14px;
display: flex;
position: absolute;
border-radius: 4px;
border: 1px solid var(--grey);
top: 9px;
left: 0;
}
.u_filters>li.opened>ul input[type=checkbox]:checked+label:before
{
content: "\e905";
font-size: 12px;
font-family: 'icomoon';
color: var(--green);
}
.u_filters>li.opened>ul li a
{
color: var(--green);
font: var(--p16b);
margin-top: 20px;
display: block;
text-decoration: underline;
}
.bsearch input
{
margin: 0;
width: 100%;
box-sizing: border-box;
}
.bsearch
{
display: block;
padding-bottom: 15px;
}
.price-filter
{
display: grid;
grid-template-columns: repeat(2, 1fr);
border: 1px solid var(--grey);
border-radius: 4px;
position: relative;
}
.price-filter input[type=tel]
{
border: none;
padding: 10px;
box-sizing: border-box;
-webkit-appearance: none;
width: 100%;
margin: 0;
font: var(--p14);
}
.price-filter>div:nth-child(2) input
{
text-align: right;
}
.price-filter .price-slider
{
grid-column: span 2;
position: relative;
margin-bottom: -1px;
}
.price-filter .ui-slider .ui-slider-handle
{
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid var(--black);
background: var(--white);
top: -7px;
outline: none;
}
.price-filter .ui-slider .ui-slider-handle.ui-state-active
{
background: var(--black);
}
.price-filter .ui-slider-horizontal
{
height: 2px;
background: transparent;
border: none;
}
.price-filter .ui-slider-horizontal .ui-slider-range
{
height: 2px;
background: var(--black);
}
.price-filter .ui-widget.ui-widget-content
{
border: none;
}
#quantity+label:before, #sale+label:before
{
display: none;
}
#quantity+label, #sale+label
{
padding-left: 0;
font: var(--p16b);
position: relative;
padding: 0;
}
#quantity+label span, #sale+label span
{
display: block;
position: absolute;
right: 0;
top: 2px;
width: 27px;
height: 14px;
border: 2px solid var(--grey);
padding: 1px;
border-radius: 16px;
}
#quantity:checked+label span, #sale:checked+label span
{
border-color: var(--green);
}
#quantity+label span i, #sale+label span i
{
display: block;
width: 12px;
height: 12px;
position: absolute;
border-radius: 50%;
background: var(--grey);
left: 2px;
top: 2px;
transition: all 0.3s ease;
}
#quantity:checked+label span i, #sale:checked+label span i
{
left: 15px;
background: var(--green);
}
input[type=checkbox]
{
position: absolute;
z-index: -1;
opacity: 0;
}
.tagsList
{
display: flex;
/*grid-template-columns: repeat(13, max-content);*/
grid-gap: 10px;
margin: 20px 0 20px;
}
.tagsList a, .checkedProps a
{
display: flex;
flex: none;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
padding: 8px 20px;
border-radius: 4px;
border: 1px solid var(--grey2);
color: var(--grey);
font: var(--p12);
gap: 10px;
}
.tagsList a img, .checkedProps a img
{
max-height: 50px;
}
.breadCrumbs
{
display: block;
margin-top: 20px;
}
.sortDiv
{
display: flex;
justify-content: flex-end;
align-items: center;
font: var(--p18);
position: relative;
z-index: 2;
margin-bottom: 30px;
}
.fcatalog-parts
{
display: flex;
justify-content: space-between;/*flex-start;*/
flex-wrap: wrap;
}
.fcatalog-parts .fcatalog-part
{
display: block;
width: 236px;
margin:20px 0px 80px 0;
}
.fcatalog-parts .fcatalog-part .fcp-logo
{
height: 137px;
}
.fcatalog-parts .fcatalog-part .fcp-logo img
{
max-height: 137px;
}
.fcp-name
{
display: block;
margin: 40px 0 20px;
font: var(--p18b);
}
.subcats
{
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(1, 1fr);
font: var(--p18);
}
.subcats a
{
display: block;
}
.subcats a span
{
color: var(--grey);
padding-left: 3px;
}
.subcats a.see-all
{
margin-top: 10px;
text-decoration: underline;
font: var(--p18b);
}
#user-buttons #bnum, #user-buttons sup
{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: -10px;
right: 3px;
width: 20px;
height: 20px;
background: var(--green);
border-radius: 10px;
color: var(--white);
font: var(--p8);
}
input[type=text],input[type=password],input[type=tel],input[type=email], textarea
{
display: flex;
align-items: center;
padding: 10px 30px;
box-sizing: border-box;
font: var(--p16);
background: #FFFFFF;
border: 1px solid var(--grey);
border-radius: 4px;
height: 50px;
color: var(--black);
}
input[type=text].invalid,input[type=password].invalid,input[type=tel].invalid,input[type=email].invalid, textarea.invalid
{
border-color: var(--red);
}
input[type=submit]
{
-webkit-appearance: none;
border: none;
}
textarea
{
resize: none;
height: 100px;
}
input.red
{
border-color: var(--red);
}
input.red::-webkit-input-placeholder,input.red::-moz-placeholder
{
color: var(--red);
}
.gbutton.nonact
{
opacity: 0.5;
}
input[type=checkbox]+label {
display: flex;
flex-wrap: wrap;
position: relative;
padding-left: 34px;
align-items: center;
justify-content: flex-start;
gap: 6px;
user-select: none;
font: var(--p16);
}
input[type=checkbox]+label a
{
text-decoration: underline;
}
input[type=checkbox]+label::before {
content: '';
display: flex;
position: absolute;
top: 0;
left: 0;
align-items: center;
justify-content: center;
border: 1px solid var(--grey);
border-radius: 2px;
width: 24px;
height: 24px;
}
input[type=checkbox]:checked+label::before {
content: "\e905";
font-size: 16px;
font-family: 'icomoon';
color: var(--green);
}
input[type=radio]
{
position: absolute;
z-index: -1;
opacity: 0;
}
input[type=radio]+label {
display: flex;
position: relative;
padding-left: 35px;
align-items: flex-start;
user-select: none;
font: var(--p16);
}
input[type=radio]+label::before {
content: '';
display: flex;
position: absolute;
top: 0;
left: 0;
align-items: center;
justify-content: center;
border: 1px solid var(--grey);
border-radius: 11px;
width: 22px;
height: 22px;
}
input[type=radio]+label.my-grey-block {
display: flex;
position: relative;
align-items: flex-start;
user-select: none;
font: var(--p16);
gap: 10px;
}
input[type=radio]+label.my-grey-block::before {
content: '';
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--grey);
border-radius: 50%;
width: 22px;
height: 22px;
position: relative;
top: initial;
left: initial;
flex: none;
background: var(--white);
}
input[type=radio]+label span
{
display: block;
color: var(--grey);
font: var(--p12);
}
input[type=radio]:checked+label::before {
content: "\e923";
font-family: 'icomoon';
font-size: 14px;
color: var(--black);
border-color: black;
}
input[type=radio]:checked+label.my-grey-block::before {
content: "\e923";
font-family: 'icomoon';
color: var(--green);
font-size: 14px;
}
.radio_div
{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.radio_div label
{
margin: 12px 50px 20px 0;
}
.inputs_list
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
}
.inputs_list input[type=text]
{
width: 100%;
}
.grid3, .grid4, .grid5, .grid6, .grid7
{
display: grid;
}
.grid3{grid-template-columns: repeat(2,max-content) 1fr;}
.grid4{grid-template-columns: repeat(3,max-content) 1fr;}
.grid5{grid-template-columns: repeat(4,max-content) 1fr;}
.grid6{grid-template-columns: repeat(5,max-content) 1fr;}
.grid7{grid-template-columns: repeat(6,max-content) 1fr;}
.grid3.all-max{grid-template-columns: repeat(3,max-content);}
.grid4.all-max{grid-template-columns: repeat(4,max-content);}
.grid5.all-max{grid-template-columns: repeat(5,max-content);}
.grid6.all-max{grid-template-columns: repeat(6,max-content);}
.grid7.all-max{grid-template-columns: repeat(7,max-content);}
.check_line.radio_div input[type=radio]:checked+label::before, .check_line.radio_div input[type=radio]+label::before, .check_line.radio_div input[type=radio]
{
display: none;
}
.check_line.radio_div input[type=radio]+label
{
display: flex;
height: 100%;
justify-content: center;
align-items: center;
font: var(--p18);
color: var(--black);
padding: 10px 24px;
margin: 0;
box-sizing: border-box;
}
.check_line.radio_div.p14 input[type=radio]+label
{
font: var(--p14);
}
.check_line.radio_div.minpad input[type=radio]+label
{
padding: 10px 14px;
}
.check_line.radio_div input[type=radio]:checked+label
{
background: var(--black);
color: var(--white);
cursor: default;
}
/*#pickups input[type=radio]+label
{
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
#pickups .pickup
{
padding: 32px 30px 32px 55px;
}
#pickups .pickup:before
{
top: 32px;
left: 20px;
}*/
#payment
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
#payment input[type=radio]+label
{
justify-content: flex-start;
gap: 10px;
border: 1px solid var(--lightgrey);
border-radius: 4px;
padding: 26px 20px;
margin: 0;
}
#payment input[type=radio]+label:before
{
position: relative;
top: initial;
left: initial;
flex: none;
}
#payment input[type=radio]:checked+label
{
border-color: var(--green);
color: var(--green);
}
.discont input[type=checkbox]+label
{
display: flex;
justify-content: flex-start;
padding: 0;
align-items: flex-start;
flex-direction: row;
flex-wrap: nowrap;
}
.discont input[type=checkbox]+label:before
{
position: relative;
top: initial;
left: initial;
background: var(--white);
flex: none;
border-radius: 50%;
}
.discont input[type=checkbox]:checked+label:before
{
content: "\e923";
}
.bonus-block .bonus-name
{
display: block;
margin-bottom: 10px;
font: var(--p18b);
}
.inputs_line
{
display: grid;
grid-gap: 39px;
grid-template-columns: repeat(3, 1fr);
}
.left_order
{
width: 588px;
}
#AskAQuestion
{
display: grid;
grid-template-rows: repeat(1, 1fr);
grid-gap: 10px;
width: 364px;
}
.filesList
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
margin-top: 50px;
}
.filesList a
{
display: block;
padding-left: 52px;
}
.filesList a:before
{
display: block;
position: absolute;
top: 0;
left: 0;
font-size: 40px;
height: 40px;
width: 32px;
content: "\e926";
font-family: "icomoon";
color: var(--green);
}
.filesListNew a:before
{
display: block;
position: relative;
top: 0;
left: 0;
font-size: 40px;
content: "\e926";
font-family: "icomoon";
color: var(--green);
}
.filesListNew a:after
{
content: "Скачать";
position: absolute;
top: 50%;
margin-top: -19px;
right: 40px;
padding: 8px 20px;
border-radius: 4px;
background: var(--green);
color: var(--white);
}
.bprod
{
display: flex;
justify-content: space-between;
gap: 10px;
padding-bottom: 46px;
border-bottom: 1px solid var(--grey);
margin-bottom: 20px;
}
.basket_product_list .bprod:last-child
{
border: none;
}
.bprod .image
{
width: 130px;
flex: none;
}
.bprod .info
{
flex: 1;
display: inline-block;
/*width: 280px;*/
margin:0 20px;
}
.bprod .delete a
{
font-size: 14px;
color: var(--grey);
}
.bprod .delete a:hover
{
color: var(--black);
}
.bprod .hints
{
display: flex;
flex-direction: column;
gap: 5px;
}
.basket_page_div .grey_blocks>div
{
position: sticky;
top: 100px;
}
.cart-buttons
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
margin-top: 1em;
}
.cart-buttons a
{
text-align: center;
}
.counter
{
display: grid;
grid-template-columns: 20px 40px 20px;
border-radius: 4px;
width: fit-content;
padding: 0 23px;
background: var(--white);
border: 1px solid var(--grey);
}
.counter input
{
border: none;
font: var(--p16b);
color: var(--green);
width: 100%;
-webkit-appearance: none;
padding: 0;
height: 38px;
text-align: center;
}
.counter a
{
display: flex !important;
margin: 0 !important;
align-items: center !important;
justify-content: center !important;
font: var(--p20b);
color: var(--green);
}
.flexline
{
display: flex;
justify-content: space-between;
align-items: center;
}
.basket_page_div
{
display: grid;
grid-template-columns: 7fr 5fr;
grid-gap: 20px;
}
.grey_blocks
{
display: flex;
flex-direction: column;
gap: 10px;
font: var(--p16);
}
.grey_blocks .gbutton
{
height: 40px;
}
.grey_blocks .bold
{
font-weight: 600;
}
.grey_blocks>div
{
padding: 30px;
background: var(--lightgrey);
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 8px;
}
.grey_blocks .big
{
font: var(--p20);
}
.aligncenter
{
display: flex;
align-items: center;
}
.aligncenter .icon
{
color: var(--green);
font-size: 20px;
margin-right: 12px;
}
/*CONFIG*/
.conf-menu .slides a
{
display: block;
flex: none;
padding: 12px 37px;
color: var(--grey);
font: var(--p14);
background: var(--lightgrey);
border-radius: 4px;
}
.conf-menu a.selected
{
background: var(--green);
color: var(--white);
}
#configure2
{
display: grid;
grid-template-columns: repeat(2,1fr);
margin-top: 20px;
}
#configure2 #conf_left_part
{
background:url('/images/grid.png');
display: flex;
justify-content:center;
align-items: center;
}
#configure2 #conf_left_part #wall
{
display: block;
width: 200px;
height: 200px;
}
#configure2 #conf_left_part #wall #frame
{
display: block;
width:200px;
height: 200px;
margin: 20px;
background-size: cover;
}
#configure2 #conf_left_part #wall #switch
{
display: block;
width:200px;
height: 200px;
background-size: cover;
background-position: center;
background-repeat:no-repeat;
}
#configure2 .frames
{
width: 615px;
height: fit-content;
overflow: auto;
}
#configure2 .frames div
{
display: flex;
width: fit-content;
}
#configure2 .frames a
{
display: block;
flex: none;
width: 100px;
min-height: 150px;
text-align: center;
float: left;
margin: 10px;
font-size: 12px;
color:var(--light-green);
position: relative;
}
#configure2 .frames a.selected:after
{
content: " ";
background:url('/images/check.png') center center no-repeat;
background-size: cover;
width: 20px;
height: 20px;
display: block;
position: absolute;
right: -10px;
top:-10px;
}
#configure2 .frames a img
{
max-width: 100%;
}
#configure2 .conf-right
{
background-color: var(--white);
}
#configure2 .conf_action_name
{
font-weight: bold;
font-size: 13px;
line-height: 16px;
color: var(--light-green);
padding:26px 30px;
}
#configure2 #conf_left_part .color-checker
{
display: none;
width: 100%;
box-sizing: border-box;
padding: 0 23px 33px;
background-color: var(--white);
left: 0;
bottom: 0;
position: absolute;
}
#configure2 #conf_left_part .conf_action_name
{
padding-left: 0;
}
.bg
{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
left: 20px;
bottom: 20px;
background-color: var(--white);
width: 40px;
line-height: 40px;
text-align: center;
font-size: 20px;
box-shadow: 0px 3px 20px rgba(15, 23, 10, 0.08);
border-radius: 5px;
color: var(--green);
}
#configure2 #conf_left_part .color-checker .palet
{
display: grid;
grid-template-columns: repeat(10,1fr);
grid-template-rows: repeat(9,15px);
}
#configure2 #conf_left_part .color-checker .palet div.selected
{
border:2px solid var(--white);
}
.conf-cat
{
display: grid;
grid-template-columns: 362px 1fr;
grid-gap: 20px;
}
.conf-cat-menu
{
position: relative;
display: block;
}
.conf-cat-menu .ccm-menu
{
position: sticky;
top: 100px;
width: 100%;
padding: 35px;
border: 1px solid var(--grey2);
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background: var(--white);
}
.conf-cat-menu .ccm-menu a
{
position: relative;
display: block;
font: var(--p14);
margin-bottom: 20px;
}
.conf-cat-menu .ccm-menu a.selected:before
{
display: block;
position: absolute;
left: -15px;
top: 6px;
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--green);
content: "";
}
.conf-cat-menu .ccm-menu a:last-child
{
margin-bottom: 0;
}
.conf-cat .catalog-block .catalogList
{
padding-top: 20px;
padding-bottom: 10px;
}
/*CONFIG END*/
.pickup .address
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 5px;
}
.pickup .address>div
{
display: block;
}
.oc-prod
{
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 12px;
padding-bottom: 20px;
border-bottom: 1px solid #DFDEE2;
/*grid-template-rows: repeat(3, max-content);*/
}
.oc-buttons
{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
gap: 24px;
}
.ocp-itog
{
grid-column: span 2;
display: flex;
justify-content: space-between;
font-weight: 500;
font-size: 18px;
}
.ocp-count
{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.ocp-pprice
{
font-weight: 500;
font-size: 18px;
}
.ocp-image
{
grid-row: span 3;
}
.ocp-image img
{
max-width: 100%;
}
.ocp-price
{
text-align: right;
font-weight: 500;
font-size: 18px;
}
.important
{
display: block;
border: 1px solid red;
border-radius: 10px;
padding: 20px;
color: red;
margin-bottom: 30px;
}
.photoListDiv
{
position: relative;
width: 100%;
margin: 50px auto;
}
.photoList a img
{
width: 200px;
height: 150px;
}
.photoList a
{
width: 200px;
height: 150px;
}
.cartLink
{
display: block;
padding-top: 20px;
}
.cartLink a
{
color: var(--green);
}
.ierror
{
color: red;
display: none;
padding: 0 0 5px;
}
#rev-form
{
padding-bottom: 20px;
}
#rev-form label
{
margin-top: 15px;
}
#rev-form textarea
{
padding: 10px 10px;
height: 80px;
width: 100%;
background: var(--white);
border: 1px solid var(--grey);
box-sizing: border-box;
border-radius: 4px;
font: var(--p14);
}
#rev-form .input_div
{
margin: 0px 0;
}
#rev-form .input_div input
{
padding: 10px;
font-size: 14px;
}
.popcart
{
display: none;
position: absolute;
right: 9vw;
top: 120px;
background: var(--white);
z-index: 5;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
header.scrolled .popcart
{
top:80px;
}
.popcart:before
{
content: "";
display: block;
position: absolute;
right: 2vw;
top: -15px;
background: var(--white);
transform: rotate(45deg);
width: 30px;
height: 30px;
box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.1);
z-index: 4;
}
.pc-header
{
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding: 10px 28px 20px;
}
.pc-header span
{
font: var(--h1bm);
}
.pc-content
{
max-height: 300px;
overflow: auto;
}
.pc-content .delete
{
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
}
.pc-content .price span
{
display: block;
margin-left: 0 !important;
}
.pc-content .delete a
{
font-size: 20px !important;
}
.pc-content .bprod
{
display: grid;
grid-template-columns: 100px 1fr 40px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.pc-content .bprod .info
{
margin: 0;
width: auto;
max-width: 400px;
}
.pc-content .bprod .image, .pc-content .bprod .image a
{
width: 90px;
display: flex;
align-items: center;
justify-content: center;
}
.pc-content .bprod .image img
{
max-height: 100px;
max-width: 90%;
}
.bprod .image
{
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.pc-content .bprod .info
{
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 10px;
}
.pc-buttons
{
display: flex;
justify-content: center;
gap: 20px;
align-items: center;
padding: 20px;
}
.cookie-info
{
display: flex;
position: fixed;
bottom: 10px;
width: 100vw;
justify-content: center;
z-index: 100;
}
.cookie-info div
{
display: flex;
justify-content: space-between;
max-width: 600px;
width: 100%;
background: #fff;
padding: 10px 20px;
border-radius: 10px;
box-sizing: border-box;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.cookie-info span
{
display: flex;
align-items: center;
}
.outof filter
{
width: 100%;
box-sizing: border-box;
padding: 5vw 10vw;
font: var(--p24);
}
.im-center
{
display: flex;
justify-content: center;
align-items: center;
padding: 40px 0;
}
.im-center img
{
max-width: 100%;
width: 800px;
}
.order-detail
{
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 100%;
max-width: 747px;
border-bottom: 1px dotted var(--black);
}
.order-detail>*
{
background: var(--white);
margin-bottom: -5px;
display: block;
}
#promocode-element-container .get4click-banner
{
display: flex !important;
align-items: center !important;
flex-direction: column !important;
border: 0px solid transparent !important;
background: var(--white) !important;
border-radius: 30px !important;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2) !important;
width: 364px;
gap: 24px;
padding: 24px 62px !important;
}
#promocode-element-container .get4click-banner__button
{
background: var(--green) !important;
border-radius: 1px !important;
}
.get4click-banner__gift
{
width: 100% !important;
padding-top: 49% !important;
height: 0 !important;
background-image: url('/images/gift.png') !important;
margin-top: -50px !important;
}
.get4click-banner__body
{
max-width: 100% !important;
}
.get4click-banner__body>*
{
text-align: center;
}
.get4click-banner__heading
{
color: var(--black) !important;
font-size: 18px !important;
}
.blank-comfav
{
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.blank-comfav i
{
color: #B5B5B9;
font-size: 60px;
}
.blank-comfav>*
{
text-align: center;
}
.blank-comfav .bcf-title
{
font-size: 24px;
font-weight: 500;
}
.sc-mark
{
display: none !important;
}
.acatalog span.icon-close, .acatalog.opened span.icon-burger
{
display: none;
}
.acatalog.opened span.icon-close
{
display: inline-block;
}
.bcf-text
{
font: var(--p16);
}
.fo-r98
{
display: flex;
justify-content: space-between;
align-items: center;
padding: 74px 78px;
gap: 200px;
margin: 120px 0;
background: linear-gradient(49.39deg, #C9D6D5 22.12%, #E3E3E3 105.54%), radial-gradient(95.69% 95.69% at 26.12% 50%, #FFFFFF 0%, #201600 100%);
background-blend-mode: hard-light;
border-radius: 8px;
}
/*.fo-r98:before
{
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
opacity: 0.3;
background: radial-gradient(95.69% 95.69% at 26.12% 50%, #FFFFFF 0%, #201600 100%);
content: '';
}*/
.fo-r98 a
{
display: flex;
max-width: 460px;
align-items: center;
justify-content: center;
color: var(--white);
background: var(--black);
font-size: 16px;
border-radius: 4px;
height: 50px;
margin-top: 40px;
transition: all 0.3s ease;
}
.fo-r98-txt p, .feedback-r98 p
{
font-size: 20px;
line-height: 32px;
max-width: 600px;
}
.fo-r98-title
{
font-size: 30px;
line-height: 120%;
font-weight: 600;
}
.fo-r98 .fo-r98-img
{
width: 40%;
display: block;
padding-top: 20%;
background-image: url('/images/r98fo.png');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.feedback-r98
{
display: grid;
grid-template-columns: repeat(3, 1fr);
padding: 60px;
grid-gap: 0px;
margin: 0px 0 120px;
background: url('/images/fbbg.png') center center no-repeat;
background-size: cover;
border-radius: 8px;
}
.feedback-r98 input
{
width: 100%;
margin-bottom: 16px;
}
.feedback-r98 input+label
{
margin-bottom: 16px;
}
.feedback-r98 input+label:before
{
background: var(--white);
}
.feedback-r98 button
{
display: flex;
width: 100%;
align-items: center;
justify-content: center;
color: var(--white);
background: var(--black);
font-size: 16px;
border-radius: 4px;
height: 50px;
border: none;
margin-top: 30px;
transition: all 0.3s ease;
}
.feedback-r98 button:hover, .fo-r98 a:hover
{
transform: scale(1.05);
}
.fb-r98-image
{
display: block;
/*background: url('/images/r98feedback.png') center center no-repeat;
background-size: contain;*/
}
.mobile-menu
{
display: none;
}
.fcb-buttons .buttonWithGBorder
{
margin-top: 0;
}
.d-block
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.discount-block
{
display: grid;
grid-template-columns: 80px 1fr 80px;
}
.discount-block .may-discount
{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: 16px;
text-align: center;
gap: 10px;
}
.discount-block .trackbar
{
display: flex;
align-items: center;
}
.discount-block .may-discount div
{
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 50px;
height: 50px;
color: var(--white);
background: var(--green);
}
.reviewsList>div.reviewDiv
{
display: block;
width: auto;
padding: 30px;
box-sizing: border-box;
background: var(--lightgrey);
border-radius: 8px;
}
.reviewsList>div.reviewDiv.marksBlock
{
background: var(--white);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
padding-top: 0;
}
.marksList
{
width: 100%;
}
.markLine
{
width: 100%;
display: grid;
grid-template-columns: 15px 1fr 40px;
grid-gap: 10px;
}
.markLine>div
{
display: flex;
align-items: center;
justify-content: flex-start;
}
.markLine>div:first-child
{
font: var(--p16b);
}
.markLine>div:nth-child(3)
{
font: var(--p16);
color: var(--grey);
}
.markLine>div>div
{
background: var(--grey);
height: 4px;
display: flex;
width: 100%;
justify-content: flex-start;
}
.markLine>div>div>div
{
background: var(--green);
height: 4px;
}
.prod-preim
{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.prod-preim-item
{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 40px;
font: var(--p14);
padding: 15px 30px;
border-radius: 4px;
border: 1px solid var(--lightgrey);
}
.prod-preim-item i
{
color: var(--green);
font-size: 54px;
}
#fast-search-results2
{
display: none;
position: absolute;
width: 200%;
box-sizing: border-box;
padding: 10px;
border: 1px solid var(--grey2);
top: 40px;
max-height: calc(100vh - 165px);
overflow: auto;
background: var(--white);
left: 0;
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);
}
.search-prods-list .block-title
{
display: block;
font: var(--p18b);
font-weight: 500;
}
.spb-row
{
display: flex;
gap: 10px;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
padding: 10px 0 20px;
}
.spb-row a
{
flex: none;
width: 164px;
height: 60px;
box-sizing: border-box;
padding: 5px 10px;
border-radius: 5px;
background: var(--lightgrey);
display: flex;
align-items: center;
justify-content: center;
}
.spb-row a img
{
max-height: 90%;
max-width: 80%;
}
.spl-row
{
display: flex;
gap: 5px;
flex-direction: column;
padding: 10px 0 20px;
}
.spl-row a
{
display: flex;
justify-content: flex-start;
gap: 10px;
}
.spl-row a:before
{
font-family: 'icomoon';
content: "\e916";
color: var(--grey);
font-size: 15px;
}
.searchItem
{
display: grid;
grid-template-columns: 40px 1fr 80px;
grid-gap: 10px;
margin-bottom: 10px;
}
.searchItem a
{
display: block;
}
.searchItem .price
{
font-weight: bold;
}
.flex-line-around
{
display: flex !important;
justify-content: space-around;
}
.flex-line-around.prodButtons
{
justify-content: flex-end;
gap: 20px;
align-items: center;
padding-right: 10px;
padding-top: 2px;
}
.address>div.f-phones
{
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0;
}
.cookie-info p>a
{
color: var(--grey);
}
.faddr{
display:flex;
align-items: flex-start;
justify-content: flex-end;
gap: 10px;
margin-top: 20px;
}
.my-grey-block
{
display: block;
padding: 30px 30px;
background: var(--lightgrey);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
margin-bottom: 20px;
}
ul.payments
{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
padding: 0;
list-style-type: none;
}
ul.payments img
{
width: 60%;
}
ul.payments i
{
color: var(--green);
font-size: 3em;
}
.quan
{
display: grid;
width: 100%;
grid-gap: 10px;
grid-template-columns: 1fr;
}
.quan>div
{
display: flex;
justify-content: space-between;
gap: 20px;
line-height: 24px;
font: var(--p16);
}
.quan>div>span:last-child
{
font-weight: bold;
white-space: nowrap;
}
.my-grey-block i
{
margin-right: 10px;
}
.my-grey-block a
{
color: var(--green);
}
#order h3
{
margin-top: 60px;
}
.left_order.fullscreen
{
width: 100%;
}
.left_order.fullscreen #order
{
display: grid;
grid-template-columns: 3fr 2fr;
grid-gap: 40px;
}
.order-right
{
padding-top: 60px;
position: relative;
}
.order-right>div
{
position: sticky;
top: 100px;
}
.in-cart
{
margin-top: 20px;
}
.in-cart .o-prods, .in-cart .in-cart-info, .in-cart.show .ifnotshow
{
display: none;
}
.in-cart.show .o-prods, .in-cart.show .in-cart-info
{
display: block;
}
.in-cart-name
{
font: var(--p18b);
}
/* NEW PRODUCT */
.new-grey-block
{
display: block;
background: var(--lightgrey);
padding: 30px 20px;
border-radius: 8px;
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
margin-bottom: 23px;
}
.new-grey-block.percent-bg
{
background-image: url('/images/percent.png');
background-size: contain;
background-position: right center;
background-repeat: no-repeat;
}
.new-grey-block a.standart
{
color: var(--green);
}
.new-grey-block ol
{
padding-left: 20px;
}
.product-page
{
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-areas:
"topline auth"
"prodmenu auth"
"pscreen buyer"
"pscreen nal"
"pscreen pay"
"line1 line1"
"line2 line2"
"line3 line3"
"line4 line4"
;
grid-column-gap: 60px;
grid-row-gap: 20px;
}
.product-page .top-line {grid-area: topline;}
.product-page .product-menu {grid-area: prodmenu;}
.product-page .product-screens {grid-area: pscreen;}
.product-page .percent-bg {grid-area: auth;}
.product-page .buyer-bg {grid-area: buyer;}
.product-page .quan {grid-area: nal;}
.product-page .new-grey-block.col-flex {grid-area: pay;}
.product-page .hardware {grid-area: line1;}
.product-page .preims {grid-area: line2;}
.product-page .tags-list {grid-area: line3;}
.product-page .viewed{grid-area: line4;}
.grey-line
{
display: block;
height: 1px;
background: var(--grey2);
flex: none;
width: 100%;
}
.col-flex
{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 25px;
}
.wehave1 {color: var(--green);}
.wehave0 {color: var(--grey);}
.wehave2 {color: var(--orange);}
.ngb-cachback
{
margin-bottom: 20px;
color: var(--green);
display: flex;
gap: 5px;
}
.ngb-cachback>div
{
position: relative;
}
.info-cloud
{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
position: absolute;
top: 32px;
left: -78px;
border-radius: 8px;
padding: 20px;
background: rgba(51, 51, 51, 0.9);
color: var(--white);
z-index: 5;
white-space: nowrap;
transition: all 0.3s ease;
opacity: 0;
pointer-events: none;
}
.info-cloud:before
{
position: absolute;
width: 20px;
height: 20px;
content: "";
background: linear-gradient(135deg, rgba(51,51,51,0.9) 0% 50%, transparent 50% 100%);
transform: rotate(45deg);
transform-origin: 0% 0%;
top: -14px;
left: 85px;
}
.info-cloud a
{
color: var(--green);
text-decoration: underline;
}
.ic-title
{
font: var(--p20b);
}
.ngb-cachback>div:hover .info-cloud
{
opacity: 1;
pointer-events: initial;
}
.ngb-buyer
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 12px;
}
.ngb-buyer .gbutton
{
text-align: center;
}
.ngb-buyer .greybutton
{
grid-column: span 2;
}
.ngb-buyer .counter
{
width: 100%;
grid-template-columns: 20px 1fr 20px;
}
.ngb-price
{
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 0px;
}
.ngb-price .current-price
{
font: var(--h3);
font-weight: 500;
}
.ngb-price .old-price
{
font: var(--p24);
color: var(--grey);
text-decoration: line-through;
}
.top-line
{
display: flex;
justify-content: flex-start;
gap: 20px;
align-items: center;
}
.tl-mark
{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
color: var(--grey);
}
.tl-mark .stars
{
display: flex;
color: var(--green);
justify-content: flex-start;
gap: 5px;
}
.tl-actions
{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 20px;
}
.tl-actions a
{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 5px;
}
.tl-actions a i
{
color: var(--grey);
}
.tl-actions a.sel i
{
color: var(--green);
}
.filesListNew
{
display: flex;
gap: 20px;
flex-direction: column;
}
.filesListNew>a
{
display: flex;
justify-content: flex-start;
width: 100%;
padding: 20px 40px;
border-radius: 8px;
background: var(--lightgrey);
gap: 10px;
}
.product-menu
{
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.product-menu a
{
flex: 1;
padding: 10px 0;
text-align: center;
display: block;
border-bottom: 1px solid var(--grey);
font: var(--p20);
}
.product-menu a.current
{
padding: 10px 0 9px;
border-bottom: 2px solid var(--black);
}
.desc-screen
{
display: grid;
grid-template-columns: 20vw 2fr;
grid-gap: 60px;
}
.product-images>a
{
display: block;
padding-top: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 1.3vw;
}
.other-product-images
{
display: grid;
grid-template-columns: 40px 1fr 40px;
}
.other-product-images .opi-list
{
display: flex;
gap: 1.01vw;
overflow: hidden;
}
.other-product-images a
{
flex: none;
display: inline-block;
width: 4.1vw;
height: 4.1vw;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.config-button
{
display: flex;
justify-content: center;
margin-top: 2.3vw;
}
.nav
{
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.nav:before
{
font-family: "icomoon";
width: 2.08vw;
height: 2.08vw;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
box-shadow: 0 0.45vw 1.04vw rgba(0, 0, 0, 0.15);
color: var(--green);
font-size: 0.7vw;
}
.nav.prev:before
{
content: "\e934";
}
.nav.next:before
{
content: "\e924";
}
.pic-counter
{
display: flex;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 1.3vw;
}
.pic-counter .cur-num
{
color: var(--green);
font-size: 2.3vw;
}
.pic-counter .pic-num
{
color: var(--green);
font-size: 1.1vw;
line-height: 1.1vw;
}
.product-screens
{
padding-top: 40px;
}
.prop-group-title
{
font: var(--p24);
margin-bottom: 20px;
font-weight: 500;
}
.prop-line
{
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 5px;
flex-wrap: wrap;
margin-bottom: 12px;
font: var(--p18);
}
.prop-line .prop-dots
{
flex: 1;
display: block;
padding-top: 1.1em;
border-bottom: 1px dashed var(--grey);
}
.prop-line .prop-value
{
font-weight: 500;
}
.product-short-info
{
display: flex;
flex-direction: column;
gap: 60px;
}
.product-page .reviewsList
{
grid-template-columns: repeat(2, 1fr);
}
.product-page .reviewDiv.marksBlock
{
grid-column: span 2;
}
.prod-tags
{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
gap: 10px;
margin-top: 30px;
}
.prod-tags a
{
display: block;
padding: 10px 20px;
font: var(--p18);
border-radius: 100px;
background: var(--lightgrey);
}
.tags-open
{
display: flex;
justify-content: flex-start;
align-items: center;
color: var(--green);
gap: 5px;
}
.static-content-block.newv .pages
{
width: 100%;
}
.static-content-block.newv .pages .pagesList
{
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 100%;
}
.static-content-block.newv .pages .pagesList .pager
{
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}
.pages .pagesList a.more
{
width: auto;
}
.sresults
{
display: block;
position: absolute;
z-index: 3;
background: var(--white);
border: 1px solid var(--grey);
border-radius: 4px;
width: 100%;
left: 0;
top:100%;
}
.sresults a
{
display: block;
padding: 5px;
}
.sresults a:hover, .sresults a.selected
{
background: var(--grey);
}
.compare-wrapper
{
overflow: auto;
position: relative;
}
.compare-block
{
position: static;
}
.prodline, .propline
{
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
width: -webkit-max-content;
}
.prodline
{
padding-left: 210px;
position: sticky;
top: 0;
background: var(--white);
z-index: 3;
transition: all 0.2s ease;
}
.propline-name
{
flex: none;
width: 200px;
text-align: right;
position: sticky;
left: 0;
background: var(--white);
padding: 12px 0;
z-index: 1;
}
.prodline .catalogItem
{
width: 232px;
flex: none;
}
.compare-modes
{
display: flex;
justify-content: flex-start;
gap: 12px;
}
.compare-modes a.selected
{
font-weight: bold;
color: var(--green);
}
.propline
{
border-bottom: 1px solid var(--grey2);
}
.propline.equal
{
font-weight: bold;
}
.propline .propline-values
{
display: flex;
gap: 10px;
align-items: flex-start;
justify-content: flex-start;
padding: 12px 0;
}
.propline .propline-values>div
{
width: 232px;
flex: none;
text-align: center;
}
.short-compare .catalogItem
{
grid-template-rows: 100px auto max-content;
}
.short-compare .catalogItem .desc
{
display: none;
}
.my-cabinet
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
grid-template-areas: "block1 block1" "block2 block3" "block4 block4";
}
.my-cabinet .private-info {
grid-area: block1;
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 20px;
}
.my-cabinet .private-info .my-data
{
display: flex;
flex-direction: column;
gap: 20px;
}
.mop-item
{
display: grid;
grid-template-columns: 100px 1fr 100px 100px;
}
.mop-item img
{
max-height: 100px;
max-width: 100px;
}
.mop-name
{
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 8px;
align-items: flex-start;
}
.bonus-info
{
position: relative;
display: block;
}
.bonus-info>div
{
position: sticky;
top: 80px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 20px;
}
.bonus-info>*, .orders-info>*
{
margin: 0;
}
.big-green-num
{
font: var(--h1b);
color: var(--green);
}
.my-cabinet .private-info .my-bonus
{
display: flex;
flex-direction: column;
justify-content: center;
}
.udata .value
{
padding: 12px 22px;
font: var(--p16);
}
.udata
{
display: flex;
flex-direction: column;
gap: 12px;
}
.udata input
{
border: 1px dashed var(--grey);
background: transparent;
transition: all 0.3s ease;
}
.udata input.saved
{
border: 1px solid var(--green);
}
.udata input:focus
{
border: 1px solid var(--grey);
background: var(--white);
}
.udata .ud-title
{
font: var(--p20b);
}
.my-cabinet .orders-info {
grid-area: block2;
}
.my-cabinet .bonus-info {
grid-area: block3;
}
.my-cabinet .favorites-info {
grid-area: block4;
}
.my-orders-list
{
display: flex;
flex-direction: column;
gap: 12px;
}
.my-order-item
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 12px;
padding: 12px;
}
.my-order-item.ready
{
border-radius: 12px;
background: rgba(0, 255, 0, 0.1);
}
.my-order-item:hover
{
border-radius: 12px;
background: rgba(0, 0, 0, 0.1);
}
.my-order-item .my-order-date, .my-order-item .my-order-state
{
font: var(--p12);
}
.my-order-item .my-order-state, .my-order-item .my-order-sum
{
text-align: right;
}
.my-order-item .my-order-sum, .my-order-item .my-order-num
{
font: var(--p16b);
}
@media all and (min-width: 1081px)
{
body, html
{
font: var(--p14);
}
.mobile-filter-head
{
display: none;
}
input[type=text]
{
padding-left: 20px !important;
}
.delivery-type.grid3
{
display: flex;
justify-content: flex-start;
}
.catalogItem div.double-block .block
{
width: 150px;
}
.catalogItem div.double-block .gbutton
{
width: 150px;
display: block;
box-sizing: border-box;
text-align: center;
padding: 8px 15px;
}
#cartname
{
min-width: 56px;
}
div::-webkit-scrollbar
{
height: 8px;
}
.onscreen-acts
{
bottom: 20px;
}
.hidebleArrows .arrowButton
{
opacity: 0;
transition: all 0.3s ease;
}
.hidebleArrows:hover .arrowButton
{
opacity: 1;
}
.actsii
{
margin-top: 50px;
}
.actsii .blogItem .blogImg
{
height: auto;
padding-top: 55%;
}
header
{
position: sticky;
top: 0;
z-index: 5;
background: #fff;
}
.dots
{
display: flex;
position: absolute;
bottom: 30px;
left: 0;
width: calc(100% - 258px);
justify-content: center;
padding: 15px 0;
z-index: 3;
}
.dots a
{
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--white);
margin: 0 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.dots a.selected
{
background: var(--green);
}
#compare
{
display: block;
overflow: auto;
height: auto;
max-width: 100%;
}
#compare .compare tr:nth-child(2n)
{
background: var(--lightgrey);
}
#compare .compare-prod
{
width: 200px;
display: flex;
align-items: center;
position: relative;
}
#compare .compare-prod .rm-compare
{
position: absolute;
right: 0;
top: 0;
color: var(--red);
z-index: 2;
}
#compare .compare-prod img
{
max-width: 100%;
}
#compare .bold
{
font-weight: bold;
}
#compare .price
{
font: var(--p16b);
}
#compare table
{
width: fit-content;
}
#compare table tr
{
display: flex;
}
#compare table td
{
flex: none;
width: 200px;
}
.greenline
{
display: block;
width: 100%;
height: 40px;
overflow: hidden;
transition: all 0.3s ease;
}
header
{
margin-bottom: 0px;
transition: all 0.3 ease;
}
header.scrolled
{
/*margin-bottom: 0px;*/
}
header.scrolled .greenline
{
height: 0;
}
.greenline a
{
color: var(--white);
}
#topline
{
display: grid;
grid-template-columns: max-content 41px 1fr max-content max-content;
padding: 9px 0;
}
.separation
{
display: block;
width: 1px;
height: 14px;
background: var(--white);
margin: 4px 20px;
}
#city
{
padding-left: 22px;
}
#city:before
{
font-family: "icomoon";
content: "\e915";
position: absolute;
font-size: 15px;
left: 0px;
top: 0px;
}
#email
{
padding-left: 20px;
}
#email:before
{
font-family: "icomoon";
content: "\e92d";
position: absolute;
font-size: 14px;
left: 0px;
top: 1px;
}
#topmenu a
{
margin-right: 20px;
}
.gbutton, .buttonWithGBorder
{
padding: 8px 20px;
}
.buttonWithGBorder
{
border: 1px solid var(--green);
border-radius: 4px;
color:var(--green) !important;
white-space: nowrap;
}
/*.bWithArrow
{
display: inline-block;
align-items: center;
}
.bWithArrow span
{
font-size: 40px;
margin-left: 10px;
margin-top: -10px;
}*/
.content
{
width: 80%;
min-width: 1036px;
}
h1
{
font: var(--h1b);
margin: 10px 0 10px;
}
h2
{
font: var(--h2b);
margin: 50px 0 30px;
}
.main-video
{
margin-top:50px;
}
/* Шапка */
.chat
{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
gap: 10px;
}
.chat a
{
display: block;
border-radius: 50%;
padding: 8px;
}
#header
{
display: grid;
grid-template-columns: 144px 50px 1fr 225px max-content;
grid-gap: 10px;
padding: 15px 0;
position: relative;
z-index: 3;
}
#header .acatalog
{
display: flex;
justify-content: center;
align-items: center;
height: 46px;
}
#header #phones
{
padding: 0 10px;
font-weight: 500;
display: flex;
column-gap: 10px;
flex-wrap: wrap;
justify-content: flex-start;
}
#phones a
{
white-space: nowrap;
display: block;
}
#user-buttons
{
display: grid;
grid-template-columns: repeat(5, max-content);
grid-gap: 20px;
}
#user-buttons a
{
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center;
}
#user-buttons a span
{
display: block;
margin: 0 auto;
font-size: 20px;
}
#mainmenudiv
{
display: block;
height: 40px;
box-sizing: border-box;
padding: 9px 0;
border-top: 1px solid var(--grey2);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: all 0.3s ease;
}
header.scrolled #mainmenudiv
{
height: 0;
padding: 0;
}
#search
{
height: 44px;
padding: 11px 19px;
/*position: initial;*/
z-index: 2;
}
#fast-search-results
{
display: none;
position: absolute;
width: 100vw;
border: 1px solid var(--grey2);
top: 120px;
max-height: calc(100vh - 165px);
overflow: auto;
background: linear-gradient(90deg, rgba(245,245,246,1) 0%, rgba(245,245,246,1) 20%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
left: 0;
margin-left: -10vw;
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);
}
#fast-search-results .left-struct .parts a
{
font-size: var(--p14);
}
#fast-search-results .left-struct .parts a.actual-part
{
position: relative;
}
#fast-search-results .left-struct .parts a.actual-part:before
{
position: absolute;
left: -20px;
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--green);
top: 12px;
content:"";
}
#fast-search-results .left-struct .parts .main-part.ap>a
{
color: var(--green);
}
#fast-search-results .catalog-block
{
padding-top: 20px;
}
#fast-search-results .catalog-page
{
margin: 0 auto;
width: 80%;
}
#fast-search-results .catalog-page>div:first-child
{
background: #F5F5F6;
}
.ls-part-name
{
display: block;
font: var(--p16b);
}
.sb-list
{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 10px;
padding-top: 20px;
}
.sb-list a.sel-b
{
color: var(--green);
}
.sb-list a span, .sb-list a.sel-b span
{
color: var(--grey);
}
/*#fast-search-results a
{
display: flex;
padding: 5px 0;
justify-content: space-between;
}*/
#fast-search-results a div
{
padding: 0 5px;
}
#search form.search input[type=text]
{
font: var(--p14);
font-weight: 400 !important;
height: 22px;
}
#search form.search button[type=submit]
{
margin-top: 3px;
}
.flexBlock
{
display: flex !important;
flex-wrap: wrap !important;
}
.flexBlock>*
{
flex: none !important;
}
.blogList a.blogItem
{
width: 364px;
flex: none;
}
.blogItem .blogImg
{
height: 180px;
border-radius: 16px;
}
.blogItem .blogImg .date
{
width: 128px;
height: 40px;
padding: 9px 28px;
font-weight: 500;
border-radius: 16px 0px;
}
.blogItem .title
{
padding: 10px 0 0;
font: var(--p16);
}
#productMainInfo
{
display: grid;
grid-template-columns: 1fr 596px;
grid-gap: 40px;
}
#prodImages
{
padding: 40px 0 0;
display: grid;
grid-template-columns: 68px 1fr;
grid-gap: 40px;
}
.psb
{
display: block;
position: relative;
}
.piSlides
{
padding: 60px 0;
/*height: 356px;*/
position: absolute;
box-sizing: border-box;
left: 0;
top: 0;
bottom: 0;
}
.prodImage
{
display: flex;
justify-content: center;
align-items: center;
padding: 60px 0;
height: 356px;
}
.prodImage img
{
max-width: 364px;
max-height: 100%;
width: auto;
height: auto;
flex: none;
display: block;
transition: all 0.3s ease;
}
.prodImage img:hover
{
cursor: pointer;
}
#topProdSlides
{
top: 0px;
left: 50%;
margin-left: -20px;
}
#bottomProdSlides
{
bottom: 0px;
left: 50%;
margin-left: -20px;
}
.piSlidesList
{
display: flex;
flex-direction: column;
overflow: hidden;/*auto;*/
max-height: 100%;
grid-gap: 10px;
}
.piSlidesList a.selected
{
border: 2px solid var(--green);
}
.piSlidesList a img
{
max-width: 90%;
margin: 5%;
}
.prodImage .nums
{
display: flex;
align-items: flex-start;
position: absolute;
color: var(--green);
font: var(--p18);
top: -42px;
right: -20px;
}
.prodImage .nums .big
{
display: flex;
font: var(--h1);
margin-top: -6px;
}
#prodRightColomn
{
}
#prodRightColomn .marks
{
justify-content: flex-start;
}
.greyListDivs>div.buyDiv
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.buyDiv>div:first-child
{
display: flex;
align-items: center;
justify-content: flex-start;
}
.buyDiv .price
{
font: var(--h3b);
}
.buyDiv .prodButtons
{
width: 100px;
display: grid;
grid-template-columns: repeat(3, 1fr);
margin: 0 29px;
grid-gap: 20px;
}
.buyDiv .prodButtons a, .prodButtons a
{
color: var(--grey);
}
.buyDiv .prodButtons a.fontgreen, .prodButtons a.fontgreen
{
color: var(--green);
}
.buyButtonsDiv
{
display: flex;
justify-content: flex-start;
gap: 10px;
flex-wrap: wrap;
}
.buyButtonsDiv a
{
flex: none;
display: inline-block;
margin: 0px 0px 0 0;
}
#rev-form a
{
color: var(--green);
}
.marks
{
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
font: var(--p16);
}
.marks>span
{
color: var(--black);
font-size: 14px;
}
.marks>span.mark
{
padding: 0 10px;
}
.marks .stars
{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 5px;
font-size: 19px;
}
.pMainInfo
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 8px;
margin: 20px 0;
font: var(--p16);
}
.pMainInfo>div
{
display: block;
}
.pMainInfo>div span
{
font-weight: 600;
margin-right: 10px;
}
.pMainInfo>div a
{
margin-left: 10px;
text-decoration: underline;
}
.greyListDivs
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
}
.greyListDivs>div
{
display: block;
background: var(--lightgrey);
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 20px 30px;
box-sizing: border-box;
}
.standartDiv
{
display: block;
}
.prodCharacteristics,.prodDesc
{
font: var(--p18);
}
.standartDiv .title
{
display: block;
margin: 50px 0 30px;
font: var(--p24);
font-weight: 600;
}
.prodDesc
{
display: grid;
grid-template-rows: repeat(1, 1fr);
grid-gap: 10px;
border-top: 1px solid var(--grey2);
margin-top: 50px;
}
.prodDesc p
{
margin: 0;
}
.colomns2
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.prodCharacteristics>div.colomnDiv
{
display: block;
}
.prodCharacteristics>div.colomnDiv>div
{
display: flex;
justify-content: space-between;
padding: 5px 10px;
}
.prodCharacteristics>div.colomnDiv>div .name
{
color: var(--grey);
}
.prodCharacteristics>div.colomnDiv>div:nth-child(2n)
{
background: var(--lightgrey);
}
.standartDiv input[type=text], textarea
{
-webkit-appearance:none;
padding: 11px 30px;
height: 50px;
width: 100%;
background: var(--white);
border: 1px solid var(--grey2);
box-sizing: border-box;
border-radius: 4px;
font: var(--p18);
font-weight: 400;
}
.standartDiv input[type=submit]
{
display: inline-block;
-webkit-appearance:none;
border: none;
font: var(--p16);
height: 40px;
box-sizing: border-box;
}
#AskAQuestion input[type=submit]
{
width: 158px;
margin-top: 10px;
}
.gbutton .icon-plus-m
{
margin-right: 10px;
}
.giveFeedbackP
{
margin: 20px 0 30px;
}
.flexBetween
{
display: flex;
justify-content: space-between;
}
.reviewsList
{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
margin-bottom: 30px;
}
.reviewDiv .flexBetween
{
align-items: flex-start;
}
.reviewDiv .title
{
display: block;
margin: 20px 0 10px;
font: var(--p16b);
}
.reviewDiv .block p
{
margin: 0;
padding: 0;
}
.reviewDiv .block .readmore
{
display: block;
margin-top: 10px;
font-weight: 500;
}
.marksAndanswer
{
margin-top: 33px;
}
.marksAndanswer .answer
{
font: var(--p16b);
}
.likeAnddislike, .likeAnddislike a
{
display: flex;
align-items: center;
}
.likeAnddislike a
{
color: var(--grey);
}
.likeAnddislike a span
{
font: var(--p16);
margin:0 14px 0 0;
}
#banersMain
{
display: grid;
grid-template-columns: 1fr 238px;
grid-gap: 20px;
}
.mainBaner
{
border-radius: 16px;
height: 320px;
}
.brendsList, .brendsListGreyBg
{
grid-gap: 20px;
}
.brendsList a, .brendsListGreyBg a
{
border-radius: 8px;
width: 236px;
height: 84px;
}
#banersMain .brendMainBaner, #banersMain .mainBaner, #banersMain .mainBaner2
{
margin: 30px 0;
}
#mainBaner2
{
margin-top: 50px;
}
.catalogItem
{
display: grid;
grid-template-rows: 200px 1fr 108px;
/*display: block;*/
width: 232px;
/*height: 362px;*/
}
.catalogItem>div.c-list-image
{
display: flex;
align-items: center;
justify-content: center;
}
.catalogItem .lview, .catalogItem .price.lview
{
display: none;
}
.c-list .catalogItem .lview
{
display: block;
}
.catalogItem .price.tview
{
display: flex;
justify-content: space-between;
}
.catalogItem .price.tview .sc-mark
{
font-weight: normal;
font-size: 14px;
}
.c-list .catalogItem .tview
{
display: none !important;
}
.c-list .catalogItem
{
display: grid;
grid-template-columns: 236px repeat(2, 1fr);
width: 100%;
grid-gap: 40px;
height: 210px;
}
.hints>*
{
padding: 3px 8px;
font: var(--p10);
width: fit-content;
}
.catalogItem .lview .marks
{
display: flex;
}
.catalogList
{
grid-gap: 20px;
}
.catalogRazdeli
{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.catalogRazdeli a
{
display: flex;
align-items: center;
height: 250px;
border: 1px solid var(--grey);
border-radius: 8px;
font: var(--p16);
transition: all 0.2s ease;
}
.catalogRazdeli a:hover
{
transform: scale(1.05);
border-color: var(--green);
}
.catalogRazdeli a div
{
display: flex;
width: 50%;
align-items: center;
justify-content: center;
height: auto;
padding: 26px;
}
.catalogRazdeli a div.razdel
{
height: 130px;
box-sizing: border-box;
text-align: center;
border-left: 1px solid var(--green);
}
.catalogRazdeli a.tocatalog
{
text-align: center;
justify-content: center;
border-color: var(--green);
color: var(--green);
}
.catalogRazdeli a.tocatalog:hover
{
color: var(--white);
background: var(--green);
}
.catalogRazdeli a.tocatalog span
{
font-size: 40px;
padding-left: 30px;
}
.catalogRazdeli a.tocatalog:hover span
{
color: var(--white);
}
.catalogItem .articleLine, .bprod .articleLine
{
display: flex;
justify-content: space-between;
font: var(--p12);
}
.catalogItem .onboard
{
text-align: right;
}
.catalogItem .desc, .bprod .desc
{
display: block;
margin: 10px 0;
padding: 0;
color: var(--black) !important;
}
.catalogItem .desc
{
overflow: hidden;
height: 88px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.catalogItem .price, .bprod .price
{
display: block;
font: var(--p20b);
}
.catalogItem .price.lview
{
display: none !important;
}
.catalogItem .oldprice
{
display: block;
font: var(--p14);
font-weight: 500;
margin: 0px 0 13px;
height: 22px;
}
#mainAboutText p
{
font: var(--p18);
}
.bWithArrow
{
display: flex;
align-items: center;
justify-content: center;
padding: 0px 23px;
height: 40px;
box-sizing: border-box;
width: 215px;
font: var(--p16);
}
.bWithArrow .icon-arrow-slim-big
{
margin-left: 10px;
font-size: 40px;
height: 40px;
}
.checkedProps
{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
grid-gap: 10px;
margin: 0px 0 30px;
}
.catalogFullListAndFilter
{
display: grid;
grid-template-columns: 300px 1fr;
grid-gap: 44px;
}
.showmore
{
display: flex;
justify-content: center;
align-items: center;
height: 50px;
width: 100%;
border: 1px solid var(--grey);
box-sizing: border-box;
border-radius: 4px;
margin-top: 30px;
}
.pages
{
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.pages .pagesList
{
display: flex;
justify-content: flex-start;
align-items: center;
}
.pages .pagesList a
{
display: flex;
text-align: center;
justify-content: center;
align-items: center;
color: var(--grey);
height: 32px;
width: 32px;
border-radius: 8px;
padding: 6px 9px;
box-sizing: border-box;
margin: 0 3px;
}
.pages .pagesList>span
{
display: flex;
padding: 5px 15px 0;
color: var(--grey);
}
.pages .pagesList a.arrow
{
font-size: 13px;
}
.pages .pagesList a.selected
{
background: var(--green);
color: var(--white);
}
.howmuch
{
font: var(--p18);
}
.howmuch>a>span
{
padding: 0 18px;
font-size: 11px;
}
.catalogMenu
{
display: none;
grid-template-columns: calc(307px + 10vw) 1fr 10vw;
position: absolute;
top: 121px;
left: 0;
background: var(--lightgrey);
z-index: 10;
width: -webkit-fill-available;
height: calc(100vh - 140px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
border-bottom: 1px solid var(--lightgrey);
}
.catalogMenu.open
{
display: grid;
}
.catalogMenu ul
{
list-style-type: none;
padding-left: 0;
max-height: 100%;
overflow: auto;
}
.catalogMenu>ul
{
z-index: 10;
margin: 0;
}
.catalogMenu>ul>li
{
padding: 18px 0;
padding-left: 10vw;
}
.catalogMenu>ul>li>a
{
font: var(--p16b);
}
.catalogMenu>ul>li:hover, .catalogMenu>ul>li.hover
{
background: var(--white);
}
.catalogMenu>ul>li:hover>a, .catalogMenu>ul>li.hover>a
{
color: var(--green);
}
.catalogMenu div.submenublock
{
display: block;
position: absolute;
left: calc(307px + 10vw);
top: 0;
right: 0;
bottom: 0;
overflow: auto;
padding-right: 7vw;
padding-left: 47px;
box-sizing: border-box;
z-index: 11;
background: var(--white);
}
.catalogMenu div.submenublock.hidden
{
display: none;
}
.catalogMenu>ul>li:hover>div
{
display: block;
}
.catalogMenu div.submenublock>ul
{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: flex-start;
}
.catalogMenu div.submenublock>ul>li
{
width: 236px;
flex: none;
margin-right: 3vw;
}
.catalogMenu div.submenublock>ul>li>a
{
display: block;
font: var(--p16b);
margin: 26px 0 10px;
}
.catalogMenu div.submenublock>ul>li>ul>li
{
padding: 10px 0 0;
}
.catalogMenu .bgwhite
{
position: relative;
}
.brendsListMenu
{
/*display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;*/
background: var(--white);
padding-top: 9px;
}
.brendsListMenu.hidden
{
display: none;
}
.brendsListMenu>div
{
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.brendsListMenu a
{
display: flex;
align-items: center;
justify-content: center;
width: 172px;
height: 120px;
border: 1px solid var(--grey2);
box-sizing: border-box;
border-radius: 4px;
margin: 20px 20px 0 0;
}
.brendsListMenu a img
{
max-width: 60%;
max-height: 60%;
}
/*Статичные страницы*/
.static
{
display: grid;
position: relative;
grid-template-columns: 286px 1fr;
grid-gap: 30px;
padding-top: 20px;
/*font: var(--p18);*/
}
.static_menu
{
}
.static_menu ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
.static_menu ul li
{
display: block;
}
.static_menu>ul>li>a
{
display: flex;
align-items: center;
height: 50px;
padding: 14px 35px;
box-sizing: border-box;
}
.static_menu>ul>li>a.selected
{
background: var(--green);
color: var(--white);
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 4px;
}
.static_menu>ul>li>a.selected
{
position: relative;
color: var(--white);
cursor: default;
}
.static_menu>ul>li>a.selected:before
{
display: block;
position: absolute;
top: 20px;
left: 20px;
background: var(--white);
border-radius: 5px;
height: 10px;
width: 10px;
content: '';
}
.static_menu ul li a
{
position: relative;
font: var(--p14);
color: var(--black);
}
.static_menu ul li ul li
{
padding:14px 0 14px 55px;
}
.static_menu ul li ul li a:before
{
display: block;
position: absolute;
content: '–';
top: -3px;
left: -10px;
}
.static_menu ul li ul li a.selected
{
color: var(--green);
}
h3
{
font: var(--h3b);
margin: 14px 0 6px;
}
.h3
{
font: var(--h3b);
}
.static-content-block h3:first-child, .static-content-block p:first-child
{
margin-top: 0;
}
h4
{
font: var(--p24b);
}
.map
{
display: block;
height: 470px;
width: 100%;
background: url('/images/MapPlaceholderImage.png') top center no-repeat;
background-size: auto 100%;
margin: 14px 0 30px;
}
.hr
{
display: block;
height: 1px;
background: var(--grey2);
margin: 30px 0;
}
.pickup
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
width: 100%;
box-sizing: border-box;
}
.pickup h4
{
padding: 0;
margin: 0;
}
.table_zones
{
border-radius: 8px;
border-top: 1px solid var(--grey2);
border-left: 1px solid var(--grey2);
}
.table_zones td
{
vertical-align: middle;
height: 70px;
padding: 5px 19px;
border-right: 1px solid var(--grey2);
border-bottom: 1px solid var(--grey2);
font: var(--p16);
}
.table_zones tr:first-child td
{
text-align: center;
}
.our_advantages
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
padding-top: 24px;
}
#benefits-of-cooperation
{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
padding-top: 24px;
}
#benefits-of-cooperation .colomns
{
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 46px;
margin-bottom: 46px;
}
#benefits-of-cooperation .colomns:first-child
{
margin-right: 95px;
}
.our_advantages>div, #benefits-of-cooperation .colomns>div
{
display: grid;
grid-template-columns: 72px 1fr;
grid-gap: 35px;
grid-template-areas: 'aicon name' 'aicon anons';
}
.our_advantages>div
{
grid-row-gap: 10px;
grid-column-gap: 33px;
}
#benefits-of-cooperation .colomns>div
{
grid-row-gap: 10px;
grid-column-gap: 22px;
width: 482px;
}
.our_advantages>div .icon, #benefits-of-cooperation .colomns>div .icon
{
display: flex;
align-items: center;
grid-area: aicon;
width: 72px;
color: var(--green);
}
.our_advantages>div .icon span, #benefits-of-cooperation .colomns>div .icon span
{
font-size: 72px;
}
.our_advantages>div .name, #benefits-of-cooperation .colomns>div .name
{
grid-area: name;
font: var(--p24b);
}
.our_advantages>div .anons, #benefits-of-cooperation .colomns>div .anons
{
grid-area: anons;
}
.blog8
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 20px;
margin:20px 0 30px;
}
.blog8>div, .blog8>a
{
display: block;
}
.blog8 .blogImg
{
display: block;
width: 100%;
border-radius: 8px;
height: 171px;
}
.blog8 .title
{
margin-top: 10px;
text-align: center;
}
.green_block_with_map
{
display: grid;
grid-template-columns: 1fr 296px;
grid-gap: 44px;
height: 250px;
background: var(--green);
border-radius: 8px;
color: var(--white);
padding: 36px 30px 35px;
font: var(--p24b);
margin-bottom: 30px;
}
.green_block_with_map span
{
display: flex;
align-items: center;
height: 100%;
}
.sotr_steps
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 71px;
grid-row-gap: 30px;
margin-top: 26px;
}
.sotr_steps .step
{
display: flex;
align-items: center;
font: var(--p20b);
}
.sotr_steps .step .num
{
display: flex;
justify-content: center;
align-items: center;
width: 73px;
height: 73px;
border-radius: 37px;
background: var(--green);
box-sizing: border-box;
font: var(--h2b);
color: var(--white);
margin-right: 30px;
}
.sotr_steps .gbutton
{
font: var(--p20);
height: 50px;
width: 294px;
text-align: center;
}
.actions404
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.actions404>p
{
/*font: var(--p24);*/
grid-column: span 2;
text-align: center;
}
.actions404>div
{
display: flex;
justify-content: center;
}
.actions404>div a
{
font: var(--p24);
}
/*-------------------*/
/*BRAND*/
.top-brand-slider
{
display: block;
position: relative;
height: 230px;
margin-top: 30px;
margin-bottom: 50px;
}
.top-brand-slider .tbs-wrapper
{
display: block;
position: relative;
height: 230px;
}
.top-brand-slider .tbs-wrapper a
{
position: absolute;
width: 100%;
height: 230px;
border-radius: 24px;
top: 0;
left: 0;
background-position: center;
background-size: cover;
}
.slider-buttons
{
display: flex;
justify-content: flex-end;
align-items: center;
position: absolute;
right: 20px;
bottom: 20px;
}
.slider-buttons .standartArrowButton
{
position: relative;
margin-left: 10px;
}
.conf-block
{
display: block;
margin: 30px 0 40px;
}
.conf-list a
{
display: block;
flex: none;
width: 260px;
box-sizing: border-box;
padding: 35px;
border-radius: 8px;
border: 1px solid var(--grey2);
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.conf-list a .image
{
display: flex;
width: 190px;
height: 190px;
align-items: center;
justify-content: center;
}
.conf-list a .image img
{
max-width: 190px;
max-height: 190px;
}
.conf-list a span
{
font: var(--p20b);
display: block;
text-align: center;
padding-top: 28px;
}
.brand-catalog
{
display: grid;
grid-template-columns: 364px 1fr;
grid-gap: 20px;
}
.brand-catalog .bc-menu
{
position: relative;
}
.brand-catalog .bc-menu .bm-list
{
position: sticky;
top: 170px;
width: 100%;
padding: 35px;
border: 1px solid var(--grey2);
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background: var(--white);
}
.brand-catalog .bc-menu .bm-list a
{
position: relative;
display: block;
font: var(--p14);
margin-bottom: 20px;
}
.brand-catalog .bc-menu .bm-list a.selected:before
{
display: block;
position: absolute;
left: -15px;
top: 6px;
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--green);
content: "";
}
.brand-catalog .bc-menu .bm-list a:last-child
{
margin-bottom: 0;
}
.bm-catalog
{
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.groupName
{
flex: none;
display: block;
width: 100%;
font: var(--p24);
}
.bm-catalog .bs-item2
{
flex: none;
width: 362px;
padding: 35px;
border: 1px solid var(--grey2);
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background: var(--white);
margin: 0 20px 20px 0;
}
.bm-catalog .bs-item2 .bsi-image
{
display: flex;
align-items: center;
justify-content: center;
height: 190px;
}
.bm-catalog .bs-item2 .bsi-image img
{
max-width: 190px;
max-height: 190px;
}
.bm-catalog .bs-item2 .serName
{
font: var(--p20b);
display: block;
text-align: center;
padding-top: 28px;
}
.bm-catalog .bs-item2 .prc
{
font: var(--p18);
}
.bm-catalog .bs-item2 .prc div
{
display: flex;
justify-content: space-between;
padding: 20px 0 10px;
border-bottom: 1px solid var(--green);
}
/*BRAND END*/
/*--------Личный кабинет-----------*/
.cabinet
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px;
}
.cabinet_div
{
display: block;
width: 486px;
flex: none;
padding: 30px 19px;
background: var(--lightgrey);
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 8px;
font: var(--p20);
}
.cabinet_div a.h3
{
display: block;
margin-bottom: 20px;
}
.favline
{
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
}
.favline a.f-prod-block
{
display: grid;
grid-template-columns: 70px 1fr;
grid-gap: 10px;
}
.favline a.f-prod-block .f-name
{
font-size: 14px;
line-height: 16px;
display: block;
}
.favline a.f-prod-block .f-price
{
margin-top: 10px;
font-size: 16px;
font-weight: bold;
}
.edit
{
display: inline-block;
position: relative;
height: 21px;
width: 21px;
margin-left: 10px;
}
.edit:before
{
display: block;
position: absolute;
top: 0;
left: 0;
content: "\e90f";
font-family: "icomoon";
height: 21px;
width: 21px;
font-size: 21px;
color: var(--grey);
}
.private_info
{
width: 100%;
}
.private_info .title
{
color: var(--grey);
}
.private_info .email, .private_info .phone
{
display: block;
}
.back
{
display: flex;
justify-content: flex-start;
align-items: center;
font: var(--p16);
margin-top: 30px;
}
.back .circle
{
display: flex;
margin-right: 15px;
justify-content: center;
align-items: center;
font-size: 20px;
color: var(--green);
width: 42px;
height: 42px;
border-radius: 21px;
background: var(--lightgrey);
}
.progress_bar_div
{
width: 100%;
margin: 81px 0 30px;
padding: 63px 50px 50px 50px;
}
.progress_bar_div .h3
{
display: block;
margin-bottom: 20px;
}
.progress_bar
{
display: block;
margin-top: 50px;
}
.progress_bar .percents, .progress_bar .money
{
font: var(--p24b);
display: flex;
width: 100%;
justify-content: space-between;
}
.progress_bar .bar
{
display: block;
position: relative;
width: 100%;
height: 20px;
background: var(--lightgrey);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
border-radius: 32px;
margin: 1px 0 17px;
}
.progress_bar .bar .green_progress
{
display: block;
width: 77%;
height: 20px;
background: var(--green);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
border-radius: 32px;
z-index: 1;
}
.progress_bar .bar .progress_circle
{
display: block;
position: absolute;
top: -5px;
left: calc(77% - 15px);
height: 30px;
width: 30px;
border-radius: 15px;
background: var(--white);
border: 2px solid var(--green);
z-index: 2;
}
.cabinet_text p
{
margin: 20px 0;
}
.cabinet_text h4
{
font: var(--p24b);
}
.cabinet_text h5
{
font: var(--p18b);
}
.order_div_short
{
display: grid;
grid-template-columns: 20px repeat(4, 1fr);
grid-gap: 21px;
background: var(--white);
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 8px;
font: var(--p20);
}
.order_div_long, .order_div_short
{
margin-top: 30px;
width: 100%;
padding: 35px 33px;
}
.order_div_short .icon
{
display: block;
font-size: 20px;
margin-top: 6px;
}
.order_div_short .price
{
text-align: right;
}
.cashback
{
display: inline-block;
width: 38px;
margin-right: 10px;
}
.order_div_long p
{
display: flex;
align-items: center;
margin: 10px 0;
}
.bonus_info
{
display: block;
text-align: center;
padding: 24px;
position: absolute;
width: 312px;
height: 163px;
right: 14%;
top: -80px;
background: var(--white);
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 32px;
font: var(--p24);
}
.bonus_info div
{
display: inline-block;
position: relative;
}
.bonus_info .bold
{
display: block;
margin-bottom: 25px;
font-weight: 600;
}
.bonus_info .icon-Info
{
display: block;
position: absolute;
right: -25px;
top: -2px;
font-size: 20px;
color: var(--lightblue);
}
.bonus_info .bonus_comment
{
display: none;
justify-content: center;
align-items: center;
position: absolute;
height: 44px;
width: 158px;
right: -183px;
top: -46px;
font:var(--p12);
background: var(--lightblue);
border-radius: 8px;
}
.bonus_info .icon-Info:hover+.bonus_comment
{
display: flex;
}
.СЃhoose_date
{
padding: 10px 16px;
margin-top: 30px;
}
/*-------------------*/
.payinfolines
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
margin: 20px 0;
}
.discont
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
margin: 20px 0;
}
.payinfolines .line
{
display: grid;
grid-template-columns: max-content 1fr max-content;
grid-gap: 10px;
font: var(--p16);
}
.line.itog
{
font: var(--p24b);
}
.separete_line
{
display: block;
border-bottom: 1px dashed var(--grey);
height: 18px;
}
.line.itog .separete_line
{
height: 27px;
}
.promocodeform
{
display: grid;
grid-template-columns: 1fr 135px;
gap: 0px;
}
.promocodeform .gbutton, .inputs_list .gbutton
{
display: flex;
align-items: center;
justify-content: center;
font: var(--p16);
text-decoration: none;
}
.promocodeform .gbutton
{
background: var(--grey);
pointer-events: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.promocodeform input
{
pointer-events: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.order-cart-product
{
display: grid;
grid-template-columns: 80px 1fr 80px;
grid-gap: 15px;
margin: 20px 0;
}
.order-cart-product img
{
max-width: 100%;
}
.order-cart-product .image
{
position: relative;
}
.order-cart-product .image span
{
position: absolute;
display: flex;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
background: var(--black);
color: var(--white);
font: var(--p14);
top:-15px;
right: -15px;
border-radius: 50%;
}
.order-cart-product>*
{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.order-cart-product .name
{
color: var(--black);
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
display: block;
max-height: 70px;
}
.order-cart-product .price
{
font: var(--p18b);
}
input#promocode:checked+label .promocodeform .gbutton
{
background: var(--green);
pointer-events: initial;
}
input#promocode:checked+label .promocodeform input
{
pointer-events: initial;
}
.bigcomment
{
display: block;
height: 100px;
}
.inputs_list .gbutton
{
height: 50px;
width: 294px;
}
/*------------Basket-------------*/
/*-------------------------*/
.brendMainBaner span
{
display: block;
line-height: 110%;
}
.ms
{
display: none !important;
}
}
@media all and (min-width: 1081px)
{
header
{
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
}
body
{
padding-top: 160px;
}
}
@media all and (max-width: 1599px) and (min-width: 1081px) /*Только средние устройства*/
{
#mainAboutText
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 20px;
}
.mainBaner, .mainBaner2
{
height: 230px;
}
.brendMainBaner
{
height: 270px;
}
.brendMainBaner span
{
display: block;
line-height: 110%;
}
.brendMainBaner .productImg
{
max-height: 100px;
margin: 15px auto 10px;
}
.brendMainBaner a.gbutton
{
margin-top: 10px;
}
}
@media all and (max-width: 1599px)
{
#phones span, #phones .recall, #header .acatalog font
{
display: none;
}
.catalogRazdeli a:nth-child(n+6)
{
display: none;
}
.catalogRazdeli.full-list a:nth-child(n+6)
{
display: flex;
}
.catalogRazdeli a.tocatalog
{
display: flex;
}
}
@media all and (min-width: 1600px) /*fullHD устройства*/
{
.catalogRazdeli
{
grid-template-columns: repeat(4, 1fr);
}
#header
{
grid-template-columns: 144px 122px 1fr 330px max-content;
grid-gap: 20px;
}
#about
{
display: grid;
grid-template-columns: 2fr 1fr;
grid-column-gap: 40px;
}
#productMainInfo
{
display: grid;
grid-template-columns: 1fr 620px;
grid-gap: 140px;
}
.filesList
{
grid-template-columns: repeat(3, 1fr);
}
.catalogFullListAndFilter
{
display: grid;
grid-template-columns: 296px 1fr;
grid-gap: 96px;
}
.blog8
{
grid-template-columns: repeat(3, 1fr);
}
.blog8 .blogItem
{
height: 190px;
}
.green_block_with_map
{
padding: 36px 87px 35px 73px;
}
.sotr_steps
{
grid-template-columns: repeat(3, 1fr);
}
.sotr_steps .step
{
font: var(--p24b);
}
}
@media all and (max-width: 1080px) /*мобильные устройства*/
{
body,html
{
font: var(--p12);
/*overflow-x: hidden;*/
}
.footerBottom
{
flex-direction: column;
height: 151px;
}
.left_order.fullscreen #order
{
grid-template-columns: 1fr;
overflow: auto;
}
.faddr{
justify-content: center;
}
.breadCrumbs
{
display: flex;
margin-top: 30px;
gap: 5px;
overflow: auto;
width: calc(100vw - 40px);
}
.breadCrumbs>div
{
flex: none;
}
.product-page
{
display: grid;
grid-template-columns: 1fr;
grid-template-areas:
"topline" "pscreen" "auth" "buyer" "nal" "pay" "line1" "line2" "line3" "line4"
;
grid-column-gap: 60px;
grid-row-gap: 20px;
}
.tl-actions a span, .tl-artcle
{
display: none;
}
.slides, .breadCrumbs
{
padding-bottom: 30px;
margin-bottom: -30px;
clip-path: inset(0 0 30px 0);
}
div::-webkit-scrollbar {
width: 4px;
height: 0px; /* width of the entire scrollbar */
}
.imslider
{
margin: 20px auto;
width: calc(100vw - 80px);
}
.imsld
{
display: flex;
overflow: hidden;
width: calc(100vw - 80px);
}
.imsld div
{
flex: none;
width: calc(100vw - 80px);
padding-top: 80%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.imsldc
{
display: block;
text-align: center;
margin-top: 10px;
}
#fast-search-results2
{
z-index: 10;
width: 100%;
}
h1
{
line-height: 120%;
}
#compare
{
overflow: auto;
max-width: calc(100vw - 30px);
}
#compare td
{
min-width: 120px;
padding: 5px;
vertical-align: top;
border-bottom: 1px solid var(--grey);
}
#compare td img
{
max-width: 100px;
}
.compare .bold td
{
font-weight: bold;
}
.compare-p-image
{
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1;
}
.address>div.f-phones
{
margin-top: 20px;
display: flex;
gap: 20px;
justify-content: space-around;
flex-wrap: wrap;
}
.d-block
{
grid-template-columns: 1fr;
}
.fcb-count-ob
{
font-size: 18px;
line-height: 28px;
font-weight: 500;
margin-bottom: 24px;
display: block;
}
.window .gbutton, .window .buttonWithGBorder
{
font: var(--p12);
padding: 8px;
line-height: 24px !important;
}
.window .title span
{
font: var(--h3m);
font-weight: 500;
}
.window .wcontent
{
padding: 0 0px 0 0;
}
.wcontent .gbutton
{
margin-top: 8px;
}
.onscreen-acts
{
bottom: 78px !important;
}
.mobile-menu.visible
{
display: block;
position: fixed;
top: 67px;
background: var(--white);
bottom: 0;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
z-index: 10;
}
.main-mob-links, .menu-contacts-block
{
display: block;
padding: 13px 10px 16px;
border-bottom: 1px solid var(--grey);
}
.menu-contacts-block
{
padding: 17px 7px 22px 9px;
}
.menu-contacts-block .mob-phones
{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 12px;
}
.menu-contacts-block .mob-phones a
{
display: flex;
align-items: center;
height: 36px;
border-radius: 18px;
gap: 8px;
background: #F5F5F6;
padding: 8px;
box-sizing: border-box;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.menu-contacts-block .mob-phones a:before
{
font-family: "icomoon";
content: "\e94e";
font-size: 20px;
}
.menu-contacts-block .social
{
display: flex;
justify-content: flex-start;
margin-top: 12px;
gap: 40px;
}
.menu-contacts-block .social a
{
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.menu-contacts-block .social a img
{
height: 40px;
}
.mob-brands-list
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 8px;
grid-row-gap: 16px;
padding: 15px;
}
.mob-brands-list a
{
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--green);
border-radius: 4px;
height: 80px;
}
.mob-brands-list a img
{
display: block;
max-height: 40px;
max-width: 80%;
}
.mob-brands-list СЂ2
{
grid-column: span 1;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin: 0;
padding: 10px 18px;
}
.mob-catalog-list
{
display: block;
padding: 10px;
}
a.mml
{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 12px;
font-size: 14px;
line-height: 22px;
font-weight: 500;
padding: 7px 8px;
margin: 4px 0;
}
a.mml i
{
font-size: 20px;
}
a.mml2
{
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
padding: 8px;
margin: 4px 0;
}
a.mml2 i
{
font-size: 12px;
color: var(--green);
}
.gbutton.menuback, .gbutton.menuopen, .gbutton.menuclose
{
width: 50px;
height: 46px !important;
margin-top: 5px;
align-items: center;
justify-content: center;
display: flex;
}
.menuback, .menuclose
{
display: none !important;
}
.gbutton.menuopen.unvisible
{
display: none !important;
}
.menuback.visible, .menuclose.visible
{
display: flex !important;
}
.mobile-menu ul
{
list-style-type: none;
padding: 10px 18px;
}
.mobile-menu ul>li>a
{
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.mobile-menu ul>li>ul
{
padding-left: 12px;
}
.mobile-menu ul>li>ul>li a
{
font-size: 14px;
line-height: 20px;
font-weight: 400;
padding: 8px 0;
display: block;
}
.fo-r98-title
{
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.pic img
{
max-height: 100%;
}
.filter-title
{
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 15px;
background: var(--white);
z-index: 200;
border-bottom: 1px solid var(--grey);
}
.filter-title h3
{
margin: 0;
}
.fcatalog-parts
{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 10px;
grid-row-gap: 20px;
}
.fcatalog-part .subcats
{
display: none;
}
.fcatalog-parts .fcatalog-part
{
width: auto;
display: grid;
grid-template-rows: 30vw 1fr;
grid-gap: 5px;
margin: 0;
}
.fcatalog-parts .fcatalog-part .fcp-logo
{
height: 30vw;
box-sizing: border-box;
border-radius: 5px;
background: var(--white);
display: flex;
align-items: center;
justify-content: center;
}
.fcatalog-parts .fcatalog-part .fcp-logo a
{
display: flex;
align-items: center;
justify-content: center;
}
.fcatalog-parts .fcatalog-part .fcp-logo img
{
max-width: 90%;
max-height: 90%;
}
.fcatalog-part .fcp-name
{
font: var(--p12b);
text-align: center;
display: flex;
line-height: 15px;
align-items: center;
justify-content: center;
margin: 0px;
}
.brendsListMenu >div a
{
border: 1px solid var(--green);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
height: 80px;
}
.chat
{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
position: fixed;
width: 40px;
height: 40px;
bottom: 100px;
right: 10px;
z-index: 10;
gap: 10px;
}
.chat a
{
display: block;
border-radius: 50%;
padding: 8px;
}
.mcity
{
padding-left: 20px;
margin-top: 10px;
font-size: 16px;
font-weight: 500;
line-height: 22px;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 4px;
}
.mcity:before
{
font-family: "icomoon";
content: "\e915";
font-size: 22px;
/*position: absolute;
left: 0px;
top: 0px;*/
}
.sortDiv
{
justify-content: space-between;
}
.mfilter a
{
display: flex;
align-items: center;
text-align: center;
justify-content: center;
color: var(--white);
background: var(--green);
padding: 10px;
border-radius: 5px;
}
.mfilter a i
{
margin-right: 0;
}
.f-buttons
{
display: flex;
justify-content: space-between;
gap: 20px;
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
padding: 10px 15px;
background: #fff;
height: 60px;
box-sizing: border-box;
}
.green-button.ms.success
{
display: block;
width: auto;
flex: 1;
padding: 10px;
color: var(--white);
background: var(--green);
border: 1px solid var(--green);
border-radius: 10px;
text-align: center;
font: var(--p14);
line-height: 16px;
}
.white-button.ms.success
{
display: block;
flex: 1;
width: auto;
padding: 10px;
color: var(--green);
background: var(--white);
border: 1px solid var(--green);
border-radius: 10px;
text-align: center;
font: var(--p14);
line-height: 16px;
}
.sortButtons.view-type
{
display: none;
}
.catalog-filter
{
display: none;
height: 100vh;
width: 100vw;
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
padding: 60px 20px 60px;
overflow: auto;
background: var(--white);
z-index: 5;
}
.footer
{
grid-template-columns: repeat(1, 1fr);
grid-gap: 0;
}
.footer .footerList
{
display: none;
margin-bottom: 40px;
}
.footer .address
{
text-align: center;
padding: 0;
width: 100%;
box-sizing: border-box;
padding: 0 20px;
}
.footer .social
{
justify-content: center;
width: 100%;
}
.footer .social a
{
color: var(--green);
}
.typeCards img
{
height: 15px;
}
.footerTop .phones
{
display: none;
}
footer
{
border-top-left-radius: 40px;
border-top-right-radius: 40px;
padding-bottom: 40px;
}
.footer .address:before
{
display: none;
}
.slides
{
overflow: auto;
}
.brendsList a img, .brendsListGreyBg a img
{
max-width: 80%;
height: auto;
}
.conf-menu>a
{
display: none;
}
#configure2
{
grid-template-columns: repeat(1,1fr);
}
#configure2 .frames
{
width: 100vw;
margin-left: -10px;
}
#configure2 #conf_left_part
{
height: 300px;
}
#configure2 #conf_left_part #wall #frame
{
margin:0;
}
#fast-search-results
{
display: none;
position: absolute;
width: calc(100% - 2px);
border: 1px solid var(--grey2);
top: 42px;
height: calc(100vh - 210px);
overflow: auto;
background: var(--white);
left: 0;
z-index: 5;
}
#fast-search-results>.catalog-page>div:first-child
{
display: none;
}
/*#fast-search-results a
{
display: flex;
padding: 5px 0;
justify-content: space-between;
}
#fast-search-results a div
{
padding: 0 5px;
}*/
.top-brand-slider
{
display: block;
position: relative;
height: auto;
aspect-ratio: 2.5;
margin-top: 20px;
margin-bottom: 20px;
}
.top-brand-slider .tbs-wrapper
{
display: block;
position: relative;
height: auto;
}
.top-brand-slider .tbs-wrapper a
{
position: absolute;
width: 100%;
height: auto;
aspect-ratio: 2.5;
border-radius: 24px;
top: 0;
left: 0;
background-position: center;
background-size: cover;
}
.slider-buttons
{
display: flex;
justify-content: flex-end;
align-items: center;
position: absolute;
right: 20px;
bottom: 20px;
}
.slider-buttons .standartArrowButton
{
position: relative;
margin-left: 10px;
display: flex;
}
.conf-cat
{
grid-template-columns: repeat(1,1fr);
}
.conf-cat .conf-cat-menu
{
display: none;
}
.checkedProps
{
display: flex;
justify-content: flex-start;
margin-bottom: 20px;
}
.checkedProps>*
{
margin-right: 10px;
}
.window
{
padding: 20px 10px 30px;
}
.window .close
{
top: -1px;
right: -1px;
font-size: 15px;
z-index: 5;
}
.window .title img
{
width: 30px;
height: auto;
}
.window .title
{
margin-top: 14px;
margin-left: -20px;
margin-bottom: 16px;
}
.h1mob
{
font: var(--h2bm);
}
.mobprodtop
{
display: flex;
justify-content: space-between;
align-items: center;
}
.mobprodtop .prodButtons
{
display: flex;
gap: 20px;
}
.mobprodtop .prodButtons a
{
color: var(--grey);
font-size: 18px;
}
.mobprodtop .prodButtons a.fontgreen
{
color: var(--green);
}
.mobprodtop .stars
{
font-size: 18px;
display: flex;
justify-content: flex-start;
gap: 5px;
}
.bprod .info
{
flex: 1;
margin: 0;
width: auto;
}
.bprod .delete
{
position: absolute;
top:0px;
right: 0;
}
.bprod
{
padding-bottom: 20px;
}
.bprod .articleLine, .bprod .desc
{
margin-bottom: 5px;
}
.bprod .desc
{
height: 3em;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: block;
overflow: hidden;
color: var(--black);
}
.bprod .article
{
color: var(--grey2);
margin-bottom: 5px;
line-height: 20px;
}
.bprod .price
{
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 18px;
line-height: 24px;
font-weight: 500;
gap: 8px;
margin-bottom: 5px;
}
.bprod .counter
{
grid-template-columns: repeat(3, 1fr);/*20px 80px 20px;*/
}
.bprod .price span
{
margin-left: 0;
text-decoration: line-through;
}
.bprod .image
{
width: 100px;
}
.counter
{
padding: 0 5px;
}
.filesList
{
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
}
.basket_page_div
{
grid-template-columns: 1fr;
}
.basket_page_div .grey_blocks>div
{
box-sizing: border-box;
}
.inputs_line
{
grid-gap: 10px;
}
input[type=text], input[type=password], input[type=tel], input[type=email], textarea
{
padding: 5px 10px;
height: 40px;
font-size: 12px;
}
.radio_div label
{
margin-bottom: 5px;
}
.wcontent .gbutton
{
padding: 8px;
}
.cabinet
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px;
}
.cabinet_div
{
display: block;
width: 100%;
flex: none;
padding: 30px 19px;
background: var(--lightgrey);
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 8px;
font: var(--p14);
}
.cabinet_div a.h3
{
display: block;
margin-bottom: 20px;
}
.favline
{
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
}
.edit
{
display: inline-block;
position: relative;
height: 21px;
width: 21px;
margin-left: 10px;
}
.edit:before
{
display: block;
position: absolute;
top: 0;
left: 0;
content: "\e90f";
font-family: "icomoon";
height: 21px;
width: 21px;
font-size: 21px;
color: var(--grey);
}
.private_info
{
width: 100%;
}
.private_info .title
{
color: var(--grey);
}
.private_info .email, .private_info .phone
{
display: block;
}
.back
{
display: flex;
justify-content: flex-start;
align-items: center;
font: var(--p16);
margin-top: 30px;
}
.back .circle
{
display: flex;
margin-right: 15px;
justify-content: center;
align-items: center;
font-size: 20px;
color: var(--green);
width: 42px;
height: 42px;
border-radius: 21px;
background: var(--lightgrey);
}
.progress_bar_div
{
width: 100%;
margin: 81px 0 30px;
padding: 63px 50px 50px 50px;
}
.progress_bar_div .h3
{
display: block;
margin-bottom: 20px;
}
.progress_bar
{
display: block;
margin-top: 50px;
}
.progress_bar .percents, .progress_bar .money
{
font: var(--p24b);
display: flex;
width: 100%;
justify-content: space-between;
}
.progress_bar .bar
{
display: block;
position: relative;
width: 100%;
height: 20px;
background: var(--lightgrey);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
border-radius: 32px;
margin: 1px 0 17px;
}
.progress_bar .bar .green_progress
{
display: block;
width: 77%;
height: 20px;
background: var(--green);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
border-radius: 32px;
z-index: 1;
}
.progress_bar .bar .progress_circle
{
display: block;
position: absolute;
top: -5px;
left: calc(77% - 15px);
height: 30px;
width: 30px;
border-radius: 15px;
background: var(--white);
border: 2px solid var(--green);
z-index: 2;
}
.cabinet_text p
{
margin: 20px 0;
}
.cabinet_text h4
{
font: var(--p24b);
}
.cabinet_text h5
{
font: var(--p18b);
}
.order_div_short
{
display: grid;
grid-template-columns: 20px repeat(4, 1fr);
grid-gap: 21px;
background: var(--white);
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 8px;
font: var(--p12);
}
.order_div_long, .order_div_short
{
margin-top: 20px;
width: 100%;
padding: 10px 15px;
}
.order_div_short .icon
{
display: block;
font-size: 20px;
margin-top: 6px;
}
.order_div_short .price
{
text-align: right;
}
.cashback
{
display: inline-block;
width: 38px;
margin-right: 10px;
}
.order_div_long p
{
display: flex;
align-items: center;
margin: 10px 0;
}
.bonus_info
{
display: block;
text-align: center;
padding: 20px;
position: absolute;
/*width: 312px;
height: 163px;*/
right: 14%;
top: -80px;
background: var(--white);
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 32px;
font: var(--p14);
}
.bonus_info div
{
display: inline-block;
position: relative;
}
.bonus_info .bold
{
display: block;
margin-bottom: 15px;
font-weight: 600;
}
.bonus_info .icon-Info
{
display: block;
position: absolute;
right: -25px;
top: -2px;
font-size: 20px;
color: var(--lightblue);
}
.bonus_info .bonus_comment
{
display: none;
justify-content: center;
align-items: center;
position: absolute;
height: 44px;
width: 158px;
right: -183px;
top: -46px;
font:var(--p12);
background: var(--lightblue);
border-radius: 8px;
}
.bonus_info .icon-Info:hover+.bonus_comment
{
display: flex;
}
.СЃhoose_date
{
padding: 10px 16px;
margin-top: 30px;
}
#payment
{
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.order-right>div:nth-child(1)
{
display: none;
}
h3
{
font: var(--p18b);
}
.conf-list a {
display: block;
flex: none;
width: 260px;
box-sizing: border-box;
padding: 35px;
border-radius: 8px;
border: 1px solid var(--grey2);
background: var(--white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.ser-conf .image
{
text-align: center;
}
.conf-list a .image img {
max-width: 100%;
max-height: initial;
}
.conf-list a span {
font: var(--p20b);
display: block;
text-align: center;
padding-top: 28px;
}
.bm-catalog .bs-item2 {
flex: none;
width: 362px;
padding: 35px;
border: 1px solid var(--grey2);
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background: var(--white);
margin: 0 0px 20px 0;
display: block;
}
.bc-menu
{
display: none;
}
.groupName {
flex: none;
display: block;
width: 100%;
font: var(--p24);
}
.bm-catalog .bs-item2 .bsi-image {
display: flex;
align-items: center;
justify-content: center;
height: 190px;
}
.bm-catalog .bs-item2 .bsi-image img {
max-width: 190px;
max-height: 190px;
}
.bm-catalog .bs-item2 .serName {
font: var(--p20b);
display: block;
text-align: center;
padding-top: 28px;
}
.bm-catalog .bs-item2 .prc {
font: var(--p18);
}
.bm-catalog .bs-item2 .prc div {
display: flex;
justify-content: space-between;
padding: 20px 0 10px;
border-bottom: 1px solid var(--green);
}
.payinfolines
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
margin: 20px 0;
}
.discont
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
margin: 20px 0;
}
.payinfolines .line
{
display: grid;
grid-template-columns: max-content 1fr max-content;
grid-gap: 10px;
font: var(--p16);
}
.line.itog
{
font: var(--p24b);
}
.separete_line
{
display: block;
border-bottom: 1px dashed var(--grey);
height: 18px;
}
.line.itog .separete_line
{
height: 27px;
}
.promocodeform
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.promocodeform .gbutton, .inputs_list .gbutton
{
display: flex;
align-items: center;
justify-content: center;
font: var(--p20);
}
.bigcomment
{
display: block;
height: 100px;
}
.inputs_list .gbutton
{
height: 50px;
width: 294px;
}
.left_order
{
width: auto;
}
.check_phone_email a, .check_line a, .check_phone_email input[type=radio]+label
{
padding: 10px 10px;
}
.check_line a
{
font: var(--p14);
flex: 1;
}
.check_line
{
display: flex;
}
.pMainInfo
{
display: grid;
grid-template-columns: repeat(2, 1fr);
font: var(--p14);
margin-bottom: 20px;
}
.pMainInfo>div span
{
color: var(--grey);
}
.pMainInfo>div:nth-child(n+3)
{
grid-column: span 2;
}
#AskAQuestion
{
width: 100%;
}
.greyListDivs
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
}
.greyListDivs>div {
display: block;
background: var(--lightgrey);
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 10px 20px;
box-sizing: border-box;
font: var(--p14);
}
.pMainInfo
{
display: grid;
}
.standartDiv .title
{
font: var(--p14b);
display: block;
margin: 20px 0 16px;
}
.prodCharacteristics.colomns2
{
display: flex;
overflow: auto;
width: calc(100vw - 20px);
gap: 20px;
}
.prodCharacteristics.colomns2 .colomnDiv
{
display: block;
padding: 10px;
background: var(--lightgrey);
flex: none;
width: 70vw;
border-radius: 10px;
}
.prodCharacteristics.colomns2 .colomnDiv div .name
{
color: var(--grey);
font: var(--p12);
display: block;
}
.prodCharacteristics.colomns2 .colomnDiv div .value
{
color: var(--black);
font: var(--p12);
display: block;
}
#prodImages
{
display: grid;
grid-template-rows: 200px max-content;
margin: 20px 0;
grid-template-areas: "image" "counter";
box-sizing: border-box;
padding: 20px;
border: 1px solid var(--grey2);
border-radius: 5px;
}
#prodImages .prodImage
{
grid-area: image;
display: flex;
align-items: center;
justify-content: center;
}
#prodImages .prodImage .nums , .piSlides .arrowButton, #prodImages .piSlides .piSlidesList img
{
display: none;
}
#prodImages .prodImage img
{
max-height: 100%;
}
#prodImages .piSlides
{
grid-area: counter;
display: flex;
flex-direction: column;
align-items: center;
}
#prodImages .piSlides .orangebutton
{
margin: 10px 0;
}
#prodImages .piSlides .piSlidesList
{
margin-top:10px;
display: flex;
align-items: center;
justify-content: center;
row-gap: 10px;
flex-wrap: wrap;
}
#prodImages .piSlides .piSlidesList a
{
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 3px;
background: var(--grey);
border: none;/*2px solid var(--black);*/
}
#prodImages .piSlides .piSlidesList a.selected
{
background: var(--green);
}
#prodImages .piSlides .piSlidesList a.fancybox
{
position: absolute;
top: 5px;
right: 5px;
width: auto;
height: auto;
border: none;
border-radius: 0;
z-index: 2;
}
.piSlides, .piSlidesList, .psb
{
position: initial;
}
.greyListDivs>div.buyDiv
{
display: grid;
justify-content: space-between;
/*align-items: center;
flex-wrap: wrap;
gap: 20px;*/
width: 100vw;
grid-template-columns: 1fr max-content;
grid-template-areas: "onb buttons" "price buttons";/* "oprice buttons";*/
position: fixed;
z-index: 2;
left: 0;
bottom: 50px;
padding-bottom: 30px;
}
.greyListDivs>div.buyDiv>.onboard {
grid-area: onb;
}
.greyListDivs>div.buyDiv>div:nth-child(1) {
grid-area: price;
}
.greyListDivs>div.buyDiv>.buyButtonsDiv
{
grid-area: buttons;
display: flex;
flex-direction: column;
gap: 5px;
}
.greyListDivs>div.buyDiv>div:nth-child(1) .price
{
font-size: 18px;
font-weight: 600;
}
.greyListDivs>div.buyDiv>.buyButtonsDiv .gbutton.greybutton
{
display: none;
}
.greyListDivs>div.buyDiv>.buyButtonsDiv .counter
{
min-width: 120px;
grid-template-columns: 30px 60px 30px;
}
.catalogMenu
{
display: none;
position: absolute;
top: 67px;
height: calc(100vh - 67px);
box-sizing: border-box;
width: 100%;
overflow: auto;
z-index: 100;
background: var(--white);
}
.backbutton
{
font: var(--p14);
display: block;
padding: 10px 25px;
position: relative;
}
.backbutton:before
{
font-family: 'icomoon';
content: "\e924";
color: var(--green);
position: absolute;
transform: rotate(180deg);
left: 10px;
top: 10px;
}
.brendsListMenu>div
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
padding: 20px;
}
.brendsListMenu>div a
{
display: flex;
align-items: center;
}
.brendsListMenu>div a img
{
max-width: 80%;
max-height: 80%;
}
.catalogMenu ul
{
list-style-type: none;
margin: 0;
padding: 0;
}
.catalogMenu>ul li
{
display: block;
position: relative;
border-bottom: 1px solid var(--green);
}
.catalogMenu>ul li:after
{
font-family: 'icomoon';
content: "\e924";
color: var(--green);
position: absolute;
right: 10px;
top: 10px;
}
.catalogMenu>ul li a
{
display: block;
padding: 10px 10px;
color: var(--black);
font: var(--p14);
}
.catalogMenu .submenublock
{
display: none;
position: absolute;
height: calc(100vh - 67px);
top: 0;
background: var(--white);
z-index: 1;
width: 100%;
box-sizing: border-box;
}
.catalogMenu .submenublock>ul li
{
display: block;
}
.catalogMenu .submenublock>ul>li>a
{
padding: 10px 10px;
font: var(--p16b);
display: block;
}
.catalogMenu .submenublock>ul>li>ul>li
{
position: relative;
}
.catalogMenu .submenublock>ul>li>ul>li:after
{
font-family: 'icomoon';
content: "\e924";
color: var(--green);
position: absolute;
right: 10px;
top: 10px;
}
.catalogMenu .submenublock>ul>li>ul>li>a
{
padding: 10px 20px;
font: var(--p14);
display: block;
}
.content
{
margin: 0 10px;
}
.catalogRazdeli
{
grid-template-columns: repeat(4, 1fr);
}
#header
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
padding-top: 2px;
}
#search
{
flex: none;
margin-top: 16px;
height: 40px;
padding: 10px 15px;
}
#search form.search input[type=text]
{
font: var(--p12);
font-weight: 500 !important;
height: 20px;
}
#search form.search button[type=submit]
{
margin-top: 3px;
}
#search:before
{
display: block;
position: absolute;
content: "";
top: -13px;
left: -10px;
right: -10px;
border-top: 1px solid var(--green);
height: 1px;
width: 100vw;
}
.mainBaner, .mainBaner2
{
border-radius: 8px;
height: auto;
aspect-ratio: 2.5;
}
#banersMain .slider-dots
{
display: none;
}
.slider-outer-container .slider-arrow
{
display: none;
}
.mainBaner a>div
{
grid-template-columns: 1fr;
}
.mainBaner a>div>div
{
display: none;
}
.mainBaner a>div>p
{
font-size: 12px;
line-height: 18px;
}
h2, .h2
{
font: var(--h3bm);
margin: 20px 0 10px;
}
.main-video
{
margin-top: 20px;
}
.brendsList
{
grid-gap: 7px;
}
.brendsList a, .brendsListGreyBg a
{
border-radius: 4px;
width: 110px;
height: 44px;
}
#banersMain .brendMainBaner, #banersMain .mainBaner, #banersMain .mainBaner2
{
margin: 20px 0;
}
#mainBaner2
{
margin-top: 20px;
}
.catalogList, .brendsListGreyBg
{
grid-gap: 6px;
}
.catalog-block .catalogList
{
gap: 10px;
}
.prod-preim
{
grid-template-columns: repeat(1, 1fr);
}
/*.prod-preim .prod-preim-item
{
flex: none;
width: calc(100vw - 20px);
}*/
.prod-list.viewed, .prod-list.hardware
{
max-width: calc(100vw - 20px);
}
.catalogItem
{
width: 200px;
border: 1px solid var(--grey2);
border-radius: 5px;
padding: 10px 12px 12px;
}
.hints>*
{
padding: 4px 6px;
font: 400 7px/10px 'Roboto';
}
.catalogItem .prodImg
{
max-width: 90%;
max-height: 90%;
}
.catalogItem .articleLine .onboard
{
display: block;
}
.catalogItem .articleLine .article
{
display: block;
}
.catalogItem .desc
{
margin: 5px 0;
}
.catalogItem .price
{
display: inline-block;
font: var(--p16);
font-weight: 500;
}
.catalogItem .price.lview
{
display: none;
}
.catalogItem .oldprice
{
display: inline-block;
font: var(--p12);
padding: 2px 0px 0 5px;
margin-bottom: 0px;
}
.window
{
border-radius: 4px;
}
.gbutton, .buttonWithGBorder
{
padding: 5px 10px;
white-space: nowrap;
margin-top: 10px;
display: inline-block;
height: auto !important;
}
.gbutton.acatalog
{
padding: 17px 19px;
font-size: 12px;
}
.catalogRazdeli
{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 6px;
}
.catalogRazdeli a, .catalogRazdeli a:nth-child(n+6)
{
display: grid !important;
grid-template-rows: max-content 1fr;
}
/*.catalogRazdeli a:nth-child(n+6)
{
display: none;
}*/
.catalogRazdeli a.tocatalog
{
display: grid;
}
.catalogRazdeli a div.pic
{
display: flex;
align-items: center;
justify-content: center;
background: var(--lightgrey);
border-radius: 4px;
height: 0;
padding-top: 100%;
}
.catalogRazdeli a div.pic img
{
display: block;
position: absolute;
top: 50%;
margin-top: -32px;
max-width: 64px;
max-height: 64px;
}
.catalogRazdeli a div.razdel
{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 5px 0px 4px;
}
#advantagesList
{
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-gap: 6px;
}
#advantagesList>div
{
padding: 19px 10px;
height: 110px;
width: auto;
}
#advantagesList>div span
{
font-size: 22px;
width: 38px;
}
#advantagesList>div font
{
white-space: nowrap;
}
#mainAboutText
{
font: var(--p12);
}
.bWithArrow
{
display: flex;
align-items: center;
justify-content: center;
padding: 2px 10px;
}
.bWithArrow .icon-arrow-slim-big
{
margin-left: 10px;
font-size: 25px;
}
#mainAboutText .buttonWithGBorder
{
margin: 0 auto;
width: 170px;
}
.brendsListGreyBg
{
grid-template-columns: repeat(12, 1fr);
}
.blogList a.blogItem
{
width: 249px;
}
.blogItem .blogImg
{
height: 130px;
border-radius: 16px;
}
.blogItem .blogImg .date
{
width: 88px;
height: 28px;
padding: 6px 19px;
border-radius: 16px 0px;
text-align: center;
}
.blogItem .title
{
padding: 10px 0 0;
font: var(--p12);
}
.static-content-block .blogList
{
grid-gap: 40px;
}
.static-content-block .blogList a.blogItem
{
width: 100%;
color: var(--black);
}
.static-content-block .blogList .blogItem .blogImg
{
height: 0;
padding-top: 50%;
}
#zonemap
{
height: 100vw;
}
.table_zones tbody
{
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.table_zones tr
{
display: flex;
align-items: flex-start;
flex-direction: column;
}
.table_zones tr td
{
/*height: 3.5em;*/
}
.c-list-image
{
padding: 1px;
box-sizing: border-box;
height: 128px;
display: flex;
align-items: center;
justify-content: center;
}
.catalogItem div.articleLine
{
display: block;
}
.catalogItem .desc
{
display: block;
text-overflow: ellipsis;
height: 3.5em;
line-height: 120%;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.c-list-offer .double-block
{
grid-template-columns: 1fr max-content;
grid-gap: 10px;
margin-top: 10px;
}
.c-list-offer .lview
{
padding: 4px 0;
display: block;
}
.catalogItem div.stars
{
display: inline-flex;
gap: 1px;
}
.prodButtons a
{
color: var(--grey);
}
.prodButtons a.fontgreen
{
color: var(--green);
}
.catalogList.cflist
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 2px;
}
.catalogList.cflist .catalogItem
{
width: auto;
}
.catalogItem .gbutton
{
margin-top: 0;
display: block;
text-align: center;
width: auto;
}
.flex-line-around.prodButtons
{
gap: 11px;
padding-right: 5px;
}
.flex-line-around
{
gap:10px;
align-items: center;
}
.hints
{
padding: 5px;
}
.standartArrowButton
{
display: none;
}
.fs, #phones, .catalogRazdeli a.fs, .catalogRazdeli a.fs:nth-child(n+6)
{
display: none !important;
}
.blogList
{
grid-template-columns: 1fr;
}
.blogListDiv.fullList a.blogItem
{
width: 100%;
}
.blogListDiv.fullList .blogItem .blogImg
{
height: 160px;
}
.pages {
display: flex;
justify-content: space-between;
margin-top: 30px;
flex-direction: column;
}
.pages .pagesList {
display: flex;
justify-content: flex-start;
align-items: center;
}
.pages .pagesList a {
display: flex;
text-align: center;
justify-content: center;
align-items: center;
color: var(--grey);
height: 32px;
width: 32px;
border-radius: 8px;
padding: 6px 9px;
box-sizing: border-box;
margin: 0 3px;
}
.pages .pagesList a.selected {
background: var(--green);
color: var(--white);
}
.pages .pagesList a.arrow {
font-size: 13px;
}
.showmore {
display: flex;
justify-content: center;
align-items: center;
height: 50px;
width: 100%;
border: 1px solid var(--grey);
box-sizing: border-box;
border-radius: 4px;
margin-top: 30px;
}
.howmuch
{
font: var(--p18);
}
.howmuch>a>span
{
padding: 0 18px;
font-size: 11px;
}
#user-buttons
{
display: flex;
justify-content: space-between;
position: fixed;
bottom: 0;
background: var(--green);
z-index: 4;
width: 100vw;
box-sizing: border-box;
left: 0;
padding: 20px 10px 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.actsii .blogList a.blogItem
{
width: 100%;
}
.actsii .blogList a.blogItem div
{
height: 0;
padding-top: 55%;
}
#user-buttons a
{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--white);
}
#user-buttons a>span
{
font-size: 20px;
display: block;
}
.static_menu
{
display: none;
}
.product-page, .desc-screen
{
grid-template-columns: 1fr;
}
.product-menu
{
display: none;
}
.nav:before
{
width: 40px;
height: 40px;
font-size: 16px;
}
.pic-counter .cur-num
{
font-size: 32px;
}
.pic-counter .pic-num
{
font-size: 16px;
line-height: 16px;
}
.other-product-images
{
grid-gap: 12px;
}
.other-product-images a
{
width: 40px;
height: 40px;
}
.other-product-images .opi-list
{
gap: 8px;
}
.filesListNew>a
{
align-items: center;
padding: 20px 20px;
}
.product-short-info>div:nth-child(1)
{
display: none;
}
.prop-line
{
font: var(--p14);
}
.filesListNew a:after {
content: "Скачать";
position: relative;
top: initial;
margin-top: 0;
right: 0px;
flex: none;
padding: 8px 20px;
border-radius: 4px;
background: var(--green);
color: var(--white);
}
.product-page .new-grey-block.buyer-bg {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
padding-bottom: 80px;
margin-bottom: 0;
padding-right: 70px;
padding-top: 12px;
border-radius: 12px;
box-shadow: 0px -8px 20px rgba(0, 0, 0, 0.15);
}
.ngb-price .old-price
{
font: var(--p14);
}
.ngb-cachback
{
margin-bottom: 8px;
}
.ngb-buyer
{
grid-gap: 8px;
}
.ngb-price .current-price
{
font: var(--p24b);
}
.ngb-buyer .gbutton
{
margin-top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.catalog-filter
{
padding-top: 12px;
}
.mobile-filter-head
{
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 12px;
border-bottom: 1px solid var(--grey);
}
.filter-opener
{
display: flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
font: var(--p16);
background: var(--lightgrey);
border-radius: 18px;
height: 36px;
padding: 0 18px;
}
.filter-opener i
{
margin: 0;
}
.mobile-filter-head .gbutton
{
margin-top: 0;
}
.mfh-title
{
font: var(--p20b);
}
/*.other-product-images .opi-list {
display: grid;
grid-template-columns: repeat(5, 100vw);
overflow: auto;
}*/
/*.other-product-images a
{
width: 100%;
height: initial;
padding-top: 100%;
}
.other-product-images
{
grid-template-columns: 1fr;
}*/
}
/* preloader */
#preloader
{
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background: rgba(255, 255, 255, 0.5);
}
#preloader2
{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100px;
position: relative;
background: rgba(255, 255, 255, 0.5);
}
.elPreloader{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
background: rgba(255, 255, 255, 0.5);
}
@keyframes ldio-9mu0ogsj9ao {
0% { opacity: 1 }
100% { opacity: 0 }
}
.ldio-9mu0ogsj9ao div {
left: 94px;
top: 48px;
position: absolute;
animation: ldio-9mu0ogsj9ao linear 1s infinite;
background: #46981d;
width: 12px;
height: 24px;
border-radius: 6px / 12px;
transform-origin: 6px 52px;
}.ldio-9mu0ogsj9ao div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -0.9166666666666666s;
background: #46981d;
}.ldio-9mu0ogsj9ao div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -0.8333333333333334s;
background: #46981d;
}.ldio-9mu0ogsj9ao div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.75s;
background: #46981d;
}.ldio-9mu0ogsj9ao div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.6666666666666666s;
background: #46981d;
}.ldio-9mu0ogsj9ao div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.5833333333333334s;
background: #46981d;
}.ldio-9mu0ogsj9ao div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.5s;
background: #46981d;
}.ldio-9mu0ogsj9ao div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.4166666666666667s;
background: #46981d;
}.ldio-9mu0ogsj9ao div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.3333333333333333s;
background: #46981d;
}.ldio-9mu0ogsj9ao div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.25s;
background: #46981d;
}.ldio-9mu0ogsj9ao div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.16666666666666666s;
background: #46981d;
}.ldio-9mu0ogsj9ao div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.08333333333333333s;
background: #46981d;
}.ldio-9mu0ogsj9ao div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
background: #46981d;
}
.loadingio-spinner-spinner-crmjw00baob {
width: 200px;
height: 200px;
display: inline-block;
overflow: hidden;
background: none;
}
.ldio-9mu0ogsj9ao {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; /* see note above */
}
.ldio-9mu0ogsj9ao div { box-sizing: content-box; }
.ihidden {display: none !important;}
.nice-select
{
display: block;
position: relative;
z-index: 1;
width: 100%;
}
.nice-select>.ns-selected-value
{
display: flex;
align-items: center;
padding: 10px 30px;
box-sizing: border-box;
font: var(--p16);
background: #FFFFFF;
border: 1px solid var(--grey);
border-radius: 4px;
height: 50px;
color: var(--black);
position: relative;
}
.nice-select>.ns-selected-value:after
{
content: "\e928";
font-family: "icomoon";
position: absolute;
top: 12px;
right: 20px;
color: var(--grey);
font-size: 0.7em;
}
.nice-select>.ns-variants
{
display: none;
position: absolute;
left: 0;
top: 46px;
width: 100%;
background: #FFFFFF;
border: 1px solid var(--grey);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.nice-select>.ns-variants a
{
display: block;
padding: 10px 30px;
box-sizing: border-box;
font: var(--p16);
}
.nice-select>.ns-variants a:hover
{
background: var(--grey);
}
#questions ul
{
list-style-type: none;
padding-left: 0;
}
#questions ul li>div>span
{
font: var(--p14b);
}
#questions ul li ul
{
padding-left: 20px;
}
.double-block
{
display: grid !important;
grid-template-columns: repeat(2, 1fr);
position: relative;
}
.catalogItem div.double-block
{
grid-template-columns: max-content 1fr;
}
.greyListDivs>div.address
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
}
/* generated by https://loading.io/ */
#fastCart
{
position: fixed;
top: 0;
right: 0;
left: 100%;
width: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 1000;
transition: all 0.3s ease;
}
#fastCart.open
{
left: 0;
width: 100vw;
}
#fastCart #fastCartContent
{
position: absolute;
display: grid;
grid-template-rows: 100px 1fr 178px;
top: 0;
right: 0;
width: 600px;
max-width: 100%;
height: 100vh;
background: #FFF;
transition: all 0.3s ease;
transition-delay: 0.3s;
}
#fastCart #fastCartContent .fastcart-top
{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 40px;
font-size: 28px;
line-height: 40px;
font-weight: 500;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
padding: 0 25px;
}
#fastCart #fastCartContent .fastcart-bottom
{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
background: #F5F5F6;
box-sizing: border-box;
padding: 25px;
opacity: 0;
transition: all 0.3s ease;
transition-delay: 0.8s;
}
#fastCart #fastCartContent .fastcart-list
{
overflow: auto;
padding: 25px;
opacity: 0;
transition: all 0.3s ease;
transition-delay: 0.6s;
box-sizing: border-box;
}
#fastCart.open #fastCartContent .fastcart-list, #fastCart.open #fastCartContent .fastcart-bottom
{
opacity: 1;
}
#fastCart.open #fastCartContent
{
bottom: 0;
width: 600px;
}
.fcb-sum
{
font-size: 1.2em;
font-weight: bold;
}
.fcb-buttons
{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.buydata
{
position: fixed;
top:15px;
right:15px;
z-index:100000;
background: #fff;
padding:5px 10px;
border-radius:5px;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
font-size:12px;
}
.buydata a
{
display: grid;
grid-template-columns: 100px 200px;
grid-gap: 10px;
}
.buydata img
{
max-width: 100px;
max-height: 100px;
}
.onscreen-acts
{
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
gap: 10px;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 5;
}
.onscreen-acts a
{
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 25px;
/*right:20px;*/
width: 40px;
height: 40px;
}
#super-fast-order-form>*, #super-fast-order-form textarea
{
width: 100%;
}
.mobmenuscreen
{
display: none;
}
.ostates
{
display: flex;
justify-content: center;
align-items: flex-start;
gap: 8px;
}
.ostates>div>div
{
display: grid;
grid-template-columns: 20px 54px;
}
.ostates>div>div span
{
background-position: right center;
background-size: contain;
background-repeat: no-repeat;
background-image: url('/images/arrowg.png');
}
.ostates>div>div i
{
font-size: 20px;
color: var(--grey);
}
.ostates>div.got>div>span
{
color: var(--grey);
width: 100%;
}
.ostates>div.got>div span
{
background-image: url('/images/arrowb.png');
}
.ostates>div.got>div i, .ostates>div.got>div>span
{
color: var(--black);
}
.color-palette {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
padding: 15px;
border-radius: 5px;
box-shadow: 0 0 15px rgba(0,0,0,0.2);
z-index: 100;
}
.palette-header {
margin-bottom: 10px;
font-weight: bold;
}
.palette-colors {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.color-option {
width: 30px;
height: 30px;
border-radius: 50%;
cursor: pointer;
border: 2px solid transparent;
}
.color-option:hover {
border-color: #000;
}
.unvisible
{
display: none !important;
}