html {
font-size: 16px;
}
body {
font-family: 'Manrope', Sans-Serif;
font-weight: 400;
color: #000;
font-size: 16px;
line-height: 130%;
width: 100%;
overflow-x: hidden;
}
h1, h2 {
color: #2F2F2F;
font-family: 'Manrope', Sans-Serif;
line-height: 130%;
text-transform: uppercase;
}
h1 {
font-size: 56px;
font-weight: 600;
}
h2 {
font-size: 46px;
font-weight: 500;
}
address{
margin: 0;
display: none;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding-left: 0.938rem;
padding-right: 0.938rem;
}
.row {
margin-right: -0.938rem;
margin-left: -0.938rem;
}
.page-block {
padding: 0 2.1875rem;
}
.container {
max-width: 1850px;
width: 100%;
}
.container.container-full {
width: auto;
max-width: unset;
padding-right: 0;
margin-right: -2.1875rem;
margin-left: 0
}
#top {
background-color: #fff;
/*padding: 5px 0px 5px 0;*/
margin: 1.875rem 0 2.5rem 0;
}
@media (max-width: 1850px) {
html {
font-size: 0.86vw; /* 16*100/1850 */
}
#top {
margin: 1.875rem 0 2.313rem 0;
}
.page-block {
padding: 0 2.188rem;
}
.container {
padding: 0 0.938rem;
}
h1 {
font-size: 2.875rem;
}
h2 {
font-size: 2.875rem;
}
}
/*@media (max-width: 1440px) {*/
/* html {*/
/* font-size: 1vw;*/
/* }*/
/* .page-block {*/
/* padding: 0 2.188rem;*/
/* }*/
/* .container {*/
/* padding: 0 0.938rem;*/
/* }*/
/* h1 {*/
/* font-size: 3.5rem;*/
/* }*/
/* h2 {*/
/* font-size: 2.875rem;*/
/* }*/
/*}*/
@media (max-width: 1199px) {
html {
font-size: 1.33vw;
}
#top {
margin: 1.5rem 0;
}
.page-block {
padding: 0 1.846rem;
}
.container.container-full {
margin-right: -1.5rem;
}
.container.container-full-tab {
max-width: unset;
padding-right: 0;
margin-right: -1.5rem;
margin-left: 0;
width: calc(100vw - 1.5rem);
}
h1 {
font-size: 2.875rem;
}
h2 {
font-size: 2.25rem;
}
.photoslide .xdstickers_wrapper.position_upright {
right: 23.375rem !important;
}
}
@media (max-width: 992px) {
html {
font-size: 1.61vw;
}
.page-block {
padding: 0 1.5rem;
}
.photoslide .xdstickers_wrapper.position_upright {
right: 23.5rem !important;
}
}
@media (max-width: 767px) {
html {
font-size: 2.09vw;
}
#top {
margin: 1.5rem 0;
}
.page-block {
padding: 0 1.246rem;
}
h1 {
font-size: 2.875rem;
}
h2 {
font-size: 2.25rem;
}
.photoslide .xdstickers_wrapper.position_upright {
right: 23.5rem !important;
}
}
@media (max-width: 576px) {
html {
font-size: 4.44vw;
}
#top {
margin: 1.25rem 0;
}
.page-block {
padding: 0 1px;
}
.container.container-full {
margin-right: -1px;
}
.container.container-full-tab {
margin-right: -1px;
width: calc(100vw - 1px);
}
.container.container-full-mob {
width: auto;
max-width: unset;
padding-right: 0;
margin-right: -1px;
margin-left: 0;
width: calc(100vw - 1px);
}
h1 {
font-size: 1.563rem;
}
h2 {
font-size: 1.438rem;
}
.photoslide .xdstickers_wrapper.position_upright {
right: 6rem !important;
}
}
@media (max-width: 1850px) {
}
@media (max-width: 1440px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 767px) {
}
@media (max-width: 576px) {
}
@media (max-width: 360px) {
}
/* поля ввода */
.field-item {
margin-bottom: 0.625rem;
display: flex;
flex-direction: column;
width: 20rem;
position: relative;
}
.field-item.full {
width: 100%;
}
.field-item.required::before {
content: "*";
display: block;
position: absolute;
top: 1.3125rem;
left: 2.5rem;
color: #EA001B;
font-size: 1.3125rem;
line-height: 150%;
}
.field-item label {
}
.field-item input.input-field, .field-item textarea.input-field, .field-item select.input-field {
color: #000;
font-size: 1.3125rem;
line-height: 150%;
border: 1px solid rgba(0, 0, 0, 0.30);
outline: none;
width: 100%;
margin-bottom: 1.5625rem;
}
.field-item input.input-field, .field-item select.input-field {
padding: 1.125rem 2.5rem 1.1875rem;
border-radius: 3.125rem;
}
.field-item textarea.input-field {
padding: 1.125rem 2.5rem 1.1875rem;
border-radius: 1.25rem;
height: 8.375rem;
}
.field-item select.input-field:not([multiple]) {
background: transparent;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-repeat: no-repeat;
background-position: calc(100% - 1.5rem);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.36719 9.94727L11.9988 16.5788L18.6303 9.94727' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 1.5rem 1.5rem;
}
.field-item select.input-field option {
background-color: #fff;
}
.field-item input.input-field::placeholder, .field-item textarea.input-field::placeholder {
color: #000;
opacity: 1;
}
.field-item input.input-field:focus, .field-item textarea.input-field::focus, .field-item select.input-field::focus {
border: 1px solid #000;
}
.field-item.required input.input-field, .field-item.required textarea.input-field, .field-item.required select.input-field {
padding-left: 3.3125rem;
}
.field-item.error input.input-field, .field-item.error textarea.input-field, .field-item.error select.input-field {
margin-bottom: 0.125rem;
border: 1px solid rgba(234, 0, 27, 0.30);
}
.field-item span {
display: none;
}
.field-item.error span {
color: #EA001B;
font-size: 1.125rem;
line-height: 130%;
display: initial;
}
.confidentiality {
margin-top: 0.125rem;
display: flex;
align-items: center;
}
.confidentiality input[type="checkbox"] {
display: none;
}
.confidentiality label {
color: rgba(0, 0, 0, 0.50);
font-size: 1.125rem;
line-height: 130%;
padding-left: 1.75rem;
position: relative;
cursor: pointer;
}
.confidentiality-search label {
color: #000 !important;
font-size: 1.125rem;
line-height: 130%;
padding-left: 1.75rem;
position: relative;
cursor: pointer;
}
.confidentiality-search input[type=checkbox][disabled] + label {
color: rgba(0, 0, 0, 0.50) !important;
}
.confidentiality label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='9.5' stroke='black' stroke-opacity='0.5'/%3E%3C/svg%3E");
display: block;
width: 1.25rem;
height: 1.25rem;
position: absolute;
top: 0.125rem;
left: 0;
background-size: 1.25rem 1.25rem;
content: "";
}
.confidentiality input[type="checkbox"]:checked + label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15.5 7.69141L8.625 14.5664L5.5 11.4414' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='10' r='9.5' stroke='black'/%3E%3C/svg%3E");
}
.radio {
margin: 0.75rem 0px;
display: flex;
align-items: center;
}
.radio input[type="radio"] {
display: none;
}
.radio label {
color: #000;
font-size: 1.3125rem;
font-weight: 600;
line-height: 130%;
padding-left: 2.3125rem;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
}
.radio label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Ccircle cx='12.5' cy='12.5' r='12' stroke='black'/%3E%3C/svg%3E");
display: block;
width: 1.5625rem;
height: 1.5625rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
background-size: 1.5625rem 1.5625rem;
content: "";
}
.radio input[type="radio"]:checked + label::before {
background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.375 9.37891L10.7812 17.9727L6.875 14.0664' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12.5' cy='12.5' r='12' stroke='black'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1199px) {
.field-item {
width: 18.4375rem;
margin-bottom: 0.375rem;
}
.field-item.required::before {
top: 1.25rem;
left: 1.875rem;
font-size: 1.25rem;
}
.field-item input.input-field, .field-item textarea.input-field, .field-item select.input-field {
font-size: 1.25rem;
margin-bottom: 1.5rem;
}
.field-item input.input-field, .field-item textarea.input-field, .field-item select.input-field {
padding: 1rem 1.875rem 1.0625rem;
}
.field-item.required input.input-field, .field-item.required textarea.input-field, .field-item.required select.input-field {
padding-left: 2.6875rem;
}
.field-item.error span {
font-size: 1.0625rem;
}
.confidentiality label {
font-size: 1.0625rem;
}
.radio {
margin: 0.625rem 0px;
}
.radio label {
font-size: 1.25rem;
padding-left: 2.4375rem;
}
.radio label::before {
width: 1.4375rem;
height: 1.4375rem;
background-size: 1.4375rem 1.4375rem;
}
}
@media (max-width: 576px) {
.field-item {
width: 100%;
margin-bottom: 0.25rem;
}
.field-item.required::before {
top: 0.875rem;
left: 1.5rem;
font-size: 0.875rem;
}
.field-item input.input-field, .field-item textarea.input-field, .field-item select.input-field {
font-size: 0.875rem;
margin-bottom: 1.125rem;
}
.field-item input.input-field, .field-item textarea.input-field, .field-item select.input-field {
padding: 0.8125rem 1.5rem 0.875rem;
}
.field-item select.input-field:not([multiple]) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.36719 9.94531L11.9988 16.5769L18.6303 9.94531' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.field-item.required input.input-field, .field-item.required textarea.input-field, .field-item.required select.input-field {
padding-left: 2.3125rem;
}
.field-item.error span {
font-size: 0.75rem;
}
.confidentiality label {
font-size: 0.75rem;
}
.radio {
margin: 0.5rem 0px;
}
.radio label {
font-size: 0.875rem;
padding-left: 2.1875rem;
}
}
/* поля ввода */
/* default font size */
.fa {
font-size: 1.3125rem;
}
.d-flex {
display: flex;
}
/* Override the bootstrap defaults */
a:hover {
text-decoration: none;
}
/*Кнопки общие START*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
}
.btn {
font-family: 'Manrope', Sans-Serif;
padding: 1.1875rem 1.875rem 1.25rem;
border-radius: 3.125rem;
font-size: 1.3125rem;
font-weight: 400;
color: #000;
display: inline-flex;
align-items: center;
transition: ease 0.5s all;
}
.btn.btn-black {
color: #fff;
background: #000;
}
.btn.btn-black:hover {
color: #000;
background: #fff;
border: 1px solid #000;
}
.btn-call {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.btn-yellow {
background: #d8d5d5;
}
.btn-arrow {
background: #fff;
}
.btn-arrow svg, .btn-arrow-black svg {
margin-left: 1rem;
width: 2.625rem;
}
.btn-standart {
border: 1px solid #000;
background: #fff;
}
.btn-yellow:hover, .btn-arrow:hover, .btn-standart:hover {
background: #000;
color: #fff;
}
.btn-arrow:hover svg path, .btn-arrow:active svg path {
fill: #fff;
}
.btn-yellow:active, .btn-arrow:active, .btn-standart:active, .disabled {
background: #363636;
color: #fff;
}
.btn[disabled], .btn[disabled]:hover {
background: #8C8C8C;
color: #E0E0E0;
border: 1px solid #8C8C8C;
}
.btn-arrow-black {
background: #000;
border: 1px solid #000;
color: #fff;
}
.btn-arrow-black:hover {
background: #fff;
}
.btn-arrow-black svg path {
fill: #fff;
}
.btn-arrow-black:hover svg path {
fill: #000;
}
.btn-arrow-black:active {
background: #363636;
color: #fff;
}
.btn-arrow-black:active svg path {
fill: #fff;
}
.btn-primary {
color: #ffffff;
background-color: #000;
border-color: #000;
}
/*Кнопки общие END*/
@media(max-width: 1199px) {
.btn {
font-size: 1.25rem;
padding: 1.0625rem 1.875rem 1.125rem;
}
}
@media(max-width: 576px) {
.btn {
font-size: 1.0625rem;
padding: 0.875rem 1.875rem 0.9375rem;
}
.btn-arrow svg, .btn-arrow-black svg {
width: 1.875rem;
}
}
/*Кнопки общие END*/
legend {
font-size: 1.125rem;
padding: 0.4375rem 0px
}
label {
font-size: 1rem;
font-weight: normal;
}
select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
font-size: 0.75rem;
}
.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
font-size: 0.75rem;
}
.input-group .input-group-addon {
font-size: 0.75rem;
height: 1.875rem;
}
/* Fix some bootstrap issues */
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
display: inline;
}
.nav-tabs {
margin-bottom: 0.9375rem;
border-bottom: 0.25rem solid #f4f4f4;
}
.product-nav-tabs>li.active>a,
.product-nav-tabs>li.active>a:focus,
.product-nav-tabs>li.active>a:hover {
border: none;
color: #000000;
padding: 0.625rem;
font-weight: 600;
}
.nav-tabs>li>a,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
font-size: 1.4375rem;
line-height: 1.2;
font-weight: 400;
color: #000000;
padding: 0.625rem;
border: none;
position: relative;
background-color: transparent;
}
.product-nav-tabs>li>a:focus::after,
.product-nav-tabs>li>a:hover::after {
content: '';
position: absolute;
bottom: -0.25rem;
height: 0.25rem;
left: 0;
right: 0;
background-color: #000;
}
.product-nav-tabs>li.active>a::after,
.product-nav-tabs>li.active>a:focus::after,
.product-nav-tabs>li.active>a:hover::after {
content: '';
position: absolute;
bottom: -0.25rem;
height: 0.25rem;
left: 0;
right: 0;
background-color: #000;
}
div.required .control-label:before {
content: '* ';
color: #F00;
font-weight: bold;
}
.category-main-title {
margin-bottom: 0;
}
/* top */
.filter-sort {
margin-bottom: 2.5rem;
margin-top: -1.25rem;
position: relative;
display: flex;
justify-content: space-between;
}
.filter-sort .ocf-header .ocf-brand {
margin-right: 0.625rem;
}
.row-catalog-sort {
position: relative;
}
.row-catalog-sort .catalog-sort {
position: absolute;
top: -5.75rem;
left: auto;
right: 4.375rem;
}
.row-catalog-sort .catalog-sort-list {
top: -3.375rem;
right: 4.375rem;
}
.catalog-sort {
display: flex;
align-items: center;
}
.catalog-sort svg {
width: 1.875rem;
height: 2rem;
}
.catalog-sort span {
color: #000;
font-size: 1.625rem;
font-weight: 500;
line-height: 130%;
margin-left: 0.625rem;
}
.catalog-sort-list {
list-style: none;
color: #000;
font-size: 1.25rem;
font-weight: 400;
line-height: 150%;
position: absolute;
background: #fff;
top: 4.625rem;
width: 17.8875rem;
height: 18.6875rem;
z-index: 99;
padding: 1.25rem 1.875rem;
right: 0;
}
.header-top {
/*height: 0.75rem;*/
background: #fff;
}
.catalog-sort-list {
display: none;
border-radius: 0.625rem;
background: #FFF;
box-shadow: 0px 0px 1.25rem 0px rgba(0, 0, 0, 0.15);
}
.catalog-sort-list.open {
display: block;
z-index: 9999;
}
.btn-sort-catalog {
width: 100%;
padding: 0;
}
.btn-sort-catalog button {
color: #FFF;
font-size: 1.0625rem;
font-weight: 400;
line-height: 130%;
background: #000;
padding: 0.9375rem 0;
width: 100%;
border-radius: 3.125rem;
border: 1px solid #000;
margin-top: 1.125rem;
}
.btn-sort-catalog button:hover {
color: #000;
background: #fff;
}
.btn.active, .btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 0.1875rem 0.3125rem rgb(255, 255, 255) !important;
box-shadow: inset 0 0.1875rem 0.3125rem rgb(255, 255, 255) !important;
}
.ocf-page-group-name {
display: none;
}
.ocf-category-page-list {
flex-wrap: nowrap !important;
overflow-y: initial !important;
overflow-x: initial !important;
}
.ocf-category-page-list .swiper-slide {
border-radius: 3.75rem;
background: #F4F4F6;
/*margin-right: 1.25rem;*/
width: auto !important;
}
.ocf-category-page-list .swiper-slide:last-child {
margin-right: 0;
}
.ocf-category-page-list .swiper-slide a {
display: flex;
background: transparent;
font-size: 1.625rem;
padding: 1.25rem 2.5rem;
color: #000;
}
.ocf-page-list-top.page-block.container.container-full {
width: -webkit-fill-available;
max-width: 124.3125rem;
padding-right: 0;
margin-right: -2.1875rem;
margin-left: 0;
}
.ocf-category-page-list.swiper-wrapper {
padding-left: 0.3125rem;
}
.definition-category {
position: relative;
}
.definition-category > .row {
margin-top: 2.5rem;
}
.definition-category .col-lg-9.col-sm-8 {
position: inherit;
}
.ocf-category-page-list .swiper-slide img {
width: 3.5625rem;
height: 3.5625rem;
margin-right: 1.25rem;
}
@media (max-width: 1200px) {
.category-main-title {
margin-bottom: 2.5rem;
}
.filter-sort {
margin-top: 0;
margin-bottom: 1.875rem;
}
#input-sort .radio label {
font-size: 1.25rem;
}
.ocf-category-page-list .swiper-slide a {
padding: 1rem 1.875rem;
font-size: 1.5rem;
}
.catalog-sort span {
font-size: 1.25rem;
}
.catalog-sort svg {
width: 1.75rem;
height: 1.75rem;
}
.catalog-sort-list {
top: 4rem;
height: 16.9375rem;
}
}
@media (max-width: 991px) {
.row-catalog-sort .catalog-sort {
top: -2.95rem;
}
.row-catalog-sort .catalog-sort-list {
top: -0.375rem;
}
.definition-category #content {
clear: both;
}
}
@media (max-width: 767px) {
.category-main-title {
margin-bottom: 1.875rem;
}
.filter-sort {
margin-bottom: 1.375rem;
}
#swiper-seo {
width: auto;
}
#input-sort .radio label {
font-size: 1.0625rem;
}
.filter-sort .ocf-header {
padding: 0;
}
.filter-sort .ocf-header .ocf-brand {
margin-right: 0.375rem;
}
.catalog-sort svg {
width: 1.25rem;
height: 1.25rem;
}
.catalog-sort span {
font-size: 1.0625rem;
}
.catalog-sort-list {
top: 2.9375rem;
}
.catalog-sort-list {
padding: 1.25rem;
height: 15.25rem;
}
}
@media (max-width: 576px) {
.ocf-category-page-list .swiper-slide a {
padding: 0.5rem 0.875rem;
font-size: 1.0625rem;
}
#input-sort .radio label {
font-size: 0.875rem;
}
#input-sort li {
margin-bottom: 1.25rem;
}
#input-sort li:last-child {
margin-bottom: 0;
}
.btn-sort-catalog button {
padding: 0.5rem 0 !important;
margin-top: 0.625rem;
}
.catalog-sort-list {
height: 16.1875rem;
width: 12.8125rem;
top: 2.9375rem;
}
}
#top .container {
/*padding: 0 1.25rem;*/
}
#top #form-currency .currency-select,
#top #form-language .language-select {
text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
text-shadow: none;
color: #ffffff;
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
}
.top_nav_button {
border: 0.125rem solid transparent;
border-radius: 1.75rem;
padding: 0.75rem 1.75rem;
font-weight: 700;
cursor: pointer;
}
.top_button_phone a {
font-size: 1.3125rem !important;
color: #000;
flex-direction: column;
text-align: left;
line-height: 150%; /* 31.5px */
}
.top_button_phone__time {
color: rgba(0, 0, 0, 0.50);
font-size: 1.125rem;
font-weight: 400;
line-height: 130%; /* 23.4px */
}
.top_city a {
color: #000;
position: relative;
}
.prmn-cmngr__city {
padding-left: 1.25rem;
}
.top_city a::before {
content: '';
width: 1.5625rem;
height: 1.5625rem;
background-image: url(../image/CityMareker.svg);
background-size: 1.5625rem 1.5625rem;
position: absolute;
left: -0.5rem;
top: 0;
}
.top_main-search, .top_main-search-mob {
max-width: 58.875rem;
width: 100%;
}
.top_main-search #search, .top_main-search-mob .search {
margin: 0;
}
.top_main-search #search input, .top_main-search .search input {
height: 4.375rem;
margin: 0;
padding-left: 5rem;
}
.top_button_phone .fa-phone {
font-size: 1.25rem;
padding-right: 0.4375rem;
}
#top .dropdown-menu {
background-color: #464646;
}
#top .dropdown {
color: #cccccc;
}
#top .dropdown .fa-map-marker {
font-size: 1.3125rem;
color: #717171;
padding-right: 0.3125rem;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: transparent;
border-color: transparent;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: none;
box-shadow: none;
}
#top .dropdown a span:nth-child(2) {
padding-right: 0.9375rem;
color: #cccccc;
}
#top .dropdown a span:nth-child(3) {
color: #717171;
font-size: 1.3125rem;
}
#top-links .dropdown-menu a {
text-shadow: none;
margin: 0 3.125rem 0 0 !important;
}
#top-links .dropdown-menu li:first-child .table>tbody>tr>td {
border: none;
}
#top .btn-link strong {
font-size: 0.875rem;
line-height: 0.875rem;
}
#top-links {
text-align: center;
width: 100%;
}
#top-links .list-inline {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
}
#top-links a+a {
margin-left: 0.9375rem;
}
#top .top_nav_button_whatsapp,
#top .top_nav_button_telegramm {
padding: 0;
}
#top .top_nav_button_whatsapp a {
background-image: url(../image/whatsapp.svg);
background-repeat: no-repeat;
background-size: 1.6875rem 1.6875rem;
width: 1.6875rem;
height: 1.6875rem;
display: block;
line-height: 1.625rem;
}
#top .top_nav_button_telegramm a {
background-image: url(../image/telegram.svg);
background-repeat: no-repeat;
background-size: 1.75rem 1.625rem;
width: 1.75rem;
height: 1.625rem;
display: block;
line-height: 1.625rem;
}
#top .icon_shopping-cart {
background-image: url(../image/cart.svg);
background-repeat: no-repeat;
background-size: 2.1875rem 2.1875rem;
width: 2.1875rem;
height: 2.1875rem;
display: inline-block;
top: 0.5625rem;
position: relative;
}
#top #cart-total {
position: absolute;
right: -0.8125rem;
top: -0.3125rem;
padding: 0.125rem 0;
font-size: 1rem;
line-height: 1.35;
text-align: center;
border-radius: 50%;
background: #000;
color: #fff;
min-width: 1.625rem;
}
#top #cart-total.empty {
display: none;
}
#top .icon-search {
background-image: url(../image/search.svg);
background-repeat: no-repeat;
background-size: 1.875rem 1.875rem;
width: 1.875rem;
height: 1.875rem;
background-size: contain;
}
#toggleSearch {
display: flex;
align-items: center;
}
#toggleSearch span {
margin-left: 0.4375rem;
}
#top .cities {
padding: 0 1.5625rem 0 1.875rem;
}
#top li {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
#top .top_nav_button_zayavka {
color: #7a7a7a;
}
#mob_menu {
display: none;
}
.top_menu2 {
margin: 0;
padding-top: 0;
padding-bottom: 2.5rem;
display: flex;
align-items: center;
}
.top_menu2 > div {
padding: 0;
}
#top_menu2 {
display: flex;
justify-content: space-evenly;
margin-top: 0.1875rem;
margin-left: 0.75rem;
text-transform: uppercase;
padding: 0 0.9375rem;
}
#mob_menu a,
#top_menu2 a {
font-size: 1rem;
color: #3e3e3e;
padding-bottom: 0.25rem;
border-bottom: 1px solid rgba(0, 176, 80, 0);
}
#top_menu2 a:hover {
border-bottom: 1px solid #000;
}
.owl-wrapper-outer {
border: none !important;
box-shadow: none !important;
border-radius: 0.625rem !important;
}
/* logo */
#logo {
width: 15.25rem;
}
/* slider */
.slider_right {
width: 3.75rem;
height: 3.6875rem;
display: block;
position: relative;
background: url(../image/slider_right.png);
}
.slider_left {
width: 3.75rem;
height: 3.6875rem;
display: block;
position: relative;
background: url(../image/slider_right.png);
transform: rotate(180deg);
}
.slider_right,
.slider_left {
opacity: 0.7;
}
.slider_right:hover,
.slider_left:hover {
opacity: 1;
}
/* slick */
.thumbslick-for {
/*flex: 0 0 calc(100% - 170px);*/
/*max-width: calc(100% - 170px);*/
/*padding-left: 30px;*/
max-width: 36.25rem !important;
width: 100% !important;
}
.thumbslick {
flex: 0 0 10.625rem;
max-width: 10.625rem;
border-radius: 0.4375rem 0 0 0.4375rem;
/*padding-bottom: 0.375rem;
padding-top: 0.375rem;*/
margin-left: 1.6875rem;
padding-left: 0.125rem;
}
.slick-next,
.slick-prev {
outline: none;
border: none;
color: transparent;
background: transparent;
width: 3.125rem;
height: 3.125rem;
left: 3.3125rem;
position: relative;
padding: 0;
}
.slick-next:hover:after,
.slick-prev:hover:after {
transition: all 0.3s;
color: #000;
background: transparent;
}
img {
max-width: 100%;
height: auto;
/*border-radius: 0.4375rem;*/
}
.slick-slide img {
margin: 0 auto;
border-radius: 1rem;
}
.slick-prev::after {
content: '>';
width: 3.125rem;
height: 3.125rem;
display: flex;
justify-content: center;
align-items: center;
color: #000;
font-size: 2.5rem;
background: white;
border-radius: 1.5625rem;
transform: rotate(-90deg);
line-height: 2.5rem;
left: -1px;
top: 0;
position: absolute;
padding-bottom: 0px;
}
.slick-next::after {
content: '>';
width: 3.125rem;
height: 3.125rem;
display: flex;
justify-content: center;
align-items: center;
color: #000;
font-size: 2.5rem;
background: white;
border-radius: 1.5625rem;
transform: rotate(90deg);
line-height: 2.5rem;
left: 0.25rem;
top: 0;
position: absolute;
padding-bottom: 0px;
}
.thumbslick {
margin: 0 0 auto 2.5rem;
}
.thumbslick .slick-slide {
padding: 0.1875rem 0 !important;
}
.thumbslick img {
width: 10.4375rem;
height: 10.4375rem;
border: 0.125rem solid transparent;
cursor: pointer;
}
.thumbslick img:hover {
border: 0.125rem solid #000;
}
.photoslide {
position: relative;
display: flex;
flex-shrink: 0;
flex-grow: 0;
}
@media(min-width: 1200px) {
.photoslide {
width: 49.1875rem;
}
}
.photoslide .thumbslick-for img {
width: 36.25rem;
height: 49.875rem;
}
@media (max-width: 1850px) {
.photoslide .thumbslick-for img {
width: 36.25rem;
height: 49.875rem;
}
.thumbslick-for {
/*flex: 0 0 calc(100% - 170px);*/
/*max-width: calc(100% - 170px);*/
/*padding-left: 30px;*/
max-width: 36.25rem !important;
width: 100% !important;
}
.thumbslick {
flex: 0 0 10.625rem;
max-width: 10.625rem;
border-radius: 0.438rem 0 0 0.438rem;
/*padding-bottom: 0.375rem;
padding-top: 0.375rem;*/
margin-left: 1.688rem;
padding-left: 0.125rem;
}
.slick-next,
.slick-prev {
width: 3.125rem;
height: 3.125rem;
left: 3.713rem;
}
.thumbslick {
margin: 0 0 auto 2.5rem;
}
.thumbslick .slick-slide {
padding: 0.125rem 0 !important;
}
.thumbslick img {
width: 10.438rem;
height: 10.438rem;
}
.thumbslick img:hover {
border: 0.125rem solid #000;
}
}
/* test_button */
.test_button {
padding: 1.875rem 0 2.5rem 0;
}
.test_button p {
width: 50%;
position: relative;
margin: 0 auto;
background: linear-gradient(53.48deg, rgba(255, 255, 255, 0.2) 19.72%, rgba(255, 255, 255, 0) 80.24%), #e20714;
border-radius: 1.75rem;
padding: 1.125rem 0 1.125rem 0;
font-size: 1.5625rem;
font-weight: 700;
text-align: center;
cursor: pointer;
}
.test_button p:hover {
background: #e20714;
}
/* new_featured */
.new_featured {
flex-direction: row;
display: flex;
justify-content: center;
border: none;
padding-bottom: 1.5625rem;
}
.new_featured li {
border: none;
}
.new_featured li a {
border: none !important;
outline: none !important;
text-transform: uppercase;
font-size: 2rem;
font-weight: 700;
}
.new_featured li.active a:focus,
.new_featured li.active a:active,
.new_featured li.active a:hover,
.new_featured li a:focus,
.new_featured li a:hover,
.new_featured li.active a {
color: #555;
font-size: 2rem;
font-weight: 700 !important;
}
.new_featured li a:hover {
background: none !important;
font-size: 2rem;
}
.new_featured .separator {
background: url(../image/Polygon.svg);
background-repeat: no-repeat;
background-size: 1.125rem 1.1875rem;
width: 1.125rem;
height: 1.1875rem;
margin: auto 0;
}
/* askanswer */
.askanswer {
margin-bottom: 11.25rem;
}
.askanswer .header {
margin-top: 8.125rem;
font-size: 2rem;
text-align: left;
text-transform: uppercase;
font-weight: 700;
}
.delivery {
margin-top: 5rem;
}
.header span {
display: flex;
justify-content: center;
align-items: center;
}
.header span img {
margin: 0 0.75rem;
}
/* collections */
.collections {
padding-bottom: 1.875rem;
border-bottom: 1px solid #dfdfdf;
margin-bottom: 3.75rem;
}
.collect_item {
/* padding: 9px; */
padding: 0.3125rem 0.9375rem;
position: relative;
display: flex;
justify-content: center;
}
.collect_item div:hover {
border-bottom: 1px solid #e20714;
}
.collect_item div {
position: static;
font-size: 1.25rem;
font-weight: 600;
color: #3e3e3e;
padding-bottom: 0.375rem;
border-bottom: 1px solid rgba(0, 176, 80, 0);
}
.product_title h1 {
text-transform: uppercase;
padding-bottom: 1rem;
margin-top: 0.625rem;
font-weight: bold;
font-size: 2.125rem;
}
/*Карточка товара START*/
#product {
margin-left: 8.9375rem;
}
.product-description__title {
font-size: 1.625rem !important;
font-weight: 600 !important;
margin-bottom: 0.375rem !important;
}
.product-description__vendor-code {
color: rgba(0, 0, 0, 0.5);
font-size: 1.3125rem;
}
.product-description__rating {
margin-top: 0.9375rem;
display: flex;
align-items: center;
}
.product-description__rating .reviews-stars {
margin-left: 0;
margin-right: 1rem;
}
.product-description__description {
font-size: 1.3125rem;
margin-top: 1.25rem;
}
.product-tabs {
margin-top: 3.75rem;
}
@media (max-width: 1850px) {
#product {
margin-left: 8.938rem;
}
.product-description__title {
font-size: 1.625rem !important;
font-weight: 600 !important;
margin-bottom: 0.375rem !important;
}
.product-description__vendor-code {
color: rgba(0, 0, 0, 0.5);
font-size: 1.313rem;
}
.product-description__rating {
margin-top: 0.938rem;
display: flex;
align-items: center;
}
.product-description__rating .reviews-stars {
margin-right: 1rem;
}
.product-description__description {
font-size: 1.313rem;
margin-top: 1.25rem;
}
.product-tabs {
margin-top: 3.75rem;
}
}
/*Калькулятор товаров START*/
.btn_calc_pak, .btn_calc_kvm2 {
border-radius: 0.3125rem;
border: 1px solid rgba(0, 0, 0, 0.30);
max-width: 14.125rem;
width: 100%;
display: flex;
justify-content: flex-start;
cursor: pointer;
margin: auto;
position: relative;
height: 3.4375rem;
padding-left: 3.625rem;
align-items: stretch;
padding-right: 3.625rem;
}
.btn_calc_pak div, .btn_calc_kvm2 div {
padding: 1.25rem;
border-radius: 0.3125rem;
border: 1px solid transparent;
position: absolute;
}
.btn_calc_pak div:hover, .btn_calc_kvm2 div:hover{
border: 1px solid #000;
}
.calc_kvm2_pak .calc__minus {
background: url(../image/minus-icon.svg) center no-repeat;
background-size: 0.8125rem 0.8125rem;
width: 3.4375rem;
height: 3.4375rem;
left: -1px;
top: -1px;
}
.calc_kvm2_pak .calc__plus {
background: url(../image/plus-icon.svg) center no-repeat;
background-size: 0.8125rem 0.8125rem;
width: 3.4375rem;
height: 3.4375rem;
right: -1px;
top: -1px;
}
.calc_kvm2_pak .pak, .calc_kvm2_pak .kvm2 {
border: none;
width: 4.625rem;
text-align: center;
font-size: 1.3125rem;
padding: 0;
outline: none;
background: transparent;
}
.btn_calc_pak span, .btn_calc_kvm2 span {
display: flex;
align-items: center;
justify-content: center;
padding: 0 0.625rem;
color: rgba(0, 0, 0, 0.50);
font-size: 1.3125rem;
line-height: 150%;
}
.btn_calc_kvm2 span sup {
line-height: 130%;
}
@media (max-width: 1199px) {
.btn_calc_pak, .btn_calc_kvm2 {
max-width: 13.125rem;
height: 3.1875rem;
padding-left: 3.4375rem;
padding-right: 3.4375rem;
}
.calc_kvm2_pak .calc__minus,
.calc_kvm2_pak .calc__plus {
width: 3.375rem;
height: 3.1875rem;
}
.calc_kvm2_pak .pak, .calc_kvm2_pak .kvm2,
.btn_calc_pak span, .btn_calc_kvm2 span {
font-size: 1.25rem;
}
.btn_calc_pak span, .btn_calc_kvm2 span {
padding: 0 0.5rem;
}
}
@media (max-width: 576px) {
.btn_calc_pak, .btn_calc_kvm2 {
max-width: 9.75rem;
height: 2.625rem;
padding-left: 3.1875rem;
padding-right: 3.1875rem;
}
.calc_kvm2_pak .calc__minus,
.calc_kvm2_pak .calc__plus {
width: 3.125rem;
height: 2.625rem;
background-size: 0.625rem;
}
.calc_kvm2_pak .pak, .calc_kvm2_pak .kvm2,
.btn_calc_pak span, .btn_calc_kvm2 span {
font-size: 0.775rem;
}
.btn_calc_pak span, .btn_calc_kvm2 span {
padding: 0 0.125rem;
}
}
/*Калькулятор товаров END*/
/* BEGIN Калькулятор в карточке товара */
.product_calc_container {
display: grid;
grid-template-areas:
"calc_price_info calc_total"
"calc_kvm2_pak calc_total";
column-gap: 1.25rem;
row-gap: 2.6875rem;
grid-template-columns: 32.1875rem auto;
margin-top: 1.25rem;
margin-bottom: 4.375rem;
}
.product_calc_body {
grid-area: calc_price_info;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.product_calc_body .price-info-name {
font-size: 1.3125rem;
line-height: 150%;
color: rgba(0, 0, 0, 0.5);
}
.product_calc_body .price-info-data {
font-weight: 500;
font-size: 1.875rem;
line-height: 130%;
display: flex;
justify-content: flex-start;
}
.product_calc_body .calc-price-old{
text-decoration: line-through;
color: rgba(0, 0, 0, 0.3);
}
.product_calc_top {
grid-area: calc_kvm2_pak;
}
.product_calc_top .calc_kvm2_pak {
display: flex;
gap: 1.5rem;
justify-content: space-between;
align-items: center;
}
.product_calc_top .calc_kvm2_pak span {
font-size: 1.3125rem;
line-height: 150%;
color: rgba(0, 0, 0, 0.5);
}
.product_calc_bottom {
grid-area: calc_total;
display: flex;
justify-content: center;
align-items: flex-end;
}
.product_calc_bottom-inner {
display: flex;
flex-direction: column;
justify-content: center;
font-size: 1.3125rem;
line-height: 150%;
color: rgba(0, 0, 0, 0.5);
}
.product_calc_bottom-inner .price {
font-weight: 500;
font-size: 2.875rem;
line-height: 130%;
text-transform: uppercase;
color: #000;
}
.product_calc_bottom-inner .price-old .price-old-value {
font-weight: 500;
font-size: 1.875rem;
line-height: 130%;
text-decoration: line-through;
color: rgba(0, 0, 0, 0.3);
}
.with-special-circle {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.625rem;
}
.with-special-circle .special-circle {
font-weight: 600;
font-size: 1.3125rem;
line-height: 130%;
width: 3.75rem;
height: 3.75rem;
display: flex;
justify-content: center;
align-items: center;
background: #d13138;
border-radius: 50%;
color: #000;
text-decoration: none;
}
.product-btns-wrap {
display: flex;
}
.product-btns-wrap button {
margin-right: 2.5rem;
}
.product-btns-wrap div, .product-btns-wrap button {
justify-content: center;
width: 50%;
}
@media (max-width: 1850px) {
.product-btns-wrap button {
margin-right: 2.5rem;
}
}
/*@media (max-width: 1600px) {*/
/* .product-btns-wrap {*/
/* flex-direction: column;*/
/* }*/
/* .product-btns-wrap button {*/
/* margin: 0 0 20px 0;*/
/* }*/
/* .product-btns-wrap div, .product-btns-wrap button {*/
/* width: 100%;*/
/* font-size: 20px;*/
/* }*/
/*}*/
/*@media (min-width: 1200px) and (max-width: 1600px) {
.product_calc_container {
grid-template-areas:
"calc_price_info"
"calc_kvm2_pak"
"calc_total";
row-gap: 1.25rem;
grid-template-columns: auto;
}
.product_calc_bottom {
justify-content: flex-start;
}
.product_calc_top .calc_kvm2_pak {
justify-content: flex-start;
}
.product_calc_container .btn_calc_pak, .product_calc_container .btn_calc_kvm2 {
margin: 0;
}
.product_calc_bottom #price {
display: flex;
justify-content: flex-start;
gap: 2.5rem;
}
}
@media (min-width: 1200px) and (max-width: 1439px) {
.product_calc_top .calc_kvm2_pak {
flex-direction: column;
align-items: flex-start;
}
.product_calc_top .calc_kvm2_pak span {
display: none;
}
}
@media (min-width: 1200px) and (max-width: 1279px) {
.product_calc_body {
align-items: flex-start;
flex-direction: column;
gap: 1.25rem;
}
.product_calc_bottom #price {
gap: 0.625rem;
}
}*/
@media (max-width: 1199px) {
.product_calc_container {
column-gap: 1.25rem;
row-gap: 2.5rem;
grid-template-columns: 28.0625rem auto;
margin-top: 1.875rem;
margin-bottom: 3.75rem;
}
.product_calc_top .calc_kvm2_pak {
gap: 0.4375rem;
}
.product_calc_body .price-info-name {
font-size: 1.25rem;
}
.product_calc_body .price-info-data {
font-size: 1.5rem;
}
.product_calc_top .calc_kvm2_pak span {
font-size: 1.25rem;
}
.product_calc_bottom-inner {
font-size: 1.25rem;
}
.product_calc_bottom-inner .price {
font-size: 2.25rem;
}
.product_calc_bottom-inner .price-old .price-old-value {
font-size: 1.5rem;
}
.with-special-circle .special-circle {
font-size: 1.25rem;
}
.product-btns-wrap {
flex-direction: row;
}
.product-btns-wrap button {
margin: 0 1.875rem 0 0;
}
}
@media (max-width: 576px) {
.product_calc_container {
row-gap: 1.875rem;
grid-template-columns: 20.5rem auto;
margin-top: 1.25rem;
margin-bottom: 2.0625rem;
}
.product_calc_top .calc_kvm2_pak {
gap: 0.1875rem;
}
.product_calc_body .price-info-name {
font-size: 0.875rem;
}
.product_calc_body .price-info-data {
font-size: 1.0625rem;
}
.product_calc_top .calc_kvm2_pak span {
font-size: 0.875rem;
}
.product_calc_bottom-inner {
font-size: 0.875rem;
}
.product_calc_bottom-inner .price {
font-size: 1.4375rem;
}
.product_calc_bottom-inner .price-old .price-old-value {
font-size: 1.0625rem;
}
.with-special-circle .special-circle {
font-size: 0.875rem;
}
}
@media (max-width: 576px) {
.product_calc_container {
grid-template-areas:
"calc_price_info"
"calc_kvm2_pak"
"calc_total";
row-gap: 1.875rem;
grid-template-columns: auto;
margin-bottom: 1.6875rem;
margin-top: 1.25rem;
}
.product_calc_bottom {
justify-content: flex-start;
}
.product_calc_top .calc_kvm2_pak {
justify-content: flex-start;
}
.product_calc_container .btn_calc_pak, .product_calc_container .btn_calc_kvm2 {
margin: 0;
}
.product_calc_bottom #price {
display: flex;
justify-content: flex-start;
gap: 1.875rem;
}
.product_calc_bottom-inner .price {
display: flex;
align-items: center;
}
.product_calc_body .price-info-name {
margin-bottom: 0.75rem;
}
.with-special-circle .special-circle {
width: 2.75rem;
height: 2.75rem;
}
.product-btns-wrap {
flex-direction: column;
}
.product-btns-wrap button {
margin: 0 0 1.25rem 0;
}
.product-btns-wrap div, .product-btns-wrap button {
width: 100%;
font-size: 0.875rem;
}
}
/* END Калькулятор в карточке товара */
/* baner title */
.baner_title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.baner_title .start_span {
display: inline-block;
padding: 1.0625rem;
border-left: 0.6875rem solid #e20714;
border-top: 0.6875rem solid #e20714;
position: absolute;
top: -2.5rem;
}
.baner_title .end_span {
display: inline-block;
padding: 1.0625rem;
border-right: 0.6875rem solid #e72033;
border-bottom: 0.6875rem solid #e72033;
margin-left: 0.6875rem;
margin-top: 0.5625rem;
bottom: -2.5rem;
position: absolute;
right: 0;
}
.baner_title .title {
text-align: center;
line-height: 0.9;
font-size: 2.5rem;
margin: 0px -5.625rem 0px -5.625rem;
color: white;
text-transform: uppercase;
display: block;
font-weight: 600;
padding: 0.9375rem;
letter-spacing: 0.2em;
border: 0.625rem solid;
border-image: linear-gradient(106deg, #00ab49 38%, #dc1931 65%);
border-image-slice: 1;
}
/*new banner*/
.baner_title .banner_link {
position: absolute;
top: 130%;
left: 20%;
background: #3a3a3a;
color: white;
text-transform: uppercase;
border-radius: 1.25rem;
font-size: 1.6875rem;
padding: 1.25rem 3.125rem;
border-radius: 1.875rem;
}
.baner_title .banner_link:hover {
background: #e20714;
}
/* module_html */
.map-block.container-fluid {
position: relative;
width: 98.9vw;
margin-left: calc((100% - 99vw) / 2);
padding: 0;
}
.module_html {
margin-top: 8.125rem;
}
.module_html h2 {
margin-top: 0;
}
.benefit__title, .partners__title, .services-section__title {
margin-bottom: 3.75rem;
}
.module_html .html_body {
display: flex;
font-size: 1.125rem;
align-items: center;
}
.module_html .html_body .image {
flex: 0 0 50%;
max-width: 50%;
}
.html_body .html {
padding-left: 0;
width: 100%;
}
.html .html__title {
text-transform: uppercase;
font-size: 2rem;
font-weight: 700;
margin-bottom: 1.5rem !important;
}
.html .html__title img {
margin-right: 0.5rem;
}
.html_body .html p {
margin: 0;
font-size: 1.25rem;
line-height: 140%;
font-weight: 400;
}
.html .html__btn {
font-weight: 700;
font-size: 1.125rem;
line-height: 1.4375rem;
padding: 0.75rem 3.6875rem;
border: 0.125rem solid #e20714;
border-radius: 1.75rem;
margin-top: 2.1875rem;
display: inline-block;
}
.html .html__btn:hover {
background: #e20714;
}
.about_image {
margin-left: 2.375rem;
}
.about_image img {
border-radius: 1rem;
}
.module_html .header {
text-transform: uppercase;
font-size: 2rem;
font-weight: 700;
margin-bottom: 1.5rem !important;
padding-top: 2.875rem;
padding-bottom: 1rem;
text-align: center;
}
@media (min-width: 1440px) {
.html_body .html p {
font-size: 1.449rem;
}
}
@media (min-width: 577px) {
.html__text-2, .html__btn-2 {
display: none;
}
}
@media (max-width: 576px) {
.about_image {
margin-left: 0;
}
.module_html .html_body .html .html__text {
padding: 0 0.9375rem;
display: none;
}
.module_html .html_body .html .html__btn {
display: none;
}
.html .html__title {
margin-bottom: 0.9375rem !important;
font-size: 1.4375rem;
line-height: 1.875rem;
text-align: left;
}
/*.swiper {
width: 335px;
margin-bottom: 0.9375rem;
}*/
.swiper-pagination-bullet {
height: 0.625rem !important;
width: 0.625rem !important;
}
.html__text-2 {
text-align: center;
font-size: 1.125rem !important;
line-height: 140%;
margin-bottom: 0.9375rem !important;
}
.html__text-2::first-child {
margin-bottom: 0.9375rem;
}
.module_html .html_body .image {
text-align: center;
}
.html__btn-2 {
display: inline-block;
padding: 0.875rem 2.5rem;
font-weight: 600;
font-size: 1rem;
border: 0.125rem solid #e20714;
border-radius: 1.75rem;
margin-top: 0.3125rem;
}
.html__btn-2:hover {
background: #e20714;
}
}
/* search */
#search, .search {
margin-bottom: 0.625rem;
position: relative;
}
#search .input-lg, .search .input-lg {
height: 2.8125rem;
line-height: 1.4375rem;
padding: 0.6875rem 1.25rem;
}
#search .btn-lg, .search .btn-lg {
font-size: 0.9375rem;
line-height: 1.125rem;
padding: 0.625rem 1.25rem;
text-shadow: 0 1px 0 #FFF;
border: none;
background-color: transparent;
box-shadow: none;
background-image: none;
}
#search .btn-lg:focus, .search .btn-lg:focus {color: #333 }
#search .btn-lg i.fa, .search .btn-lg i.fa {
font-size: 1.125rem;
}
/* cart */
#cart {
margin-bottom: 0.625rem;
}
#cart tr {
background-color: #fff;
}
#cart>.btn {
font-size: 0.75rem;
line-height: 1.125rem;
color: #FFF;
}
#cart.open>.btn {
background-image: none;
background-color: #464646;
/*background-color: #FFFFFF;*/
border: 1px solid #E6E6E6;
color: #666;
box-shadow: none;
text-shadow: none;
}
#cart.open>.btn:hover {
color: #444;
}
#cart .dropdown-menu {
/*background: #eee;*/
background-color: #fff;
z-index: 1001;
}
#cart .dropdown-menu {
min-width: 100%;
font-size: 1rem;
}
#top-links .dropdown-menu li:first-child .table > tbody > tr > td:nth-child(2) {
white-space: normal;
}
#cart .dropdown-menu table {
margin-bottom: 0.625rem;
}
#top-links .dropdown-menu a {
color: #000;
}
#cart .btn.btn-danger.btn-xs {
padding: 0.3125rem 0.5rem;
}
#cart .dropdown-menu li>div {
min-width: 26.6875rem;
padding: 0 0.625rem;
}
#cart .dropdown-menu li p {
margin: 1.25rem 0;
}
#cart .dropdown-menu p.text-right i.fa {
vertical-align: -0.125rem;
margin-right: 0.25rem;
}
@media (max-width: 767px) {
#cart .dropdown-menu.pull-right {
right: -5.8rem !important;
max-width: 45rem;
}
}
@media (max-width: 576px) {
#cart .dropdown-menu.pull-right {
right: -5.46rem !important;
white-space: normal;
font-size: 0.625rem;
}
#cart .dropdown-menu p.text-right i.fa {
vertical-align: baseline;
}
}
@media (max-width: 478px) {
#cart .dropdown-menu {
min-width: 18.125rem;
}
#cart .dropdown-menu li p {
white-space: nowrap;
}
#cart .dropdown-menu.pull-right {
right: -5rem !important;
font-size: 0.825rem;
}
#cart .dropdown-menu li>div {
min-width: 100%;
}
}
/* menu */
#menu {
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
border-color: #1f90bb #1f90bb #145e7a;
min-height: 2.5rem;
}
#menu .nav>li>a {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
padding: 0.625rem 0.9375rem 0.625rem 0.9375rem;
min-height: 0.9375rem;
background-color: transparent;
}
#menu .nav>li>a:hover,
#menu .nav>li.open>a {
background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
padding-bottom: 0;
}
#menu .dropdown-inner {
display: table;
}
#menu .dropdown-inner ul {
display: table-cell;
}
#menu .dropdown-inner a {
min-width: 160px;
display: block;
padding: 3px 20px;
clear: both;
line-height: 20px;
color: #333333;
font-size: 0.75rem;
}
#menu .dropdown-inner li a:hover {
color: #FFFFFF;
}
#menu .see-all {
display: block;
margin-top: 0.5em;
border-top: 1px solid #DDD;
padding: 3px 20px;
-webkit-border-radius: 0 0 0.25rem 0.25rem;
-moz-border-radius: 0 0 0.25rem 0.25rem;
border-radius: 0 0 3px 3px;
font-size: 0.75rem;
}
#menu .see-all:hover,
#menu .see-all:focus {
text-decoration: none;
color: #ffffff;
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
}
#menu #category {
float: left;
padding-left: 0.9375rem;
font-size: 1rem;
font-weight: 700;
line-height: 2.5rem;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
font-size: 0.9375rem;
font-stretch: expanded;
color: #FFF;
padding: 2px 1.125rem;
float: right;
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover,
#menu .btn-navbar:focus,
#menu .btn-navbar:active,
#menu .btn-navbar.disabled,
#menu .btn-navbar[disabled] {
color: #ffffff;
background-color: #229ac8;
}
@media (min-width: 768px) {
#menu .dropdown:hover .dropdown-menu {
display: block;
}
}
@media (max-width: 767px) {
#menu {
border-radius: 0.25rem;
}
#menu div.dropdown-inner>ul.list-unstyled {
display: block;
}
#menu div.dropdown-menu {
margin-left: 0 !important;
padding-bottom: 0.625rem;
background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-inner {
display: block;
}
#menu .dropdown-inner a {
width: 100%;
color: #fff;
}
#menu .dropdown-menu a:hover,
#menu .dropdown-menu ul li a:hover {
background: rgba(0, 0, 0, 0.1);
}
#menu .see-all {
margin-top: 0;
border: none;
border-radius: 0;
color: #fff;
}
}
/* content */
#content {
min-height: 25rem;
}
/* footer */
.footer-wrapper {
border-radius: 1.25rem;
background: #F4F4F6;
padding: 1.875rem 0 3.4375rem 3.4375rem;
margin-bottom: 2.5rem;
}
.yandex-rating-footer {
margin-top: 3.75rem;
}
footer a {
color: #646464;
font-size: 1.3125rem;
}
footer a {
color: #000;
}
footer a:hover {
color: #3A3343;
}
.list-unstyled li {
margin-bottom: 2.5rem;
}
.list-unstyled li:last-child {
margin-bottom: 0;
}
.footer-contact a {
color: #000;
font-size: 2rem;
font-weight: 400;
line-height: 130%; /* 41.6px */
display: block;
}
.footer-contact a:first-child {
margin-bottom: 2.5rem;
}
.list-contacts-icons__footer {
margin-top: 3.125rem;
list-style: none;
display: flex;
padding-left: 0;
}
.list-contacts-icons__footer li a {
display: block;
width: 4.375rem;
height: 4.375rem;
}
.list-contacts-icons__footer li a {
background-size: cover;
background-repeat: no-repeat;
margin-right: 1.875rem;
}
.list-contacts-icons__footer li:nth-child(1) a {
background-image: url(../image/VK.svg);
}
.list-contacts-icons__footer li:nth-child(2) a {
background-image: url(../image/IG.svg);
}
.list-contacts-icons__footer li:nth-child(3) a {
background-image: url(../image/FB.svg);
margin-right: 0;
}
.footer-pay {
margin-top: 5.25rem;
}
.footer-pay p {
margin-right: 8.5625rem;
font-size: 1.125rem;
font-weight: 400;
line-height: 130%;
opacity: 0.4;
padding-top: 3.5625rem;
}
.footer-row-2__title {
font-size: 1.3125rem;
font-weight: 600;
line-height: 130%;
margin: 0 0 1.875rem 0;
}
.footer-pay .list-unstyled {
align-items: center;
}
.footer-pay .list-unstyled li {
margin: 0 1.25rem 0 0;
}
.footer-pay .list-unstyled li:last-child {
margin-right: 0;
}
@media (max-width: 1850px) {
.footer-wrapper {
border-radius: 1.25rem;
background: #F4F4F6;
padding: 1.875rem 0 3.438rem 3.438rem;
margin-bottom: 2.5rem;
}
.yandex-rating-footer {
margin-top: 3.75rem;
}
footer a {
color: #646464;
font-size: 1.313rem;
}
.list-unstyled li {
margin-bottom: 2.5rem;
}
.list-unstyled li:last-child {
margin-bottom: 0;
}
.footer-contact a {
font-size: 2rem;
}
.footer-contact a:first-child {
margin-bottom: 2.5rem;
}
.list-contacts-icons__footer {
margin-top: 3.125rem;
}
.list-contacts-icons__footer li a {
width: 4.375rem;
height: 4.375rem;
}
.list-contacts-icons__footer li a {
margin-right: 1.875rem;
}
.footer-pay {
margin-top: 5.25rem;
}
.footer-pay p {
margin-right: 8.563rem;
font-size: 1.125rem;
padding-top: 3.563rem;
}
.footer-row-2__title {
font-size: 1.313rem;
font-weight: 600;
line-height: 130%;
margin: 0 0 1.875rem 0;
}
.footer-pay .list-unstyled {
align-items: center;
}
.footer-pay .list-unstyled li {
margin: 0 1.25rem 0 0;
}
.footer-pay .list-unstyled li:last-child {
margin-right: 0;
}
}
/*@media (max-width: 1440px) {*/
/* .list-contacts-icons__footer li:nth-child(3) a {*/
/* margin-right: 0;*/
/* }*/
/* .list-contacts-icons__footer li a {*/
/* width: 3.438rem;*/
/* height: 3.438rem;*/
/* margin-right: 1.25rem;*/
/* }*/
/* footer a {*/
/* font-size: 1.313rem;*/
/* }*/
/*}*/
@media (max-width: 1199px) {
.footer-wrapper {
padding: 1.875rem 2.5rem;
position: relative;
}
.footer-wrapper .row:first-child div:nth-child(1) {
order: 1;
}
footer a {
font-size: 1.25rem;
}
.footer-wrapper .row:first-child div:nth-child(2) {
order: 3;
font-size: 1.25rem;
}
.footer-wrapper .row:first-child div:nth-child(3) {
order: 2;
}
.img-responsive {
width: 14.063rem;
height: 3.25rem;
}
.yandex-rating-footer {
width: 20rem;
height: 7.125rem;
margin-top: 2.5rem;
}
.footer-contact a {
font-size: 1.5rem;
font-weight: 500;
}
.footer-row-2__title {
font-size: 1.25rem;
}
.footer-contact a:first-child {
margin-bottom: 1.875rem;
}
.list-contacts-icons__footer {
margin-top: 1.875rem;
}
.list-contacts-icons__footer li a {
width: 3.75rem;
height: 3.75rem;
}
.footer-wrapper .col-sm-12.col-lg-6 {
margin-top: 3.75rem;
}
.footer-pay p {
order: 2;
margin: 0 2.5rem 0 auto;
padding-top: 8.25rem;
}
}
@media (max-width: 767px) {
.footer-wrapper {
padding: 1.875rem 2.5rem;
position: relative;
}
.footer-wrapper .row:first-child div:nth-child(1) {
order: 1;
}
footer a {
font-size: 1.25rem;
}
.footer-wrapper .row:first-child div:nth-child(2) {
order: 3;
font-size: 1.25rem;
}
.footer-wrapper .row:first-child div:nth-child(3) {
order: 2;
}
.img-responsive {
width: 14.063rem;
height: 3.25rem;
}
.yandex-rating-footer {
width: 20rem;
height: 7.125rem;
margin-top: 2.5rem;
}
.footer-contact a {
font-size: 1.5rem;
font-weight: 500;
}
.footer-row-2__title {
font-size: 1.25rem;
}
.footer-contact a:first-child {
margin-bottom: 1.875rem;
}
.list-contacts-icons__footer {
margin-top: 1.875rem;
}
.list-contacts-icons__footer li a {
width: 3.75rem;
height: 3.75rem;
}
.footer-wrapper .col-sm-12.col-lg-6 {
margin-top: 3.75rem;
}
.footer-pay p {
order: 2;
margin: 0 2.5rem 0 auto;
padding-top: 8.25rem;
}
}
@media (min-width: 577px) {
.footer-contact-mobile-wrap {
display: none;
}
}
@media (max-width: 576px) {
.footer-wrapper .row:first-child div:nth-child(1) {
width: 100%;
}
.footer-wrapper .col-lg-3.col-sm-7.col-xs-7{
position: initial;
}
.footer-wrapper {
padding: 1.25rem;
}
.img-responsive {
width: 10.75rem;
height: 2.5rem;
margin-bottom: 3.313rem;
}
.footer-contact-wrap {
display: none;
}
.footer-contact a {
font-size: 1.063rem;
}
.footer-contact a:first-child {
margin-bottom: 1.25rem;
}
.list-contacts-icons__footer {
position: absolute;
margin-top: 0;
flex-direction: column;
top: 1.25rem;
right: 0;
}
.list-contacts-icons__footer li {
margin-bottom: 1.25rem;
}
.list-contacts-icons__footer li:last-child {
margin-bottom: 0;
}
.list-contacts-icons__footer li a {
width: 2.75rem;
height: 2.75rem;
}
.yandex-rating-footer {
margin-top: 3.313rem;
width: 15.875rem;
height: 6.375rem;
}
.footer-wrapper .col-sm-12.col-lg-6.col-xs-12 .col-lg-4.col-sm-4.col-xs-4 {
width: 50%;
}
.footer-wrapper .col-sm-12.col-lg-6.col-xs-12 .col-lg-4.col-sm-4.col-xs-4:last-child {
width: 100%;
}
.footer-wrapper .img-responsive {
margin-bottom: 3.313rem;
}
.footer-wrapper .col-sm-12.col-lg-6.col-xs-12 .col-lg-4.col-sm-4.col-xs-4:last-child {
margin-top: 4.375rem;
}
.footer-wrapper .col-lg-4.col-sm-4.col-xs-4 .list-unstyled li {
margin-bottom: 1.25rem;
}
.footer-wrapper .col-lg-4.col-sm-4.col-xs-4 .list-unstyled li:last-child {
margin-bottom: 0;
}
.footer-wrapper .col-lg-4.col-sm-4.col-xs-4 .list-unstyled li a {
font-size: 0.875rem;
}
.footer-pay {
margin-top: 4.563rem;
}
.footer-wrapper .col-lg-4.col-sm-4.col-xs-4 {
padding-left: 0;
}
.footer-row-2__title {
font-size: 0.875rem;
margin-bottom: 1rem;
}
.footer-pay {
flex-direction: column;
}
.footer-pay p {
padding: 0;
margin-left: 0;
margin-top: 3.25rem;
font-size: 0.75rem;
}
}
/*
@media (min-width: 768px) {
.footer-contact-mobile-wrap {
display: none;
}
}
@media (max-width: 767px) {
.footer-wrapper {
padding: 1.875rem 2.5rem;
}
.img-responsive {
width: 14.063rem;
height: 3.25rem;
margin-bottom: 53px;
}
.footer-contact-wrap {
display: none;
}
.footer-contact a {
font-size: 1.0625rem;
}
.footer-contact a:first-child {
margin-bottom: 20px;
}
.list-contacts-icons__footer {
position: absolute;
margin-top: 0;
flex-direction: column;
top: 0;
right: 20px;
}
.list-contacts-icons__footer li {
margin-bottom: 20px;
}
.list-contacts-icons__footer li:last-child {
margin-bottom: 0;
}
.list-contacts-icons__footer li a {
width: 2.75rem;
height: 2.75rem;
}
.yandex-rating-footer {
margin-top: 53px;
width: 254px;
height: 102px;
}
.footer-wrapper .col-lg-4.col-sm-4.col-xs-4 .list-unstyled li {
margin-bottom: 4.706rem;
}
.footer-wrapper .col-lg-4.col-sm-4.col-xs-4 .list-unstyled li:last-child {
margin-bottom: 0;
}
.footer-wrapper .col-lg-4.col-sm-4.col-xs-4 .list-unstyled li a {
font-size: 2.353rem;
}
*/
/*.footer-wrapper .col-lg-4.col-sm-4.col-xs-4:last-child {*/
/* margin-top: 70px;*/
/*}*/
/*
.footer-pay {
margin-top: 73px;
}
.footer-wrapper .col-lg-4.col-sm-4.col-xs-4 {
padding-left: 0;
}
.footer-row-2__title {
font-size: 0.875rem;
margin-bottom: 1rem;
}
.footer-pay {
flex-direction: column;
}
.footer-pay p {
padding: 0;
margin-left: 0;
margin-top: 52px;
font-size: 0.75rem;
}
}
*/
/*@media (max-width: 576px) {*/
/* footer .col-lg-4.col-sm-4.col-xs-4 {*/
/* width: 50%;*/
/* }*/
/* .img-responsive {*/
/* width: 10.75rem;*/
/* height: 2.5rem;*/
/* }*/
/* .footer-wrapper .col-lg-4.col-sm-4.col-xs-4:last-child {*/
/* margin-top: 70px;*/
/* }*/
/* .footer-wrapper .col-sm-12.col-lg-6 {*/
/* margin-top: 13.25rem;*/
/* }*/
/* .footer-wrapper .col-lg-4.col-sm-4.col-xs-4 .list-unstyled li a {*/
/* font-size: 3.5rem;*/
/* }*/
/*}*/
/*@media (max-width: 360px) {*/
/* .img-responsive {*/
/* width: 10.75rem;*/
/* height: 2.5rem;*/
/* }*/
/* .footer-wrapper .col-sm-12.col-lg-6 {*/
/* margin-top: 13.25rem;*/
/* }*/
/* .footer-wrapper .col-lg-4.col-sm-4.col-xs-4 .list-unstyled li a {*/
/* font-size: 3.5rem;*/
/* }*/
/* .footer-wrapper .col-lg-4.col-sm-4.col-xs-4:last-child {*/
/* margin-top: 70px;*/
/* }*/
/*}*/
/* alert */
header + .page-block .container {
position: relative;
}
.alert {
padding: 0.5rem 0.875rem 0.5rem 0.875rem;
position: fixed;
top: 8rem;
right: 4rem;
width: 26.125rem;
font-size: 1.313rem;
height: 5.188rem;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
border-radius: 15px;
background: #fff;
box-shadow: 0px 1px 15px 0px #00000026;
}
.alert a{
color: #000;
text-decoration: underline;
}
@media(max-width: 1199px) {
.alert {
top: 6rem;
right: 3.125rem;
width: 26.125rem;
font-size: 1.313rem;
height: 5.188rem;
}
}
@media(max-width: 576px) {
.alert {
top: 4rem;
width: 15.125rem;
font-size: 0.75rem;
height: 3.188rem;
}
}
/* breadcrumb */
.breadcrumb {
margin: 0 0 1.6875rem 0;
padding: 0.8125rem 0;
/* border: 1px solid #ddd; */
background-color: transparent;
font-weight: 400;
}
.breadcrumb i {
font-size: 0.9375rem;
color: #000;
}
.breadcrumb>li {
padding: 0 0.8125rem;
position: relative;
white-space: nowrap;
}
.breadcrumb>li:first-child {
padding-left: 0;
}
.breadcrumb>li+li:before {
content: '';
padding: 0;
}
.breadcrumb>li:last-child::after {
content: none;
}
.breadcrumb>li a {
color: rgba(0, 0, 0, 0.50);
font-size: 1.3125rem;
line-height: 150%;
}
.breadcrumb>li:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20' viewBox='0 0 25 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1168_11201)'%3E%3Cpath d='M9.5 18.5L15.5 12.5L9.5 6.5' stroke='black' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1168_11201'%3E%3Crect width='19' height='25' fill='white' transform='translate(0 19.5) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
content: '';
display: block;
position: absolute;
top: 50%;
transform: translatey(-50%);
right: -0.9375rem;
width: 1.5625rem;
height: 1.25rem;
background-size: 1.5625rem 1.25rem;
}
@media(max-width: 1199px) {
.breadcrumb>li a {
font-size: 1.25rem;
}
.breadcrumb>li:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='16' viewBox='0 0 25 16' fill='none'%3E%3Cpath d='M9.5 14.5L14.5 9.5L9.5 4.5' stroke='black' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 1.5625rem;
height: 1rem;
background-size: 1.5625rem 1rem;
}
}
@media(max-width: 576px) {
.breadcrumb {
margin: 0 0 0.4375rem 0;
}
.breadcrumb>li a {
font-size: 0.875rem;
}
.breadcrumb>li:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cg clip-path='url(%23clip0_1110_30854)'%3E%3Cpath d='M1.5 11.5L6.5 6.5L1.5 1.5' stroke='black' stroke-opacity='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1110_30854'%3E%3Crect width='12' height='8' fill='white' transform='translate(0 12.5) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
width: 0.5rem;
height: 0.8125rem;
right: -0.4375rem;
background-size: 0.5rem 0.8125rem;
}
.breadcrumb>li {
padding: 0 0.5625rem;
}
}
.pagination {
margin: 0
}
.pagination>li>a,
.pagination>li>span {
color: black;
border: 1px solid #3a3a3a;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
background: #3a3a3a;
color: #fff;
border: 1px solid #3a3a3a;
}
/* buttons */
.buttons {
margin: 1em 0;
}
.btn-xs {
font-size: 1rem;
}
.btn-sm {
font-size: 0.625rem;
}
.btn-lg {
padding: 0.625rem 1rem;
font-size: 0.9375rem;
}
.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
font-size: 0.75rem;
}
.btn-group>.btn-xs {
font-size: 0.5625rem;
}
.btn-group>.btn-sm {
font-size: 0.625rem;
}
.btn-group>.btn-lg {
font-size: 0.9375rem;
}
/* list group */
.list-group a {
border: 1px solid #DDDDDD;
color: #888888;
padding: 0.5rem 0.75rem;
}
.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
color: #444444;
background: #eeeeee;
border: 1px solid #DDDDDD;
text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
color: #FFFFFF;
text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
content: '\f053';
font-family: FontAwesome;
}
.carousel-control .icon-next:before {
content: '\f054';
font-family: FontAwesome;
}
/* product list */
.product-thumb {
margin-bottom: 1.25rem;
overflow: auto;
}
.product-thumb .image {
text-align: center;
}
.product-thumb .image a {
display: block;
}
.product-thumb .image a:hover {
opacity: 0.8;
}
.product-thumb .image img {
margin-left: auto;
margin-right: auto;
border-radius: 1rem;
}
.product-grid .product-thumb .image {
float: none;
}
.image-wrap .swiper-slide img {
width: 100%;
}
.xdstickers_wrapper.position_upright {
transform: translate3d(0px, 0px, 0px);
}
/**/
.product-layout.product-grid.col-lg-4.col-md-4.col-sm-6.col-xs-6 .product-thumb,
.product-layout.col-lg-3.col-md-3.col-sm-6.col-xs-6 .product-thumb,
.product-layout .product-thumb.transition {
border-radius: 0.9375rem;
background: #F4F4F6;
padding-bottom: 1.25rem;
}
.product-layout.product-grid.col-lg-4.col-md-4.col-sm-6.col-xs-6 .button-group,
.product-layout.col-lg-3.col-md-3.col-sm-6.col-xs-6 .button-group,
.product-layout .product-thumb.transition .button-group {
padding: 0 1.25rem;
}
.swiper-pagination-categories .swiper-pagination-bullet ,
#сollection-section .swiper-pagination-bullet {
margin-top: 1.5rem;
opacity: 1;
background: var(--swiper-pagination-bullet-inactive-color,transparent);
border: 1px solid #fff;
width: 0.75rem;
height: 0.75rem;
}
.swiper-pagination-categories .swiper-pagination-bullet-active,
#сollection-section .swiper-pagination-bullet-active {
background: var(--swiper-pagination-bullet-active-inactive-color,#fff);
}
:root {
--swiper-navigation-size: 1.5rem;
}
.swiper-categories .swiper-slide {
width: 100% !important;
}
.swiper-categories .swiper-horizontal > .swiper-pagination-bullets,
.swiper-categories .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 1.375rem;
}
@media(max-width: 1199px) {
.swiper-categories .swiper-horizontal > .swiper-pagination-bullets,
.swiper-categories .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 1rem;
}
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
float: left;
padding: 0 0.9375rem;
}
}
@media(max-width: 576px) {
.swiper-categories .swiper-horizontal > .swiper-pagination-bullets,
.swiper-categories .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 0.625rem;
}
}
.product-thumb h4 {
font-weight: bold;
}
.product-thumb h4 a {
color: #000;
font-family: 'Manrope', Sans-Serif;
font-size: 1.3125rem;
font-weight: 500;
line-height: 130%;
text-transform: uppercase;
text-align: left;
}
.product-thumb .caption {
padding: 0rem 1.25rem;
}
.product-thumb .caption p {
color: rgba(0, 0, 0, 0.50);
text-align: right;
font-size: 1.125rem;
font-weight: 500;
line-height: 130%;
}
.product-thumb .caption .price {
color: #000;
text-align: right;
font-size: 1.875rem;
font-weight: 500;
line-height: 130%;
}
.price-metrs {
display: flex;
}
span .price-sqr {
font-size: 1.125rem;
}
.product-list .product-thumb .caption {
margin-left: 14.375rem;
}
@media (max-width: 1850px) {
.product-thumb h4 a {
font-size: 1.313rem;
}
.product-thumb .caption {
padding: 0 1.25rem;
}
.product-thumb .caption p {
font-size: 1.125rem;
}
.product-thumb .caption .price {
font-size: 1.875rem;
}
span .price-sqr {
font-size: 1.125rem;
}
.product-list .product-thumb .caption {
margin-left: 1.125rem;
}
.product-thumb .button-group button {
font-size: 1.375rem;
}
}
@media (max-width: 1199px) {
.product-grid .product-thumb .caption {
/* min-height: 210px; */
padding: 0 0.625rem;
}
}
@media (max-width: 576px) {
.product-list .product-thumb .caption {
min-height: 0;
margin-left: 0;
padding: 0 0.625rem;
}
.product-grid .product-thumb .caption {
min-height: 0;
}
}
.product-thumb .rating {
padding-bottom: 0.625rem;
}
h2.price {
margin: 0;
}
.product-thumb .price {
font-size: 2rem;
font-weight: bold;
margin-top: 0.3125rem;
}
.product-thumb .price-new {
font-weight: 600;
}
.product-thumb .price-old {
color: #999;
text-decoration: line-through;
margin-left: 0.625rem;
}
.product-thumb .price-tax {
color: #999;
font-size: 0.75rem;
display: block;
}
.product-thumb .button-group {
overflow: auto;
padding-bottom: 2rem;
text-align: center;
}
.product-list .product-thumb .button-group {
border-left: 1px solid #ddd;
}
.product-thumb .button-group button {
display: block;
width: 100%;
background-color: transparent;
text-align: center;
padding: 0.9375rem 0 1rem;
border-radius: 3.125rem;
font-size: 1.3125rem;
line-height: 150%;
border: 1px solid #000;
}
.product-thumb .button-group button+button {
width: 20%;
border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
color: #fff;
background: #000;
text-decoration: none;
cursor: pointer;
}
@media (max-width: 1850px) {
.product-thumb .rating {
padding-bottom: 0.625rem;
}
.product-thumb .price {
font-size: 2rem;
margin-top: 0.313rem;
}
.product-thumb .price-old {
margin-left: 0.625rem;
}
.product-thumb .price-tax {
font-size: 0.75rem;
}
.product-thumb .button-group {
padding-bottom: 2rem;
}
.product-thumb .button-group button {
padding: 0.938rem 0 1rem;
font-size: 1.313rem !important;
}
}
@media (max-width: 1199px) {
.product-thumb .button-group button,
.product-thumb .button-group button+button {
width: 33.33%;
}
.product-thumb .button-group button {
padding: 0.813rem 0 0.875rem;
font-size: 1.25rem !important;
}
}
@media (max-width: 767px) {
.product-thumb .button-group button,
.product-thumb .button-group button+button {
width: 33.33%;
}
.product-list .product-thumb .button-group {
border-left: none;
}
}
@media (max-width: 576px) {
.product-thumb .button-group button {
padding: 0.438rem 0 0.5rem;
font-size: 0.875rem !important;
}
}
.thumbnails {
overflow: auto;
clear: both;
list-style: none;
padding: 0;
margin: 0;
}
.thumbnails>li {
margin-left: 1.25rem;
}
.thumbnails {
margin-left: -1.25rem;
}
.thumbnails>img {
width: 100%;
}
.image-additional a {
margin-bottom: 1.25rem;
padding: 0.3125rem;
display: block;
border: 1px solid #ddd;
}
.image-additional {
max-width: 4.875rem;
}
.thumbnails .image-additional {
float: left;
margin-left: 1.25rem;
}
@media (min-width: 1200px) {
#content .col-lg-2:nth-child(6n+1),
#content .col-lg-2:nth-child(6n+1),
#content .col-lg-3:nth-child(4n+1),
#content .col-lg-4:nth-child(3n+1),
#content .col-lg-6:nth-child(2n+1) {
clear: left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#content .col-md-2:nth-child(6n+1),
#content .col-md-2:nth-child(6n+1),
#content .col-md-3:nth-child(4n+1),
#content .col-md-4:nth-child(3n+1),
#content .col-md-6:nth-child(2n+1) {
clear: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#content .col-sm-2:nth-child(6n+1),
#content .col-sm-2:nth-child(6n+1),
#content .col-sm-3:nth-child(4n+1),
#content .col-sm-4:nth-child(3n+1),
#content .col-sm-6:nth-child(2n+1) {
clear: left;
}
}
.ocpcb-control {
border-color: eeeeee !important;
border-radius: 0 !important;
}
.ocpcb-control:focus-visible {
border-color: black !important;
border-radius: 0 !important;
}
.ocpcb .btn-success {
background: linear-gradient(46.84deg, rgba(255, 255, 255, 0.2) 20.88%, rgba(255, 255, 255, 0) 81.43%), #e20714 !important;
border-radius: 1.75rem !important;
color: #363636 !important;
border: none !important;
max-width: 12.625rem;
width: 100%;
height: 2.9375rem;
}
.mfpocp-close {
right: 0.3125rem !important;
top: 0.3125rem !important;
}
.ocpcb .btn-success:hover {
background: #e20714 !important;
}
.ocpcb .btn-success:hover,
.ocpcb .btn-success:focus {
transition: all 0.3s;
background: #e20714 !important;
color: #fff !important;
}
/*Коллекции START*/
.featured {
margin-top: 0;
width: 99.1vw;
margin-left: calc((100% - 99vw) / 2 - 1px);
margin-bottom: 5rem;
}
.featured .feat_head {
margin-bottom: 3.25rem;
display: flex;
flex-wrap: wrap;
}
.featured .feat-image {
flex: 0 0 50%;
max-width: 50%;
background-size: cover !important;
background-repeat: no-repeat !important;
height: 28.125rem;
position: relative;
border-radius: 0.9375rem;
}
#collection-1 .product-layout.col-lg-3.col-md-3.col-sm-6.col-xs-6,
#collection-2 .product-layout.col-lg-3.col-md-3.col-sm-6.col-xs-6,
#collection-3 .product-layout.col-lg-3.col-md-3.col-sm-6.col-xs-6,
#collection-4 .product-layout.col-lg-3.col-md-3.col-sm-6.col-xs-6 {
width: 100%;
}
#сollection-section .container:last-child {
position: relative;
}
#сollection-section .swiper-button-next, #сollection-section .swiper-button-prev {
top: -5.625rem;
}
#сollection-section .swiper-button-next {
right: 0.938rem;
}
#сollection-section .swiper-button-prev {
right: 5.063rem;
left: auto;
}
/*.featured .feat-image::after {*/
/* content: "";*/
/* display: block;*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* right: 0;*/
/* bottom: 0;*/
/* z-index: 1;*/
/* background: linear-gradient(129.03deg, rgba(41, 41, 41, 0.66) 20.11%, rgba(14, 14, 14, 0) 88.42%);*/
/* border-radius: 1rem 1rem 1rem 1rem;*/
/*}*/
.featured .feat-image .feat-html {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: end;
max-width: 55.625rem;
padding-left: 2.5rem;
padding-right: 0.625rem;
padding-bottom: 2.5rem;
font-family: 'Roboto Condensed';
font-size: 1.125rem;
line-height: 108%;
letter-spacing: 0.03em;
color: #FFFFFF;
}
.featured .feat-image .feat-html h3 {
font-family: 'Manrope', Sans-Serif;
font-weight: 600;
font-size: 1.875rem;
line-height: 130%;
color: #FFFFFF;
margin-bottom: 2.25rem;
text-transform: uppercase;
position: relative;
}
.featured .feat-image .feat-html h3:before {
content: "";
background-image: url('../image/collection-line.svg');
background-size: 7.125rem 1.0625rem;
position: absolute;
width: 7.125rem;
height: 1.0625rem;
top: 2.5rem;
}
.featured .feat-image .feat-html .feat-params {
display: flex;
justify-content: flex-start;
line-height: 140%;
margin-bottom: 0.6875rem;
}
.featured .feat-image .feat-html .feat-params .feat-params-left {
padding-right: 0.625rem;
}
.featured .feat-image .feat-html .feat-params .feat-params__item {
margin-bottom: 0.125rem;
}
.featured .feat-image .feat-html .feat-text {
margin-bottom: 0.8125rem;
}
.featured .feat-image .feat-html .feat-icons {
display: flex;
}
.featured .feat-image .feat-html .feat-icons > div {
display: flex;
align-items: center;
color: #fff;
font-size: 1.3125rem;
font-weight: 400;
line-height: 150%; /* 31.5px */
padding: 0.625rem 1.25rem 0.6875rem;
border-radius: 3.125rem;
border: 1px solid #FFF;
font-family: 'Manrope', Sans-Serif;
margin-right: 1.25rem;
}
.featured .feat-image .feat-html .feat-icons > div:last-child {
margin-right: 0;
}
/*.featured .feat-image .feat-html .feat-icons .feat-icons__faska {*/
/* background: url('../image/faska.svg') center 18px no-repeat;*/
/* background-size: contain;*/
/* padding-top: 29px;*/
/* justify-content: flex-start;*/
/*}*/
.featured .feat-bodytext {
flex: 0 0 50%;
max-width: 50%;
padding: 0 0 0 1.875rem;
font-size: 1.1875rem;
display: flex;
flex-direction: column;
}
.featured .feat-bodytext h3 {
color: #000;
font-family: 'Manrope', Sans-Serif;
margin-bottom: 1.5rem;
font-size: 1.875rem;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
}
.featured .feat-bodytext p {
color: #000;
font-family: 'Manrope';
font-size: 1.625rem;
font-weight: 500;
line-height: 130%;
}
/*.featured .feat-bodytext a:hover {*/
/* background: linear-gradient(53.48deg, rgba(255, 255, 255, 0.2) 19.72%, rgba(255, 255, 255, 0) 80.24%), #e20714;*/
/* text-decoration: none;*/
/* cursor: pointer;*/
/*}*/
.feat_head .button-group {
margin-top: auto;
}
/*.featured .separator {*/
/* background: url(../image/Polygon.svg) 0 0 no-repeat;*/
/* width: 18px;*/
/* height: 19px;*/
/* margin: auto 0;*/
/* display: inline-block;*/
/* top: 0px;*/
/* position: relative;*/
/* margin-right: 3px;*/
/*}*/
.novelty .container {
position: relative;
}
.novelty {
margin-top: 8.125rem;
}
.novelty h2 {
margin-top: 0;
}
#swiper-featured {
margin-left: auto;
margin-right: 0;
max-width: 84.6875rem;
width: 100%;
}
#swiper-button-prev-featured, #swiper-button-next-featured {
top: 8.3125rem;
}
#swiper-button-prev-featured {
left: 4.9375rem;
}
#swiper-button-next-featured {
left: 9.9375rem;
}
#swiper-pagination-featured .swiper-pagination-bullet {
margin-top: 1.5rem;
opacity: 1;
background: var(--swiper-pagination-bullet-inactive-color,#fff);
border: 1px solid #000;
width: 0.9375rem;
height: 0.9375rem;
}
#swiper-pagination-featured .swiper-pagination-bullet-active {
background: var(--swiper-pagination-bullet-active-inactive-color,#000);
}
/*#swiper-featured .swiper-wrapper {
padding-bottom: 1.25rem;
}*/
#swiper-pagination-featured {
bottom: 0 !important;
}
.collection-main-title {
margin-bottom: 3.75rem !important;
}
@media (max-width: 1850px) {
.featured {
margin-top: 0;
margin-bottom: 5rem;
}
.featured .feat_head {
margin-bottom: 3.25rem;
}
.featured .feat-image {
height: 28.125rem;
}
.featured .feat-image .feat-html {
max-width: 55.625rem;
padding-left: 2.5rem;
padding-right: 0.625rem;
padding-bottom: 2.5rem;
font-size: 1.125rem;
}
.featured .feat-image .feat-html h3 {
font-size: 1.875rem;
margin-bottom: 2.25rem;
}
.featured .feat-image .feat-html h3:before {
width: 7.125rem;
height: 1.063rem;
top: 2.5rem;
}
.featured .feat-image .feat-html .feat-params {
margin-bottom: 0.688rem;
}
.featured .feat-image .feat-html .feat-params .feat-params-left {
padding-right: 0.625rem;
}
.featured .feat-image .feat-html .feat-params .feat-params__item {
margin-bottom: 0.125rem;
}
.featured .feat-image .feat-html .feat-text {
margin-bottom: 0.813rem;
}
.featured .feat-image .feat-html .feat-icons > div {
font-size: 1.313rem;
padding: 0.625rem 1.25rem 0.688rem;
margin-right: 1.25rem;
}
.featured .feat-image .feat-html .feat-icons > div:last-child {
margin-right: 0;
}
.featured .feat-bodytext {
padding: 0 0 0 1.875rem;
font-size: 1.188rem;
}
.featured .feat-bodytext h3 {
margin-bottom: 1.5rem;
font-size: 1.875rem;
}
.featured .feat-bodytext p {
font-size: 1.625rem;
}
.novelty {
margin-top: 8.125rem;
}
#swiper-featured {
max-width: 84.688rem;
padding-bottom: 2rem;
}
#swiper-button-prev-featured, #swiper-button-next-featured {
top: 8.313rem;
}
#swiper-button-prev-featured {
left: 4.938rem;
}
#swiper-button-next-featured {
left: 9.938rem;
}
#swiper-pagination-featured .swiper-pagination-bullet {
margin-top: 1.5rem;
width: 0.938rem;
height: 0.938rem;
}
/*#swiper-featured .swiper-wrapper {
padding-bottom: 1.25rem;
}*/
#swiper-pagination-featured {
bottom: 0 !important;
}
}
@media (max-width: 1199px) {
.collection-main-title {
margin-bottom: 2.5rem !important;
}
#swiper-button-prev-featured, #swiper-button-next-featured {
top: 0;
margin: 0;
left: auto;
}
#swiper-button-prev-featured {
right: 5.063rem;
}
#swiper-button-next-featured {
right: 0.938rem;
}
.feat_head {
flex-direction: column;
}
.featured .feat-image .feat-html h3 {
font-size: 1.5rem;
}
.featured .feat-image {
flex: none;
max-width: 100%;
background-size: cover !important;
background-repeat: no-repeat !important;
height: 21.813rem;
position: relative;
border-radius: 0.9375rem;
justify-content: center;
display: flex;
}
.featured .feat-bodytext {
max-width: 100%;
}
.featured .feat-bodytext h3 {
font-size: 1.5rem !important;
margin: 1.875rem auto 1.25rem 0;
}
.featured .feat-bodytext .button-group {
margin-right: auto;
}
.featured .feat-bodytext p {
font-size: 1.625rem !important;
}
.featured .feat-bodytext a {
font-size: 1.25rem !important;
padding: 1.063rem 1.875rem 1.125rem !important;
margin-top: 1.875rem !important;
}
#swiper-featured {
padding-bottom: 1.5rem;
}
}
@media (max-width: 576px) {
.collection-main-title {
margin-bottom: 1.875rem !important;
}
#сollection-section .swiper-button-prev, #swiper-button-prev-featured {
right: 4.5rem;
left: auto;
}
.featured .feat-image {
padding: 0 0 1rem 1rem !important;
height: 12.5rem !important;
}
.featured .feat-image .feat-html {
padding: 0 0 1rem 1rem !important;
}
.featured .feat-image .feat-html h3 {
font-size: 1.063rem;
margin-bottom: 1.313rem;
}
.featured .feat-image .feat-html h3:before {
content: "";
background-image: url(../image/collection-line.svg);
position: absolute;
width: 3.938rem !important;
height: 0.625rem !important;
top: 1.563rem;
background-size: cover;
}
.featured .feat-image .feat-html .feat-icons {
display: block;
}
.featured .feat-image .feat-html .feat-icons > div {
padding: 0.438rem 1rem 0.5rem;
font-size: 0.875rem !important;
display: inline-block;
}
.feat-icons__faska {
margin-top: 0.75rem;
}
.featured .feat-bodytext h3 {
font-size: 1.063rem !important;
margin: 1rem auto 1rem 0;
}
.featured .feat-bodytext p {
font-size: 1.063rem !important;
}
.featured .feat-bodytext a {
font-size: 0.875rem !important;
padding: 0.875rem 1.25rem 0.938rem !important;
margin-top: 1.875rem !important;
}
}
/*Коллекции END*/
/* fixed colum left + content + right*/
@media (min-width: 768px) {
#column-left .product-layout .col-md-3 {
width: 100%;
}
#column-left+#content .product-layout .col-md-3 {
width: 50%;
}
#column-left+#content+#column-right .product-layout .col-md-3 {
width: 100%;
}
#content+#column-right .product-layout .col-md-3 {
width: 100%;
}
}
/* fixed product layouts used in left and right columns */
#column-left .product-layout,
#column-right .product-layout {
width: 100%;
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
min-width: 3.125rem;
}
/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
background-image: none;
background-color: #df5c39;
}
.image img {
min-width: 100%;
max-width: 100%;
height: auto;
}
.owl-controls .owl-pagination {
text-align: center;
top: -1.875rem;
position: relative;
}
#content .owl-controls .owl-page.active span {
background: rgba(255, 255, 255, 0.9);
}
/*Характеристики продукта и Аксессуары START */
.product-page__charac-list-wrap {
display: block;
column-count: 2;
}
.product-page__charac-list-name {
font-size: 1.125rem;
line-height: 1.875rem;
font-weight: 400;
color: #373737;
margin-bottom: 1.25rem;
}
.product-page__charac-list {
max-height: 7000px;
transition: all 0.3s;
}
.product-page__charac-more {
display: none;
justify-content: center;
border-top: 1px solid #dfdfdf;
}
.product-page__charac-more span {
display: block;
padding: 0.5625rem 1.875rem;
font-size: 1rem;
line-height: 1.2;
font-weight: 400;
color: #3e3e3e;
border-radius: 0 0 0.625rem 0.625rem;
background-color: #f4f4f4;
cursor: pointer;
}
.product-page__charac-more.showen .shows {
display: none;
}
.product-page__charac-more .hidens {
display: none;
}
.product-page__charac-more.showen .hidens {
display: block;
}
.product-page__charac-item {
display: flex;
justify-content: space-between;
}
.product-page__charac-item hr {
height: 1px;
width: 65%;
margin-top: auto !important;
margin-bottom: 0 !important;
border-top: 1px solid red;
}
.product-page__charac-item {
margin-bottom: 1.5rem;
}
.product-page__charac-item .item {
font-size: 1.3125rem;
line-height: 120%;
font-weight: 400;
color: #000;
box-sizing: border-box;
padding: 0;
white-space: nowrap;
}
.product-page__charac-item div:last-child {
font-weight: 600;
}
.product-page__charac-item .item:first-child {
width: auto;
padding-right: 0.625rem;
}
.product-page__charac-item .item:last-child {
width: auto;
padding-left: 0.625rem;
}
.product-page_line {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
}
.related-product {
margin-top: 4.375rem;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400;
padding-bottom: 0.75rem;
color: #000000;
border-bottom: 0.25rem solid #f4f4f4;
margin-bottom: 1.75rem;
}
.product-thumb__list {
display: flex;
flex-wrap: wrap;
margin: 0 -0.9375rem;
}
.product-thumb__list .product-thumb {
flex: 0 0 calc(100% / 4);
padding: 0 0.9375rem;
display: flex;
flex-direction: column;
}
#collection-swiper .swiper-wrapper, #accessories-swiper .swiper-wrapper {
align-items: stretch;
display: flex;
}
#collection-swiper .swiper-slide, #accessories-swiper .swiper-slide {
display: flex;
}
#collection-swiper .swiper-slide a, #accessories-swiper .swiper-slide a {
width: 100%;
}
.product-thumb__list #collection-swiper .product-thumb, #accessories-swiper .product-thumb {
flex: 100;
}
#accessories-swiper .product-thumb, #collection-swiper .product-thumb {
padding: 0;
}
#accessories-swiper .product-thumb .button-group, #collection-swiper .product-thumb .button-group {
padding: 0 1.25rem 1.25rem;
}
#accessories-swiper .product-thumb {
background: #F4F4F6 !important;
border-radius: 0.9375rem 0.9375rem 0px 0px;
}
#collection-swiper .product-thumb {
background: #F4F4F6 !important;
border-radius: 0.9375rem;
}
.product-thumb__list .product-thumb .caption {
padding-top: 0.9375rem;
display: flex;
flex-direction: column;
}
.product-thumb__list .product-thumb .image {
/*max-height: 303px;*/
overflow: hidden;
}
.row.product-tabs {
margin-bottom: 8.125rem;
}
.product-thumb .button-group {
margin-top: auto;
padding-bottom: 0;
}
.product-thumb .button-group button {
font-size: 1.375rem;
line-height: 2rem;
}
@media (max-width: 1850px) {
.product-page__charac-list-name {
font-size: 1.125rem;
line-height: 1.875rem;
margin-bottom: 1.25rem;
}
.product-page__charac-list {
max-height: 7000px;
transition: all 0.3s;
}
.product-page__charac-more span {
padding: 0.563rem 1.875rem;
font-size: 1rem;
}
.product-page__charac-item hr {
height: 0.063rem;
}
.product-page__charac-item {
margin-bottom: 1.5rem;
}
.product-page__charac-item .item {
font-size: 1.313rem;
}
.product-page__charac-item .item:first-child {
padding-right: 0.625rem;
}
.product-page__charac-item .item:last-child {
padding-left: 0.625rem;
}
.related-product {
margin-top: 4.375rem;
font-size: 1.5rem;
padding-bottom: 0.75rem;
border-bottom: 0.25rem solid #f4f4f4;
margin-bottom: 1.75rem;
}
.product-thumb__list {
margin: 0 -0.938rem;
}
.product-thumb__list .product-thumb {
padding: 0 0.938rem;
}
#accessories-swiper .product-thumb, #collection-swiper .product-thumb {
padding: 0;
}
#accessories-swiper .product-thumb .button-group, #collection-swiper .product-thumb .button-group {
padding: 0 1.25rem 1.25rem;
}
.product-thumb__list .product-thumb .caption {
padding-top: 0.938rem;
}
.row.product-tabs {
margin-bottom: 8.125rem;
}
.product-thumb .button-group button {
font-size: 1.375rem;
}
}
@media (max-width: 1200px) {
.product-page__charac-item .item {
font-size: 1.25rem;
}
}
@media (max-width: 992px) {
.product-page__charac-list-wrap {
column-count: 1;
}
.tab-services__list {
flex-direction: column;
}
}
@media (max-width: 576px) {
.product-page__charac-item .item {
font-size: 0.875rem;
}
}
/*Характеристики продукта и Аксессуары END */
/*Доставка и оплата START*/
.tab-delivery__list {
line-height: 2rem;
}
.tab-delivery__list .row .col-sm-4:nth-child(2) {
margin-top: 3.75rem;
}
.tab-delivery__list .row .col-sm-4:nth-child(2) .tab-delivery__item p {
margin-bottom: 1.25rem;
}
.tab-delivery__list .row .col-sm-4:nth-child(2) .tab-delivery__item p:last-child {
margin-bottom: 0;
}
.tab-delivery__item {
margin-bottom: 2.1875rem;
}
.tab-delivery__item:last-child {
margin-bottom: 0;
}
.tab-delivery__item h3 {
font-size: 1.625rem !important;
margin-bottom: 1.875rem !important;
}
.tab-delivery__item h4 {
font-weight: 600;
font-size: 1.3125rem;
margin-bottom: 0.75rem;
}
.tab-delivery__item p img {
margin-right: 0.75rem;
}
.tab-delivery__item ul {
list-style: none;
display: flex;
padding-left: 0;
}
.tab-delivery__item ul li {
margin-right: 1.25rem;
}
.tab-delivery__item ul li:last-child {
margin-right: 0;
}
.tab-delivery__item p {
font-size: 1.3125rem;
}
@media (max-width: 1850px) {
.tab-delivery__list .row .col-sm-4:nth-child(2) {
margin-top: 3.75rem;
}
.tab-delivery__list .row .col-sm-4:nth-child(2) .tab-delivery__item p {
margin-bottom: 1.25rem;
}
.tab-delivery__list .row .col-sm-4:nth-child(2) .tab-delivery__item p:last-child {
margin-bottom: 0;
}
.tab-delivery__item {
margin-bottom: 2.188rem;
}
.tab-delivery__item:last-child {
margin-bottom: 0;
}
.tab-delivery__item h3 {
font-size: 1.625rem !important;
margin-bottom: 1.875rem !important;
}
.tab-delivery__item h4 {
font-size: 1.313rem;
margin-bottom: 0.75rem;
}
.tab-delivery__item p img {
margin-right: 0.75rem;
}
.tab-delivery__item ul li {
margin-right: 1.25rem;
}
.tab-delivery__item ul li:last-child {
margin-right: 0;
}
.tab-delivery__item p {
font-size: 1.313rem;
}
}
/*Доставка и оплата END*/
/*Услуги START*/
#tab-description p {
font-size: 1.125rem;
line-height: 1.875rem;
font-weight: 400;
color: #373737;
line-height: 1.2;
}
.tab-services__list {
margin-top: 2.5rem;
display: flex;
}
.tab-services__item {
border-radius: 0.9375rem;
background: #F4F4F6;
padding: 1.875rem 2.5rem 1.5625rem;
height: 14.25rem;
position: relative;
margin-right: 2.5625rem;
max-width: 36.1875rem;
width: 100%;
display: flex;
flex-direction: column;
}
.tab-services__item:last-child {
margin-right: 0;
}
.tab-services__item:hover {
background: #d13138;
}
.tab-services__item img {
top: 1.875rem;
right: 2.5rem;
position: absolute;
}
.tab-services__item h3 {
font-size: 2rem;
font-weight: 600;
margin: 0;
}
.tab-services__item p {
margin-top: auto;
font-size: 1.3125rem;
text-align: right;
}
@media (max-width: 1850px) {
#tab-description p {
font-size: 1.125rem;
}
.tab-services__list {
margin-top: 2.5rem;
}
.tab-services__item {
padding: 1.875rem 2.5rem 1.563rem;
height: 14.25rem;
margin-right: 2.563rem;
max-width: 36.188rem;
}
.tab-services__item:last-child {
margin-right: 0;
}
.tab-services__item img {
top: 1.875rem;
right: 2.5rem;
}
.tab-services__item h3 {
font-size: 2rem;
}
.tab-services__item p {
font-size: 1.313rem;
}
}
/*Услуги END*/
.follow {
background-color: #2f2f2f;
padding: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
margin-top: 3.75rem;
}
.follow .title {
font-size: 1.625rem;
margin-bottom: 0.5rem;
color: #fff;
}
.follow img {
max-width: 1.25rem;
}
.follow-wrap {
display: flex;
flex-direction: column;
padding-right: 1.875rem;
}
.follow-wrap span {
font-size: 1.25rem;
color: #fff;
opacity: 0.6;
}
.follow .input-group {
position: relative;
width: 25rem;
display: block;
height: 3.4375rem;
}
.follow .for-img {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0.9375rem;
z-index: 20;
cursor: pointer;
}
.product-accessories {
margin-top: 0.9375rem;
position: relative;
}
.product-accessories::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 7.5rem;
height: 7.5rem;
z-index: -1;
background-color: #f4f4f4;
}
.product-accessories .wrapper {
padding-bottom: 1.25rem;
border-bottom: 1px solid #dfdfdf;
margin-bottom: 1.25rem;
}
.product-accessories h3 {
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400;
color: #000000;
margin-top: 0;
margin-bottom: 0.75rem;
}
.product-accessories p {
font-size: 1.125rem;
color: #373737;
margin-top: 0;
}
.panel.ocfilter {
border: none;
}
.panel.ocfilter .panel-heading {
display: none;
}
.list-group-item.ocfilter-option.hidens .ocf-option-values {
max-height: 0;
overflow: hidden !important;
}
.list-group-item.ocfilter-option.hidens .ocf-option-name::after {
transform: rotate(90deg);
}
.list-group-item.ocfilter-option {
border: none;
padding: 0 0 1.25rem;
border-bottom: 1px solid #c7c4c4;
margin-bottom: 1.25rem;
}
.list-group-item.ocfilter-option .ocf-option-name {
padding-left: 1.8125rem;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 400;
color: #000000;
position: relative;
cursor: pointer;
}
.list-group-item.ocfilter-option .ocf-option-name::after {
transition: all 0.5s;
content: '>';
transform: rotate(-90deg);
color: #373737;
position: absolute;
top: 0px;
left: 0.3125rem;
font-size: 1.5rem;
opacity: 0.8;
}
.list-group-item.ocfilter-option label {
font-size: 1.125rem;
color: #373737;
font-weight: 400;
}
.list-group-item.ocfilter-option label.ocf-selected {
color: #373737;
}
.list-group-item.ocfilter-option label small.badge {
background-color: transparent;
font-size: 1.125rem;
color: #373737;
margin-left: 0.3125rem;
position: relative;
opacity: 1;
}
.list-group-item.ocfilter-option label small.badge:after {
content: '(';
color: #373737;
position: absolute;
top: 0.125rem;
left: 0px;
font-size: 1.125rem;
}
.list-group-item.ocfilter-option label small.badge:before {
content: ')';
color: #373737;
position: absolute;
top: 0.125rem;
right: 0px;
font-size: 1.125rem;
}
/* .list-group-item.ocfilter-option label input {
width: 19px;
height: 19px;
border: 1px solid #c7c4c4;
border-radius: 0;
} */
.ocf-option-values {
transition: all 0.5s;
max-height: 1800px;
}
.ocfilter-option-popover .btn {
background: #fff;
box-shadow: none;
border: 1px solid #e20714;
color: #000;
outline: none;
}
.ocfilter-option-popover .btn:active {
background: #fff;
box-shadow: none;
border: 1px solid #e20714;
color: #000;
outline: none;
}
.ocfilter-option-popover .btn:hover {
transition: all 0.3s;
background: linear-gradient(46.84deg, rgba(255, 255, 255, 0.2) 20.88%, rgba(255, 255, 255, 0) 81.43%), #e20714;
box-shadow: none;
border: 1px solid #3a3a3a;
color: #363636;
outline: none;
}
.list-group-item.selected-options {
margin-bottom: 1rem;
}
.list-group-item.selected-options .ocfilter-option {
background: transparent;
font-size: 1rem;
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.btn-danger:active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger {
color: #ffffff;
background: linear-gradient(46.84deg, rgba(255, 255, 255, 0.2) 20.88%, rgba(255, 255, 255, 0) 81.43%), #e20714;
outline: none;
border: none;
}
.my-label {
display: block;
position: relative;
padding-left: 2.1875rem;
margin-bottom: 0.75rem;
cursor: pointer;
font-size: 1.375rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.ocfilter-option .my-label input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
margin: 0;
}
.title-item {
padding-left: 1.75rem;
}
/* Create a custom checkbox */
.my-label .checkmark {
position: absolute;
top: 0.3125rem;
left: 0;
height: 1.1875rem;
width: 1.1875rem;
background-color: transparent;
border: 1px solid #cac8c8;
}
/* On mouse-over, add a grey background color */
.my-label:hover input~.checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.my-label input:checked~.checkmark {
background-color: transparent;
}
/* Create the checkmark/indicator (hidden when not checked) */
.my-label .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.my-label input:checked~.checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.my-label .checkmark:after {
left: 0.4375rem;
top: 0.25rem;
width: 0.3125rem;
height: 0.625rem;
border: solid black;
border-width: 0 0.125rem 0.125rem 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.table-cart {
margin-bottom: 3.75rem;
}
.table-cart__item {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f4f4f4;
}
.table-cart__item-img {
flex: 0 0 10.625rem;
max-width: 10.625rem;
}
.table-cart__item-img img {
border-radius: 15px;
}
.table-cart__item-name {
padding-left: 3.125rem;
flex: 0 0 43%;
max-width: 43%;
}
.table-cart__item-name a {
font-size: 1.5rem;
line-height: 1.2;
font-weight: 700;
color: #000000;
}
.table-cart__total {
font-size: 1.875rem;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
color: #000000;
flex: 0 0 15%;
max-width: 15%;
}
.table-total {
margin-top: 1.875rem;
display: flex;
align-items: flex-end;
flex-direction: column;
}
.table-total span {
font-size: 1rem;
line-height: 1.2;
font-weight: 400;
color: #3c4c59;
margin-bottom: 0.625rem;
}
.table-total .table-total-wrap {
display: none;
font-size: 1.875rem;
font-weight: 700;
text-transform: uppercase;
color: #000000;
}
.table-total-wrap:last-child {
display: block;
}
.form-horizontal .btn-primary,
.table-total .btn-primary,
.simplecheckout-button-right .btn-primary {
/* max-width: 229px; */
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
color: #010000;
line-height: 2.375rem;
text-align: center;
border: 1px solid #3a3a3a;
border-radius: 1.625rem;
font-size: 1.5625rem;
margin-top: 0.625rem;
}
.prmn-cmngr__confirm-btns .btn-primary {
border: 1px solid #3a3a3a;
background: #3a3a3a;
color: #fff;
}
.prmn-cmngr-cities__city a {
color: #000;
}
.prmn-cmngr-cities__city a:hover {
color: #000;
}
.prmn-cmngr-cities__search-item_selected {
background: #3a3a3a !important;
}
.btn-info {
display: flex;
justify-content: center;
align-items: center;
background: transparent;
color: #010000;
line-height: 2.375rem;
text-align: center;
border: 0.125rem solid #e20714;
border-radius: 1.625rem;
font-size: 1.25rem;
margin-top: 0.625rem;
padding: 0.3125rem 0.625rem;
position: absolute !important;
margin-bottom: 0.9375rem !important;
}
.btn-info .fa {
margin-right: 0.5rem;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-info:hover,
.form-horizontal .btn-primary:hover,
.table-total .btn-primary:hover,
.simplecheckout-button-right .btn-primary:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
transition: all 0.3s;
background: #3a3a3a;
border: 1px solid #3a3a3a;
}
.category-list.row {
display: flex;
flex-wrap: wrap;
}
.simple-content .checkout-heading.panel-heading {
background: transparent;
font-size: 1.5rem;
}
.simplecheckout .form-horizontal .control-label {
text-align: left;
font-size: 1rem;
}
.information-contact .form-control,
.simplecheckout .form-control,
#review .form-control:focus,
.form-control:focus {
border-radius: 0 !important;
font-size: 1rem !important;
}
.information-contact .form-control:focus,
.simplecheckout .form-control:focus,
#review .form-control:focus,
.form-control:focus {
box-shadow: none;
border-color: #000;
}
.simplecheckout-block-content .radio label {
font-size: 1rem;
}
/* Customize the label (the container) */
.my-radio {
display: block;
position: relative;
padding-left: 1.8125rem !important;
margin-bottom: 0.75rem;
cursor: pointer;
font-size: 1.375rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default radio button */
.my-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom radio button */
.my-radio .checkmark {
position: absolute;
top: 0;
left: 0;
height: 1.1875rem;
width: 1.1875rem;
background-color: #eee;
border-radius: 50%;
border: 1px solid #666;
}
/* On mouse-over, add a grey background color */
.my-radio:hover input~.checkmark {
background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.my-radio input:checked~.checkmark {
background-color: #fff;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.my-radio .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.my-radio input:checked~.checkmark:after {
display: block;
}
/* Style the indicator (dot/circle) */
.my-radio .checkmark:after {
top: 0.3125rem;
left: 0.3125rem;
width: 0.4375rem;
height: 0.4375rem;
border-radius: 50%;
background: black;
}
#simplecheckout_comment textarea {
margin-top: 0.625rem !important;
resize: none;
}
textarea.form-control {
resize: none;
}
.information-contact {
font-size: 1rem;
color: #000;
}
.panel-default>.panel-heading {
border: none;
background: transparent;
padding-left: 0;
}
.panel.panel-default {
border: none;
padding-bottom: 1.25rem;
/* border-bottom: 1px solid #ddd; */
}
.follow .form-control:focus,
#review .form-control:focus {
box-shadow: none !important;
border-color: transparent;
}
.follow .form-control,
#review .form-control:focus {
width: 100%;
border-radius: 1.6875rem !important;
background-color: #fff;
color: #222222;
box-sizing: border-box;
padding-left: 1.5625rem;
text-transform: uppercase;
height: 3.4375rem;
font-size: 1.25rem !important;
line-height: 3.4375rem;
}
.follow .form-control::placeholder {
font-size: 1.25rem;
line-height: 3.4375rem;
}
.collections-mobile.row{
margin-bottom: 1.875rem;
display: flex;
flex-wrap: wrap;
}
.product-stiky .red {
background-color: #e1dfdf;
border-color: #e1dfdf;
}
@media (max-width: 1199px) {
.collections.row{
display: none !important;
}
.btn-info {
font-size: 0.875rem;
}
.product-thumb__list {
margin: 0;
}
.product-thumb__list .product-thumb {
flex: 0 0 calc(100% / 3);
box-sizing: border-box;
padding: 0.3125rem 0.3125rem 0.5rem;
height: auto;
}
.slick-dots {
margin-top: 1rem;
margin-bottom: 1rem;
display: flex !important;
justify-content: center;
list-style: none;
}
.slick-dots li button {
display: none !important;
}
.slick-dots li {
position: relative;
width: 1.875rem;
height: 0.9375rem;
}
.slick-dots li:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0.9375rem;
height: 0.9375rem;
border-radius: 50%;
background: #e1dfdf;
}
.slick-dots li.slick-active:after {
background: #3a3a3a;
}
/*.thumbslick {
display: none !important;
}*/
.photoslide {
max-width: 43.125rem;
margin: 0 auto;
}
.thumbslick-for .slick-dots {
padding: 0;
}
.thumbslick-for {
flex: 0 0 calc(50% - 1rem);
max-width: calc(50% - 1rem);
width: calc(50% - 1rem) !important;
}
.thumbslick {
flex: 0 0 calc(50% - 1rem);
max-width: calc(50% - 1rem);
margin-left: 2rem;
padding: 0;
}
.photoslide .slick-vertical .slick-slide {
border: none;
padding: 0 !important;
}
#product {
height: auto;
}
.collect_item {
padding: 0.3125rem 0.9375rem;
}
.collect_item div{
position: static;
/* color: #000;
font-size: 1.25rem;
text-decoration: underline; */
font-size: 1rem;
font-weight: 600;
color: #3e3e3e;
padding-bottom: 0.375rem;
/* border-bottom: 1px solid rgba(0, 176, 80, 0); */
border-bottom: 1px solid #e20714;
}
.dropdown-menu.pull-right li a {
margin: 0 !important;
}
.dropdown-backdrop {
background-color: black;
opacity: 0.2;
}
.product-thumb .button-group button {
/*max-width: 219px;*/
width: 100% !important;
/*padding: 3px 50px;*/
}
.product-thumb .button-group button span {
display: block !important;
}
.test_button p {
font-size: 1rem;
}
#top .top_callback {
display: none;
}
#top .cities {
display: none;
}
#top .top_button_zayavka {
display: none;
}
#top .top_delivery_to_home {
display: none;
}
.header-top {
display: none;
}
#top .list-inline {
margin-bottom: 0;
}
#top-links .list-inline {
gap: 2rem !important;
}
.top_button_phone .fa-phone {
color: #e20714;
}
#top .fa-phone::before {
top: 0.1875rem;
position: relative;
font-size: 1.5rem;
}
#top #cart-total {
top: -0.125rem;
}
/*#top li a {
margin: 0 1.4375rem 0 1.4375rem;
}*/
#mob_menu {
margin: 0 1.25rem;
display: block;
}
.navbar-collapse {
height: auto !important;
max-height: 0;
overflow: hidden;
}
.navbar-collapse.in {
max-height: 62rem;
overflow: visible;
}
#mob_menu .btn-navbar {
float: left;
display: block !important;
}
#mob_menu #logo {
/*display: flex;*/
margin: 0 auto 0;
width: 7rem;
}
.top_menu2 {
display: none;
}
/* #mob_menu .nav .open>a {
background: #e5e5e5;
} */
/* #mob_menu .dropdown.open {
background: #f6f6f6;
} */
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background: transparent;
color: #3e3e3e;
;
}
.dropdown-menu.dropdown-menu-left>li>a {
line-height: 1.25rem;
padding: 0.3125rem 0.9375rem 0.3125rem 1.5625rem;
}
.dropdown-toggle .fa-angle-down:before {
content: none;
}
.navbar-nav .dropdown-menu {
position: static !important;
display: block !important;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 0.9375rem;
}
.baner_title .end_span,
.baner_title .start_span {
display: none !important;
}
.baner_title .title {
font-size: 1.5rem;
color: white;
text-transform: uppercase;
text-align: center !important;
}
.baner_title .banner_link {
display: none !important;
}
.module_html, .novelty, .askanswer .header {
margin-top: 5.625rem;
width: auto;
}
.benefit__title, .partners__title{
margin-bottom: 2.5rem;
}
.services-section__title {
margin-bottom: -2.5rem;
}
.featured {
width: 100vw;
margin-left: calc((100% - 100vw) / 2);
}
.featured .feat-bodytext {
display: flex;
flex-direction: column;
align-items: center;
}
.featured .feat-bodytext p {
width: 100%;
}
.featured .feat-bodytext a {
display: flex;
justify-content: center;
}
.featured .hidden-sm {
display: block !important;
}
.askmore img {
z-index: -1;
right: 0;
}
.module_html .html_body .image {
margin: 0 auto 1.25rem;
}
.module_html .html_body .html {
padding: 0;
/*text-align: center;*/
}
.html_body .html p {
padding: 0;
}
footer .col-sm-2 {
width: auto;
flex: 0 0 calc(100% / 5);
max-width: calc(100% / 5);
}
footer .row {
display: flex;
flex-wrap: wrap;
}
.navbar .btn:focus,
.navbar .btn:active {
background: transparent;
border: none;
box-shadow: none;
}
.navbar .navbar-toggle .fa {
font-size: 1.4375rem;
color: #000;
}
.navbar .navbar-toggle {
border: none;
}
.module_html .header,
.askmore h5,
.featured .feat-bodytext h3{
font-size: 1.75rem;
}
h3,
.askmore .test_button,
.asks .panel-heading a {
font-size: 1.125rem;
}
.askmore .test_button {
font-size: 1.25rem !important
}
}
.panel-body p {
font-size: 1.3125rem;
color: #000;
line-height: 1.969rem;
}
.asks .panel-body {
padding: 0;
}
.askanswer .asks {
margin-top: 3.125rem;
}
.askanswer .panel {
padding: 2.5rem;
}
.panel-heading {
padding: 0;
}
.panel-collapse {
padding-top: 1.5rem;
}
.panel-heading a {
color: #000;
font-size: 1.625rem;
font-weight: 500;
line-height: 130%;
padding: 0;
}
.asks .panel {
border-radius: 0.9375rem;
background: #F4F4F6;
margin-bottom: 1.25rem;
}
.asks .panel:last-child {
margin-bottom: 0;
}
@media (max-width: 1850px) {
.panel-body p {
font-size: 1.313rem;
}
.asks .panel-body {
padding: 0;
}
.askanswer .asks {
margin-top: 3.125rem;
}
.panel-heading a {
font-size: 1.625rem;
}
.asks .panel {
margin-bottom: 1.25rem;
}
.asks .panel:last-child {
margin-bottom: 0;
}
}
@media (max-width: 1199px) {
.askanswer .asks {
margin-top: 2.5rem;
}
.askanswer .panel {
padding: 1.875rem;
}
.panel-heading .after svg {
height: 1.5rem;
}
.panel-collapse {
padding-top: 1.5rem;
}
.panel-heading a {
font-size: 1.5rem !important;
padding-right: 2.5rem;
}
.asks .panel {
margin-bottom: 1rem;
}
.asks .panel:last-child {
margin-bottom: 0;
}
.asks .panel-collapse p {
font-size: 1.25rem;
}
.panel-body p {
line-height: 1.875rem;
}
}
@media (max-width: 576px) {
.askanswer .asks {
margin-top: 1.875rem;
}
.module_html, .novelty, .askanswer .header {
margin-top: 3.75rem;
}
.askanswer .panel {
padding: 1rem;
}
.panel-heading .after svg {
height: 1.063rem;
}
.panel-collapse {
padding-top: 1.25rem;
}
.panel-heading a {
font-size: 1.063rem !important;
}
.asks .panel {
margin-bottom: 0.75rem;
}
.asks .panel:last-child {
margin-bottom: 0;
}
.asks .panel-collapse p {
font-size: 0.875rem;
}
.panel-body p {
line-height: 1.313rem;
}
}
@media (max-width: 991px) {
.table-cart__item-name {
flex: 0 0 30%;
max-width: 30%;
}
.featured .feat-bodytext p {
width: auto;
}
footer .col-sm-2 {
width: auto;
flex: 0 0 calc(100% / 4);
max-width: calc(100% / 4);
}
}
@media (max-width: 576px) {
.module_html .html_body {
flex-direction: column;
align-items: center;
}
.module_html .html_body .image {
flex: 0 0 100%;
max-width: 100%;
}
.featured {
margin-bottom: 1.875rem;
}
#collection-1,
#collection-2,
#collection-3,
#collection-4,
#collection-5 {
margin-bottom: 0;
}
.featured .feat-image {
height: 58.25rem;
border-radius: 1rem;
flex: auto;
max-width: 100%;
width: 100%;
}
.featured .feat-image::after {
border-radius: 1rem;
}
.featured .feat-bodytext {
flex: 1;
max-width: 100%;
padding: 0;
}
#content .featured .feat-bodytext h3 {
font-size: 1.4375rem;
line-height: 1.875rem;
margin-top: 0;
padding-bottom: 0.3125rem;
}
.featured .feat-bodytext p {
font-size: 1.125rem;
}
.featured .separator {
width: 0.875rem;
height: 0.9375rem;
}
.featured .feat-bodytext a {
margin-top: 0.3125rem;
padding: 0.6875rem 3.8125rem;
font-size: 1rem;
line-height: 1.3125rem;
}
.featured .feat-image .feat-html {
padding-left: 1.875rem;
font-size: 1rem;
}
.featured .feat-image .feat-html .feat-params {
margin-bottom: 0.3125rem;
}
.featured .feat-image .feat-html .feat-params .feat-params__item {
margin-bottom: 1px;
}
.featured .feat-image .feat-html .feat-icons > div {
margin-right: 1rem;
font-size: 1.25rem;
}
.featured .feat-image .feat-html .feat-icons > div:last-child {
margin-right: 0;
}
.btn-info {
margin-bottom: 1.25rem;
}
.table-cart {
margin: 0 -0.9375rem 3.125rem;
}
.table-cart__item {
flex-direction: column;
}
.table-cart__item-img,
.table-cart__item-name,
.table-cart__total {
padding: 0;
flex: none;
max-width: none;
margin-bottom: 1rem;
}
.table-total {
align-items: center;
margin: 0;
background: #f4f4f4;
padding-bottom: 1.25rem;
}
.table-total .table-totals {
display: flex;
flex-direction: column;
align-items: center;
}
.product-thumb__list .product-thumb {
flex: 0 0 calc((100% / 2) - 0.125rem);
margin: 1px;
}
.product-accessories {
display: none;
}
.pagination {
margin: 1.875rem 0 1.25rem;
display: flex;
justify-content: center;
}
/* .collect_item {
padding: 0;
} */
.ocf-offcanvas .ocfilter-mobile-handle {
top: 9.6875rem !important;
}
.ocf-offcanvas .ocfilter-mobile-handle .btn {
background: #3a3a3a;
color: #fff;
border: 1px solid #3a3a3a;
}
.ocfilter.panel-default .list-group {
padding-left: 1.25rem;
}
.ocf-offcanvas {
/* top: 69px !important; */
width: 17.5rem !important;
left: -17.5rem !important;
}
.ocf-offcanvas.active {
left: 0 !important;
}
aside.hidden-xs {
display: block !important;
}
#top-links #cart .dropdown-menu {
max-width: 22.5rem;
}
#top-links .dropdown-menu a {
margin: 0 !important;
}
.dropdown-menu.pull-right table tbody .text-right {
display: none;
}
#top-links .dropdown-menu li:first-child .table>tbody>tr>td:first-child img {
width: 4rem;
min-width: 4rem;
height: 4rem;
border: none;
}
#cart .dropdown-menu i.fa {
font-size: 0.825rem;
}
#cart .btn.btn-danger.btn-xs {
padding: 0.3125rem 0.4rem;
}
#top-links .dropdown-menu li:last-child div p {
text-align: center;
}
footer .col-sm-2 {
width: auto;
flex: 0 0 calc(100% / 3);
max-width: calc(100% / 3);
}
.baner_title {
bottom: 0.625rem;
top: unset;
transform: translate(-50%, 0);
width: 18.75rem;
}
.owl-pagination {
display: none !important;
}
.test_button {
padding: 1.875rem 0;
}
.test_button p {
width: 90%;
font-size: 0.875rem;
}
/*.product-layout.col-xs-6 {
border: 1px solid #EFEFEF;
box-sizing: border-box;
padding: 5px 5px 0.5rem;
margin-bottom: 0.625rem;
border-radius: 1rem;
width: calc(49% - 2px);
}
.product-layout.col-xs-6:nth-child(2n+1) {
margin-right: calc(2% - 4px);
}*/
.category-list .product-layout {
padding: 0 0.5rem;
margin-bottom: 1rem;
}
.category-list.row {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.product-thumb .button-group {
padding-bottom: 0;
margin-top: auto;
}
.product-thumb {
margin-bottom: 0;
display: flex;
flex-direction: column;
height: 100%;
border-radius: 0.375rem 0.375rem 0 0;
}
/*.featured .feat_head {
margin-bottom: 0;
}*/
.askmore .test_button {
width: 80% !important;
}
.askmore img {
margin: 0 auto;
display: block;
position: static !important;
max-width: 100%;
}
.askmore {
margin-bottom: 2.5rem !important;
}
.follow .input-group {
width: 21.875rem;
}
.product_title h1 {
font-size: 1.125rem;
line-height: 1.2;
}
#top li {
padding: 0;
}
}
@media (max-width: 576px) {
#product {
padding: 1.4375rem 0.3125rem;
margin-bottom: 1rem;
}
.product-nav-tabs {
overflow-x: auto;
display: flex;
white-space: nowrap;
min-height: 3.4375rem;
overflow-y: hidden;
}
#top li a {
margin: 0;
}
.test_button p {
width: 95%;
padding: 0.75rem 0.3125rem;
}
footer .col-sm-2 {
width: auto;
flex: 0 0 calc(100% / 2);
max-width: calc(100% / 2);
}
footer .col-sm-2:first-child {
flex: 0 0 calc(100% / 1);
max-width: calc(100% / 1);
}
footer .col-sm-2:first-child img {
flex: 0 0 calc(100% / 1);
margin: 0 auto;
}
.afterlogo2 {
display: none;
}
.top_nav_button {
padding: 0.3125rem;
}
.follow {
flex-direction: column;
}
.follow-wrap {
padding: 0;
margin-bottom: 1rem;
}
.follow .input-group {
width: 18.125rem;
}
.module_html iframe {
height: 21.875rem;
}
.product-thumb .caption, .product-layout .product-thumb.transition .button-group {
padding: 0 0.625rem;
}
.product-thumb .price {
font-size: 1.125rem;
line-height: 1.2;
}
.product-thumb .button-group button {
font-weight: 400;
font-size: 1.125rem;
line-height: 1.4375rem;
letter-spacing: 0.03em;
color: #414141;
}
.baner_title {
width: 95%;
max-width: 420px;
}
.baner_title .title {
margin: 0 auto;
padding: 0.625rem;
font-size: 1.25rem;
}
.owl-item .item img {
height: 13.25rem;
margin: 0 auto;
object-fit: cover;
}
}
/*nav-tabs-desctop*/
.nav-tabs-desctop {
display: flex;
justify-content: space-between;
}
.nav-tabs-desctop li {
width: 100%;
text-align: center;
}
.nav-tabs-desctop li:first-child {
text-align: start;
}
.nav-tabs-desctop li:last-child {
text-align: end;
}
.nav-tabs-desctop li a {
display: inline-block;
}
@media (max-width: 1199px) {
.mobile-hide, .nav-tabs-desctop {
display: none;
}
.active {
display: block;
}
.tab-content > .tab-pane {
display: block;
padding: 0.75rem 0.938rem;
}
.mobile-characteristics {
font-size: 1.5rem;
font-weight: 500;
}
.product-tabs .tab-content > .tab-pane {
padding: 0;
margin-bottom: 2.5rem;
}
#tab-review .col-12.product-detail__content-wrapper.active {
display: flex;
}
.ico-characteristics {
transform: rotate(180deg);
}
.ico-characteristics.ico-characteristics__active {
transform: rotate(0deg);
}
.product-detail__content-wrapper.active {
margin-top: 2.5rem;
}
}
@media (min-width: 1200px) {
.mobile-characteristics {
display: none;
}
}
@media (max-width: 1199px) {
/*Доставка и Оплата*/
.tab-delivery__item, .tab-delivery-wrap:first-child .tab-delivery__item:last-child {
margin-bottom: 1.875rem;
}
.tab-delivery__item h3 {
font-size: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.tab-delivery__item h4, .tab-delivery__item p {
font-size: 1.25rem;
}
/*Услуги*/
.tab-services__item h3 {
font-size: 1.5rem;
}
.tab-services__item p {
font-size: 1.25rem;
}
.tab-services__item img {
top: 6.375rem;
}
}
@media (max-width: 576px) {
.product-detail__content-wrapper.active {
margin-top: 1.5rem;
}
/*Доставка и Оплата*/
.tab-delivery__item, .tab-delivery-wrap:first-child .tab-delivery__item:last-child {
margin-bottom: 1.5rem;
}
.tab-delivery__item h3 {
font-size: 1.063rem !important;
margin-bottom: 1.25rem !important;
}
.tab-delivery__item h4, .tab-delivery__item p {
font-size: 0.875rem;
}
.tab-delivery__item p {
margin: 0;
}
/*Услуги*/
.tab-services__item h3 {
font-size: 1.063rem;
}
.tab-services__item p {
font-size: 0.875rem;
}
.tab-services__item img {
top: 5.25rem;
width: 2.25rem;
height: 2.25rem;
}
.tab-services__item {
height: 11.063rem;
padding: 1.25rem;
margin-bottom: 1.25rem;
}
.tab-services__item:last-child {
margin-bottom: 0;
}
}
/*nav-tabs-desctop*/
.alert-success {
font-size: 1.313rem !important;
font-weight: 400 !important;
color: #000 !important;
}
.alert-success a {
color: #e20714 !important;
}
.product-stiky {
position: absolute;
top: 0.9375rem;
left: 1.875rem;
z-index: 20;
display: flex;
flex-direction: column;
align-items: center;
}
.caption h4 {
margin-top: 1rem;
margin-bottom: 0.75rem;
}
.ocpcb .captcha legend {
display: none !important;
}
header {
position: relative;
}
.search-line {
width: 100%;
height: 100%;
background-color: #fff;
}
.search-field-item {
width: 100%;
}
#search .input-lg, .search .input-lg{
border: none;
font-weight: 400;
font-size: 1.125rem;
background: #F4F4F4;
border-radius: 3.125rem;
width: 100%;
outline: none;
}
#search .search-btn, .search .search-btn {
position: absolute;
top: 1.4375rem;
left: 1.875rem;
z-index: 2;
cursor: pointer;
}
.ocpcb .captcha .col-sm-10, .ocpcb .captcha .col-sm-2 {
width: 100% !important;
padding: 0 !important;
}
.ocpcb {
min-width: 330px;
}
#delivery_to_home .ocpcb {
min-width: 360px;
}
a:focus,
a:hover {
text-decoration: none !important;
outline: none !important;
}
.product-stiky span {
font-family: 'Roboto Condensed', sans-serif;
background: #e20714;
border-radius: 1.75rem;
padding: 0.3125rem 1.3125rem;
color: #ffffff;
font-size: 1rem;
line-height: 1.1875rem;
letter-spacing: 0.035em;
margin-bottom: 0.4375rem;
}
#legend {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 18.8125rem;
height: 12.875rem;
padding: 2.25rem 2rem 2.3125rem 1.9375rem;
background-color: #ffffff;
box-shadow: 0px 0.25rem 0.625rem -0.25rem rgba(0, 0, 0, 0.25);
border-radius: 1rem;
}
.address {
margin-top: 1.4375rem;
}
.address span {
font-weight: 700;
font-size: 1.25rem;
line-height: 1.625rem;
text-transform: uppercase;
display: inline-block;
margin-bottom: 0.5rem;
}
.address p {
font-weight: 400 !important;
font-size: 1.375rem !important;
line-height: 1.3125rem !important;
//text-transform: uppercase;
color: #646464 !important;
}
/*START header rem*/
.btn-black__search-page {
padding: 1.188rem 6.875rem 1.25rem;
margin: 1.25rem 0;
}
@media (max-width: 1850px) {
#top-links .list-inline {
gap: 4rem;
}
.top_button_phone a {
font-size: 1.313rem !important;
}
#top-links .list-inline .top_city {
font-size: 1.313rem;
padding-left: 1.313rem;
}
.top_button_phone__time, #search .input-lg, .search .input-lg {
font-size: 1.125rem; /* 18px */
}
.top_main-search #search input, .top_main-search-mob .search input {
height: 4.375rem;
padding-left: 5rem;
}
#search .search-btn, .search .search-btn {
top: 1.438rem;
left: 1.875rem;
}
.btn {
padding: 1.188rem 1.875rem 1.25rem;
font-size: 1.313rem;
}
.btn-black__search-page {
padding: 1.188rem 6.875rem 1.25rem;
margin: 1.25rem 0;
}
}
@media (max-width: 1200px) {
.btn {
padding: 1.063rem 2.5rem 1.063rem;
font-size: 1.25rem;
}
.btn-black__search-page {
padding: 1.063rem 6.875rem 1.063rem;
}
}
/*END header rem*/
@media (max-width: 639px) {
#legend {
top: 6.25rem;
width: 13.0625rem;
height: 8.9375rem;
padding: 1.1875rem 2.1875rem 1.125rem 2.1875rem;
}
.map__legend img {
height: 1.375rem;
}
.address {
margin-top: 0.4375rem;
text-align: left;
}
.address span {
font-size: 1.125rem;
line-height: 1.4375rem;
margin-bottom: 0;
}
.address p {
font-size: 0.875rem !important;
line-height: 1.125rem !important;
}
}
.mfp-content.ocpcb {
width: 18.75rem;
}
.toTop {
position: fixed;
bottom: 1.875rem;
right: 1.875rem;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
color: #000;
justify-content: center;
align-items: center;
outline: 0;
width: 2.813rem;
height: 2.813rem;
background: #d13138;
border-radius: 50%;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: 100;
display: none;
}
.collections .slick-prev::after {
transform: rotate(-180deg);
border: 1px solid #e20714;
}
.collections .slick-next::after {
transform: rotate(0);
border: 1px solid #e20714;
}
.collections .slick-prev {
left: 3.125rem !important;
z-index: 10;
}
.collections .slick-next {
left: auto !important;
right: 3.125rem !important;
}
.mfp-container.mfp-inline-holder {
top: -20%;
}
.mfp-container.mfp-inline-holder .ocp-control-label {
font-size: 1rem;
}
.mfp-container.mfp-inline-holder .ocpcb .btn {
font-size: 1.125rem;
}
/*@media (max-width: 420px){*/
/* #logo img {*/
/* position: relative;*/
/* left: -23%;*/
/* }*/
/*}*/
@media (max-width: 1199px) {
.search-line {
top: -88px;
height: 70px;
background: #fff;
z-index: 10000;
align-items: center;
}
.top_main-search-mob {
max-width: 74.938rem;
width: 100%;
position: absolute;
z-index: 1005;
top: -7.813rem;;
}
.search-line #search {
margin-top: 0.8125rem;
}
.search .input-lg {
font-size: 1.25rem;
}
.top_main-search-mob .search input {
height: 3.875rem;
}
}
@media (max-width: 576px) {
#top-links .list-inline {
gap: 1rem;
}
#top .icon_shopping-cart {
background-size: contain;
}
#top #cart-total {
right: 0;
min-width: 1.16rem;
font-size: 0.675rem;
}
.search-line {
top:-3.75rem;
}
.search .search-btn {
top: calc(50% - 9px);
left: 1.25rem;
}
.top_main-search-mob {
max-width: 74.938rem;
width: 100%;
position: absolute;
z-index: 1005;
top: -75px;
}
.top_main-search-mob .search input {
padding-left: 3.438rem;
}
.search-line #search {
margin-top: 0.8125rem;
}
.search .input-lg {
font-size: 0.875rem;
}
.top_main-search-mob .search input {
height: 2.938rem;
}
}
@media (max-width: 450px) {
#top #cart-total {
min-width: 1.435rem;
font-size: 0.875rem;
}
}
.fa-star-o, .fa-star {
color: #FFCC00;;
}
.fa-stack {
height: 1.3125rem;
width: 1.3125rem;
}
.reviews-stat {
margin: 3.375rem 0px;
display: flex;
justify-content: space-between;
font-size: 1.3125rem;
}
.reviews-stat > div:nth-child(1){
height: fit-content;
align-self: center;
}
.reviews-stat-head {
display: flex;
}
.rate-line {
display: flex;
align-items: center;
margin: 0.625rem 0 0.9375rem 0;
}
.rate-line .fa-stack {
margin-left: 0.25rem;
}
.rate-line .rate-star {
margin-right: 0.3125rem;
}
.rate-line .progress {
flex-grow: 1;
height: 0.25rem;
margin: 0 0.625rem;
}
.rate-line .progress-bar {
background-color: #e20714;
}
.reviews-avg {
color: #1f1f1f;
font-weight: 700;
font-size: 2.25rem;
}
.reviews-stars {
margin-left: 0.5625rem;
}
#write_review {
width: 14.9375rem;
display: flex;
justify-content: center;
}
.reviews-stat.reviews_page__total-container #write_review {
right: 12.5rem;
position: absolute;
}
.reviews-recommend {
color: #3c4c59 !important;
font-size: 1rem !important;
margin-bottom: 1.25rem;
}
.reviews-stat-block .rate-count {
font-size: 1.125rem;
color: #000;
background: #e9eaeb;
display: inline-block;
width: 2.75rem;
height: 1.25rem;
line-height: 1.25rem;
border-radius: 0.625rem;
text-align: center;
}
.reviews-header-text {
display: block;
color: #1f1f1f;
font-size: 1.25rem;
margin-bottom: 0.8125rem;
font-weight: 700;
margin-bottom: 0.8125rem;
}
.reviews-stat-head {
margin-bottom: 1rem;
}
.reviews-count {
color: #3c4c59;
font-size: 1.125rem;
display: block;
margin-bottom: 0.9375rem;
text-transform: lowercase;
}
.review-item .review-author {
color: #1f1f1f;
font-weight: 700;
text-transform: uppercase;
font-size: 1.125rem;
margin-bottom: 0.4375rem;
border: none;
}
.review-item .review-rating {
display: flex;
align-items: center;
margin-bottom: 0.9375rem;
}
.review-item .review-rating .fa {
margin-right: 0.25rem;
}
.review-item .recommend-text {
font-size: 1rem;
color: #3c4c59;
margin-bottom: 0.125rem;
margin-left: 0.4375rem;
}
.review-item .review-date {
font-size: 1.125rem !important;
line-height: 1.25rem;
color: #3c4c59 !important;
margin-bottom: 1.25rem;
}
.review-item .review-text {
color: #1f1f1f;
font-size: 1.125rem;
line-height: 1.2;
margin-bottom: 1.25rem;
}
.write-review-form {
/* display: none;*/
/* position: absolute;*/
/* top: -12px;*/
background: white;
/* width: 100%;*/
/* z-index: 10;*/
padding: 2.5rem 3.125rem;
border-radius: 1.25rem;
}
@media (max-width: 1199px) {
.write-review-form {
/* left: 0;*/
padding-left: 0.9375rem;
}
}
.reviews-header-top {
font-size: 1.5rem;
line-height: 1.2;
font-weight: 700;
color: #1f1f1f;
margin-bottom: 1.875rem;
text-transform: uppercase;
}
.simple-remove-product {
margin: 0 0.625rem;
background-image: url(../image/IconDelete.svg);
background-repeat: no-repeat;
width: 1.5rem;
height: 1.5rem;
background-size: contain;
cursor: pointer;
display: block;
}
/*.ocpcb-head h4 {
font-size: 30px;
font-weight: 700;
margin: 0;
}*/
#__enquiz_iframe_wjjfyoi + button {
display: none !important;
}
/*Общие параметры страниц*/
#content h1 {
font-weight: 700;
font-size: 2rem;
line-height: 2.5625rem;
text-transform: uppercase;
margin-bottom: 2rem;
}
#content h3 {
/*font-weight: 700;*/
/*font-size: 2rem;*/
/*line-height: 41px;*/
text-transform: uppercase;
/*color: #414141;*/
}
#page button:hover {
background: #e20714;
color: #FFFFFF;
background: linear-gradient(53.48deg, rgba(255, 255, 255, 0.2) 19.72%, rgba(255, 255, 255, 0) 80.24%), #e20714;
font-weight: 700;
}
#content h2 {
text-transform: uppercase;
margin: 0px 0px 3.75rem 0px;
}
.left_img {
margin-top: -0.375rem;
margin-right: 0.625rem;
border-radius: 0px;
}
.right_img {
transform: rotate(180deg);
margin-top: 1px;
margin-left: 0.5625rem;
border-radius: 0px;
}
.block {
display: inline-table;
position: relative;
}
.blocks {
/* background: #F8F8F8; */
border: 0.125rem solid #e20714;
border-radius: 1rem;
}
.blocks:hover {
border: 0.125rem solid #e20714;
border: 0.125rem solid #e20714;
}
/*section {*/
/* display: flex;*/
/* flex-wrap: nowrap;*/
/* justify-content: space-between;*/
/*}*/
section #item {
width: 32%;
text-align: center;
margin-top: 2.5rem;
text-transform: uppercase;
}
#item img {
max-width: 100%;
}
#item h3 {
font-weight: 700;
font-size: 1.5rem;
line-height: 1.9375rem;
margin-top: 1.25rem;
margin-bottom: 0px;
}
/*Общие параметры страниц*/
/*Страница "Оплата и доставка"*/
.pay_carts {
width: 100%;
max-width: 120% !important;
}
#pay .block_bot {
margin-bottom: auto;
width: 23.5%;
height: 20.25rem;
padding: 0px 1.0625rem 0px;
border: 0.125rem solid #e20714;
border-radius: 1rem;
}
.pay_list {
padding-left: 0px;
font-weight: bold;
}
#pay .bot20 {
margin-bottom: 1.25rem;
}
#pay .pays {
margin-bottom: 0.9375rem;
}
#pay .item {
width: 29%;
}
#pay .img_pay {
max-width: 32.75rem;
width: 100%;
border-radius: 1rem !important;
border: 0.125rem solid #e20714;
padding: 0 3.385vw;
}
#content .img-pay__title {
font-weight: 700;
text-align: center;
font-size: 1.25rem;
line-height: 1.625rem;
}
.img-pay__list {
display: flex;
justify-content: center;
}
.img-pay__list div {
margin-right: 2.769vw;
display: flex;
align-items: center;
}
.img-pay__list div:last-child {
margin-right: 0;
}
.img-pay__list div a img:nth-child(1) {
width: 6.875rem;
}
.img-pay__list div a img:nth-child(2) {
width: 6.5rem;
}
.img-pay__list div a img:nth-child(3) {
width: 4.5625rem;
}
#pay h3{
color: #414141;
font-size: 1.5rem;
margin-bottom: 1.875rem;
}
#pay .tarif {
text-transform: none !important;
margin: 0.5rem 0px;
}
#pay .tarif_zone {
margin-top: 1.25rem;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.625rem;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #90BB39 !important;
}
#pay .tarif_zone p {
margin-top: 1.25rem;
}
.ship p {
margin-top: -0.625rem;
}
#about .block_bot {
height: auto;
}
#pay ul {
list-style: none;
}
#pay ul li:before {
content: "—";
position: relative;
left: -0.3125rem;
}
#page h3 {
text-transform: uppercase;
/*z-index: 100000;*/
position: relative;
}
#page p {
font-family: 'PT Sans Narrow';
font-style: normal;
/* font-weight: 700; */
font-size: 1.125rem;
line-height: 1.4375rem;
}
#page .center span {
margin: auto 0.625rem;
}
#page span {
font-weight: 400;
}
#page .green {
color: #414141;
text-transform: uppercase;
margin: 0 0 1.5rem !important;
}
#page hr {
margin-top: 0.625rem !important;
}
#page .start {
justify-content: start;
margin-bottom: 3.75rem !important;
}
#page .start p {
margin: 0px;
}
.block_start{
width: 50%;
padding: 0px;
margin: 0px;
}
#page .block__section{
padding: 0px;
margin: 0px;
}
#page .column_right{
margin-left: 0.9375rem;
}
.sect_right, .loc_style {
justify-content: flex-start;
border: 1px solid #e20714;
padding: 0.75rem 2rem 0.5rem 2rem;
border-radius: 1rem;
margin-bottom: 7.5rem;
width: 70%;
}
.cont_h3 {
display: flex;
flex-direction: row;
margin-bottom: 1.25rem;
}
.h3_2 {
margin-left: 40.5%;
}
#pay p {
font-weight: 700;
}
/*Страница "Оплата и доставка"*/
/* BEGIN Контакты */
.location-info {
display: flex;
justify-content: space-between;
}
.location-info .location-info__right {
display: flex;
justify-content: flex-end;
flex-grow: 1;
}
.location-info .location-info__right2 {
margin-left: 18%;
}
.location-info p {
white-space: nowrap;
}
#information-contact p {
color: #000;
font-size: 1.625rem;
font-weight: 500;
line-height: 130%;
margin-bottom: 0.75rem;
}
#information-contact p.small {
font-size: 1.3125rem;
font-weight: 400;
line-height: 150%;
margin-bottom: 0.625rem;
}
#information-contact p:last-child {
margin-bottom: 0;
}
.map-container {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
border-radius: 0.9375rem;
overflow: hidden;
position: relative;
}
.map-container .map {
height: 37.5rem;
}
.map-container .map-popup {
position: absolute;
top: 3.125rem;
right: 3.125rem;
border-radius: 0.9375rem;
background: #FFF;
padding: 1.875rem 2.625rem;
max-width: 24.0625rem;
display: flex;
flex-direction: column;
align-items: center;
}
.map-container .map-popup img {
margin-bottom: 1.25rem;
}
.map-container .map-popup p {
text-align: center;
}
#information-contact .map-container .map-popup p.phone {
font-weight: 600;
}
.requisite {
margin-bottom: 8.125rem;
}
.requisite_data {
margin-top: 1.5rem;
}
#information-contact .requisite_data p.small {
margin-bottom: 0.75rem;
}
#information-contact .swiper .swiper-slide {
width: auto;
height: auto;
display: flex;
align-items: flex-end;
border-radius: 0.9375rem;
}
.carousel-container {
position: relative;
}
.carousel-container .swiper-button-next,
.carousel-container .swiper-button-prev {
top: 0;
margin: 0;
}
.carousel-container .swiper-button-next {
right: 0;
}
.carousel-container .swiper-button-prev {
right: 5rem;
left: auto;
}
@media(max-width: 1850px) {
.location-info .location-info__right2 {
margin-left: 18%;
}
#information-contact p {
font-size: 1.625rem;
margin-bottom: 0.75rem;
}
#information-contact p.small {
font-size: 1.313rem;
margin-bottom: 0.625rem;
}
#information-contact p:last-child {
margin-bottom: 0;
}
.map-container {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.map-container .map {
height: 37.5rem;
}
.map-container .map-popup {
top: 3.125rem;
right: 3.125rem;
padding: 1.875rem 2.625rem;
max-width: 24.063rem;
}
.map-container .map-popup img {
margin-bottom: 1.25rem;
}
.requisite {
margin-bottom: 8.125rem;
}
.requisite_data {
margin-top: 1.5rem;
}
#information-contact .requisite_data p.small {
margin-bottom: 0.75rem;
}
}
/*@media(max-width: 1440px) {*/
/* .location-info .location-info__right2 {*/
/* margin-left: 6%;*/
/* }*/
/*}*/
@media(max-width: 1199px) {
#information-contact p {
font-size: 1.5rem;
margin-bottom: 0.625rem;
}
#information-contact p.small {
font-size: 1.25rem;
}
.location-info {
flex-direction: column;
gap: 2.5rem;
}
.location-info .location-info__right {
justify-content: space-between;
}
.map-container .map-popup {
max-width: 21.75rem;
padding: 1.25rem 1.875rem 1.875rem;
}
.map-container .map-popup img {
width: 14.063rem;
}
.map-container .map {
height: 43.125rem;
}
.requisite {
margin-bottom: 5.625rem;
}
.requisite_data {
margin-top: 1.25rem;
}
#information-contact .requisite_data p.small {
margin-bottom: 0.625rem;
}
#information-contact .swiper .swiper-slide {
height: 24.375rem;
border-radius: 0.625rem;
}
#information-contact .swiper .swiper-slide img {
height: 100%;
}
.carousel-container .swiper-button-prev {
right: 4.125rem;
}
}
@media(max-width: 576px) {
#information-contact p {
font-size: 1.063rem;
margin-bottom: 0.5rem;
}
#information-contact p.small {
font-size: 0.805rem;
}
.location-info {
gap: 1rem;
}
.location-info .location-info__right {
justify-content: flex-start;
flex-direction: column;
gap: 1.5rem;
}
.location-info .location-info__right2 {
margin-left: 0;
}
.map-container {
margin-top: 1.875rem;
margin-bottom: 1.875rem;
}
.requisite {
margin-bottom: 3.75rem;
}
.requisite_data {
margin-top: 1rem;
}
#information-contact .requisite_data p.small {
margin-bottom: 0.5rem;
}
/* */
.map-container .map-popup {
display: none;
}
.map-container .map {
height: 25rem;
}
#information-contact .carousel-container .swiper-button-prev, #information-contact .carousel-container .swiper-button-next {
display: none;
}
#information-contact .carousel-container .swiper-wrapper {
flex-direction: column;
gap: 1.25rem;
}
#information-contact .swiper .swiper-slide {
height: auto;
border-radius: 0.9375rem;
}
#information-contact .carousel-container .swiper-wrapper .swiper-slide img {
width: 100%;
height: auto;
}
}
/* END Контакты */
/* BEGIN 404 */
#error404-content {
width: calc(100vw - 6.25rem);
height: calc((100vw - 6.25rem) * 0.4571);
background: url('../image/error404.png') no-repeat;
background-size: cover;
position: relative;
border-radius: 1.25rem;
}
#error404-content .code {
color: #FFF;
font-size: 13.02vw;
font-weight: 600;
line-height: 150%;
position: absolute;
top: 2.08333vw;
left: 50%;
transform: translatex(-50%);
}
#error404-content h2 {
color: #FFF;
font-size: 2.9166vw;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
position: absolute;
top: 18.59375vw;
left: 50%;
transform: translatex(-50%);
}
#error404-content .text-error {
width: 32.2916666vw;
color: #FFF;
text-align: center;
font-size: 1.09375vw;
line-height: 150%;
position: absolute;
top: 23.020833vw;
left: 50%;
transform: translatex(-50%);
}
#error404-content a.btn {
position: absolute;
top: 34.427083vw;
left: 50%;
transform: translatex(-50%);
}
@media(max-width: 1199px) {
#error404-content {
width: calc(100vw - 4.875rem);
height: calc((100vw - 4.875rem) * 1.271);
background-image: url('../image/error404-tab.png');
border-radius: 0.9375rem;
}
#error404-content .code {
font-size: 22.135416vw;
top: 29.947916vw;
}
#error404-content h2 {
white-space: nowrap;
font-size: 5.989583vw;
top: 56.9010vw;
}
#error404-content .text-error {
width: 80.72916vw;
font-size: 2.60416vw;
top: 66.015625vw;
}
#error404-content a.btn {
top: 94.0104vw;
}
}
@media(max-width: 767px) {
#error404-content {
width: calc(100vw - 2rem);
height: calc((100vw - 2rem) * 1.271);
}
}
@media(max-width: 576px) {
#error404-content {
width: calc(100vw - 2rem);
height: calc((100vw - 2rem) * 2.134);
background-image: url('../image/error404-mob.png');
}
#error404-content .code {
font-size: 27.7777vw;
top: 60.8333vw;
}
#error404-content h2 {
white-space: nowrap;
font-size: 6.9444vw;
top: 96.3888vw;
}
#error404-content .text-error {
width: auto;
font-size: 3.8888vw;
top: 107.5vw;
left: 5.5vw;
right: 5.5vw;
transform: initial;
}
#error404-content a.btn {
top: 169.4444vw;
font-size: 0.875rem;
}
}
/* END 404 */
/*Переверстал header*/
.top_timetable_text {
margin: 0;
font-size: 1.25rem;
}
.top_timetable_text span {
font-weight: 700;
}
@media (min-width: 1200px) {
#top .top_search {
display: none;
}
.pay_carts {
width: 100%;
}
}
@media (max-width: 1199px) {
#top .top_timetable {
display: none;
}
.caption h4 {
margin-top: 0.875rem;
}
}
@media (max-width: 768px) {
.btn {
font-size: 1.25rem;
padding: 1.063rem 2.5rem;
}
.btn-black__search-page {
padding: 1.063rem 6.875rem 1.063rem !important;
}
}
@media (max-width: 576px) {
.new_featured li.active a:focus, .new_featured li.active a:active, .new_featured li.active a:hover, .new_featured li.active a, .new_featured li a {
font-size: 1.438rem !important;
}
.new_featured {
padding: 0;
}
.product-thumb .product-stiky {
top: 0.75rem;
}
.product-stiky {
right: 0.75rem;
}
.product-stiky span {
font-size: 0.625rem;
padding: 0.313rem 0.75rem;
}
.caption h4 {
margin-top: 0.625rem;
margin-bottom: 2.063rem;
}
.product-thumb h4 a {
font-weight: 700;
font-size: 0.875rem;
line-height: 1rem;
}
.caption .price {
margin-top: 0;
}
.product-thumb .caption p {
font-size: 0.875rem;
line-height: 1rem;
margin-bottom: 0;
}
.product-thumb .caption .price {
font-weight: 700;
font-size: 0.938rem;
line-height: 1.313rem;
margin: 0.5rem 0 0.875rem 0;
display: flex;
justify-content: right;
}
.product-thumb .price-old {
margin-left: 0.175rem;
}
span .price-sqr {
font-size: 0.563rem;
}
.btn {
font-size: 0.875rem;
padding: 0.8125rem 1.5rem 0.875rem;
}
.btn-black__search-page {
padding: 0.8125rem 6.875rem 0.875rem !important;
}
}
@media (max-width: 576px) {
#content h3 {
font-size: 1.438rem;
line-height: 1.875rem;
}
}
/*Стили для слайдера на главной*/
.swiper-button-prev:after,
.swiper-button-next:after {
color: #000;
font-weight: 700;
}
.swiper-button-prev,
.swiper-button-next {
width: 3.75rem !important;
height: 3.75rem !important;
border: 1px solid #000;
border-radius: 100%;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
background: #000;
}
.swiper-button-next:active,
.swiper-button-prev:active {
background: #363636;
}
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
color: #fff !important;
}
#swiper1-pagination .swiper-pagination-bullet {
opacity: 1;
background: var(--swiper-pagination-bullet-inactive-color,#fff);
height: 0.75rem;
width: 0.75rem;
}
#swiper1-pagination .swiper-pagination-bullet-active {
background: var(--swiper-pagination-bullet-active-inactive-color,#e20714);
}
/*Блок Несколько вариантов доставки*/
.delivery__desc {
font-size: 1.125rem !important;
line-height: 1.3125rem !important;
color: #1111109 !important;
text-align: left;
}
.delivery__title {
font-size: 2rem;
line-height: 2.5625rem;
text-transform: uppercase;
font-weight: 700;
}
.delivery__title img {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.delivery__btn {
padding: 0.625rem 1.75rem;
border: 0.125rem solid #e20714;
border-radius: 1.75rem;
display: inline-block;
font-size: 1.375rem;
line-height: 1.75rem;
}
.delivery__btn:hover {
background: #e20714;
}
.options__title {
font-weight: 700;
font-size: 1.375rem !important;
line-height: 1.75rem !important;
color: #414141 !important;
text-transform: none !important;
margin-bottom: 0.625rem;
margin-top: 0;
}
.options__text {
font-size: 1.25rem;
line-height: 1.625rem;
letter-spacing: 0.03em;
color: #646464;
margin-bottom: 0;
}
.options-item {
padding-top: 1.3125rem;
}
@media (max-width: 576px) {
.delivery__desc {
font-size: 1rem !important;
margin-bottom: 0.3125rem !important;
}
.delivery__title {
font-size: 1.4375rem;
line-height: 1.875rem;
text-align: left;
margin-bottom: 1.25rem !important;
}
.delivery__btn {
font-size: 1.125rem;
max-width: 18.25rem;
width: 100%;
margin-right: auto;
display: block;
}
.options-item {
padding-top: 1.125rem;
margin-top: 2.5rem;
}
.col-lg-4:last-child .options-item {
margin-bottom: 1.875rem;
}
.options__title {
text-align: left !important;
}
.options__text {
font-size: 1.125rem !important;
text-align: left !important;
}
}
@media (max-width: 375px) {
.delivery__btn {
font-size: 1rem;
padding: 0.375rem 1.125rem;
}
.options__text {
font-size: 0.875rem;
}
.swiper {
width: auto;
margin-bottom: 0.9375rem;
}
}
/*Блок Банер*/
#swiper-offer {
height: 40.94vw;
}
.offer-content {
width: 100%;
}
#swiper-offer-pagination {
top: 50%;
right: 0.625rem;
left: auto;
width: auto;
display: flex;
flex-direction: column;
}
#swiper-offer-pagination span {
margin-bottom: 1.25rem;
}
/*slide 1*/
#swiper-offer-pagination .swiper-pagination-bullet {
opacity: 1;
background: var(--swiper-pagination-bullet-inactive-color, transparent);
border: 1px solid var(--swiper-pagination-bullet-inactive-color,#fff);
height: 0.75rem;
width: 0.75rem;
}
#swiper-offer-pagination .swiper-pagination-bullet-active {
background: var(--swiper-pagination-bullet-active-inactive-color,#fff);
}
.offer-first {
background-image: url(../image/Banner1.png);
background-size: cover;
width: 100%;
height: 40.94vw;
border-radius: 1rem;
padding: 2.08vw 0 0 0;
}
.offer-first .offer__title {
font-size: 2.92vw;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
color: #000;
text-align: center;
margin-bottom: 0.94vw;
}
.offer-bg__yellow {
background: #d13138;
}
.offer-first .offer__desc {
font-size: 1.35vw;
font-weight: 500;
line-height: 130%;
text-align: center;
}
.offer-first .offer-list {
display: flex;
justify-content: center;
margin-top: 1.46vw;
}
.offer-first .offer-list__item {
border-radius: 3.125rem;
background: #FFF;
padding: 0.52vw 1.56vw 0.52vw 0.83vw;
font-size: 1.35vw;
font-weight: 500;
line-height: 130%;
display: flex;
align-items: center;
}
.offer-first .offer-list__item img {
margin-right: 1.04vw;
width: 3.39vw;
height: 3.39vw;
}
.offer-first .offer-list__item p {
margin: 0;
}
.offer-first .offer-list__item {
margin-right: 2.08vw;
}
.offer-first .offer-list__item:last-child {
margin-right: 0;
}
.offer-first .btn-arrow {
margin: 15.05vw auto 0;
display: flex;
max-width: 15.63vw;
font-size: 1.09vw;
padding: 0.99vw 1.56vw 1.04vw;
}
@media (min-width: 768px) {
.offer-first .db {
display: none;
}
}
@media (max-width: 1300px) {
#swiper-offer {
height: 60.94vw;
width: auto;
}
.offer-first {
background-image: url(../image/Banner1.png);
background-size: cover;
width: 100%;
height: 61vw;
border-radius: 1rem;
padding: 2.31vw 0 0 0;
}
.offer-first .offer__title {
font-size: 3.54vw;
margin-bottom: 0.92vw;
}
.offer-first .offer__desc {
font-size: 1.85vw;
}
.offer-first .offer-list {
margin-top: 2.31vw;
flex-direction: column;
}
.offer-first .offer-list__item {
margin: auto;
padding: 0.77vw 2.31vw 0.77vw 1.23vw;
font-size: 1.85vw;
margin-bottom: 1.54vw;
}
.offer-first .offer-list__item img {
width: 2.92vw;
height: 2.92vw;
}
.offer-first .offer-list__item:nth-child(1) {
max-width: 441px;
order: 3;
margin-bottom: 0;
}
.offer-first .offer-list__item:nth-child(2) {
max-width: 537px;
order: 2;
}
.offer-first .offer-list__item:nth-child(3) {
max-width: 362px;
order: 1;
}
.offer-first .offer-list__item:last-child {
margin-right: auto;
}
.offer-first .offer-list__item img {
margin-right: 1.54vw;
}
.offer-first .btn-arrow {
font-size: 1.04vw;
margin: 12.77vw auto 0;
max-width: 15.63vw;
}
/*.btn {
padding: 1.04vw 1.36vw 1.04vw;
}*/
}
@media (max-width: 860px) {
.offer-first .db {
display: block;
}
.first-line {
display: none;
}
#swiper-offer {
height: 118.62vw !important;
}
.offer-first {
height: 118.62vw;
}
.offer-first .btn-arrow {
font-size: 2.61vw;
max-width: 38.07vw;
padding: 2.22vw 3.91vw 2.35vw;
margin-top: 21.64vw;
}
.offer-first .offer__title {
font-size: 6.00vw;
}
.offer-first .offer__desc {
font-size: 3.13vw;
}
.offer-first .offer-list__item {
font-size: 3.13vw;
margin-bottom: 2.61vw;
}
.offer-first .offer-list__item:nth-child(3) {
max-width: 45.63vw;
}
.offer-first .offer-list__item img {
width: 7.30vw;
height: 7.30vw;
}
}
@media (max-width: 767px) {
.offer-first .db {
display: block;
}
.first-line {
display: none;
}
#swiper-offer {
height: 118.62vw !important;
}
.offer-first {
height: 118.62vw;
}
.offer-first .btn-arrow {
font-size: 2.61vw;
max-width: 38.07vw;
padding: 2.22vw 3.91vw 2.35vw;
margin-top: 21.64vw;
}
.offer-first .offer__title {
font-size: 6.00vw;
}
.offer-first .offer__desc {
font-size: 3.13vw;
}
.offer-first .offer-list__item {
font-size: 3.13vw;
margin-bottom: 2.61vw;
}
.offer-first .offer-list__item:nth-child(3) {
max-width: 45.63vw;
}
.offer-first .offer-list__item img {
width: 7.30vw;
height: 7.30vw;
}
}
@media (max-width: 576px) {
#swiper-offer {
width: auto;
height: 183.89vw !important;
}
.offer-content {
height: 183.89vw;
}
.offer-first {
width: 100%;
height: 183.89vw;
border-radius: 1rem;
padding: 2.60vw 0 0 0;
}
.offer-first .offer__title {
font-size: 5.94vw;
margin-bottom: 2.78vw;
}
.offer-first .offer__desc {
font-size: 4.72vw;
margin-bottom: 7.22vw;
}
.offer-first .offer-list {
margin-top: 0;
}
.offer-first .offer-list__item {
margin: auto;
padding: 1.67vw 5.56vw 1.67vw 2.22vw;
font-size: 3.72vw;
margin-bottom: 2.82vw;
}
.offer-first .offer-list__item img {
width: 12.22vw;
height: 12.22vw;
}
.offer-first .offer-list__item:last-child {
margin-right: auto;
}
.offer-first .offer-list__item img {
margin-right: 3.33vw;
}
.offer-first .btn-arrow {
font-size: 3.89vw;
margin: 26.67vw auto 0;
max-width: 61.11vw;
padding: 3.89vw 8.33vw 4.17vw 8.33vw;
}
.offer-first .offer-list__item:nth-child(1) {
order: 2;
max-width: 66.11vw;
}
.offer-first .offer-list__item:nth-child(2) {
order: 1;
max-width: 66.11vw;
}
.offer-first .offer-list__item:nth-child(3) {
max-width: 71.11vw;
}
/*.btn {
padding: 1.04vw 1.36vw 1.04vw;
}*/
}
/*slide 2*/
.offer-second {
background-image: url(../image/Banner2Bg.png);
background-size: cover;
width: 100%;
height: 40.94vw;
border-radius: 1rem;
padding: 5.56vw 5.56vw 23.61vw 4.72vw;
}
.offer-second .offer-bg__yellow {
color: #000;
}
.list-offer-wrap {
display: flex;
}
.offer-second .offer__title {
font-size: 2.92vw;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
color: #fff;
text-align: left;
margin-top: 12.24vw;
margin-bottom: 0;
}
.offer-second .offer-list {
display: flex;
flex-direction: column;
}
.offer-second .offer-list__item {
border-radius: 3.125rem;
background: #FFF;
padding: 0.52vw 1.56vw 0.52vw 0.83vw;
font-size: 1.35vw;
font-weight: 500;
line-height: 130%;
display: flex;
align-items: center;
margin-right: 2.08vw;
}
.offer-second .offer-list__item img {
margin-right: 1.04vw;
width: 3.39vw;
height: 3.39vw;
}
.offer-second .offer-list__item p {
margin: 0;
}
.offer-second .offer-list:first-child .offer-list__item:nth-child(1) {
max-width: 52.9rem;
width: 100%;
margin-bottom: 2.08vw;
}
.offer-second .offer-list__item:nth-child(2) {
max-width: 27.55vw;
width: 100%;
height: 4.43vw;
}
.offer-second .offer-list__item:nth-child(3) {
max-width: 26.98vw;
width: 100%;
}
.offer-second .offer-list__item:last-child {
margin-right: 0;
}
.offer-second .list-offer-wrap .offer-list:last-child .offer-list__item {
margin-left: 3.75vw;
}
.offer-second .btn-arrow {
margin: 0 0 0 auto;
display: flex;
max-width: 15.63vw;
font-size: 1.09vw;
padding: 0.99vw 1.56vw 1.04vw;
}
@media (min-width: 1301px) {
.offer-second .list-offer-wrap .offer-list:first-child .offer-list__item:nth-child(2),
.offer-second .list-offer-wrap .offer-list:first-child .offer-list__item:nth-child(3),
.offer-second .db {
display: none;
}
}
@media (max-width: 1300px) {
#swiper-offer {
height: 60.94vw;
width: auto;
}
.offer-second {
background-size: cover;
width: 100%;
height: 61vw;
}
.offer-second .offer__title {
font-size: 3.54vw;
margin-top: 7.69vw;
}
.offer-second .list-offer-wrap .offer-list:last-child .offer-list__item {
display: none;
}
.offer-second .offer-list:first-child .offer-list__item, .offer-second .offer-list:first-child .offer-list__item:nth-child(1) {
margin-bottom: 3.08vw;
font-size: 1.85vw;
}
.offer-second .offer-list:first-child .offer-list__item img {
width: 4.31vw;
height: 4.31vw;
}
.offer-second .list-offer-wrap .offer-list .offer-list__item {
padding: 0.52vw 1.56vw 0.52vw 0.83vw !important;
}
.offer-second .offer-list__item:nth-child(1) {
max-width: 36.85vw !important;
order: 1;
}
.offer-second .offer-list__item:nth-child(2) {
margin-bottom: 0;
padding: 0.52vw 1.56vw 0.52vw 0.83vw;
order: 3;
max-width: 44.23vw;
display: none;
}
.offer-second .offer-list__item:nth-child(3) {
margin-bottom: 0;
padding: 0.52vw 1.56vw 0.52vw 0.83vw;
order: 3;
max-width: 44.23vw;
margin-bottom: 0 !important;
}
.offer-second .offer-list__item:nth-child(4) {
max-width: 35.38vw;
order: 2;
}
.offer-second .db {
display: block;
}
.offer-second .first-line {
display: none;
}
}
@media (max-width: 767px) {
.offer-second {
height: 118.62vw;
background-image: url(../image/Bg2TabletOffer.png);
background-size: cover;
}
.offer-second .offer-list__item {
font-size: 3.13vw;
margin-bottom: 5.21vw;
padding: 1.04vw 3.13vw 1.04vw 1.56vw !important;
}
.offer-second .offer-list__item img {
width: 7.29vw;
height: 7.29vw;
}
.offer-second .offer-list__item:nth-child(3) {
margin-bottom: 0;
}
.offer-second .offer-list__item:nth-child(1) {
max-width: 62.37vw !important;
}
.offer-second .offer-list__item:nth-child(3) {
margin-bottom: 0;
max-width: 74.87vw;
margin-bottom: 0 !important;
}
.offer-second .offer-list__item:nth-child(4) {
max-width: 59.90vw;
}
.offer-second .offer__title {
font-size: 5.99vw;
margin-top: 13.02vw;
}
.offer-second .btn-arrow {
margin-top: 9.11vw;
max-width: 38.02vw;
font-size: 2.60vw;
padding: 2.21vw 3.91vw 2.34vw;
}
}
@media (max-width: 567px) {
.offer-second {
height: 183.89vw;
}
.offer-second .offer-list__item {
font-size: 4.72vw !important;
margin-bottom: 7.22vw !important;
}
.offer-second .list-offer-wrap .offer-list .offer-list__item {
padding: 1.67vw 5.56vw 1.67vw 2.22vw !important;
}
.offer-second .offer-list__item img {
width: 12.22vw !important;
height: 12.22vw !important;
}
.offer-second .offer-list__item:nth-child(3) {
margin-bottom: 0;
}
.offer-second .offer-list__item:nth-child(1) {
max-width: 74.44vw !important;
}
.offer-second .offer-list__item:nth-child(3) {
margin-bottom: 0;
max-width: 74.72vw;
margin-bottom: 0 !important;
}
.offer-second .offer-list__item:nth-child(4) {
max-width: 72.50vw;
}
.offer-second .offer__title {
font-size: 6.94vw;
margin-top: 26.67vw;
}
.offer-second .btn-arrow {
margin-top: 8.33vw;
max-width: 63.61vw;
font-size: 3.89vw;
padding: 3.89vw 8.33vw 4.17vw;
margin-left: 0;
}
.offer-second .btn-arrow svg {
margin-left: 4.44vw;
}
}
@media (max-width: 576px) {
#page h3 {
font-size: 1.25rem;
}
.steps_3 p {
font-size: 1.25rem !important;
line-height: 1.625rem;
}
#about {
margin-bottom: 3.125rem;
}
#about .img_about {
margin-bottom: 1.4375rem;
}
.steps_3 img {
width: 2.875rem;
}
.photos {
flex-direction: column;
}
.photo {
max-width: 18.9375rem;
width: 100%;
margin: 0 auto 1.25rem auto;
padding-bottom: 1.125rem;
}
.about_text_n2 {
margin-top: 3.125rem;
}
.about_text_n2 img {
margin-bottom: 1.4375rem;
}
.names {
font-size: 1.25rem !important;
margin: 1.0625rem 0 0 0 !important;
}
.about_cntr {
margin-bottom: 3.125rem !important;
}
.strt_about {
flex-direction: column;
}
.strt_about .block_bot {
height: auto !important;
padding: 0 !important;
margin-right: 0;
}
}
/*Страница Контанкты*/
.buttons .pull-right {
float: none !important;
}
.pull-right .btn-primary {
max-width: 229px;
width: 100%;
}
@media (max-width: 576px) {
#form_about {
overflow: hidden;
display: flex;
flex-direction: column;
}
.form_about .form-horizontal {
order: -2;
}
#form_about fieldset {
position: relative !important;
}
#map {
order: -1;
height: 30rem !important;
}
.sect_right, .loc_style {
padding-bottom: 3.25rem;
}
#page .panel-body .row .green {
margin-bottom: 1.1875rem !important;
}
#contact .hr_left {
margin-bottom: 1.1875rem;
}
.sect_right {
height: auto;
margin-bottom: 0.5625rem;
}
#form_about fieldset {
margin: 2.5rem auto !important;
right: 0;
}
.lite_green_style {
font-size: 1.125rem;
line-height: 1.4375rem;
margin-bottom: 0.4375rem;
text-align: center;
}
.text_form {
font-size: 1.125rem;
line-height: 1.4375rem;
text-align: center;
margin-bottom: 1.25rem;
}
.text_form span {
margin: 0px;
}
}
/*подгон страницы Главная*/
@media (max-width: 639px) {
.test_button {
padding: 0.3125rem 0 0.9375rem 0 !important;
}
.test_button p {
font-size: 0.875rem !important;
line-height: 1.125rem;
}
.askanswer .header {
margin-top: 3.75rem;
}
.askanswer {
margin-bottom: 2.5625rem;
}
.module_html .html_body .image {
margin: 0 auto;
}
.module_html {
padding: 0;
}
.delivery {
margin-top: 3.125rem;
}
}
.img-pay__list div:nth-child(1) img {
width: 6.875rem;
}
.img-pay__list div:nth-child(2) img {
width: 6.5rem;
}
.img-pay__list div:nth-child(3) img {
width: 4.5625rem;
}
#pay {
margin-bottom: 7.5rem;
}
@media (max-width: 576px) {
.img-pay__list div:nth-child(1) img {
width: 5.1875rem;
}
.img-pay__list div:nth-child(2) img {
width: 5.625rem;
}
.img-pay__list div:nth-child(3) img {
width: 3.4375rem;
}
}
.desc-bottom-page {
font-size: 1.125rem;
margin-top: 0.9375rem;
}
/* Переключатель */
.wrapper-switch {
}
.switch {
position: relative;
display: inline-block;
width: 6.75rem;
height: 3.375rem;
cursor: pointer;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.domain {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #f4f4f6;
-webkit-transition: .4s;
transition: .4s;
}
.domain:before {
position: absolute;
content: "";
height: 3.375rem;
width: 3.375rem;
left: 0;
bottom: 0px;
background-color: #000;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .domain + .meter {
color: #000;
}
input:checked + .domain + .meter + .package {
color: #fff;
}
.meter span {
position: absolute;
font-size: 0.75rem;
top: -0.5rem;
}
input:focus + .domain {
/*box-shadow: 0 0 1px #2196F3;*/
}
input:checked + .domain:before {
-webkit-transform: translateX(3.375rem);
-ms-transform: translateX(3.375rem);
transform: translateX(3.375rem);
}
.domain.round {
border-radius: 3.125rem;
}
.domain.round:before {
border-radius: 50%;
}
.meter {
position: absolute;
font-size: 1.3125rem;
left: 1.125rem;
top: 1rem;
color: #fff;
}
.package {
position: absolute;
font-size: 1.3125rem;
left: 4.5625rem;
top: 0.875rem;
color: #000;
}
@media (max-width: 1199px) {
.switch {
width: 6.25rem;
height: 3.125rem;
}
.domain:before {
height: 3.125rem;
width: 3.125rem;
}
.meter span {
top: -0.4375rem;
}
input:checked + .domain:before {
-webkit-transform: translateX(3.125rem);
-ms-transform: translateX(3.125rem);
transform: translateX(3.125rem);
}
.domain.round {
border-radius: 3.125rem;
}
.meter {
font-size: 1.25rem;
left: 1rem;
top: 0.875rem;
}
.package {
font-size: 1.25rem;
left: 4.0625rem;
top: 0.75rem;
}
}
@media (max-width: 576px) {
.switch {
width: 5rem;
height: 2.5rem;
}
.domain:before {
height: 2.5rem;
width: 2.5rem;
}
.meter span {
top: -0.125rem;
}
input:checked + .domain:before {
-webkit-transform: translateX(2.5rem);
-ms-transform: translateX(2.5rem);
transform: translateX(2.5rem);
}
.domain.round {
border-radius: 3.125rem;
}
.meter {
font-size: 0.875rem;
left: 0.75rem;
top: 0.5625rem;
}
.package {
font-size: 0.875rem;
left: 3.3125rem;
top: 0.5rem;
}
}
/*выгоды для клиентов*/
.db {
display: inline-block;
}
.headline-lvl-2__yellow-bg {
background: #dedee1;
}
.benefits-wrap {
width: 100%;
}
.benefits-wrap .row:last-child {
display: flex;
align-items: stretch;
}
.benefits-wrap .row:last-child .col-lg-3.col-sm-6 {
display: flex;
}
.benefit__title .db.headline-lvl-2__yellow-bg {
margin-left: 29.0625rem;
}
.benefit__item {
border-radius: 0.625rem;
background: #F4F4F6;
padding: 1.875rem;
color: #000;
min-height: 19.875rem;
}
#benefits .col-sm-6:nth-child(2) .benefit__item h3 {
margin-bottom: 3.625rem;
}
#benefits .col-sm-6:nth-child(3) .benefit__item h3 {
margin-bottom: 3.625rem;
}
#benefits .col-sm-6:nth-child(4) .benefit__item h3 {
margin-bottom: 3.625rem;
}
.benefit__item {
width: 100%;
}
.benefit__item:hover {
background: #cbcbcf;
}
.benefit__item img {
margin-left: auto;
display: block;
}
.benefit__item h3 {
font-size: 1.625rem;
font-weight: 600;
line-height: 130%; /* 33.8px */
text-transform: uppercase;
margin: 2.8125rem 0 1.5rem;
}
.benefit__item p {
font-size: 1.3125rem !important;
font-weight: 400;
line-height: 150%;
margin-bottom: 0;
}
@media (max-width: 1900px) {
.benefit__item h3 br, .benefit__item p br {
display: none;
}
}
@media (max-width: 1850px) {
.benefit__title .db.headline-lvl-2__yellow-bg {
margin-left: 29.063rem;
}
.benefit__item {
padding: 1.875rem;
min-height: 19.875rem;
}
#benefits .col-sm-6:nth-child(2) .benefit__item h3 {
margin-bottom: 3.625rem;
}
#benefits .col-sm-6:nth-child(3) .benefit__item h3 {
margin-bottom: 3.625rem;
}
#benefits .col-sm-6:nth-child(4) .benefit__item h3 {
margin-bottom: 3.625rem;
}
.benefit__item h3 {
font-size: 1.625rem;
margin: 2.813rem 0 1.5rem;
}
.benefit__item p {
font-size: 1.313rem;
font-weight: 400;
}
}
@media (max-width: 1440px) {
}
@media (max-width: 1199px) {
.benefits-wrap .row:last-child {
flex-wrap: wrap;
}
#benefits .col-sm-6:nth-child(1) .benefit__item, #benefits .col-sm-6:nth-child(2) .benefit__item {
margin-bottom: 2.256rem;
}
.benefit__title .db.headline-lvl-2__yellow-bg {
margin-left: 15rem;
}
.benefit__item h3 {
font-size: 1.5rem;
margin: 1.25rem 0 !important;
}
.benefit__item p {
font-size: 1.25rem !important;
}
.benefit__item {
min-height: 15.938rem;
}
}
@media (max-width: 767px) {
/*#benefits .col-sm-6:nth-child(3) .benefit__item {*/
/* margin-bottom: 3.529rem;*/
/*}*/
.benefits-wrap .row .col-lg-3.col-sm-6 {
width: 50%;
}
.benefit__title .db.headline-lvl-2__yellow-bg {
margin-left: 15rem;
}
.benefit__item h3 {
font-size: 1.5rem;
margin: 1.25rem 0 !important;
}
.benefit__item p {
font-size: 1.25rem !important;
}
.benefit__item {
min-height: 15.938rem;
}
}
@media (max-width: 576px) {
.benefit__item img {
width: 2.5rem;
height: 2.5rem;
}
.benefit__item {
padding: 1.25rem;
}
#benefits .col-sm-6:not(:last-child) .benefit__item{
margin-bottom: 2.381rem;
}
.benefit__title {
margin-bottom: 1.875rem !important;
}
.benefit__title .db.headline-lvl-2__yellow-bg {
margin-left: 0;
}
.benefit__item {
min-height: auto;
}
.benefit__item h3 {
font-size: 1.063rem !important;
margin: 1rem 0 !important;
}
.benefit__item p {
font-size: 0.875rem !important;
}
.benefits-wrap .row:last-child {
display: flex;
flex-direction: column;
}
.benefits-wrap .row:last-child .col-lg-3.col-sm-6 {
width: 100%;
}
}
@media (max-width: 360px) {
.benefit__item img {
width: 2.5rem;
height: 2.5rem;
}
.benefit__item {
padding: 1.25rem;
}
#benefits .col-sm-6:nth-child(3) .benefit__item {
margin-bottom: 2.381rem;
}
.benefit__title {
margin-bottom: 1.875rem !important;
}
.benefit__title .db.headline-lvl-2__yellow-bg {
margin-left: 0;
}
.benefit__item {
min-height: auto;
}
.benefit__item h3 {
font-size: 1.063rem !important;
margin: 1rem 0 !important;
}
.benefit__item p {
font-size: 0.875rem !important;
}
.benefits-wrap .row:last-child {
display: flex;
flex-direction: column;
}
.benefits-wrap .row:last-child .col-lg-3.col-sm-6 {
width: 100%;
}
}
/* Преимущества кварцвинила */
.compare_characteristics__header {
font-size: 2.875rem;
font-style: normal;
font-weight: 500;
line-height: 130%;
margin-bottom: 3.75rem;
display: flex;
flex-direction: column;
text-transform: uppercase;
}
.compare_characteristics__header span{
margin-bottom: 0px !important;
}
.compare_characteristics__header_item1 br{
display: none;
}
.compare_characteristics__header_item2 br{
display: none;
}
.compare_characteristics__header_item2{
margin-left: 25.7%;
}
.compare_characteristics__content-types {
display: flex;
text-transform: uppercase;
align-items: center;
justify-content: space-between;
margin-bottom: 3.75rem;
text-transform: uppercase;
gap: 1.25rem;
}
.compare_characteristics_scroll {
overflow-x: auto;
}
.compare_characteristics__content-table {
display: grid;
grid-template-columns: 19.375rem repeat(6, minmax(auto, 15.6875rem));
grid-template-rows: 5.875rem repeat(8, 4.5rem);
grid-gap: 1px;
border-radius: 1.25rem;
background-color: #D6D6D8;
border: 1px solid #D6D6D8;
overflow: hidden;
font-size: 1.3125rem;
font-style: normal;
font-weight: 400;
line-height: 150%;
text-align: center;
}
.compare_characteristics__content-table > .info_element{
background-color: #FFF;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
padding: 0px 0px;
}
.compare_characteristics__content-table .info_element span{
display: none;
}
.compare_characteristics__content-table .header_element {
background-color: #F4F4F6;
font-weight: 600;
line-height: 130%;
padding: 1.25rem 0px;
display: flex;
align-items: center;
justify-content: center;
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.compare_characteristics__content-table .header_element span {
align-self: center;
}
.compare_characteristics__content-table .compare_kvartsvinil {
background: #d13138;
}
@media (max-width: 715px) {
.compare_characteristics__content-types {
gap: 0.625rem 0.9375rem;
}
}
/*@media (max-width: 1788px) {
.compare_characteristics__content-types .btn-cross{
width: inherit;
padding: 0.875rem 80px;
justify-content: center;
align-items: center;
gap: 0.625rem;
flex-shrink: 0;
}
}
@media (max-width: 1500px) {
.compare_characteristics__content-types .btn-cross{
padding: 0.875rem 3.125rem;
}
.compare_characteristics__header_item2{
margin-left: 0;
}
.compare_characteristics__content-table .header_element {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
@media (max-width: 1365px) {
.compare_characteristics__content-table {
font-size: 1.125rem;
}
}*/
@media (max-width: 1199px) {
.compare_characteristics__content-types {
display: flex;
width: 44.125rem;
align-self: center;
gap: 1.25rem 1.875rem;
flex-wrap: wrap;
height: auto;
}
.compare_characteristics__content{
display: flex;
flex-direction: column;
}
.compare_characteristics__content-types .btn-cross{
padding: 0.875rem 3.5625rem;
font-size: 1.25rem;
width: auto;
}
.compare_characteristics__content-types .btn-cross svg{
width: 1.875rem;
height: 1.875rem;
}
.compare_characteristics__header{
width: 35.625rem;
margin-bottom: 2.5rem;
font-size: 2.25rem;
display: block;
font-size: 2.25rem;
text-align: left;
}
.compare_info_block__line {
height: 4.5rem;
}
.header_block__line {
height: 4.5rem;
}
.compare_characteristics__header_item2 {
margin-left: 0;
}
.compare_characteristics__content-types a:nth-child(3){
order: 1;
padding: 0.875rem 5.4375rem;
}
.compare_characteristics__content-types a:nth-child(5){
order: 1;
}
.compare_characteristics__content-table {
/*overflow-x: auto !important;*/
font-size: 1.25rem !important;
grid-template-columns: 13.125rem repeat(6, 10.125rem);
grid-template-rows: 5.25rem 5.75rem repeat(2, 3.875rem) repeat(2, 5.75rem) 3.875rem 5.75rem 3.875rem !important;
min-width: max-content;
}
.compare_characteristics__content-table .word_wrap span{
display: initial !important;
}
.compare_characteristics__content-table .word_wrap {
display: initial !important;
padding: 0.8125rem 0px !important;
}
.compare_characteristics__content-table .word_wrap span{
display: initial !important;
}
}
@media (max-width: 767px) {
.compare_characteristics__content-types .btn-cross{
padding: 0.675rem 3rem;
}
}
@media (max-width: 576px) {
.compare_characteristics__content-types{
width: 20.5rem;
font-size: 0.875rem;
gap: 1rem;
height: auto !important;
margin-bottom: 1.875rem;
}
.compare_characteristics__content-types .btn-cross{
padding: 0.5rem 2.25rem !important;
font-size: 0.875rem;
height: 2.125rem;
}
.compare_characteristics__content-types .btn-cross svg{
width: 1.5625rem;
height: 1.5625rem;
right: 0.5rem;
top: 0.25rem;
}
.compare_characteristics__content-types a:nth-child(5){
width: 100%;
}
.compare_characteristics__content-types a:nth-child(1){
padding: 0.5rem 2.8125rem !important;
}
.compare_characteristics__header {
font-size: 1.4375rem !important;
margin-bottom: 1.875rem;
width: auto;
}
.compare_characteristics__header_item1 br{
display: initial !important;
}
.compare_characteristics__header_item2 br{
display: initial !important;
}
.compare_characteristics__content-table {
font-size: 0.875rem !important;
grid-template-columns: 9.75rem repeat(6, 7.5rem);
grid-template-rows: 3.75rem 4.125rem repeat(2, 2.8125rem) repeat(2, 4.125rem) 2.8125rem 4.125rem 2.8125rem !important;
padding: 0px 0px !important;
}
}
.not-compare {
background: #fff !important;
color: #000 !important;
}
.hide-cell {
display: none !important;
}
.btn-cross {
border: 1px solid #000;
}
.btn-cross:hover {
background: #fff;
color: #000;
}
.btn-cross{
splay: flex;
width: 21.75rem;
padding: 1rem 0px;
justify-content: center;
align-items: center;
gap: 0.625rem;
position: relative;
font-weight: 500;
height: 3.6875rem;
}
.btn-cross svg{
position: absolute;
right: 0.75rem;
top: 0.75rem;
width: 2.1875rem;
height: 2.1875rem;
}
.btn-cross svg path{
stroke: #fff;
}
/* BEGIN Блок Из чего состоит кварцвиниловая плитка */
#compound #compound-inner {
border-radius: 1.25rem;
padding: 2.0833vw 2.6041666vw 0;
height: 49.21875vw;
background: #F4F4F6 url('../image/compound.png') center 10.67708333vw no-repeat;
background-size: 41.6666vw 26.875vw;
position: relative;
}
#compound .compound-block, #compound .compound-line {
position: absolute;
z-index: 1;
}
#compound .compound-line {
background-size: 100%;
}
#compound .compound-block.compound-block__protect {
width: 24.21875vw;
left: 2.6041666vw;
top: 8.33333vw;
}
#compound .compound-block.compound-block__decor {
width: 22.13541666vw;
left: 2.6041666vw;
top: 29.8958333vw;
}
#compound .compound-block.compound-block__base {
width: 22.13541666vw;
left: 70.05208333vw;
top: 12.91666vw;
}
#compound .compound-block.compound-block__bottom {
width: 22.13541666vw;
left: 70.05208333vw;
top: 36.3020833vw;
}
#compound .compound-line.compound-line__protect {
width: 21.1458333vw;
height: 5.5208333vw;
left: 26.8229166vw;
top: 9.6875vw;
background-image: url('../image/compound-line-protect.svg');
background-repeat: no-repeat;
background-size: cover;
}
#compound .compound-line.compound-line__decor{
width: 18.541666vw;
height: 5.5208333vw;
left: 18.854166vw;
top: 25.78125vw;
background-image: url('../image/compound-line-decor.svg');
background-repeat: no-repeat;
background-size: cover;
}
#compound .compound-line.compound-line__base {
width: 10.729166vw;
height: 10.729166vw;
left: 56.9270833vw;
top: 14.270833vw;
background-image: url('../image/compound-line-base.svg');
background-repeat: no-repeat;
background-size: cover;
}
#compound .compound-line.compound-line__bottom {
width: 21.1458333vw;
height: 5.5208333vw;
left: 44.79166vw;
top: 33.95833vw;
background-image: url('../image/compound-line-bottom.svg');
background-repeat: no-repeat;
background-size: cover;
}
#compound .compound-block h4 {
margin-top: 0;
margin-bottom: 0.625vw;
font-size: 1.35416666vw;
font-weight: 500;
line-height: 130%;
}
#compound .compound-block .compound-block__text {
font-size: 1.09375vw;
line-height: 150%;
}
@media (min-width: 1200px) {
#compound h2 br#compound-br1 {
display: none;
}
}
@media (min-width: 768px) {
#compound h2 br#compound-br2 {
display: none;
}
}
@media (max-width: 1599px) {
#compound .compound-block.compound-block__base {
left: 68.05208333vw;
}
#compound .compound-block.compound-block__bottom {
left: 68.05208333vw;
}
#compound .compound-line.compound-line__protect {
left: 25.8229166vw;
}
#compound .compound-line.compound-line__decor{
left: 17.854166vw;
}
#compound .compound-line.compound-line__base {
left: 54.9270833vw;
}
#compound .compound-line.compound-line__bottom {
left: 43.29166vw;
}
}
/*@media (max-width: 1440px) {
#compound h2 {
font-size: 2.5rem;
}
}*/
@media (max-width: 1199px) {
#compound #compound-inner {
border-radius: 0.9375rem;
padding: 3.90625vw 5.20833vw 0;
height: 148.828125vw;
background-position-y: 55.9895833vw;
background-size: 60.6770833vw 39.0625vw;
}
#compound h2 {
margin-bottom: 2.5rem;
}
#compound .compound-block.compound-block__protect {
width: 41.666vw;
left: 5.20833vw;
top: 21.354166vw;
}
#compound .compound-block.compound-block__decor {
width: 32.8125vw;
left: 51.8229166vw;
top: 26.171875vw;
}
#compound .compound-block.compound-block__base {
width: 41.666vw;
left: 5.20833vw;
top: 96.6145833vw;
}
#compound .compound-block.compound-block__bottom {
width: 33.854166vw;
left: 51.8229166vw;
top: 101.953125vw;
}
#compound .compound-line.compound-line__protect {
width: 31.640625vw;
height: 13.671875vw;
left: 8.854166vw;
top: 51.43229166vw;
background-image: url('../image/compound-line-protect-tab.svg');
}
#compound .compound-line.compound-line__decor{
width: 13.41145833vw;
height: 17.578125vw;
left: 65.234375vw;
top: 52.34375vw;
background-image: url('../image/compound-line-decor-tab.svg');
}
#compound .compound-line.compound-line__base {
width: 20.96354166vw;
height: 13.15104166vw;
left: 9.1145833vw;
top: 81.76145833vw;
background-image: url('../image/compound-line-base-tab.svg');
}
#compound .compound-line.compound-line__bottom {
width: 13.54166vw;
height: 15.8854166vw;
left: 51.69270833vw;
top: 84.765625vw;
background-image: url('../image/compound-line-bottom-tab.svg');
}
#compound .compound-block h4 {
margin-bottom: 1.3020833vw;
font-size: 3.125vw;
}
#compound .compound-block .compound-block__text {
font-size: 2.604166vw;
}
}
@media (max-width: 576px) {
#compound #compound-inner {
padding: 5.55555vw;
height: 309.4444vw;
background-position-y: 120.5555vw;
background-size: contain;
}
#compound h2 {
margin-bottom: 1.875rem;
}
#compound .compound-block.compound-block__protect {
width: 80vw;
left: 5.55555vw;
top: 38.8888vw;
}
#compound .compound-block.compound-block__decor {
width: 61.66666vw;
left: 23.8888vw;
top: 81.94444vw;
}
#compound .compound-block.compound-block__base {
width: 61.66666vw;
left: 23.8888vw;
top: 188.75555vw;
}
#compound .compound-block.compound-block__bottom {
width: 72.22222vw;
left: 5.55555vw;
top: 266.81111vw;
}
#compound .compound-line.compound-line__protect {
width: 28.61111vw;
height: 56.6666vw;
left: 9.4444vw;
top: 78.6111vw;
background-image: url('../image/compound-line-protect-mob.svg');
}
#compound .compound-line.compound-line__decor{
width: 17.5vw;
height: 37.22222vw;
left: 64.1666vw;
top: 109.54444vw;
background-image: url('../image/compound-line-decor-mob.svg');
}
#compound .compound-line.compound-line__base {
width: 13.33333vw;
height: 27.7777vw;
left: 47.7777vw;
top: 158.75555vw;
background-image: url('../image/compound-line-base-mob.svg');
}
#compound .compound-line.compound-line__bottom {
width: 10vw;
height: 98.33333vw;
left: 9.4444vw;
top: 166.2555vw;
background-image: url('../image/compound-line-bottom-mob.svg');
}
#compound .compound-block h4 {
margin-bottom: 2.2222vw;
font-size: 4.7222vw;
}
#compound .compound-block .compound-block__text {
font-size: 3.88888vw;
}
}
/* END Блок Из чего состоит кварцвиниловая плитка */
/*START Блок QuartzVinyl - Ваш надежный партнер*/
/*десктоп*/
.partners__title {
color: #000;
}
.partner-item img {
max-width: 26.5625rem;
max-height: 21.875rem;
margin-right: 2.5rem;
}
.partner-item h4 {
font-size: 1.625rem;
font-weight: 500;
line-height: 130%; /* 33.8px */
}
.partner-item__title_yellow-line {
/*position: relative;*/
border-bottom: 0.25rem solid #d13138;
border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.causes-list {
margin-top: 3.3125rem;
font-size: 1.3125rem;
font-weight: 400;
line-height: 150%;
}
.causes__item {
list-style: none;
padding-left: 0;
}
.causes__item li {
margin-bottom: 1.875rem;
}
.causes__item li:last-child {
margin-bottom: 0;
}
.causes__item:first-child li {
margin-right: 2.375rem;
}
@media (max-width: 1850px) {
.partner-item img {
max-width: 26.563rem;
max-height: 21.875rem;
margin-right: 2.5rem;
}
.partner-item h4 {
font-size: 1.625rem;
}
.partner-item__title_yellow-line {
border-bottom: 0.25rem solid #d13138;
}
.causes-list {
margin-top: 3.313rem;
font-size: 1.313rem;
}
.causes__item li {
margin-bottom: 1.875rem;
}
.causes__item li:last-child {
margin-bottom: 0;
}
.causes__item:first-child li {
margin-right: 2.375rem;
}
}
@media (max-width: 1440px) {
.causes__item li br {
display: none;
}
}
/*tablet*/
@media (min-width: 1200px) {
.partners__title br {
display: none;
}
}
@media (max-width: 1199px) {
.partner-item img {
max-width: 43.125rem;
width: 100%;
max-height: 35.563rem;
margin-right: 0;
}
.partner-list {
flex-direction: column;
}
.partner-item h4 {
margin: 2.5rem 0 0 0;
font-size: 1.5rem;
}
.partner-item h4 br {
display: none;
}
.causes-list {
margin-top: 2.75rem;
font-size: 1.25rem;
}
.causes__item li br {
display: none;
}
.causes__item li {
margin-bottom: 2.5rem;
}
.causes__item li:last-child {
margin-bottom: 0;
}
.causes__item:first-child li {
margin-right: 2rem;
}
}
@media (max-width: 576px) {
.partner-item img {
max-width: 43.125rem;
width: 100%;
max-height: 35.563rem;
margin-right: 0;
}
.partner-list {
flex-direction: column;
}
.partner-item h4 {
margin: 2.5rem 0 0 0;
font-size: 1.5rem;
}
.partner-item h4 br {
display: none;
}
.causes-list {
margin-top: 2.75rem;
font-size: 1.25rem;
}
.causes__item li br {
display: none;
}
.causes__item li {
margin-bottom: 2.5rem;
}
.causes__item li:last-child {
margin-bottom: 0;
}
.causes__item:first-child li {
margin-right: 2rem;
}
}
@media (min-width: 561px) {
.causes__item {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.partner-item h4 {
margin: 1rem 0 0 0;
font-size: 1.063rem;
}
.causes-list {
margin-top: 1.438rem;
font-size: 0.875rem;
display: flex;
flex-direction: column;
}
.causes__item li {
margin-bottom: 1rem;
margin-right: 0;
}
.causes__item li:last-child {
margin-bottom: 0;
}
}
/*END Блок QuartzVinyl - Ваш надежный партнер*/
.services__item {
margin-right: 2.08vw;
padding: 1.56vw 0 0 2.08vw;
height: 23.44vw;
border-radius: 0.9375rem;
background-size: cover;
background-repeat: no-repeat;
}
.services__item h4 a {
color: #FFF;
font-size: 1.67vw;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
}
.services__item:nth-child(1) {
background-image: url(../image/services-slider-1.png);
}
.services__item:nth-child(2) {
background-image: url(../image/services-slider-2.png);
}
.services__item:nth-child(3) {
background-image: url(../image/services-slider-3.png);
margin-right: 0;
}
/*slider services*/
/*#services-swiper {
margin-left: -1.5rem;
}*/
#services-swiper .swiper-slide {
max-width: 20.625rem;
width: 100%;
height: 16rem;
padding: 1.25rem 0 0 1.875rem;
background-size: cover;
}
#services-swiper .swiper-slide:nth-child(1) {
background-image: url(../image/services-slider-1.png);
}
#services-swiper .swiper-slide:nth-child(2) {
background-image: url(../image/services-slider-2.png);
}
#services-swiper .swiper-slide:nth-child(3) {
background-image: url(../image/services-slider-3.png);
}
#services-swiper .swiper-slide h4 a {
color: #FFF;
font-size: 2rem;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
}
#services-swiper-button-next {
right: 2.625rem;
}
#services-swiper-button-prev {
right: 6.75rem;
}
/*adaptive*/
#services-swiper {
padding-top: 4.375rem;
}
#services-swiper-button-next, #services-swiper-button-prev {
top: 0.938rem;
}
#services-swiper-button-prev {
left: auto;
right: 6.563rem;
}
#cart.btn-group.btn-block {
white-space: nowrap;
}
@media (max-width: 1850px) {
.services__item {
margin-right: 2.5rem;
padding: 1.875rem 0 0 2.5rem;
height: 28.125rem;
}
.services__item h4 a {
font-size: 2rem;
}
}
@media (min-width: 993px) {
#services-swiper {
display: none;
}
}
@media (min-width: 993px) and (max-width: 1199px) {
#services-section .container-full-tab {
margin: 0;
width: auto;
}
}
@media (max-width: 1199px) {
.swiper-button-next, .swiper-button-prev {
width: 3.125rem !important;
height: 3.125rem !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 0.938rem;
}
#services-swiper .swiper-slide {
padding: 1.25rem 0 0 1.875rem;
background-size: cover;
border-radius: 0.625rem;
}
#services-swiper .swiper-slide h4 a {
font-size: 1.5rem;
}
}
@media (max-width: 992px) {
.services-list {
display: none;
}
}
@media (max-width: 576px) {
#services-swiper {
width: auto;
margin-left: 0;
}
}
@media (max-width: 576px) {
.swiper-button-next, .swiper-button-prev {
width: 2.5rem !important;
height: 2.5rem !important;
}
#content .services-section__title {
font-size: 1.438rem;
margin-bottom: 1.875rem;
}
#services-section .container-full-tab {
padding-right: 0.938rem;
}
#services-swiper {
display: none;
}
#content .services-section__title {
margin-bottom: 2.5rem;
}
.services-list {
display: block;
}
.services-section__title, .benefit__title, .partners__title {
margin-bottom: 1.875rem;
}
.services__item {
width: 100%;
height: 12.5rem;
padding: 1.25rem 0 0 1.25rem;
margin-bottom: 1.25rem;
}
.services__item:last-child {
margin-bottom: 0;
}
.services__item h4 a {
font-size: 1.063rem !important;
}
}
/*Плюсы кварцвинила*/
#pros-swiper-button-next,
#pros-swiper-button-prev {
top: 0.9375rem;
}
#pros-swiper-button-next {
right: 3.125rem;
}
#pros-swiper-button-prev {
right: 8.125rem;
left: auto;
}
#pros-swiper .swiper-slide img {
border-radius: 0.9375rem;
}
.pros__title {
margin-bottom: -3.75rem;
}
#pros-swiper {
padding-top: 7.5rem;
}
#pros .swiper-slide h4 {
color: #000;
font-size: 1.625rem;
font-weight: 600;
line-height: 130%;
text-transform: uppercase;
}
#pros .swiper-slide p {
color: #000;
font-size: 1.3125rem;
font-weight: 400;
line-height: 150%;
}
@media (max-width: 1850px) {
#pros-swiper-button-next,
#pros-swiper-button-prev {
top: 0.938rem;
}
#pros-swiper-button-next {
right: 3.125rem;
}
#pros-swiper-button-prev {
right: 8.125rem;
}
.pros__title {
margin-bottom: -3.75rem;
}
#pros-swiper {
padding-top: 7.5rem;
}
#pros .swiper-slide h4 {
font-size: 1.625rem;
}
#pros .swiper-slide p {
font-size: 1.313rem;
}
}
@media (max-width: 1200px) {
#pros .swiper-slide h4 {
font-size: 1.5rem;
}
#pros .swiper-slide p {
font-size: 1.25rem;
}
#pros-swiper-button-next,
#pros-swiper-button-prev {
display: none;
}
}
@media (max-width: 576px) {
#pros-swiper.swiper {
width: auto;
}
}
@media (min-width: 576px) {
.pros__title br {
display: none;
}
}
@media (max-width: 576px) {
#pros-swiper-button-next,
#pros-swiper-button-prev {
display: flex;
}
#pros-swiper-button-next {
right: 0.9375rem;
}
#pros-swiper-button-prev {
/*right: 5.0625rem;*/
right: 4.5rem;
left: auto;
}
#pros .swiper-slide h4 {
font-size: 1.063rem;
}
#pros .swiper-slide p {
font-size: 0.875rem;
}
}
/* BEGIN блок Остались вопросы ? */
#call_me {
margin-bottom: 8.125rem;
margin-top: 8.125rem;
}
#call_me .inner-container {
border-radius: 1.25rem;
background: #d8d5d5;
padding-top: 4.375rem;
padding-bottom: 4.375rem;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
overflow: hidden;
}
#call_me .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
display: none;
}
#call_me .call_me-success {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
transform: translatex(-50%) translatey(-50%);
padding: 1.5625rem 1.875rem;
background: #fff;
box-shadow: 0px 1px 0.9375rem 0px rgba(0, 0, 0, 0.15);
border-radius: 0.625rem;
font-size: 1.3125rem;
line-height: 150%;
display: none;
}
#call_me .inner-container.success .overlay, #call_me .inner-container.success .call_me-success {
display: block;
}
#call_me h2 {
margin-top: 0;
margin-bottom: 1.5rem;
text-align: center;
}
#call_me .call_me-text {
margin-bottom: 2.625rem;
font-size: 1.625rem;
font-weight: 500;
line-height: 130%;
}
#call_me .call_me-text br {
display: none;
}
#call_me .call_me-fields {
display: flex;
gap: 1.5rem;
justify-content: center;
align-items: flex-start;
}
#call_me .field-item:not(.error) input.input-field {
border: 1px solid #000;
}
#call_me .field-item input.input-field {
background: transparent;
margin-bottom: 0.3125rem;
}
#call_me .break {
display: none;
}
#call_me .btn.btn-black {
padding: 1.1875rem 2.5rem 1.25rem;
}
#call_me .btn.btn-black:hover {
background: transparent;
}
#call_me .confidentiality {
margin-top: 0;
}
#call_me .confidentiality .agree_br {
display: none;
}
@media(max-width: 1850px) {
#call_me {
margin-bottom: 8.125rem;
margin-top: 8.125rem;
}
#call_me .inner-container {
border-radius: 1.254rem;
padding-top: 4.375rem;
padding-bottom: 4.375rem;
}
#call_me .call_me-success {
padding: 1.563rem 1.875rem;
font-size: 1.313rem;
}
#call_me h2 {
margin-bottom: 1.5rem;
}
#call_me .call_me-text {
margin-bottom: 2.625rem;
font-size: 1.625rem;
}
#call_me .call_me-fields {
gap: 1.5rem;
}
#call_me .field-item input.input-field {
margin-bottom: 0.313rem;
}
#call_me .btn.btn-black {
padding: 1.188rem 2.5rem 1.25rem;
}
}
@media(max-width: 992px) {
#pros-swiper {
padding-top: 6.25rem;
}
#call_me {
margin-bottom: 5.625rem;
margin-top: 5.625rem;
}
#call_me .inner-container {
border-radius: 0.9375rem;
padding: 1.875rem 2.5rem;
align-items: flex-start;
}
#call_me .call_me-success {
font-size: 1.25rem;
}
#call_me h2 {
margin-bottom: 2.5rem;
text-align: left;
}
#call_me .call_me-text {
margin-bottom: 2.5rem;
font-size: 1.5rem;
}
#call_me .call_me-text br {
display: initial;
}
#call_me .call_me-fields {
gap: 1.25rem;
flex-wrap: wrap;
justify-content: flex-start;
}
#call_me .btn.btn-black {
padding: 1.063rem 2.5rem 1.125rem;
justify-content: center;
width: 18.4375rem;
}
#call_me .break {
display: block;
width: 100%;
height: 0;
}
}
@media(min-width: 768px) and (max-width: 992px) {
#call_me .call_me-fields .field-item {
width: calc((100% - 2rem) / 2);
}
#call_me .btn.btn-black {
width: calc((100% - 2rem) / 2);
}
}
@media(max-width: 576px) {
#call_me {
margin-bottom: 3.75rem;
margin-top: 3.75rem;
}
#call_me .inner-container {
padding: 1.25rem 2rem;
align-items: center;
}
#call_me .call_me-success {
font-size: 0.875rem;
border-radius: 0.375rem;
left: 5%;
right: 5%;
transform: translatey(-50%);
padding: 1rem 1.25rem;
text-align: center;
}
#call_me h2 {
margin-bottom: 1.438rem;
text-align: center;
}
#call_me .call_me-text {
font-size: 1.063rem;
text-align: center;
}
#call_me .call_me-text br {
display: none;
}
#call_me .call_me-fields {
gap: 0.375rem;
flex-direction: column;
width: 100%;
}
#call_me .field-item input.input-field {
margin-bottom: 0.125rem;
}
#call_me .btn.btn-black {
padding: 0.875rem 2.5rem 0.938rem;
width: 100%;
justify-content: center;
}
#call_me .break {
display: none;
}
#call_me .confidentiality {
margin-top: 0.125rem;
}
#call_me .confidentiality .agree_br {
display: initial;
}
}
/* END блок Остались вопросы ? */
/*Отзывы о сайте*/
.reviews_page__content h2 br{
display: none;
}
#testimonial {
column-count: 4;
/* column-gap: 40px;*/
column-gap: 2.273vw;
}
.reviews_page__panel{
/* padding-bottom: 40px;*/
padding-bottom: 2.273vw;
}
.reviews_page__review {
break-inside: avoid;
padding: 0.3125rem;
border-radius: 0.9375rem;
background: #F4F4F6;
/* padding: 30px 40px;*/
padding: 1.705vw 2.273vw;
display: flex;
flex-direction: column;
align-items: flex-start;
/* gap: 40px;*/
gap: 2.273vw;
}
.reviews_page__review div:nth-child(1) {
/* font-size: 26px;*/
font-size: 1.4774vw;
font-weight: 500;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
}
.reviews_page__review div:nth-child(2) {
/* font-size: 1.3125rem;*/
font-size: 1.1933vw;
font-weight: 400;
line-height: 150%;
overflow: hidden;
width: 100%;
}
.reviews_page__total-container {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 3.125rem;
font-size: 1.3125rem;
/*! width: 80%; */
}
.reviews_page__total {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
font-size: 1.3125rem;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.reviews_page__total-reviews span:nth-child(2), .reviews_page__rating{
font-size: 1.625rem;
font-style: normal;
font-weight: 600;
line-height: 140%;
}
.reviews_page__btn-black {
padding: 1.1875rem 2.5rem 1.25rem 2.5rem;
}
.reviews_page__stars-container {
height: 1.25rem;
width: 6.5625rem;
overflow: hidden;
position: relative;
}
.reviews_page__stars-container .rating-back, .reviews_page__stars-container .rating-front {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
}
.reviews_page__stars-container .rating-back {
background: url(../image/stars/Star_gray.svg) repeat-x;
background-size: 1.3125rem 1.3125rem;
}
.reviews_page__stars-container .rating-front {
background: url(../image/stars/Star_yellow.svg) repeat-x;
background-size: 1.3125rem 1.3125rem;
}
.reviews_page__average-rating, .reviews_page__form-rating, .reviews_page__form-rating .review_product_container, .reviews_page__pagination-container, .reviews_page__stars-container-and-rating, .reviews_page__form-rating .review_website_container{
display: flex;
flex-direction: row;
align-items: center;
}
.reviews_page__rating, .reviews_page__stars-container, .reviews_page__total-reviews span:nth-child(2), .reviews_page__form-rating .rating, .reviews_page__form-rating .review_product_container .review_input-field {
margin-left: 0.875rem;
}
.reviews_page__form-rating-title {
font-size: 1.3125rem;
line-height: 150%;
}
#form-testimonial .rating span {
cursor: pointer;
}
#form-testimonial .form-group .field-item .input-field {
margin-bottom: 0px;
}
#button-testimonial {
margin-bottom: 3.125rem;
}
.reviews_page__pagination-container .pagination {
display: flex;
flex-direction: row;
color: #000;
background: #fff;
overflow: hidden;
gap: 0.625rem;
}
.reviews_page__pagination-container .pagination .btn{
border-width: 1px;
padding: 0px 0px 0px;
border-color: #000;
border-radius: 3.125rem;
width: 3.1875rem;
height: 3.1875rem;
}
.reviews_page__pagination-container .pagination .btn-standart:hover a{
color: #fff;
}
.reviews_page__pagination-container .pagination .btn:has(span) {
background: #000;
color: #fff;
}
.reviews_page__pagination-container .pagination .btn a {
color: #000;
width: 100%;
height: 100%;
line-height: 225%;
border: none;
background: none;
padding: 0;
margin-left: 0;
}
.reviews_page__pagination-container .pagination .btn span {
width: 100%;
height: 100%;
line-height: 225%;
border: none;
background: none;
color: #fff;
padding: 0;
}
.reviews_page__pagination-container {
justify-content: center;
margin-bottom: 2.5rem;
}
@media (max-width: 1199px) {
#testimonial {
column-count: 2;
/* column-gap: 30px;*/
column-gap: 3.893vw;
}
.reviews_page__panel{
/* padding-bottom: 30px;*/
padding-bottom: 3.893vw;
}
.reviews_page__review {
/* padding: 20px 30px;*/
padding: 2.596vw 3.893vw;
/* gap: 30px;*/
gap: 3.893vw;
}
.reviews_page__total {
font-size: 1.25rem;
}
.reviews_page__total-reviews span:nth-child(2), .reviews_page__rating {
font-size: 1.5rem;
}
.reviews_page__review div:nth-child(1) {
font-size: 1.5rem;
}
.reviews_page__review div:nth-child(2) {
font-size: 1.25rem;
}
.reviews_page__btn-black {
padding: 1.0625rem 2.5rem 1.125rem 2.5rem;
font-size: 1.25rem;
}
.reviews_page__pagination-container .pagination .btn {
width: 3rem;
height: 3rem;
}
/*
.reviews_page__form-rating-title {
font-size: 16px;
}
*/
.reviews_page__total-container {
margin-bottom: 2.5rem;
font-size: 1.3125rem;
}
#button-testimonial {
margin-bottom: 2.5rem;
}
.reviews_page__pagination-container {
justify-content: center;
margin-bottom: 1.875rem;
}
}
@media (max-width: 576px) {
.reviews_page__pagination-container .pagination .btn a, .reviews_page__pagination-container .pagination .btn span {
line-height: 265%;
}
.reviews_page__review div:nth-child(1) {
/* font-size: 24px;*/
font-size: 3.115vw;
}
.reviews_page__review div:nth-child(2) {
/* font-size: 20px;*/
font-size: 2.596vw;
}
.reviews_page__total {
/* font-size: 20px;*/
font-size: 2.596vw;
}
.reviews_page__total-reviews span:nth-child(2), .reviews_page__rating {
/* font-size: 24px;*/
font-size: 3.115vw;
}
#testimonial {
column-count: 1;
column-gap: 0vw;
}
.reviews_page__content h2 br{
display: block;
}
.reviews_page__average-rating {
flex-direction: column;
}
.reviews_page__average-rating div{
align-self: flex-start;
margin-left: 0;
}
.reviews_page__average-rating {
gap: 0.5rem;
}
.reviews_page__total {
gap: 1.0625rem;
font-size: 0.875rem;
}
.reviews_page__btn-black {
padding: 0.875rem 1.5rem 0.9375rem 1.5rem;
font-size: 0.875rem;
width: 9.75rem;
}
.reviews_page__total-container {
align-items: flex-start;
margin-bottom: 1.875rem;
}
.reviews_page__panel{
padding-bottom: 1rem;
}
.reviews_page__review {
padding: 1rem;
gap: 1.25rem;
}
.reviews_page__review div:nth-child(1) {
font-size: 1.0625rem;
gap: 0.625rem;
}
.reviews_page__review div:nth-child(2) {
font-size: 0.875rem;
}
/*
.reviews_page__pagination-container .pagination .btn a, .reviews_page__pagination-container .pagination .btn span {
line-height: 245%;
}
*/
.reviews_page__pagination-container .pagination .btn {
width: 2.875rem;
height: 2.875rem;
}
.pagination {
margin: 1.5625rem 0 0.9375rem;
}
.reviews_page__total-reviews span:nth-child(2), .reviews_page__rating {
font-size: 1.0625rem;
}
.reviews_page__rating {
margin-left: 0.5rem;
}
#button-testimonial {
margin-bottom: 1.875rem;
width: auto;
}
/*
.reviews_page__form-rating-title {
font-size: 0.875rem;
}
*/
}
/*Выбор города*/
/*основной блок*/
.modal.fade.prmn-cmngr-cities.in .modal-dialog {
max-width: 35.1875rem;
}
.modal.fade.prmn-cmngr-cities.in .modal-content {
border-radius: 0.9375rem;
}
.modal.fade.prmn-cmngr-cities.in .modal-body {
padding: 3.125rem 3.75rem 2.1875rem;
}
/*Крестик закрыть*/
.prmn-cmngr-cities__close span {
position: fixed;
border: none;
background: #fff url(../image/CloseIcon.svg) 0 0 no-repeat;
background-size: cover;
z-index: 1004;
top: 1.25rem;
right: 1.25rem;
margin-top: 0;
width: 2.1875rem;
height: 2.1875rem;
}
/*Заголовок*/
.prmn-cmngr-cities__title {
margin-bottom: 0 !important;
font-size: 1.625rem;
}
/*блок Поиск*/
.prmn-cmngr-cities__search-block {
margin: 1.875rem 0 3.25rem !important;
}
/*Форма ввода*/
.prmn-cmngr-cities__search-block .prmn-cmngr-cities__search.form-control {
padding: 1.1875rem 1.875rem !important;
border-radius: 3.125rem !important;
border: 1px solid rgba(0, 0, 0, 0.50) !important;
height: 3.8125rem;
font-size: 1.125rem;
width: 100%;
max-width: 27.6875rem;
}
/*список городов*/
.modal-body .col-xs-6.col-sm-6.col-12 .prmn-cmngr-cities__city {
margin-bottom: 1.875rem !important;
font-size: 1.3125rem;
}
.modal-body .col-xs-6.col-sm-6.col-12:last-child .prmn-cmngr-cities__city:last-child {
margin-bottom: 0 !important;
}
.prmn-cmngr-cities__search-item {
font-size: 1.125rem;
margin-bottom: 1.25rem;
}
.prmn-cmngr-cities__search-item > span {
color: #000 !important;
}
.prmn-cmngr-cities__search-block .form-control:focus {
font-size: 1.125rem !important;
color: #000;
}
.prmn-cmngr-cities__search-block .dropdown-menu {
padding: 1.1875rem 1.875rem !important;
}
@media (max-width: 1200px) {
.modal.fade.prmn-cmngr-cities.in .modal-dialog {
max-width: 32.6875rem;
}
.novelty h2 {
margin-bottom: 2.5rem;
}
.modal.fade.prmn-cmngr-cities.in .modal-body {
padding: 1.875rem 2.5rem 2.5rem;
}
/*Заголовок*/
.prmn-cmngr-cities__title {
font-size: 1.5rem;
}
/*блок Поиск*/
.prmn-cmngr-cities__search-block {
margin: 2.5rem 0 2.5rem !important;
}
/*Форма ввода*/
.prmn-cmngr-cities__search-block .prmn-cmngr-cities__search.form-control {
padding: 1rem 1.875rem !important;
height: 3.375rem;
font-size: 1.0625rem;
width: 100%;
max-width: 27.6875rem;
}
/*список городов*/
.modal-body .col-xs-6.col-sm-6.col-12 .prmn-cmngr-cities__city {
margin-bottom: 1.5rem !important;
font-size: 1.25rem;
}
.modal-body .col-xs-6.col-sm-6.col-12:last-child .prmn-cmngr-cities__city:last-child {
margin-bottom: 0 !important;
}
.prmn-cmngr-cities__search-item {
font-size: 1.0625rem;
margin-bottom: 1.125rem;
}
.prmn-cmngr-cities__search-block .form-control:focus {
font-size: 1.0625rem !important;
color: #000;
}
.prmn-cmngr-cities__search-block .dropdown-menu {
padding: 1rem 1.875rem !important;
}
}
@media (max-width: 576px) {
#pros-swiper {
padding-top: 5.625rem;
}
.novelty h2 {
margin-bottom: 1.875rem;
}
#prmn-cmngr-cities .modal-dialog {
margin: auto;
}
.modal.fade.prmn-cmngr-cities.in .modal-dialog {
max-width: 19.9375rem;
}
.modal.fade.prmn-cmngr-cities.in .modal-body {
padding: 1.875rem;
}
/*Заголовок*/
.prmn-cmngr-cities__title {
font-size: 1.0625rem;
}
/*блок Поиск*/
.prmn-cmngr-cities__search-block {
margin: 1.875rem 0 2.75rem !important;
}
/*Форма ввода*/
.prmn-cmngr-cities__search-block .prmn-cmngr-cities__search.form-control {
padding: 0.875rem 1.875rem !important;
height: 2.8125rem;
font-size: 0.75rem;
width: 100%;
max-width: 27.6875rem;
}
/*список городов*/
.modal-body .col-xs-6.col-sm-6.col-12 .prmn-cmngr-cities__city {
margin-bottom: 1.5rem !important;
font-size: 0.875rem;
}
.modal-body .col-xs-6.col-sm-6.col-12:last-child .prmn-cmngr-cities__city:last-child {
margin-bottom: 0 !important;
}
.prmn-cmngr-cities__search-item {
font-size: 0.75rem;
margin-bottom: 0.9375rem;
}
.prmn-cmngr-cities__search-block .form-control:focus {
font-size: 0.75rem !important;
color: #000;
}
.prmn-cmngr-cities__search-block .dropdown-menu {
padding: 0.875rem 1.875rem !important;
}
}
/* Отзывы к товару */
#form-review .field-item.error .input-field, #form-testimonial .field-item.error .input-field {
margin-bottom: 0.1rem !important;
}
#form-review .field-item.error, #form-testimonial .field-item.error {
margin-bottom: 0.625rem;
}
#form-review .field-item .input-field, #form-testimonial .field-item .input-field{
margin-bottom: 1.5625rem !important;
}
#form-review .field-item, #form-testimonial .field-item {
margin-bottom: 0.625rem;
}
.write-review-form #form-review .reviews_page__form-rating::before, #form-testimonial .reviews_page__form-rating::before{
top: 1px;
left: -0.75rem;
}
.write-review-form #form-review .reviews_page__form-rating, #form-testimonial .reviews_page__form-rating {
margin-left: 0.75rem;
margin-bottom: 3.4375rem;
}
.write-review-form #form-review .reviews_page__form-rating.error, #form-testimonial .reviews_page__form-rating.error {
margin-bottom: 1.875rem;
}
#form-review .reviews_page__form-rating .review_product_container .rating span, #form-testimonial .reviews_page__form-rating .review_website_container .rating span {
display: contents;
}
#form-review .field-item {
width: 100%;
}
.buttons clearfix #button-review {
width: 15.625rem;
}
.buttons clearfix #button-review {
display: flex;
justify-content: right;
}
#modal-product-review-close {
right: 1.25rem !important;
top: 1.25rem !important;
margin: 0 !important;
width: 3.125rem !important;
height: 3.125rem !important;
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.5 12.5L12.5 37.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 12.5L37.5 37.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
background-size: cover;
position: absolute;
}
#modal-form-review .modal-dialog {
width: 39.1875rem;
}
#modal-form-review .write-review-form .buttons.clearfix {
display: flex !important;
justify-content: end !important;
margin: 0.3125rem 0px 0px 0px;
}
#form-review .field-item.reviews_page__form-rating.error, #form-testimonial .reviews_page__form-rating.error {
flex-wrap: wrap;
}
#form-review .field-item.reviews_page__form-rating.error span, #form-testimonial .field-item.reviews_page__form-rating.error span{
width: 100%;
margin-left: -0.75rem;
}
#form-review h2 {
margin-top: 0px !important;
margin-bottom: 3.75rem;
}
#tab-review-button-next, #tab-review-button-prev {
top: 3.4375rem;
}
#tab-review-button-next {
right: 0px;
}
#tab-review-button-prev {
right: 5rem;
left: auto;
}
#form-review .reviews_page__form-rating .review_product_container .rating {
margin-left: 1.5rem;
}
#form-review .reviews_page__form-rating .review_product_container .review_input-field {
font-size: 1.3125rem;
margin-left: 0px;
}
#button-review {
width: 15.125rem;
justify-content: center;
display: flex;
}
#review .reviews_page__review div:nth-child(2) {
/* font-size: 1.3125rem;*/
font-size: 1.095vw;
}
#review .reviews_page__review div:nth-child(1) {
/* font-size: 26px;*/
font-size: 1.356vw;
}
@media (max-width: 1199px) {
#modal-form-review .write-review-form .buttons.clearfix {
margin: 0.625rem 0px 0px 0px;
}
.write-review-form #form-review .reviews_page__form-rating, #form-testimonial .reviews_page__form-rating {
margin-bottom: 1rem;
}
.write-review-form #form-review .reviews_page__form-rating.error, #form-testimonial .reviews_page__form-rating.error {
margin-bottom: 1rem;
}
#form-review .field-item .input-field, #form-testimonial .field-item .input-field {
margin-bottom: 1.5rem !important;
}
#form-review .field-item.error .input-field, #form-testimonial.error .field-item .input-field {
margin-bottom: 0.125rem !important;
}
#form-review .field-item.error, #form-testimonial .field-item.error {
margin-bottom: 0.375rem;
}
#form-review .field-item, #form-testimonial .field-item {
margin-bottom: 0.375rem;
}
.reviews-stat {
font-size: 1.25rem;
margin: 0px 0px;
}
.reviews-stat #write_review {
width: 14.4375rem;
font-size: 1.25rem;
}
#modal-form-review .modal-dialog {
width: 32.5rem;
}
.write-review-form {
padding: 1.875rem 2.5rem;
}
#modal-product-review-close {
width: 2.1875rem !important;
height: 2.1875rem !important;
}
#modal-form-review .write-review-form .buttons.clearfix {
display: flex !important;
justify-content: end !important;
}
.write-review-form #form-review .reviews_page__form-rating .review_product_container .reviews_page__form-rating-title, #form-review .reviews_page__form-rating .review_product_container .review_input-field, #form-testimonial .reviews_page__form-rating .review_website_container .review_input-field, #form-testimonial .reviews_page__form-rating .review_website_container .reviews_page__form-rating-title {
font-size: 1.25rem;
}
#form-review h2 {
margin-bottom: 2.5rem;
}
.write-review-form #form-review .reviews_page__form-rating .field-item #input-review {
height: 17.375rem;
}
#tab-review-button-next, #tab-review-button-prev{
top: 5.375rem;
}
#tab-review-button-prev {
right: 4.375rem;
}
.reviews-stat.reviews_page__total-container #write_review {
top: 4.625rem;
left: 0px;
}
#tab-review .reviews-stat.reviews_page__total-container {
margin-bottom: 9.1875rem;
}
#review .reviews_page__review div:nth-child(2) {
font-size: 1.25rem;
}
#review .reviews_page__review div:nth-child(1) {
font-size: 1.5rem;
}
}
@media (max-width: 576px) {
#modal-form-review .modal-dialog {
margin: 0.625rem auto;
}
#form-review .field-item textarea.input-field {
height: 11.125rem;
}
#modal-form-review .write-review-form .buttons.clearfix {
margin: 0.625rem 0px 0px 0px;
}
.write-review-form #form-review .reviews_page__form-rating, #form-testimonial .reviews_page__form-rating {
margin-bottom: 1rem;
}
.write-review-form #form-review .reviews_page__form-rating.error, #form-testimonial .reviews_page__form-rating.error {
margin-bottom: 1rem;
}
#form-review .field-item.error .input-field, #form-testimonial .field-item.error .input-field {
margin-bottom: 0.4px !important;
}
#form-review .field-item.error, #form-testimonial .field-item.error {
margin-bottom: 0.5rem;
}
#form-review .field-item .input-field, #form-testimonial .field-item .input-field {
margin-bottom: 1rem !important;
}
#form-review .field-item, #form-testimonial .field-item {
margin-bottom: 0.5rem;
}
.reviews-stat {
font-size: 0.875rem;
}
.reviews-stat #write_review {
width: 9.75rem;
font-size: 0.875rem;
}
#review .reviews_page__panel .reviews_page__review div:nth-child(1) {
font-size: 1.0625rem;
}
#review .reviews_page__panel .reviews_page__review div:nth-child(2) {
font-size: 0.875rem;
}
.reviews_page__total-containe {
margin-bottom: 4.9375rem;
}
#tab-review .reviews_page__total-container .reviews_page__average-rating .reviews_page__stars-container-and-rating .reviews_page__stars-container {
margin-left: 0px;
}
.reviews-stat.reviews_page__total-container #write_review {
position: unset;
width: 9.75rem;
font-size: 0.875rem;
}
#tab-review .reviews_page__total-container .reviews_page__average-rating {
align-items: flex-start;
justify-content: center;
flex-direction: column;
gap: 0.5rem;
font-size: 0.875rem;
}
.reviews_page__stars-container
.reviews_page__stars-container-and-rating {
flex-direction: row;
}
#modal-form-review .modal-dialog {
width: 22.5rem;
}
.write-review-form {
padding: 1.875rem 1.875rem;
}
#modal-form-review .write-review-form .buttons.clearfix {
display: flex !important;
justify-content: end !important;
}
.write-review-form #form-review .reviews_page__form-rating .review_product_container .reviews_page__form-rating-title, #form-review .reviews_page__form-rating .review_product_container .review_input-field, #form-testimonial .reviews_page__form-rating .review_website_container .review_input-field, #form-testimonial .reviews_page__form-rating .review_website_container .reviews_page__form-rating-title {
font-size: 0.875rem;
}
#form-review h2 {
margin-bottom: 1.875rem;
}
.write-review-form #form-review .reviews_page__form-rating .field-item #input-review {
height: 11.125rem;
}
#tab-review-button-next, #tab-review-button-prev{
top: 5.0625rem;
}
#tab-review .reviews-stat.reviews_page__total-container {
margin-bottom: 4.9375rem;
}
#review .reviews_page__review div:nth-child(2) {
font-size: 0.875rem;
}
#review .reviews_page__review div:nth-child(1) {
font-size: 1.0625rem;
}
}
@media (max-width: 576px) {
#tab-review.swiper {
width: 100%;
margin-bottom: 0.9375rem;
}
}
/* BEGIN услуги */
.services-page {
display: flex;
flex-direction: column;
gap: 3.75rem;
}
.services-page__item {
display: grid;
}
/* 1 блок */
.services-page__item1 {
grid-template-columns: 36.25rem auto 16.875rem;
column-gap: 2.5rem;
grid-template-areas:
"image types special"
"image info special";
}
.services-page__item-img {
grid-area: image;
color: #fff;
text-transform: uppercase;
font-size: 2rem;
font-weight: 600;
line-height: 130%;
border-radius: 0.9375rem;
}
.services-page__item1 .services-page__item-img {
padding: 1.875rem 10.5625rem 0px 2.5rem;
background: url('../image/uslugi/uslugi-1.png') no-repeat;
background-size: cover;
height: 28.125rem;
}
.services-page__item-types {
grid-area: types;
}
.services-page__item-type {
display: flex;
align-items: flex-end;
margin-bottom: 1.5rem;
}
.services-page__item-type:last-child{
margin-bottom: 0px;
}
.services-page__item-type-name {
color: #000;
font-size: 1.3125rem;
line-height: 150%;
}
.services-page__item-type-name.long-type {
max-width: 22.125rem;
}
.services-page__item-type-price.long-type {
white-space: normal;
text-align: right;
flex-basis: 2.5rem;
}
.services-page__item-type-price {
color: #000;
font-size: 1.3125rem;
line-height: 130%;
font-weight: 600;
white-space: nowrap;
}
.services-page__item-type-line {
flex: 1 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
height: 1px;
margin: 0 0.625rem;
min-width: 2.5rem;
}
.services-page__item-info {
grid-area: info;
display: flex;
flex-direction: column;
margin-top: 0.5rem;
gap: 0.4375rem;
}
.services-page__item-info .min-order {
color: rgba(0, 0, 0, 0.5);
font-size: 1.3125rem;
line-height: 150%;
}
.services-page__item-info .specialist {
color: #000;
font-size: 1.3125rem;
line-height: 130%;
font-weight: 600;
}
.services-page__item-special {
grid-area: special;
width: 16.875rem;
height: 16.875rem;
background-color: #d13138;
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.services-page__item-special-text {
margin-bottom: 1.5rem;
color: #000;
font-size: 1.3125rem;
font-weight: 600;
line-height: 130%;
text-align: center;
margin-top: 0.625rem;
}
.services-page__item-special-percent {
color: #000;
font-size: 2.375rem;
font-weight: 500;
line-height: 130%;
text-align: center;
}
/* 2 блок */
.services-page__item2 {
grid-template-columns: auto 36.25rem;
column-gap: 2.5rem;
grid-template-areas:
"text image"
"types image"
"info image";
background-color: #F4F4F6;
border-radius: 1.25rem;
padding: 2.5rem 2.5rem 2.5rem 3.125rem;
}
.services-page__item2 .services-page__item-img {
padding: 1.875rem 0px 0px 2.5rem;
background: url('../image/uslugi/uslugi-2.png') no-repeat;
background-size: cover;
height: 28.125rem;
}
.services-page__item p {
grid-area: text;
font-size: 1.3125rem;
line-height: 150%;
margin: 0;
}
.services-page__item2 .services-page__item-types {
display: flex;
justify-content: space-between;
gap:2.5rem;
align-items: stretch;
margin-top: 3.75rem;
margin-bottom: 2.5rem;
}
.services-page__item-types-block {
flex-basis: 50%;
display: flex;
flex-wrap: wrap;
}
.services-page__item2 .services-page__item-type {
width: 100%;
}
.services-page__item-type-header {
font-size: 1.3125rem;
font-weight: 600;
line-height: 130%;
margin-bottom: 1.875rem;
width: 100%;
}
.services-page__item2 .services-page__item-info {
max-width: 53.125rem;
margin: 0;
gap: 0;
}
/* 3 блок */
.services-page__item3 {
grid-template-columns: 36.25rem auto;
grid-gap: 2.5rem;
grid-template-areas:
"image text"
"image show";
}
.services-page__item3 .services-page__item-img {
padding: 1.875rem 0px 0px 2.5rem;
background: url('../image/uslugi/uslugi-3.png') no-repeat;
background-size: cover;
height: 28.125rem;
}
.services-page__item-show {
display: flex;
align-items: flex-start;
gap: 2.5rem;
grid-area: show;
}
.services-page__item-show-block {
flex-basis: 50%;
display: flex;
flex-wrap: wrap;
}
.services-page__item-show-header {
font-size: 1.3125rem;
font-weight: 600;
line-height: 130%;
margin-bottom: 1.5rem;
width: 100%;
}
.services-page__item-show-text {
font-size: 1.3125rem;
line-height: 150%;
}
@media(max-width: 1850px) {
.services-page {
gap: 3.75rem;
}
/* 1 блок */
.services-page__item1 {
grid-template-columns: 36.25rem auto 16.875rem;
column-gap: 2.5rem;
}
.services-page__item-img {
font-size: 2rem;
}
.services-page__item1 .services-page__item-img {
padding: 1.875rem 10.563rem 0px 2.5rem;
height: 28.125rem;
}
.services-page__item-type {
margin-bottom: 1.5rem;
}
.services-page__item-type:last-child{
margin-bottom: 0px;
}
.services-page__item-type-name {
font-size: 1.313rem;
}
.services-page__item-type-name.long-type {
max-width: 22.125rem;
}
.services-page__item-type-price.long-type {
flex-basis: 2.5rem;
}
.services-page__item-type-price {
font-size: 1.313rem;
}
.services-page__item-type-line {
height: 1px;
margin: 0 0.625rem;
min-width: 2.5rem;
}
.services-page__item-info {
margin-top: 0.5rem;
gap: 0.438rem;
}
.services-page__item-info .min-order {
font-size: 1.313rem;
}
.services-page__item-info .specialist {
font-size: 1.313rem;
}
.services-page__item-special {
width: 16.875rem;
height: 16.875rem;
}
.services-page__item-special-text {
margin-bottom: 1.5rem;
font-size: 1.313rem;
margin-top: 0.625rem;
}
.services-page__item-special-percent {
font-size: 2.375rem;
}
/* 2 блок */
.services-page__item2 {
grid-template-columns: auto 36.25rem;
column-gap: 2.5rem;
border-radius: 1.25rem;
padding: 2.5rem 2.5rem 2.5rem 3.125rem;
}
.services-page__item2 .services-page__item-img {
padding: 1.875rem 0px 0px 2.5rem;
height: 28.125rem;
}
.services-page__item p {
font-size: 1.313rem;
margin: 0;
}
.services-page__item2 .services-page__item-types {
gap:2.5rem;
margin-top: 3.75rem;
margin-bottom: 2.5rem;
}
.services-page__item-type-header {
font-size: 1.313rem;
margin-bottom: 1.875rem;
}
.services-page__item2 .services-page__item-info {
max-width: 53.125rem;
}
/* 3 блок */
.services-page__item3 {
grid-template-columns: 36.25rem auto;
grid-gap: 2.5rem;
}
.services-page__item3 .services-page__item-img {
padding: 1.875rem 0px 0px 2.5rem;
height: 28.125rem;
}
.services-page__item-show {
gap: 2.5rem;
}
.services-page__item-show-header {
font-size: 1.313rem;
margin-bottom: 1.5rem;
}
.services-page__item-show-text {
font-size: 1.313rem;
}
}
/*@media(max-width: 1600px) {*/
/* !* 1 блок *!*/
/* .services-page__item1 {*/
/* grid-template-columns: 400px auto 200px;*/
/* }*/
/* .services-page__item1 .services-page__item-img {*/
/* height: 310px;*/
/* }*/
/* .services-page__item-special {*/
/* width: 200px;*/
/* height: 200px;*/
/* }*/
/* .services-page__item-special-text {*/
/* margin-bottom: 10px;*/
/* font-size: 18px;*/
/* margin-top:20px;*/
/* }*/
/* .services-page__item-special-percent {*/
/* font-size: 30px;*/
/* }*/
/* !* 2 блок *!*/
/* .services-page__item2 {*/
/* grid-template-columns: auto 400px;*/
/* }*/
/* .services-page__item2 .services-page__item-img {*/
/* height: 310px;*/
/* }*/
/* !* 3 блок *!*/
/* .services-page__item3 {*/
/* grid-template-columns: 400px auto;*/
/* }*/
/* .services-page__item3 .services-page__item-img {*/
/* height: 310px;*/
/* }*/
/* .services-page__item-show-block:first-child{*/
/* flex-basis: 60%;*/
/* }*/
/*}*/
/*@media(max-width: 1440px) {*/
/* !* 1 блок *!*/
/* .services-page__item1 {*/
/* grid-template-columns: 350px auto 200px;*/
/* column-gap: 25px;*/
/* }*/
/* .services-page__item1 .services-page__item-img {*/
/* height: 270px;*/
/* padding: 20px 20px 0px 20px;*/
/* }*/
/* */
/* .services-page__item-type {*/
/* margin-bottom: 20px;*/
/* }*/
/* .services-page__item-type-name {*/
/* font-size: 16px;*/
/* }*/
/* .services-page__item-type-name.long-type {*/
/* max-width: 300px;*/
/* }*/
/* .services-page__item-type-price {*/
/* font-size: 16px;*/
/* }*/
/* .services-page__item-info .min-order {*/
/* font-size: 16px;*/
/* }*/
/* .services-page__item-info .specialist {*/
/* font-size: 16px;*/
/* }*/
/* !* 2 блок *!*/
/* .services-page__item2 {*/
/* grid-template-columns: auto 350px;*/
/* column-gap: 25px;*/
/* }*/
/* .services-page__item2 .services-page__item-img {*/
/* height: 270px;*/
/* padding: 20px 20px 0px 20px;*/
/* }*/
/* .services-page__item p {*/
/* font-size: 18px;*/
/* }*/
/* .services-page__item-type-header {*/
/* font-size: 18px;*/
/* }*/
/* !* 3 блок *!*/
/* .services-page__item3 {*/
/* grid-template-columns: 350px auto;*/
/* column-gap: 25px;*/
/* }*/
/* .services-page__item3 .services-page__item-img {*/
/* height: 270px;*/
/* padding: 20px 20px 0px 20px;*/
/* }*/
/* .services-page__item-show-header {*/
/* font-size: 18px;*/
/* }*/
/* .services-page__item-show-text {*/
/* font-size: 18px;*/
/* }*/
/*}*/
@media(max-width: 1199px) {
/* 1 блок */
.services-page__item1 {
grid-template-columns: auto;
row-gap: 2.5rem;
column-gap:2.5rem;
grid-template-areas:
"image image"
"types types"
"info special";
}
.services-page__item-img {
font-size: 1.5rem;
}
.services-page__item1 .services-page__item-img {
padding: 1.25rem 0px 0px 1.875rem;
background: url('../image/uslugi/uslugi-1-tab.png') no-repeat;
background-size: contain;
width: 100%;
height: calc((100vw - 4.875rem) / 2.5842 );
}
.services-page__item-type {
margin-bottom: 1.25rem;
}
.services-page__item-type-name {
font-size: 1.25rem;
}
.services-page__item-type-name.long-type {
max-width: 22.125rem;
}
.services-page__item-type-price {
font-size: 1.25rem;
}
.services-page__item-info {
justify-content: center;
max-width: 31.25rem;
}
.services-page__item-info .min-order {
font-size: 1.25rem;
}
.services-page__item-info .specialist {
font-size: 1.25rem;
}
.services-page__item-special {
width: 15.75rem;
height: 15.75rem;
margin-left: auto;
margin-right: 2.5rem;
}
.services-page__item-special-text {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.services-page__item-special-percent {
font-size: 1.875rem;
}
/* 2 блок */
.services-page__item2 {
grid-template-columns: auto;
row-gap: 2.5rem;
column-gap:0;
grid-template-areas:
"image"
"text"
"types"
"info";
border-radius: 0.9375rem;
padding: 1.875rem;
}
.services-page__item2 .services-page__item-img {
padding: 1.25rem 0px 0px 1.875rem;
background: url('../image/uslugi/uslugi-2-tab.png') no-repeat;
background-size: contain;
width: 100%;
height: calc((100vw - 4.875rem - 3.75rem) / 2.3595 );
}
.services-page__item p {
font-size: 1.25rem;
}
.services-page__item2 .services-page__item-types {
gap:1.25rem;
align-items: stretch;
margin-top: 0;
margin-bottom: 0;
}
.services-page__item-type-header {
font-size: 1.25rem;
margin-bottom: 1.5rem;
}
/* 3 блок */
.services-page__item3 {
grid-template-columns: auto;
row-gap: 2.5rem;
column-gap:0;
grid-template-areas:
"image"
"text"
"show";
}
.services-page__item3 .services-page__item-img {
padding: 1.25rem 0px 0px 1.875rem;
background: url('../image/uslugi/uslugi-3-tab.png') no-repeat;
background-size: contain;
width: 100%;
height: calc((100vw - 4.875rem) / 2.5746 );
}
.services-page__item-show {
gap: 1.875rem;
}
.services-page__item-show-block:first-child {
flex-basis: 50%;
}
.services-page__item-show-header {
font-size: 1.25rem;
margin-bottom: 1.25rem;
}
.services-page__item-show-text {
font-size: 1.25rem;
}
}
@media(max-width: 576px) {
.services-page__item-img {
border-radius: 0.625rem;
}
.services-page__item1 {
row-gap: 1.5rem;
column-gap:0;
grid-template-areas:
"image"
"types"
"special"
"info";
}
.services-page__item1 .services-page__item-img {
padding: 1.25rem 0px 0px 1.25rem;
background: url('../image/uslugi/uslugi-1-mob.png') no-repeat;
background-size: contain;
width: 100%;
height: calc((100vw - 2rem) / 1.64 );
font-size: 1.063rem;
}
.services-page__item-type-name {
font-size: 0.875rem;
}
.services-page__item-type-name.long-type {
max-width: 60%;
}
.services-page__item-type-name.long-type + .services-page__item-type-line {
display: none;
}
.services-page__item-type-price {
font-size: 0.875rem;
}
.services-page__item-type-price.long-type {
margin-left: auto;
}
.services-page__item-info {
gap: 1.25rem;
max-width: 75%;
}
.services-page__item-info .min-order {
font-size: 0.875rem;
}
.services-page__item-info .specialist {
font-size: 0.875rem;
}
.services-page__item-special {
width: 11.25rem;
height: 11.25rem;
margin-left: auto;
margin-right: auto;
}
.services-page__item-special-text {
margin-bottom: 0.75rem;
font-size: 0.875rem;
}
.services-page__item-special-percent {
font-size: 1.438rem;
}
/* 2 блок */
.services-page__item2 {
row-gap: 1.5rem;
border-radius: 0.625rem;
padding: 1rem;
}
.services-page__item2 .services-page__item-img {
padding: 1.25rem 0px 0px 1.25rem;
background: url('../image/uslugi/uslugi-2-mob.png') no-repeat;
background-size: contain;
width: 100%;
font-size: 1.063rem;
height: calc((100vw - 2rem - 2rem) / 1.48 );
}
.services-page__item p {
font-size: 0.875rem;
}
.services-page__item2 .services-page__item-types {
flex-direction: column;
gap: 1.25rem;
}
.services-page__item-type-header {
font-size: 0.875rem;
margin-bottom: 1.25rem;
}
/* 3 блок */
.services-page__item3 {
row-gap: 1.5rem;
}
.services-page__item3 .services-page__item-img {
padding: 1.25rem 0px 0px 1.25rem;
background: url('../image/uslugi/uslugi-3-mob.png') no-repeat;
background-size: contain;
width: 100%;
height: calc((100vw - 2rem) / 1.64 );
font-size: 1.063rem;
}
.services-page__item-show {
gap: 1.25rem;
flex-direction: column;
}
.services-page__item-show-block {
flex-basis: 100%;
}
.services-page__item-show-header {
font-size: 0.875rem;
margin-bottom: 0.75rem;
}
.services-page__item-show-text {
font-size: 0.875rem;
}
}
/*@media(max-width: 480px) {*/
/* .services-page__item-type:nth-child(1) .services-page__item-type-name {*/
/* max-width: 151px;*/
/* }*/
/* .services-page__item-type:nth-child(2) .services-page__item-type-name {*/
/* max-width: 171px;*/
/* }*/
/* .services-page__item-type:nth-child(3) .services-page__item-type-name {*/
/* max-width: 154px;*/
/* }*/
/* .services-page__item-type:nth-child(4) .services-page__item-type-name {*/
/* max-width: 190px;*/
/* }*/
/*}*/
/* END услуги */
/* BEGIN Оплата и доставка */
.information-information-17 #content > h2 {
display: none;
}
.delivery-payment-img {
width: 100%;
border-radius: 1.25rem;
background: url('../image/delivery-main.png') 0 0 no-repeat;
background-size: cover;
height: calc((100vw - 6.25rem) / 3.309);
}
.gray-blocks {
display: flex;
gap: 2.5rem;
justify-content: space-between;
}
.gray-block {
padding: 1.875rem 2.5rem;
background: #F4F4F6;
border-radius: 0.9375rem;
flex: 1 1 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.gray-block-header {
font-size: 1.625rem;
font-weight: 500;
line-height: 130%;
margin-bottom: 1.5rem;
}
.gray-block p {
font-size: 1.3125rem;
line-height: 150%;
margin-bottom: 0;
}
.payment-block {
margin-top: 3.75rem;
margin-bottom: 8.125rem;
}
.payment-block .gray-block {
min-height: 14.75rem;
/*flex-basis: 33%;*/
padding-right: 6.25rem;
background-position: calc(100% - 2.5rem) 1.875rem;
background-repeat: no-repeat;
}
.gray-block.payment-item-wallet {
background-image: url('../image/icon_wallet.svg');
}
.gray-block.payment-item-wallet p {
max-width: 20.8125rem;
}
.gray-block.payment-item-card {
background-image: url('../image/icon_card.svg');
}
.gray-block.payment-item-card p {
max-width: 20.8125rem;
}
.gray-block.payment-item-noncash {
background-image: url('../image/icon_money.svg');
}
.gray-block.payment-item-noncash p {
max-width: 16.875rem;
}
.payment-cards {
display: flex;
gap: 1.25rem;
justify-content: flex-start;
margin-top: auto;
}
.delivery-block .gray-blocks {
margin-bottom: 2.5rem;
margin-top: 2.5rem;
}
.delivery-block .gray-block {
min-height: 13.375rem;
/*flex-basis: 25%;*/
}
.gray-block.delivery-item-t1 p {
max-width: 20.8125rem;
}
.gray-block.delivery-item-t2 p {
max-width: 14.625rem;
}
.gray-block.delivery-item-t3 p {
max-width: 19.6875rem;
}
.gray-block.delivery-item-t4 p {
max-width: 17.875rem;
}
.delivery-info-top {
font-size: 1.3125rem;
line-height: 150%;
}
.delivery-info-bottom {
font-size: 1.3125rem;
font-weight: 600;
line-height: 150%;
max-width: 65.3125rem;
display: inline-flex;
}
@media(max-width: 1850px) {
.delivery-payment-img {
height: calc((100vw - 6.25rem) / 3.309);
}
.gray-blocks {
gap: 2.5rem;
}
.gray-block {
padding: 1.875rem 2.5rem;
}
.gray-block-header {
font-size: 1.625rem;
margin-bottom: 1.5rem;
}
.gray-block p {
font-size: 1.313rem;
}
.payment-block {
margin-top: 3.75rem;
margin-bottom: 8.125rem;
}
.payment-block .gray-block {
min-height: 14.75rem;
/*flex-basis: 33%;*/
padding-right: 6.25rem;
background-position: calc(100% - 2.5rem) 1.875rem;
}
.gray-block.payment-item-wallet p {
max-width: 20.813rem;
}
.gray-block.payment-item-card p {
max-width: 20.813rem;
}
.gray-block.payment-item-noncash p {
max-width: 16.875rem;
}
.payment-cards {
gap: 1.25rem;
}
.delivery-block .gray-blocks {
margin-bottom: 2.5rem;
margin-top: 2.5rem;
}
.delivery-block .gray-block {
min-height: 13.375rem;
/*flex-basis: 25%;*/
}
.gray-block.delivery-item-t1 p {
max-width: 20.813rem;
}
.gray-block.delivery-item-t2 p {
max-width: 14.625rem;
}
.gray-block.delivery-item-t3 p {
max-width: 19.688rem;
}
.gray-block.delivery-item-t4 p {
max-width: 17.875rem;
}
.delivery-info-top {
font-size: 1.313rem;
}
.delivery-info-bottom {
font-size: 1.313rem;
max-width: 65.313rem;
}
}
/*@media(max-width: 1440px) {*/
/* .gray-blocks {*/
/* gap: 1.875rem;*/
/* }*/
/* .payment-block .gray-block {*/
/* background-size: auto 2.188rem;*/
/* background-position: calc(100% - 1.25rem) 1.875rem;*/
/* padding-left: 1.875rem;*/
/* padding-right: 4.375rem;*/
/* }*/
/* .gray-block-header {*/
/* font-size: 1.375rem;*/
/* margin-bottom: 1.25rem;*/
/* }*/
/* .gray-block p {*/
/* font-size: 1.063rem;*/
/* }*/
/* .payment-cards {*/
/* flex-wrap: wrap;*/
/* width: 11.25rem;*/
/* margin-top: 0.625rem;*/
/* gap: 0.625rem;*/
/* justify-content: space-between;*/
/* }*/
/*}*/
@media(max-width: 1199px) {
.delivery-payment-img {
border-radius: 0.9375rem;
background-image: url('../image/delivery-main-tab.png');
background-size: cover;
height: calc((100vw - 4.875rem) / 1.971);
}
.gray-blocks {
gap: 1.875rem;
flex-wrap: wrap;
}
.gray-block {
padding: 1.25rem 1.875rem;
border-radius: 0.625rem;
}
.gray-block-header {
font-size: 1.5rem;
margin-bottom: 1.25rem;
}
.gray-block p {
font-size: 1.25rem;
}
.payment-block {
margin-bottom: 5.625rem;
}
.payment-block .gray-block {
min-height: 14.25rem;
flex-basis: 45%;
padding-right: 1.875rem;
background-position: calc(100% - 1.25rem) calc(100% - 1.25rem);
}
.gray-block.payment-item-wallet {
background-size: auto 2.938rem;
}
.gray-block.payment-item-wallet p {
max-width: 13.813rem;
}
.gray-block.payment-item-card {
flex-basis: 100%;
width: 100%;
background-size: auto 2.938rem;
order: 1;
}
.gray-block.payment-item-card p {
max-width: 27.375rem;
}
.gray-block.payment-item-noncash {
background-size: auto 2.813rem;
}
.gray-block.payment-item-noncash p {
max-width: 16.875rem;
}
.payment-cards {
display: flex;
gap: 1.063rem;
justify-content: flex-start;
margin-top: auto;
transform: scale(0.9);
transform-origin: left;
width: auto;
flex-wrap: nowrap;
}
.delivery-block .gray-blocks {
margin-bottom: 1.875rem;
margin-top: 1.875rem;
}
.delivery-block .gray-block {
min-height: 15.125rem;
flex-basis: 45%;
}
.gray-block.delivery-item-t1 p {
max-width: 13.438rem;
}
.gray-block.delivery-item-t2 p {
max-width: 14.625rem;
}
.gray-block.delivery-item-t3 p {
max-width: 14.688rem;
}
.gray-block.delivery-item-t4 p {
max-width: 17.875rem;
}
.delivery-info-top {
font-size: 1.25rem;
}
.delivery-info-bottom {
font-size: 1.25rem;
}
}
@media(max-width: 576px) {
.delivery-payment-img {
border-radius: 0.625rem;
background-image: url('../image/delivery-main-mob.png');
height: calc((100vw - 2rem) / 1.312);
}
.gray-blocks {
gap: 1.25rem;
}
.gray-block {
padding: 1.25rem;
}
.gray-block-header {
font-size: 1.063rem;
margin-bottom: 1rem;
}
.gray-block p {
font-size: 0.875rem;
}
.payment-block {
margin-top: 1.875rem;
margin-bottom: 3.75rem;
}
.payment-block .gray-block {
min-height: 7.5rem;
flex-basis: 100%;
padding-right: 6.25rem;
background-position: calc(100% - 1.25rem) 1.25rem;
}
.gray-block.payment-item-wallet {
background-size: auto 2.5rem;
}
.gray-block.payment-item-wallet p {
max-width: 9.75rem;
}
.gray-block.payment-item-card {
background-size: auto 2.5rem;
}
.gray-block.payment-item-card p {
max-width: 9.813rem;
}
.gray-block.payment-item-noncash {
background-size: auto 2.375rem;
}
.gray-block.payment-item-noncash p {
max-width: 10.688rem;
}
.payment-cards {
gap: 1.063rem;
transform: scale(0.75);
}
.delivery-block .gray-blocks {
margin-bottom: 1.25rem;
margin-top: 1.25rem;
}
.delivery-block .gray-block {
min-height: unset;
flex-basis: 100%;
}
.delivery-info-top {
font-size: 0.875rem;
}
.delivery-info-bottom {
font-size: 0.875rem;
}
}
/* END Оплата и доставка */
/* BEGIN О компании */
.about-main {
margin-top: -7.5rem;
margin-bottom: 3.75rem;
}
.about-main-top, .about-main-bottom {
display: flex;
gap: 2.5rem;
}
.col-1-3 {
flex-basis: calc(33% - 1.25rem);
flex-grow: 0;
flex-shrink: 0;
}
.about-title {
font-weight: 600;
font-size: 1.625rem;
line-height: 130%;
text-transform: uppercase;
}
.about-text {
font-weight: 400;
font-size: 1.3125rem;
line-height: 150%;
}
.about-title + .about-text, .about-text + .about-text {
margin-top: 1.5rem;
}
.about-main-top .about-title {
max-width: 55.625rem;
}
.about-main-top .about-text {
max-width: 45.9375rem;
}
.about-main-bottom .about-text {
max-width: 55.625rem;
}
.about-main-img {
width: 100%;
border-radius: 1.25rem;
background: url('../image/about-main.png') 0 0 no-repeat;
background-size: cover;
height: calc((100vw - 6.25rem) / 2.716);
margin: 3.75rem 0;
}
.about-target {
margin-top: 8.125rem;
display: flex;
gap: 2.5rem;
}
.about-target-right {
width: 100%;
border-radius: 1.25rem;
background: url('../image/about-target.png') 0 0 no-repeat;
background-size: cover;
height: 20.8333vw;
}
.about-strategy {
margin-top: 8.125rem;
display: flex;
gap: 2.5rem;
}
.about-strategy-left {
width: 100%;
border-radius: 1.25rem;
background: url('../image/about-strategy.png') 0 0 no-repeat;
background-size: cover;
height: 20.8333vw;
}
@media(max-width: 1850px) {
.about-main {
margin-top: -7.5rem;
margin-bottom: 3.75rem;
}
.about-main-top, .about-main-bottom {
gap: 2.5rem;
}
.col-1-3 {
flex-basis: calc(33% - 1.25rem);
}
.about-title {
font-size: 1.625rem;
}
.about-text {
font-size: 1.313rem;
}
.about-title + .about-text, .about-text + .about-text {
margin-top: 1.5rem;
}
.about-main-top .about-title {
max-width: 55.625rem;
}
.about-main-top .about-text {
max-width: 45.938rem;
}
.about-main-bottom .about-text {
max-width: 55.625rem;
}
.about-main-img {
height: calc((100vw - 6.25rem) / 2.716);
margin: 3.75rem 0;
}
.about-target {
margin-top: 8.125rem;
gap: 2.5rem;
}
.about-strategy {
margin-top: 8.125rem;
gap: 2.5rem;
}
}
/*@media(max-width: 1440px) {
.about-main-top, .about-main-bottom {
gap: 1.875rem;
}
.col-1-3 {
flex-basis: calc(33% - 0.938rem);
}
.about-title {
font-size: 1.375rem;
}
.about-text {
font-size: 1.063rem;
}
.about-title + .about-text, .about-text + .about-text {
margin-top: 1.25rem;
}
.about-target {
gap: 1.875rem;
}
.about-strategy {
gap: 1.875rem;
}
}*/
@media(max-width: 1199px) {
.about-main {
margin-top: 0;
margin-bottom: 2.5rem;
}
.about-main-top, .about-main-bottom {
gap: 1.25rem;
}
.col-1-3 {
flex-basis: calc(33% - 0.625rem);
}
.about-title {
font-size: 1.5rem;
}
.about-text {
font-size: 1.25rem;
}
.about-main-img {
border-radius: 0.9375rem;
background-image: url('../image/about-main-tab.png');
height: calc((100vw - 4.875rem) / 1.971);
margin: 2.5rem 0;
}
.about-target {
margin-top: 5.625rem;
gap: 1.875rem;
}
.about-target .col-1-3 {
flex-basis: 50%;
flex-grow: inherit;
flex-shrink: inherit;
}
.about-target-right {
border-radius: 0.625rem;
background-image: url('../image/about-target-tab.png');
height: 42.96vw;
flex-basis: 50%;
width: 50%;
}
.about-strategy {
margin-top: 5.625rem;
gap: 1.875rem;
}
.about-strategy .col-1-3 {
flex-basis: 50%;
flex-grow: inherit;
flex-shrink: inherit;
}
.about-strategy-left {
border-radius: 0.625rem;
background-image: url('../image/about-strategy-tab.png');
height: 52.08vw;
flex-basis: 50%;
width: 50%;
}
.about-strategy-right {
flex-basis: 50%;
}
.about-page .gray-block {
flex-basis: 100%;
}
}
@media(max-width: 960px) {
.about-strategy {
display: block;
}
.about-strategy-left {
float: left;
margin-right: 1.875rem;
width: calc(50% - 0.938rem);
}
.about-strategy-right .about-text + .about-text {
margin-top: 3.125rem;
}
}
@media(max-width: 576px) {
.about-main {
margin-bottom: 1.25rem;
}
.about-main-top, .about-main-bottom {
gap: 1.25rem;
}
.col-1-3 {
flex-basis: auto;
}
.about-main .col-1-3 {
display: none;
}
.about-title {
font-size: 1.063rem;
}
.about-text {
font-size: 0.875rem;
}
.about-title + .about-text, .about-text + .about-text {
margin-top: 1rem;
}
.about-main-img {
border-radius: 0.625rem;
background-image: url('../image/about-main-mob.png');
height: calc((100vw - 2rem) / 1.312);
margin: 1rem 0 1.25rem 0;
}
.about-target {
margin-top: 3.75rem;
gap: 1.25rem;
flex-direction: column;
}
.about-target .col-1-3 {
flex-basis: auto;
}
.about-target-right {
background-image: url('../image/about-target-mob.png');
height: calc((100vw - 2rem) / 1.6);
flex-basis: auto;
width: 100%;
order: -1;
}
.about-strategy {
margin-top: 3.75rem;
gap: 1.25rem;
display: flex;
flex-direction: column;
}
.about-strategy .col-1-3 {
flex-basis: auto;
}
.about-strategy-left {
background-image: url('../image/about-strategy-mob.png');
height: calc((100vw - 2rem) / 1.6);
flex-basis: auto;
width: 100%;
}
.about-strategy-right {
flex-basis: auto;
}
.about-strategy-right .about-text + .about-text {
margin-top: 1rem;
}
}
/* END О компании */
.product-cart-descript {
display: flex;
}
#accessories-swiper-button-next, #accessories-swiper-button-prev {
display: none;
}
/*@media (max-width: 1700px) {*/
/* .photoslide .thumbslick-for img {*/
/* max-width: 580px;*/
/* max-height: 798px;*/
/* width: 100%;*/
/* height: 100%;*/
/* }*/
/* .thumbslick {*/
/* margin-left: 20px;*/
/* flex: 0 0 120px;*/
/* max-width: 120px;*/
/* }*/
/* .thumbslick img {*/
/* max-width: 120px;*/
/* max-height: 120px;*/
/* width: 100%;*/
/* height: 100%;*/
/* }*/
/* .thumbslick .slick-slide {*/
/* width: 120px !important;*/
/* }*/
/* .thumbslick.slick-initialized.slick-slider.slick-vertical {*/
/* top: 0*/
/* }*/
/* .photoslide .slick-next, .slick-prev {*/
/* left: 34px;*/
/* }*/
/* #product {*/
/* margin-left: 30px;*/
/* }*/
/*}*/
@media (min-width: 1200px) {
#collection-swiper-button-next, #collection-swiper-button-prev {
display: none;
}
}
@media (max-width: 1199px) {
.product-cart-descript {
flex-direction: column;
}
#product {
margin-left: 0px;
padding: 0;
margin-bottom: 0;
}
.photoslide .thumbslick-for img {
width: 330px;
height: 453px;
}
.thumbslick img {
width: 160px;
height: 160px;
}
.product-description__title, .product-description__rating {
font-size: 1.5rem !important;
}
.product-description__vendor-code, .product-description__description {
font-size: 1.25rem;
}
.row.product-tabs {
margin-bottom: 5.625rem;
}
.product-thumb__title {
margin-bottom: 0 !important;
}
#collection-swiper {
padding-top: 5rem;
}
#collection-swiper-button-next, #collection-swiper-button-prev {
top: 0.938rem;
}
#collection-swiper-button-prev {
right: 4.875rem;
left: auto;
}
}
@media (max-width: 767px) {
.photoslide .thumbslick-for img {
width: 20.625rem;
height: 28.3125rem;
}
.thumbslick img {
width: 10rem;
height: 10rem;
}
.photoslide {
width: 100%;
}
}
@media (max-width: 576px) {
.thumbslick .slick-slide {
max-width: 5.625rem !important;
width: 100% !important;
}
.thumbslick-for {
max-width: 15.125rem !important;
width: 100% !important;
}
.photoslide .thumbslick-for img {
width: 15.125rem;
height: 20.75rem;
}
.thumbslick {
margin-left: 1rem;
flex: 4.375rem;
max-width: 4.375rem;
}
.thumbslick img {
max-width: 4.375rem;
max-height: 4.375rem;
width: 100%;
height: 100%;
margin-left: 0;
margin-right: 0;
}
.slick-next, .slick-prev {
width: 1.5rem;
height: 1.5rem;
left: 50%;
transform: translateX(-50%);
}
.slick-prev::after, .slick-next::after {
width: 1.5rem;
height: 1.5rem;
font-size: 2rem;
line-height: 2rem;
left: 0;
}
.slick-dots li {
width: 1rem;
}
.slick-dots li::after {
width: 0.5rem;
height: 0.5rem;
}
.product-description__title, .product-description__rating, .mobile-characteristics {
font-size: 1.063rem !important;
}
.product-description__vendor-code, .product-description__description {
font-size: 0.875rem;
}
.row.product-tabs {
margin-bottom: 3.75rem;
}
.product-tabs .tab-content > .tab-pane {
margin-bottom: 1.5rem;
}
.thumbslick .slick-slide {
max-width: 5.625rem !important;
width: 100% !important;
}
.product-tabs {
margin-top: 2.5rem;
}
}
/*ocpoc*/
.ocpoc-main-informations-wrap {
display: flex;
margin-bottom: 3.75rem;
}
.ocpoc-main-informations-wrap .ocpoc-main-image {
margin-right: 1.5rem;
}
.ocpoc-main-informations-wrap .ocpoc-main-image img {
border-radius: 0.9375rem;
}
.ocpoc-main-informations-wrap .item-attributes {
color: rgba(0, 0, 0, 0.5);
}
.field-item input.input-field {
margin-bottom: 0.75rem !important;
}
.ocpoc-main-informations-wrap + .ocpoc-body .ocpoc-footer {
margin-top: 3.75rem !important;
}
.by-check-title {
text-align: center;
font-size: 1.375rem;
}
/**/
.prmn-cmngr__confirm {
padding: 1.25rem 1.875rem !important;
}
.prmn-cmngr__confirm-btns {
display: flex;
flex-direction: column;
}
.prmn-cmngr__confirm-btns .prmn-cmngr__confirm-btn {
display: flex;
justify-content: center;
padding: 0.4375rem 4rem;
margin-bottom: 1.25rem;
}
.prmn-cmngr__confirm-btns .prmn-cmngr__confirm-btn:last-child {
margin-bottom: 0;
}
.hidden {
display: none;
}