@font-face {
font-family: 'Ubuntu';
src: url(https://remik.ru/wp-content/themes/remik/fonts/Ubuntu-Regular.woff2) format('woff2'),
url(https://remik.ru/wp-content/themes/remik/fonts/Ubuntu-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ubuntu';
src: url(https://remik.ru/wp-content/themes/remik/fonts/Ubuntu-Bold.woff2) format('woff2'),
url(https://remik.ru/wp-content/themes/remik/fonts/Ubuntu-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ubuntu';
src: url(https://remik.ru/wp-content/themes/remik/fonts/Ubuntu-Medium.woff2) format('woff2'),
url(https://remik.ru/wp-content/themes/remik/fonts/Ubuntu-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
* {
-webkit-tap-highlight-color: transparent;
}
:active, :hover, :focus {
outline: 0;
outline-offset: 0;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Ubuntu', sans-serif;
font-size: 18px;
color: #1C1C1C;
overflow-x: hidden;
}
._hidden {
display: none;
} 
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
*:before,
*:after {
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
}
button {
cursor: pointer;
}
button,
input,
input::placeholder,
select,
textarea,
textarea::placeholder {
outline: none;
font-family: 'Ubuntu', sans-serif;
font-size: 18px;
}
input{
border-radius: 0;
-webkit-appearance: none;
-webkit-border-radius: 0;
}
button,
input,
select,
textarea {
outline: none;
font-family: 'Ubuntu', sans-serif;
font-size: 18px;
}
a {
text-decoration: none;
outline: none;
color: #000;
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
._block {
display: block;
}
section {
margin-bottom: 100px;
}
.cookie-consent {
position: fixed;
bottom: 24px;
left: 24px;
background: #eee;
color: #000;
padding: 24px;
border-radius: 8px;
display: flex;
gap: 24px;
z-index: 9999;
max-width: 500px;
}
.cookie-consent-content {
display: flex;
gap: 16px;
}
.cookie-consent-text {
font-size: 14px;
line-height: 130%;
}
.cookie-consent-text a {
text-decoration: underline;
color: #312275;
}
.cookie-consent-button {
background: #312275;
color: white;
border: none;
padding: 8px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
cursor: pointer;
border-radius: 4px;
white-space: nowrap;
height: fit-content;
transition: opacity .3s;
}
@media (min-width: 991.98px) {
.cookie-consent-button:hover {
opacity: .5;
}
}
@media (max-width: 550px) {
.cookie-consent {
flex-direction: column;
right: 24px;
}
}
.violet-button {
border: 1px solid #312275;
display: inline-block;
background: #4E3AA9;
font-weight: 500;
text-transform: uppercase;
color: #FBFBFB;
padding: 15px 25px;
}
.violet-button:hover {
border: 1px solid #312275;
background: #fff;
color: #312275;
}
.violet-button-long {
border: 1px solid #4E3AA9;
display: inline-block;
background: #4E3AA9;
font-weight: 500;
text-transform: uppercase;
color: #FBFBFB;
padding: 20px 65px;
}
.violet-button-long:hover {
border: 1px solid #312275;
background: #fff;
color: #312275;
}
.filter_mob{
display: none;
}
header {
padding-top: 30px;
}
.header-wrapper-mob{
display: none;
padding-bottom: 20px;
}
.header-top-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
.header-top-row-contact-btns,
.header-top-row-contact-btns>div,
.header-address,
.header-center-row-btns,
.header-center-row-btns a {
display: flex;
align-items: center;
}
._logo-size img {
max-width: 194px !important;
}
@media (max-width: 992px) {
.header-wrapper-mob .logo_mob {
width: 94px;
}
}
.header-center-row ._logo-size {
padding-top: 25px;
}
.header-top-row-contact-btns > a {
display: flex;
}
.header-top-row-contact-btns a:hover,
.header-top-row-contact-btns div:hover,
.header-center-row-btns a:hover {
opacity: .5;
}
.header-top-row-contact-btns>div {
margin-right: 35px;
cursor: pointer;
}
.header-address img,
.header-top-row-contact-btns img,
.header-center-row-btns img {
margin-right: 10px;
}
.header-center-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.header-center-row-btns a {
margin-right: 20px;
}
.header-center-row-btns a:last-child {
margin-right: 0;
position: relative;
}
.header-center-row-btns a:last-child p span {
font-size: 14px;
color: #FBFBFB;
background: #312275;
border-radius: 100%;
padding: 1px 5px;
display: flex;
position: absolute;
left: -5px;
top: -7px;
}
.head-search {
position: relative;
}
.result-search-head {
position: absolute;
width: 100%;
z-index: 9;
}
.result-search-list-head {
background: #fff;
border-top: none;
border-left: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
}
.result-search-wrapper {
padding: 10px;
border-bottom: 1px solid #c3c3c3;
}
.head-search-input-block {
width: 100%;
display: flex;
align-items: center;
}
.head-search-input-block input {
width: 100%;
padding: 15px 15px;
border: 1px solid #A5A5A5;
border-radius: 7px;
}
.head-search-input-block button {
border: 2px solid #312275;
border-radius: 7px;
font-weight: 500;
text-transform: uppercase;
color: #312275;
padding: 15px 30px;
margin-left: -10px;
background: #fff;
}
.head-search-input-block button:hover {
color: #9891ba;
border: 2px solid #9891ba;
} .single-product-tags {
position: absolute;
left: 8px;
top: 8px;
display: flex;
flex-wrap: wrap;
gap: 4px;
max-width: 200px;
}
.single-product-tag {
background-color: #0190D9;
border-radius: 16px;
font-size: 12px;
padding: 6px 12px;
color: #fff;
} .overlay-consult,
.overlay-request,
.overlay-event {
position: fixed;
display: none;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 3;
}
.overlay-consult .popup-consult,
.overlay-request .popup-request,
.overlay-event .popup-event {
position: fixed;
z-index: 4;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.overlay-consult .popup-close-consult,
.overlay-request .popup-close-request,
.overlay-event .popup-event-close {
position: absolute;
right: 30px;
top: 30px;
cursor: pointer;
}
.overlay-consult .popup-form-consult,
.overlay-request .popup-form-request{
max-width: 890px;
background-color: #ffffff;
text-align: center;
padding: 80px 200px 70px 200px;
}
.overlay-event .popup-event__wrapper {
max-width: 890px;
background-color: #ffffff;
text-align: center;
padding: 140px 165px 210px;
background-position-y: 100%;
background-repeat: no-repeat;
}
.popup-form-consult>span,
.popup-form-request>span {
display: block;
font-size: 34px;
color: #312275;
margin-bottom: 50px;
}
.popup-form-consult-thank,
.popup-form-request-thank {
display: none;
background: #fff;
padding: 50px;
}
.form-consult-guarantee-thank {
display: none;
padding: 50px;
}
.feedback-form-thank {
display: none;
}
.popup-form-consult-thank span,
.popup-form-request-thank span,
.feedback-form-thank span,
.form-consult-guarantee-thank span {
font-size: 34px;
display: block;
margin-bottom: 30px;
}
.form-consult input,
.form-request input {
width: 100%;
border: none;
border-bottom: 1px solid #6B6B6B;
padding-bottom: 15px;
margin-bottom: 50px;
background: transparent;
}
.form-request input,
.form-consult input{
border-radius: 0;
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.form-request input {
margin-bottom: 0;
}
.form-consult input::placeholder,
.form-request input::placeholder {
font-size: 16px;
color: #6B6B6B;
}
.form-consult input:last-child {
margin-bottom: 60px;
}
.acceptance {
display: flex;
align-items: start;
}
.acceptance span {
font-size: 14px;
line-height: 18px;
text-align: left;
color: #6B6B6B;
margin-right: 20px;
}
.acceptance span a {
color: #6B6B6B;
text-decoration: underline;
}
.form-consult,
.form-request {
margin-bottom: 60px;
}
.modal-afterform span {
display: block;
font-size: 34px;
color: #312275;
margin-bottom: 40px;
}
.request-form-inputs-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 25px;
grid-row-gap: 50px;
margin-bottom: 50px;
}
.form-request .form-request-usertext {
margin-bottom: 65px;
}
.page-404-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 30px 0 10px 0;
}
.page-404-wrapper span {
display: block;
font-size: 28px;
text-transform: uppercase;
margin-bottom: 40px;
}
.error404 #breadcrumbs {
display: none;
}
#front-slider {
padding: 50px 0;
background: #FBFBFB;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.25);
}
.front-slider-arrow-prev::after,
.front-clients-slider-button-prev::after,
.front-certificates-slider-button-prev::after,
.employees-slider-arrow-prev::after {
content: url(https://remik.ru/wp-content/themes/remik/img/slider-prev-arrow.svg);
cursor: pointer;
height: 40px;
width: 65px;
}
.front-slider-arrows {
display: flex;
justify-content: space-between;
text-align: right;
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
position: absolute;
top: calc(50% - 60px);
z-index: 999;
}
.front-slider-arrow-next {
margin-left: 15px;
}
.front-slider-arrow-next::after,
.front-clients-slider-button-next::after,
.front-certificates-slider-button-next::after,
.employees-slider-arrow-next::after {
content: url(https://remik.ru/wp-content/themes/remik/img/slider-next-arrow.svg);
cursor: pointer;
height: 40px;
width: 65px;
}
.front-clients-slider-button-next {
position: absolute;
top: 140px;
right: 0;
margin: 0;
top: 0;
height: 40px;
z-index: 9;
width: 75px;
height: 100%;
background: #fff;
display: flex;
align-items: center;
padding-left: 10px;
}
.front-clients-slider-button-prev {
position: absolute;
top: 140px;
left: 0;
margin: 0;
top: 0;
height: 40px;
z-index: 9;
width: 75px;
height: 100%;
background: #fff;
display: flex;
align-items: center;
padding-right: 10px;
}
.swiper-button-disabled::after {
opacity: 0.5;
cursor: default !important;
}
.front-slider-init .swiper-slide {
text-align: center;
}
.front-slider-dots {
text-align: center;
margin-top: 35px;
}
.front-slider-init .swiper-pagination-bullet {
width: 15px;
height: 15px;
background: #DFDFDF;
opacity: 1;
margin: 0 8px !important;
}
.front-slider-init .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 4px solid #312275;
background: #fff;
}
.front-slider-skite {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 20px;
}
.front-slider-skite div {
display: flex;
align-items: center;
justify-content: center;
background: #FFFFFF;
border: 1px solid #DFDFDF;
border-radius: 15px;
padding: 15px 20px;
cursor: default;
}
.front-slider-skite div:hover {
filter: drop-shadow(0px 2px 2px rgba(36, 36, 36, 0.25));
}
.front-slider-skite div img {
margin-right: 12px;
}
.front-slider-wrapper {
margin-bottom: 55px;
}
.front-slider-wrapper h2 {
margin-bottom: 40px;
}
.section-title {
font-weight: 400;
font-size: 34px;
line-height: 57px;
text-transform: uppercase;
color: #312275;
}
.front-catalog-wrapper h2 {
margin-bottom: 40px;
}
.front-catalog-wrapper h1 {
margin-bottom: 40px;
}
.catalog-items-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 25px;
grid-row-gap: 30px;
}
.catalog-item {
background: #FBFBFB;
border: 1px solid #DFDFDF;
border-radius: 15px;
padding: 35px 15px 25px 15px;
position: relative;
overflow: hidden;
}
.catalog-item:hover {
opacity: .5;
}
.catalog-item a::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
display: block;
left: 0;
top: 0;
}
.catalog-page .catalog-item {
opacity: 0;
}
.catalog-item.animate {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
opacity: 1;
}
.catalog-item-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.catalog-item-content span {
margin-bottom: 50px;
font-size: 18px;
}
.catalog-item-content h3 {
margin-bottom: 50px;
font-weight: 400;
font-size: 18px;
}
.catalog-item-content img {
display: block;
}
.catalog-permalink {
border: 2px solid #312275;
border-radius: 100%;
padding: 45px;
position: absolute;
right: -30px;
bottom: -40px;
} @media(max-width: 577px) {
.catalog-permalink::after {
left: 13px;
top: 13px;
}
}
.catalog-permalink img {
position: absolute;
left: 25px;
top: 25px;
}
.front-catalog-show-more {
margin-top: 65px;
text-align: right;
}
.front-catalog-show-more a {
font-weight: 500;
font-size: 20px;
text-transform: uppercase;
padding-bottom: 6px;
position: relative;
}
.front-catalog-show-more a::after {
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #312275;
content: "";
transition: width 0.4s ease-out;
}
.front-catalog-show-more a:hover {
color: #A5A5A5;
}
.front-catalog-show-more a:hover:after,
.front-catalog-show-more a:focus:after {
width: 0;
}
.front-bestsellers h2 {
margin-bottom: 10px;
position: relative;
display: inline-block;
}
.front-bestsellers h2::after {
content: url(https://remik.ru/wp-content/themes/remik/img/hit-star.svg);
position: absolute;
right: -15px;
top: -15px;
z-index: -1;
}
.front-bestsellers-arrows {
display: flex;
justify-content: flex-end;
text-align: right;
margin-bottom: 40px;
}
.front-bestsellers-arrows span {
cursor: pointer;
}
.bestsellers-slider-arrow-prev {
margin-right: 15px;
}
.front-bestsellers-slider-init .swiper-slide{
height: auto;
}
.front-bestsellers-slider-item{
height: 100%;
display: flex;
flex-flow: column;
}
.front-bestsellers-slider-item .violet-button{
margin-top: auto;
text-align: center;
}
.front-bestsellers-slider-item:hover .front-bestsellers-slider-item-pic,
.front-bestsellers-slider-item:hover .front-bestsellers-slider-item-content > div,
.front-bestsellers-slider-item:hover .front-bestsellers-slider-item-content > span
{
opacity: .5;
}
.front-bestsellers-slider-item-pic {
display: flex;
align-items: center;
justify-content: center;
padding: 55px 40px;
border: 1px solid #DFDFDF;
border-radius: 15px;
margin-bottom: 15px;
height: 280px;
}
.front-bestsellers-slider-item-pic img{
display: block;
max-height: 100%;
height: auto;
max-width: 100%;
object-fit: contain;
}
.front-bestsellers-slider-item-content-title-availability {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.front-bestsellers-slider-item-content-title-availability span {
width: 55%;
font-size: 16px;
}
.front-bestsellers-slider-item-content-title-availability span:first-child {
font-weight: 500;
line-height: 125%;
}
.bestseller-availability-true,
.bestseller-availability-false {
width: 45% !important;
font-size: 12px !important;
display: flex;
align-items: center;
font-weight: 500;
color: #A5A5A5;
justify-content: flex-end;
}
.bestseller-availability-true::before {
content: '';
width: 10px;
height: 10px;
background: #0190D9;
display: block;
border-radius: 100%;
margin-right: 10px;
}
.bestseller-availability-false::before {
content: '';
width: 10px;
height: 10px;
background: #A5A5A5;
display: block;
border-radius: 100%;
margin-right: 10px;
}
.front-bestsellers-slider-item-content>span {
font-weight: 500;
font-size: 26px;
display: block;
margin-bottom: 35px;
}
.front-bestsellers-slider-item-content a {
display: block;
text-align: center;
}
.bestsellers-progressbar,
.reviews-progressbar,
.brands-progressbar {
bottom: 0px;
top: auto !important;
height: 2px !important;
}
.front-bestsellers-slider-init {
padding-bottom: 50px !important;
}
.bestsellers-progressbar.swiper-pagination-progressbar,
.reviews-progressbar.swiper-pagination-progressbar,
.brands-progressbar.swiper-pagination-progressbar {
background: #DFDFDF;
}
.bestsellers-progressbar.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.reviews-progressbar.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.brands-progressbar.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #312275;
}
#front-services {
padding: 70px 0 120px 0;
background-image: url(https://remik.ru/wp-content/themes/remik/img/services-bg.png);
background-repeat: no-repeat;
background-size: cover;
}
.front-services h2 {
margin-bottom: 25px;
}
.front-services-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 30px;
}
.front-services-permalink::after {
content: "";
position: absolute;
left: 30px;
width: 20px;
height: 20px;
top: 20px;
background: url(//remik.ru/wp-content/themes/remik/img/permalink-arrow.svg) no-repeat;
transform: rotate(45deg);
background-size: contain;
}
.front-services-item {
position: relative;
background: #FBFBFB;
border: 1px solid #312275;
border-radius: 15px;
padding: 30px 18px 20px 28px;
overflow: hidden;
z-index: 3;
}
.front-services-item:hover {
border: 1px solid #9890BA;
}
.front-services-item:hover span {
color: #8D8D8D;
}
.front-services-item:hover p {
color: #B5B5B5;
}
.front-services-item:hover div {
opacity: .5;
}
.front-services-item span {
display: block;
font-size: 22px;
line-height: 25px;
text-transform: uppercase;
margin-bottom: 10px;
}
.front-services-item p {
line-height: 21px;
color: #6B6B6B;
max-width: 85%;
}
.front-services-item div {
border: 2px solid #312275;
border-radius: 100%;
padding: 40px 50px 40px 50px;
position: absolute;
right: -40px;
bottom: -35px;
}
.front-services-item div img {
position: absolute;
left: 35px;
top: 20px;
}
.front-services-item a {
z-index: 2;
}
.front-services-item a::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
display: block;
left: 0;
top: 0;
}
.front-about h2 {
margin-bottom: 25px;
}
.front-about-wrapper > img {
display: block;
width: 100%;
margin: 0 auto;
}
.front-about-wrap-items {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 95px;
grid-row-gap: 30px;
margin-bottom: 50px;
counter-reset: list;
}
.front-about-item {
border-left: 1px solid #312275;
padding-left: 10px;
display: flex;
opacity: 0;
}
.front-about-item.animate:nth-child(odd) {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
opacity: 1;
}
.front-about-item.animate:nth-child(even) {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
opacity: 1;
}
.front-about-item::before {
counter-increment: list;
content: counter(list, decimal-leading-zero);
margin-right: 25px;
color: #312275;
}
.front-about-item p {
color: #545454;
line-height: 130%;
}
.front-clients h2 {
margin-bottom: 40px;
}
.front-clients-slider-init {
margin-bottom: 60px;
}
.front-clients-slider-init .swiper-wrapper {
align-items: center;
}
.front-clients-slider-init .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.front-reviews-slider-init {
padding-bottom: 50px !important;
}
.front-reviews-slider-init .swiper-slide {
background: #FBFBFB;
border: 1px solid #DFDFDF;
border-radius: 15px;
padding: 25px 100px 50px 30px;
}
.front-reviews-slider-init .swiper-slide>img {
margin-bottom: 15px;
}
.front-reviews-slider-init .swiper-slide p {
line-height: 130%;
color: #545454;
}
.front-reviews-slider-init .swiper-slide span {
position: absolute;
right: 25px;
bottom: 25px;
cursor: pointer;
}
.front-reviews-arrows span {
cursor: pointer;
}
.front-reviews-arrows {
margin-top: 50px;
text-align: right;
}
.reviews-slider-arrow-prev {
margin-right: 15px;
}
#front-certificates {
background: #FBFBFB;
padding: 50px 0;
}
.certificates-arrows-wrapper {
display: flex;
justify-content: flex-end;
}
.front-certificates-slider-button-prev {
margin-right: 15px;
}
.front-certificates-wrapper {
position: relative;
}
.front-certificates h2 {
margin-bottom: 40px;
}
.front-certificates-slider-init {
max-width: 67%;
}
.front-certificates-slider-init .swiper-wrapper {
align-items: center;
}
.front-certificates-slider-init .swiper-slide {
text-align: center;
cursor: pointer;
}
.front-news-articles h2,
.front-news-articles-cat h2 {
margin-bottom: 25px;
}
.news-articles-page-cats ul {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-bottom: 30px;
border-bottom: 1px solid #DFDFDF;
margin-bottom: 50px;
list-style: none;
}
.news-articles-page-cats a {
margin-right: 50px;
font-weight: 500;
font-size: 22px;
color: #A5A5A5;
}
.news-articles-page-cats li.current-cat a {
color: #312275;
}
.front-news-articles-item a {
display: grid;
grid-template-columns: 50% 34.3%;
grid-column-gap: 15.5%;
padding-bottom: 40px;
border-bottom: 1px solid #DFDFDF;
margin-bottom: 40px;
}
.front-news-articles-item:hover {
opacity: .5;
}
.front-news-articles-item:last-child {
margin-bottom: 60px;
}
.front-news-articles-item-left>span {
display: block;
font-weight: 500;
font-size: 22px;
line-height: 25px;
margin-bottom: 20px;
}
.front-news-articles-item-left>p {
line-height: 130%;
color: #545454;
}
.front-news-articles-item-text {
width: 69%;
}
.front-news-articles-item-text span {
display: block;
margin-bottom: 20px;
font-weight: 500;
font-size: 22px;
line-height: 25px;
}
.front-news-articles-item-text p {
line-height: 130%;
color: #545454;
}
.front-news-articles-item-left .front-news-articles-item-pic {
float: right;
}
.front-news-articles-item-details,
.front-news-articles-item-details span {
display: flex;
align-items: center;
color: #A5A5A5;
font-size: 16px;
margin-top: 20px;
}
.single-article-info-wrapper .front-news-articles-item-details,
.single-article-info-wrapper .front-news-articles-item-details span,
.related-news-item .front-news-articles-item-details,
.related-news-item .front-news-articles-item-details span {
margin-top: 0;
}
.front-news-articles-item-details span img {
margin-right: 5px;
}
.front-news-articles-divider {
padding: 0 8px;
}
.front-news-articles-watch-more {
text-align: right;
}
.front-news-articles-watch-more a {
font-weight: 500;
font-size: 20px;
text-transform: uppercase;
position: relative;
}
.front-news-articles-watch-more a:hover {
color: #A5A5A5;
}
.front-news-articles-watch-more a::after {
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #312275;
content: "";
transition: width 0.4s ease-out;
}
.front-news-articles-watch-more a:hover:after,
.front-news-articles-watch-more a:focus:after {
width: 0;
}
.front-popular-brands h2 {
margin-bottom: 10px;
}
.front-brands-arrows {
text-align: right;
}
.front-brands-arrows span {
cursor: pointer;
}
.brands-slider-arrow-prev {
margin-right: 15px;
}
.front-brands-arrows {
margin-bottom: 40px;
}
.front-brands-slider-init {
padding-bottom: 50px !important;
}
.front-brands-slider-init .swiper-slide {
background: #FBFBFB;
border: 1px solid #DFDFDF;
border-radius: 15px;
align-self: stretch;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 50px 70px;
}
.front-brands-slider-init .swiper-wrapper {
display: flex;
align-items: center;
}
#feedback-form {
background: #FBFBFB;
padding-top: 50px;
padding-bottom: 90px;
margin-bottom: 0;
}
.feedback-checkboxes .policy-checkbox:first-child{
margin-bottom: 10px;
}
.feedback-form h2 {
margin-bottom: 25px;
}
.feedback-form-inputs {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 2.5%;
margin-bottom: 30px;
}
.feedback-form-inputs input {
display: block;
width: 100%;
background: none;
border: none;
padding-bottom: 15px;
border-bottom: 1px solid #6B6B6B;
}
.feedback-form-inputs input {
border-radius: 0;
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.feedback-form-wrapper .acceptance {
justify-content: flex-end;
width: 50%;
margin-right: 0;
margin-left: auto;
}
footer {
background: #FBFBFB;
padding-top: 60px;
padding-bottom: 45px;
}
.footer-info-item-title {
display: block;
margin-bottom: 10px;
font-weight: 500;
line-height: 21px;
text-transform: uppercase;
font-size: 20px;
}
.footer-info-item>h4 {
font-weight: 400;
}
.footer-info-item>span {
display: block;
margin-bottom: 10px;
font-weight: 500;
line-height: 21px;
text-transform: uppercase;
}
.footer-info-item>p {
line-height: 21px;
}
.footer-top-row {
display: grid;
grid-template-columns: 17% 67.5%;
grid-template-rows: 1fr;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
gap: 0 185px;
grid-auto-flow: row;
grid-template-areas: "footer-logo footer-info-wrapper";
margin-bottom: 50px;
}
.footer-logo {
grid-area: footer-logo;
}
.footer-info-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 25px 9%;
grid-auto-flow: row;
grid-template-areas:
"ftii1 ftii2 ftii3"
"ftii4 ftii5 ftii6";
grid-area: footer-info-wrapper;
}
.footer-bar{
display: none;
background: #FFFFFF;
box-shadow: inset 0px 1px 1px rgba(98, 98, 98, 0.25);
min-height: 65px;
padding: 15px;
position: fixed;
width: 100%;
bottom: 0;
z-index: 99;
}
.footer-bar__cards{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-gap: 40px;
}
.footer-bar__item{
position: relative;
}
.footer-bar__item img{
display: block;
margin: 0 auto;
}
.footer-bar__item span{
display: block;
text-align: center;
margin-top: 5px;
font-weight: 400;
font-size: 10px;
line-height: 11px;
color: #6B6B6B;
}
.footer-bar__item .cart-contents {
font-size: 14px;
color: #FBFBFB;
background: #312275;
border-radius: 100%;
padding: 3px 5px;
display: flex;
position: absolute;
left: 9px;
top: -11px;
}
.ftii1 {
grid-area: ftii1;
}
.ftii2 {
grid-area: ftii2;
}
.ftii3 {
grid-area: ftii3;
}
.ftii4 {
grid-area: ftii4;
}
.ftii5 {
grid-area: ftii5;
}
.ftii6 {
grid-area: ftii6;
}
.ftii4 time {
display: block;
}
.ftii4 time:nth-child(2) {
margin-bottom: 7px;
}
.ftii6 div a:first-child {
margin-right: 15px;
}
.footer-center-row ul {
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-center-row ul li a {
font-weight: 500;
text-transform: uppercase;
}
.footer-center-row ul li:hover a,
.footer-center-row ul li.current-menu-item a{
color: #312275;
}
.footer-center-row {
margin-bottom: 40px;
}
.footer-bottom-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-bottom-row a {
display: flex;
align-items: center;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
color: #6B6B6B;
}
.footer-bottom-row a span {
font-weight: 400;
font-size: 9px;
color: #303030;
opacity: 0.45;
margin-left: 10px;
text-transform: none;
}
#breadcrumbs {
padding: 50px 0 70px 0;
font-size: 14px;
}
.breadcrumbs__link,
.breadcrumbs__separator,
#breadcrumbs span,
#breadcrumbs a{
color: #6B6B6B;
}
.breadcrumb_last {
font-weight: 400;
color: #1C1C1C;
}
.about-us-front h1 {
margin-bottom: 25px;
}
.about-us-front-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 10px;
}
.about-us-front-text p {
line-height: 130%;
color: #545454;
margin-bottom: 15px;
}
.about-us-front-text h1,
.about-us-front-text h2,
.about-us-front-text h3,
.about-us-front-text h4,
.about-us-front-text h5,
.about-us-front-text h6 {
font-size: 22px;
line-height: 25px;
margin-bottom: 10px;
font-weight: normal;
}
.about-us-front-text ul {
list-style: none;
line-height: 130%;
color: #545454;
width: 67%;
}
.about-us-front-text ul li {
position: relative;
padding-left: 25px;
margin-bottom: 5px;
}
.about-us-front-text ul li::before {
content: url(https://remik.ru/wp-content/themes/remik/img/list.svg);
position: absolute;
left: 0;
top: -5px;
}
.about-us-front-imgs {
text-align: right;
position: relative;
}
.about-us-front-img-2 {
position: absolute;
left: 0;
top: 195px;
}
.about-history-slider-wrapper {
border-top: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
padding: 30px 0 !important;
}
.about-history-slider-init {
height: 300px;
}
.about-history-slider-init .swiper-wrapper {
padding-left: 65px;
}
.about-history-slider-init .about-history-scroll {
right: auto;
left: 9px;
height: 92% !important;
top: 4% !important;
}
.about-history h2 {
margin-bottom: 25px;
}
.about-history-slider-init .swiper-slide.swiper-slide-active {
opacity: 1;
}
.about-history-slider-init .swiper-slide {
height: min-content;
opacity: .5;
}
.about-history-slide-img img {
object-fit: cover;
height: 100%;
border-radius: 15px;
}
.about-history-slide-wrapper {
display: grid;
grid-template-columns: 32% 48%;
grid-column-gap: 3%;
height: 100%;
}
@media(max-width: 991px) {
.about-history-slide-wrapper { }
.about-history-slider-init {
height: 500px;
}
}
.about-history-slide-item {
margin-bottom: 40px;
}
.about-history-slide-item:last-child {
margin-bottom: 0;
}
.about-history-slide-text span {
display: block;
font-size: 34px;
line-height: 39px;
text-transform: uppercase;
color: #312275;
margin-bottom: 20px;
}
.about-history-slide-text p {
line-height: 130%;
color: #545454;
}
.about-history-slider-init .about-history-scroll .swiper-scrollbar-drag {
width: 25px;
height: 25px !important;
background: transparent;
}
.about-history-slider-init .about-history-scroll .swiper-scrollbar-drag::before {
content: '';
display: block;
width: 25px;
height: 25px;
background: #312275;
border-radius: 100%;
position: absolute;
left: -9px;
cursor: grab;
}
.meet-video h2 {
margin-bottom: 40px;
}
.meet-video iframe {
width: 100%;
height: 675px;
}
.employees h2 {
margin-bottom: 10px;
}
.employees-watch-more {
text-align: right;
margin-bottom: 30px;
}
.employees-watch-more a {
font-weight: 500;
font-size: 20px;
text-transform: uppercase;
border-bottom: 1px solid #312275;
}
.employees-wrapper {
position: relative;
}
.employees-slider-init {
max-width: 90%;
}
.employees-slider-init .swiper-wrapper {
align-items: center;
}
.employees-slider-init .swiper-slide {
opacity: .5;
text-align: center;
width: 295px;
}
.employees-slider-init .swiper-slide .employees-slide-text-content {
opacity: 0;
}
.employees-slider-init .swiper-slide img {
width: 295px;
height: 390.75px;
object-fit: cover;
}
.employees-slider-init .swiper-slide-active {
opacity: 1;
width: 351.81px;
}
.employees-slider-init .swiper-slide-active .employees-slide-text-content {
opacity: 1;
}
.employees-slider-init .swiper-slide-active img {
width: 351.81px;
height: 466px;
object-fit: cover;
}
.employees-slide-text-content {
margin-top: 15px;
}
.employees-slide-text-content span {
font-weight: 500;
font-size: 28px;
position: relative;
}
.employees-slide-text-content span::after {
content: '';
width: 120px;
height: 1px;
display: block;
background: #312275;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 10px;
}
.vacancy>h2 {
margin-bottom: 25px;
}
.vacancy-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px 4%;
}
.vacancy-item {
position: relative;
cursor: pointer;
}
.vacancy-item.click .vacancy-item-wrapper {
position: absolute;
height: auto;
z-index: 99;
}
.vacancy-item.click .vacancy-item-location-arrow {
position: static;
width: 100%;
margin-bottom: 35px;
}
.vacancy-item.click .vacancy-item-wrapper>span {
padding-bottom: 20px;
}
.vacancy-item-wrapper {
padding: 30px;
border: 0.960265px solid #312275;
border-radius: 14.404px;
background: #FBFBFB;
width: 100%;
height: 100%;
}
.vacancy-item-wrapper>span {
line-height: 21px;
text-transform: uppercase;
display: block;
padding-bottom: 20px;
width: 95%;
}
.vacancy-item-location-arrow {
display: flex;
justify-content: space-between;
}
.vacancy-item-full {
display: none;
}
.vacancy-item-location-arrow>p {
font-weight: 500;
font-size: 16px;
line-height: 125%;
color: #6B6B6B;
}
.vacancy-item-location-arrow img {
transition: .5s transform;
}
.vacancy-item.click .vacancy-item-location-arrow img {
transform: rotate(180deg);
}
.vacancy-item-full h1,
.vacancy-item-full h2,
.vacancy-item-full h3,
.vacancy-item-full h4,
.vacancy-item-full h5,
.vacancy-item-full h6 {
font-size: 18px;
font-weight: 500;
line-height: 125%;
margin-bottom: 10px;
}
.vacancy-item-full ul,
.vacancy-item-full p {
margin-bottom: 20px;
font-size: 16px;
line-height: 135%;
color: #6B6B6B;
}
.vacancy-item-full ul:last-child,
.vacancy-item-full p:last-child {
margin-bottom: 0;
}
.vacancy-item-full ul li {
margin-left: 1em;
}
.contacts-block>h2,
.contacts-block>h1 {
margin-bottom: 25px;
}
.contacts-block-top {
display: grid;
grid-template-columns: 14% 14% 31% 17%;
grid-column-gap: 8%;
margin-bottom: 80px;
}
.contacts-block-top-item span {
font-weight: 500;
line-height: 21px;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
}
.contacts-block-top-item div {
display: flex;
}
.contacts-block-top-item div a {
margin-right: 20px;
}
.contacts-block-bottom {
display: grid;
grid-template-columns: 32% 66%;
grid-column-gap: 2%;
}
.contacts-block-bottom-left-address span,
.contacts-block-bottom-left-worktime span {
display: block;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 10px;
}
.contacts-block-bottom-left-address p {
line-height: 21px;
margin-bottom: 30px;
}
.contacts-block-bottom-left-worktime time {
line-height: 21px;
display: block;
}
.contacts-block-bottom-left-worktime time:last-child {
margin-bottom: 30px;
margin-top: 10px;
}
.contacts-block-employees {
display: block;
font-weight: 500;
line-height: 21px;
text-transform: uppercase;
text-decoration: underline;
margin-bottom: 30px;
}
.contacts-block-requisites span {
display: inline-block;
font-weight: 500;
line-height: 21px;
text-transform: uppercase;
position: relative;
cursor: pointer;
}
.contacts-block-requisites span::after {
content: url(https://remik.ru/wp-content/themes/remik/img/dropdown-arrow.svg);
position: absolute;
right: -30px;
-webkit-transition: all .27s ease-in-out;
-o-transition: all .27s ease-in-out;
transition: all .27s ease-in-out;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.contacts-block-requisites span.click::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.contacts-block-requisites p {
display: none;
line-height: 130%;
margin-top: 20px;
}
#pay-methods {
margin-bottom: 100px;
}
.pay-delivery-methods>h2 {
margin-bottom: 25px;
}
.pay-delivery-methods-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 4%;
grid-row-gap: 40px;
margin-bottom: 85px;
}
.pay-delivery-methods-item {
display: grid;
grid-template-columns: 9% 87%;
grid-column-gap: 4%;
background: #FFFFFF;
border: 1px solid #312275;
border-radius: 15px;
padding: 20px;
}
.pay-delivery-methods-item-text span {
font-size: 34px;
line-height: 39px;
display: block;
margin-bottom: 15px;
}
.pay-delivery-methods-item-text p {
line-height: 21px;
color: #6B6B6B;
}
#delivery {
background: url(https://remik.ru/wp-content/themes/remik/img/delivery-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding-top: 50px;
padding-bottom: 100px;
margin-bottom: 100px;
}
.pay-delivery-methods-item-wrapper>span {
display: block;
margin-top: 15px;
font-size: 14px;
line-height: 16px;
color: #545454;
}
.delivery-steps-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-column-gap: 1%;
position: relative;
margin-bottom: 80px;
}
.delivery-step-item {
z-index: 1;
text-align: center;
opacity: 0;
}
.delivery-step-item.animate {
-webkit-animation-name: backInLeft;
animation-name: backInLeft;
opacity: 1;
}
.delivery-step-item p {
margin-top: 30px;
font-size: 16px;
line-height: 18px;
}
.delivery-step-item-pic {
border: 2px solid #312275;
border-radius: 100%;
background: #FBFBFB;
padding: 31px;
margin: 0 45px;
}
.delivery-step-item img {
width: 70px;
height: 70px;
}
.delivery-steps-line {
display: block;
position: absolute;
width: 0%;
height: 3px;
background: #312275;
top: 67px;
left: 60px;
}
.delivery-steps-line.animate {
-webkit-animation-name: grow;
animation-name: grow;
animation-duration: 5s;
}
.delivery-until-1000-rub>span {
display: block;
font-size: 34px;
line-height: 39px;
margin-bottom: 40px;
max-width: 60%;
}
.delivery-until-1000-rub-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 15%;
}
.delivery-until-1000-rub-item {
border-left: 2px solid #312275;
padding-left: 30px;
}
.delivery-until-1000-rub-item p:first-child {
margin-bottom: 10px;
}
#purchase-returns {
margin-bottom: 90px
}
.purchase-returns>h2 {
margin-bottom: 25px;
}
.purchase-returns>p {
line-height: 130%;
color: #545454;
width: 52.5%;
margin-bottom: 40px;
}
.purchase-returns-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 4%;
}
.purchase-returns-item img {
display: block;
margin-left: 120px;
margin-bottom: 25px;
}
.purchase-returns-item span {
display: block;
font-size: 22px;
line-height: 25px;
margin-bottom: 15px;
}
.purchase-returns-item p {
line-height: 130%;
color: #545454;
}
.guarantee>h2 {
margin-bottom: 25px;
}
.guarantee-wrapper {
display: grid;
grid-template-columns: 50.5% 44.5%;
grid-column-gap: 5%;
}
.guarantee-left h1,
.guarantee-left h2,
.guarantee-left h3,
.guarantee-left h4,
.guarantee-left h5,
.guarantee-left h6 {
font-size: 22px;
line-height: 25px;
margin-bottom: 15px;
font-size: 22px;
font-weight: normal;
}
.guarantee-left p {
line-height: 130%;
color: #545454;
margin-bottom: 15px;
}
.guarantee-left ul {
margin-bottom: 15px;
}
.guarantee-left ul li {
line-height: 130%;
color: #545454;
margin-bottom: 10px;
position: relative;
list-style: none;
padding-left: 25px;
}
.guarantee-left ul li::before {
content: url(https://remik.ru/wp-content/themes/remik/img/list.svg);
position: absolute;
left: 0;
top: -5px;
}
.guarantee-right {
background: #FBFBFB;
border: 1px solid #312275;
border-radius: 15px;
padding: 60px 25px 70px 25px;
height: min-content;
}
.guarantee-right>span {
font-size: 34px;
line-height: 39px;
color: #312275;
display: block;
margin: 0 auto;
text-align: center;
margin-bottom: 50px;
}
.guarantee-right .form-consult {
margin: 0;
}
.pagination-block {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
}
.load-more-button-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.loadmore-btn {
text-align: center;
}
.loadmore-btn button {
font-weight: 500;
font-size: 20px;
text-transform: uppercase;
color: #312275;
background: transparent;
border: none;
}
.pagination .nav-links span,
.pagination .nav-links a {
font-size: 16px;
margin: 0 10px;
}
.pagination .nav-links .current {
padding: 10px 15px;
border: 1px solid #312275;
}
.pagination .nav-links {
display: flex;
align-items: center;
justify-content: flex-end;
}
.pagination .nav-links .next.page-numbers {
color: transparent;
background: url(https://remik.ru/wp-content/themes/remik/img/pagination-next.svg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.pagination .nav-links .prev.page-numbers {
color: transparent;
background: url(https://remik.ru/wp-content/themes/remik/img/pagination-prev.svg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
#single-article {
margin-bottom: 150px;
}
.single-article h1 {
font-weight: normal;
font-size: 34px;
line-height: 39px;
text-align: center;
text-transform: uppercase;
color: #000000;
max-width: 67%;
margin: 0 auto;
margin-bottom: 50px;
}
.single-article-info-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 25px;
border-bottom: 1px solid #DFDFDF;
margin-bottom: 40px;
}
.single-article-share {
position: relative;
cursor: pointer;
}
.flex {
display: flex !important;
}
.single-article-share-content {
display: none;
width: 310px;
background: #FBFBFB;
border: 1px solid #DFDFDF;
border-radius: 15px;
padding: 20px;
align-items: center;
position: absolute;
left: -285px;
}
.single-article-share-content span {
font-weight: 500;
text-transform: uppercase;
margin-right: 15px;
}
.single-article-info-wrapper,
.single-article-info-wrapper .front-news-articles-item-details span {
color: #545454;
}
.single-article-share-content a {
margin-right: 13px;
}
.single-article-content,
.single-article-foot-tags-share {
margin-bottom: 60px;
}
.single-article-content-wrapper {
color: #545454;
}
.single-article-content-wrapper>img {
margin-bottom: 40px;
}
.single-article-container {
max-width: 780px;
margin: 0 auto;
}
.single-article-subject {
margin-bottom: 60px;
}
.single-article-subject ul {
margin-left: 1em;
line-height: 130%;
}
.single-article-subject ul li a {
color: #545454;
}
.single-article-content h1,
.single-article-content h2,
.single-article-content h3,
.single-article-content h4,
.single-article-content h5,
.single-article-content h6 {
font-weight: 500;
font-size: 24px;
line-height: 125%;
text-transform: uppercase;
color: #1C1C1C;
margin-bottom: 25px;
}
.single-article-content p {
line-height: 130%;
margin-bottom: 15px;
}
.single-article-content .img-right {
display: block;
padding-left: 65px;
float: right;
}
.single-article-content .img-left {
display: block;
padding-right: 65px;
float: left;
}
.single-article-content ul {
line-height: 130%;
margin-bottom: 15px;
margin-left: 1em;
}
.single-article-content ul li {
margin-bottom: 5px;
}
.border-block {
padding-left: 25px;
border-left: 2px solid #312275;
}
.single-article-foot-tags-share {
display: flex;
justify-content: space-between;
align-items: center;
}
.single-article-foot-tags {
display: flex;
}
.single-article-foot-tags span {
margin-right: 25px;
font-size: 16px;
color: #A5A5A5;
}
.single-article-foot-tags span:last-child {
margin-right: 0;
}
.single-article-foot-share {
display: flex;
align-items: center;
}
.single-article-foot-share span {
font-weight: 500;
text-transform: uppercase;
margin-right: 25px;
}
.single-article-foot-share a {
margin-right: 15px;
}
.single-article-foot-share a:last-child {
margin: 0;
}
.single-article-foot-share a img {
display: block;
}
.single-article-foot-social p {
font-weight: 500;
text-transform: uppercase;
color: #000000;
margin-bottom: 20px;
}
.single-article-foot-social div a:first-child {
margin-right: 20px;
}
.related-news>h2 {
font-weight: normal;
font-size: 34px;
text-transform: uppercase;
color: #000000;
margin-bottom: 45px;
}
.related-news-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0 30px;
}
.related-news-item {
display: grid;
grid-template-columns: 37% 61%;
gap: 0 2%;
border-top: 2px solid #312275;
padding-top: 15px;
}
.related-news-item>img { }
.related-news-item div span {
font-weight: 500;
line-height: 125%;
color: #000000;
display: block;
margin-bottom: 5px;
}
.related-news-item div p {
line-height: 21px;
color: #545454;
margin-bottom: 15px;
}
.related-news-item .front-news-articles-item-details span {
font-size: 16px;
color: #A5A5A5;
display: flex;
align-items: center;
}
.services-page h1 {
margin-bottom: 40px;
}
.services-page-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px 4%;
}
.services-item {
position: relative;
background: #FBFBFB;
border: 1px solid #DFDFDF;
border-radius: 15px;
padding: 30px;
min-height: 350px;
}
.services-item span {
transition: margin .5s;
}
.services-item:hover span {
margin-left: 50px;
}
.services-item a::after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.services-item>a>img {
position: absolute;
right: 0;
bottom: 0;
}
.services-item>a>p {
font-size: 22px;
line-height: 25px;
margin-bottom: 40px;
}
.services-item>a>h3 {
font-size: 22px;
line-height: 25px;
margin-bottom: 40px;
font-weight: 400;
}
.single-service-front>h1 {
margin-bottom: 25px;
}
.single-service-front-wrapper ul {
margin-left: 1em;
line-height: 130%;
color: #545454;
margin-bottom: 25px;
}
.single-service-front-wrapper p {
line-height: 130%;
color: #545454;
margin-bottom: 25px;
}
.single-service-front-wrapper h1,
.single-service-front-wrapper h2,
.single-service-front-wrapper h3,
.single-service-front-wrapper h4,
.single-service-front-wrapper h5,
.single-service-front-wrapper h6 {
font-weight: 500;
line-height: 125%;
margin-bottom: 40px;
}
.table {
margin-bottom: 60px;
}
.table img {
width: 100%;
}
.single-service-front-link {
padding: 15px 95px;
}
#why-us {
background: #FBFBFB url(https://remik.ru/wp-content/themes/remik/img/why-us-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding-top: 50px;
padding-bottom: 80px;
}
.why-us>h2 {
margin-bottom: 40px;
}
.why-us-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0 8%;
}
.why-us-item {
text-align: center;
}
.why-us-item img {
display: block;
margin: 0 auto;
margin-bottom: 20px;
width: 94px;
height: 94px;
}
.why-us-item p {
line-height: 130%;
}
.single-service-persuasion>h2 {
margin-bottom: 25px;
}
.faq>h2 {
margin-bottom: 35px;
}
.faq-tab-item {
background: #FBFBFB;
border: 1px solid #312275;
border-radius: 15px;
padding: 40px;
margin-bottom: 40px;
}
.faq-tab-btn h2 {
display: block;
max-width: 95%;
font-weight: 500;
font-size: 22px;
line-height: 25px;
text-transform: uppercase;
cursor: pointer;
}
.faq-tab-btn span {
display: block;
max-width: 95%;
font-weight: 500;
font-size: 22px;
line-height: 25px;
text-transform: uppercase;
cursor: pointer;
}
.faq-tab-content {
display: none;
line-height: 130%;
color: #545454;
margin-top: 25px;
max-width: 65%;
}
.faq-tab-content.current {
display: block;
}
.faq-tab-btn {
position: relative;
}
.faq-tab-btn::after {
content: url(https://remik.ru/wp-content/themes/remik/img/faq-plus.svg);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.faq-tab-btn.active::after {
content: url(https://remik.ru/wp-content/themes/remik/img/faq-minus.svg);
}
.single-cartridges>h1 {
margin-bottom: 25px;
}
.single-cartridges-wrapper {
display: grid;
grid-template-columns: 53% 25%;
gap: 0 22%;
}
.single-cartridges-left h1,
.single-cartridges-left h2,
.single-cartridges-left h3,
.single-cartridges-left h4,
.single-cartridges-left h5,
.single-cartridges-left h6 {
font-weight: 500;
font-size: 20px;
line-height: 130%;
margin-bottom: 10px;
}
.single-cartridges-left-content {
margin-bottom: 30px;
}
.single-cartridges-left p {
line-height: 130%;
color: #545454;
margin-bottom: 30px;
}
.single-cartridges-left ul {
margin-left: 1em;
line-height: 130%;
color: #545454;
margin-bottom: 30px;
}
.single-cartridges-price-list {
display: inline-block;
font-weight: 500;
line-height: 21px;
text-transform: uppercase;
border-bottom: 2px solid #312275;
padding-bottom: 3px;
margin-bottom: 50px;
}
.single-cartridges-left>.violet-button {
padding: 15px 95px;
cursor: pointer;
}
.single-cartridges-right {
text-align: center;
}
.single-cartridges-right p {
color: #545454;
}
.equipment-maintenance-front>h1 {
margin-bottom: 25px;
}
.equipment-maintenance-front-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 4%;
margin-bottom: 40px;
}
.equipment-maintenance-front-left p {
line-height: 130%;
color: #545454;
margin-bottom: 20px;
}
.equipment-maintenance-front-left p:last-child {
margin-bottom: 0;
}
.equipment-maintenance-front>p {
font-weight: 500;
line-height: 125%;
max-width: 55%;
}
.equipment-list>h2 {
margin-bottom: 25px;
}
#equipment-maintenance-info {
background: #FBFBFB url(https://remik.ru/wp-content/themes/remik/img/equipment-maintenance-info-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding: 55px 0;
}
.equipment-maintenance-info-item {
display: grid;
grid-template-columns: 57.5% 37%;
grid-template-areas: "title descr";
gap: 0 5.5%;
margin-bottom: 100px;
}
.equipment-maintenance-info-item:nth-child(even) { grid-template-columns: 37% 57.5%;
grid-template-areas: "descr title ";
text-align: left;
}
.equipment-maintenance-info-item-title {
grid-area: title;
position: relative;
height: min-content;
}
.equipment-maintenance-info-item-title-content {
padding: 50px 65px 95px 50px;
background: #FFFFFF;
border: 1px solid #DFDFDF;
border-radius: 15px;
position: relative;
z-index: 3;
}
.equipment-maintenance-info-item-title::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
border: 2px dashed #312275;
border-radius: 15px;
z-index: 1;
left: -15px;
top: 15px;
}
.equipment-maintenance-info-item:nth-child(even) .equipment-maintenance-info-item-title::before {
left: auto;
right: -15px;
}
.equipment-maintenance-info-item-title::after {
content: "";
background-image: url(https://remik.ru/wp-content/themes/remik/img/equipment-maintenance-arrow-right.svg);
background-size: cover;
background-repeat: no-repeat;
width: 165px;
height: 164px;
position: absolute;
right: -50px;
top: 40px;
z-index: 5;
transition: transform .5s;
}
.equipment-maintenance-info-item:nth-child(even) .equipment-maintenance-info-item-title::after {
content: "";
background-image: url(https://remik.ru/wp-content/themes/remik/img/equipment-maintenance-arrow-left.svg);
background-size: cover;
background-repeat: no-repeat;
left: -55px;
top: 60px;
right: auto;
transition: top .5s, transform .5s;
}
.equipment-maintenance-info-item:hover .equipment-maintenance-info-item-title::after {
transform: rotate(45deg);
}
.equipment-maintenance-info-item:nth-child(even):hover .equipment-maintenance-info-item-title::after {
transform: rotate(-45deg);
top: 95px;
}
.equipment-maintenance-info-item-title span {
font-size: 34px;
line-height: 39px;
text-transform: uppercase;
color: #312275;
display: block;
margin-bottom: 35px;
}
.equipment-maintenance-info-item-title h3 {
font-size: 34px;
line-height: 39px;
text-transform: uppercase;
color: #312275;
display: block;
font-weight: 400;
margin-bottom: 35px;
}
.equipment-maintenance-info-item-title p {
line-height: 130%;
color: #545454;
}
.equipment-maintenance-info-item-descr {
grid-area: descr;
padding-left: 30px;
border-left: 2px solid #312275;
height: min-content;
}
.equipment-maintenance-info-item:nth-child(even) .equipment-maintenance-info-item-descr {
padding-left: 0;
padding-right: 30px;
border-left: none;
border-right: 2px solid #312275;
}
.equipment-maintenance-info-item-descr p {
line-height: 130%;
color: #545454;
margin-bottom: 20px;
}
.equipment-maintenance-info-item-descr p:last-child {
margin-bottom: 0;
}
.equipment-maintenance-info-item-descr p:last-child {
margin-bottom: 0;
}
.equipment-maintenance-info-item-descr ul {
margin-left: 1em;
line-height: 130%;
color: #545454;
}
.equipment-maintenance-info-item-descr h1,
.equipment-maintenance-info-item-descr h2,
.equipment-maintenance-info-item-descr h3,
.equipment-maintenance-info-item-descr h4,
.equipment-maintenance-info-item-descr h5,
.equipment-maintenance-info-item-descr h6 {
font-weight: 500;
line-height: 125%;
margin-bottom: 10px;
font-size: 18px;
}
#why-single-equipment-maintenance {
background: url(https://remik.ru/wp-content/themes/remik/img/single-equipment-maintenance-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding-top: 50px;
}
.why-single-equipment-maintenance>h2 {
margin-bottom: 40px;
}
.why-single-equipment-maintenance-wrapper ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 50px 8%;
list-style: none;
counter-reset: wsem;
}
.why-single-equipment-maintenance-wrapper ul li {
display: flex;
flex-direction: column;
text-align: center;
opacity: 0;
}
.why-single-equipment-maintenance-wrapper ul li.animate {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
opacity: 1;
}
.why-single-equipment-maintenance-wrapper ul li::before {
counter-increment: wsem;
content: counter(wsem);
content: counter(wsem, decimal-leading-zero);
font-size: 100px;
color: #312275;
margin-bottom: 25px;
}
.why-single-equipment-maintenance-wrapper ul li span {
font-weight: 500;
font-size: 20px;
line-height: 130%;
display: block;
margin-bottom: 10px;
}
.why-single-equipment-maintenance-wrapper ul li p {
line-height: 130%;
color: #545454;
}
#single-equipment-maintenance-text-block {
margin-bottom: 100px;
}
.single-equipment-maintenance-text-block {
max-width: 65%;
}
.single-equipment-maintenance-text-block h1,
.single-equipment-maintenance-text-block h2,
.single-equipment-maintenance-text-block h3,
.single-equipment-maintenance-text-block h4,
.single-equipment-maintenance-text-block h5,
.single-equipment-maintenance-text-block h6 {
font-weight: 500;
font-size: 20px;
line-height: 23px;
text-transform: uppercase;
margin-bottom: 25px;
}
.single-equipment-maintenance-text-block p {
line-height: 130%;
margin-bottom: 40px;
color: #545454;
}
.single-equipment-maintenance-text-block p:last-child {
margin-bottom: 0;
}
.single-equipment-maintenance-text-block ul {
line-height: 130%;
color: #545454;
margin-left: 1em;
margin-bottom: 40px;
}
.single-equipment-maintenance-text-block ul:last-child {
margin-bottom: 0;
}
.single-equipment-maintenance-text-block ul li {
margin-bottom: 5px;
}
.promotions-page-wrapper .services-item:hover {
opacity: .5;
}
.promotions-page-wrapper .services-item:hover span {
margin-left: 20px;
}
.promotions-page-wrapper .services-item {
padding-right: 20px;
}
.promotions-page-wrapper .services-item p {
font-size: 34px;
line-height: 39px;
color: #312275;
}
.promotions-page-wrapper .services-item>a>img {
width: 471px;
height: 213px;
}
.single-promotion>h1 {
font-weight: 500;
font-size: 50px;
line-height: 57px;
text-transform: uppercase;
margin-bottom: 25px;
max-width: 53%;
}
.single-promotion-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 4%;
}
.single-promotion-text p {
line-height: 130%;
color: #545454;
margin-bottom: 20px;
}
.single-promotion-text ul {
line-height: 130%;
color: #545454;
margin-left: 1em;
margin-bottom: 20px;
}
.single-promotion-text p:nth-last-child(-n+2),
.single-promotion-text ul:nth-last-child(-n+2) {
margin-bottom: 70px;
}
.single-promotion-text>span {
line-height: 130%;
}
.single-promotion-pic {
text-align: right;
}
.single-promotion-pic img {
margin-bottom: 35px;
}
.single-promotion-pic a {
font-weight: 500;
font-size: 20px;
text-transform: uppercase;
padding-bottom: 10px;
border-bottom: 2px solid #312275;
}
.our-team-department {
margin-bottom: 80px;
}
.our-team-department>span {
font-size: 34px;
line-height: 39px;
text-transform: uppercase;
color: #312275;
display: block;
padding-bottom: 25px;
border-bottom: 1px solid #DFDFDF;
margin-bottom: 40px;
}
.our-team-department-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 50px 4%;
}
.our-team-department-worker {
text-align: center;
opacity: 0;
}
.our-team-department-worker.animate {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
opacity: 1;
}
.our-team-department-worker .employees-slide-text-content>p {
color: #545454;
margin-bottom: 10px;
}
.our-team-department-worker .employees-slide-text-content div span::after {
display: none;
}
.our-team-department-worker .employees-slide-text-content div span,
.our-team-department-worker .employees-slide-text-content div a {
font-size: 18px;
line-height: 21px;
color: #312275;
font-weight: 400;
}
.arkanzas-link {
display: inline-block;
width: 30px;
height: 30px;
}
.arkanzas-vk {
background-image: url(https://remik.ru/wp-content/themes/remik/img/footer-vk.svg);
}
.arkanzas-wa {
background-image: url(https://remik.ru/wp-content/themes/remik/img/share-whatsapp.svg);
}
.arkanzas-telegram {
background-image: url(https://remik.ru/wp-content/themes/remik/img/share-telegram.svg);
}
.hidden {
display: none;
} body.archive.woocommerce-page {
overflow-x: hidden;
}
.woocommerce-products-header {
padding-bottom: 20px;
margin-bottom: 40px;
position: relative;
}
.woocommerce-products-header::after {
content: '';
position: absolute;
left: -1000px;
bottom: 0;
display: block;
width: 1000vw;
height: 1px;
background: #DFDFDF;
}
.woocommerce-products-header .section-title {
margin-bottom: 25px;
}
.archive-product-page-cats-sort {
display: flex;
justify-content: space-between;
}
.flex-end {
justify-content: flex-end;
}
.archive-product-page-cats-sort ul {
list-style: none;
max-width: 900px;
display: flex;
flex-wrap: wrap;
}
.archive-product-page-cats-sort ul li {
margin-right: 40px;
margin-bottom: 20px;
}
.archive-product-page-cats-sort ul li a span {
color: #0190D9;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: none;
margin: 0;
}
.new-select {
font-weight: 500;
font-size: 20px;
line-height: 23px;
text-transform: uppercase;
color: #312275;
position: relative;
}
.new-select::after {
content: url(https://remik.ru/wp-content/themes/remik/img/dropdown-arrow.svg);
position: absolute;
margin-left: 10px;
-webkit-transition: all .27s ease-in-out;
-o-transition: all .27s ease-in-out;
transition: all .27s ease-in-out;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.new-select.on::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
top: 3px;
}
.select {
position: relative;
}
.new-select__list {
position: absolute;
width: 100%;
left: -10px;
top: 25px;
background: #fff;
z-index: 9;
border: 1px solid #D8D8D8;
padding-bottom: 18px;
}
.new-select__item {
padding: 12px;
}
.new-select__item:first-child span {
font-weight: 600;
}
.new-select__item span {
font-weight: 450;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
}
.new-select__item:last-child {
border: none;
}
.archive-product-wrapper {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
gap: 32px;
}
.archive-product-wrapper #sidebar {
width: 25%;
}
.archive-product-wrapper #primary {
width: 70%;
}
#sidebar ul {
list-style: none;
}
#sidebar ul h4 {
font-weight: normal;
font-size: 18px;
line-height: 21px;
margin-bottom: 25px;
}
.woocommerce .widget_price_filter .price_slider_amount > input {
display: block !important;
}
.irs-with-grid .irs-grid,
.irs-min, .irs-max,
.irs-from, .irs-to, .irs-single,
.woof_radio_term_reset_visible,
.woof_products_top_panel {
display: none !important;
}
.woof_price3_search_container .woof_container_inner {
display: flex;
flex-direction: column;
}
.woof_price3_search_container .woof_container_inner h4 {
order: 1;
}
.woof_price3_search_container .woof_container_inner .woof_price_filter_txt_slider {
order: 3;
height: 40px;
}
.woof_price3_search_container .woof_container_inner .irs.js-irs-0.irs-with-grid {
order: 2;
margin-bottom: 30px;
}
.woof_price3_search_container .woof_container_inner .irs.js-irs-0.irs-with-grid span {
top: 0;
}
.woof_price3_search_container .woof_container_inner .irs.js-irs-0.irs-with-grid .irs-bar,
.woof_price3_search_container .woof_container_inner .irs.js-irs-0.irs-with-grid .irs-line {
top: 10px;
}
.woof_price3_search_container .woof_container_inner .irs.js-irs-0.irs-with-grid .irs-bar {
background: #312275;
border: none;
height: 3px;
}
.woof_price3_search_container .woof_container_inner .irs.js-irs-0.irs-with-grid .irs-line {
background: #DFDFDF;
border: none;
height: 3px;
}
.woof_price3_search_container .woof_container_inner .irs.js-irs-0.irs-with-grid .irs,
.woof_price3_search_container .woof_container_inner .irs.js-irs-0.irs-with-grid {
height: 25px;
}
.irs-slider.from,
.irs-slider.to {
background: #FBFBFB;
border: 1.69231px solid #DFDFDF;
width: 22px;
height: 22px;
}
.woof_price_filter_txt {
width: 125px !important;
}
.woof_price_filter_txt_slider input[type='number'] {
padding: 9px 7px;
border: 1px solid #312275;
text-align: center;
}
.woof_container {
padding-bottom: 0;
margin-bottom: 40px;
}
.woof_list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 5px;
}
.woof_list li {
margin: 0 !important;
padding: 0 !important;
}
.woof_list label {
padding: 0 !important;
}
a.woof_front_toggle {
float: none;
color: #fff;
position: relative;
}
.woof_front_toggle.woof_front_toggle_closed::after {
content: url(https://remik.ru/wp-content/themes/remik/img/dropdown-arrow.svg);
position: absolute;
-webkit-transition: all .27s ease-in-out;
-o-transition: all .27s ease-in-out;
transition: all .27s ease-in-out;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.woof_front_toggle.woof_front_toggle_opened::after {
content: url(https://remik.ru/wp-content/themes/remik/img/dropdown-arrow.svg);
position: absolute;
-webkit-transition: all .27s ease-in-out;
-o-transition: all .27s ease-in-out;
transition: all .27s ease-in-out;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
top: 3px;
}
.woof_submit_search_form_container{
display: none;
}
.woof_redraw_zone .woof_container + .woof_submit_search_form_container{
display: flex;
}
input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
width: 24px;
height: 24px;
display: inline-block !important;
}
input[type="checkbox"]::before {
content: '';
display: block;
width: 24px;
height: 24px;
border: 1px solid #312275;
cursor: pointer;
}
input[type="checkbox"]:checked::before {
content: '';
display: block;
width: 24px;
height: 24px;
border: 1px solid #312275;
background: #312275;
background-image: url(https://remik.ru/wp-content/themes/remik/img/checked.svg);
background-repeat: no-repeat;
background-position: center center;
}
input[type="radio"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
width: 20px;
height: 20px;
display: inline-block !important;
}
input[type="radio"]::before {
content: '';
display: block;
width: 20px;
height: 20px;
border: 1px solid #312275;
cursor: pointer;
border-radius: 100%;
}
input[type="radio"]:checked::before {
content: '';
display: block;
width: 20px;
height: 20px;
border: 1px solid #312275;
cursor: pointer;
border-radius: 100%;
}
input[type=radio]:checked:after {
content: '';
display: block;
width: 12px;
height: 12px;
border-radius: 100%;
background-position: center center;
background-repeat: no-repeat;
background: #312275;
position: absolute;
top: 4px;
left: 4px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type='number'] {
-moz-appearance: textfield;
}
.button.woof_submit_search_form {
font-weight: 500 !important;
font-size: 20px !important;
text-transform: uppercase !important;
color: #312275 !important;
padding: 15px 35px !important;
border: 1px solid #312275 !important;
background: transparent !important;
order: 1;
border-radius: 0 !important;
}
.button.woof_reset_search_form {
font-weight: normal !important;
font-size: 16px !important;
color: #A5A5A5 !important;
background: transparent !important;
padding: 0 !important;
order: 2;
margin-left: 20px !important;
}
.woof_submit_search_form_container {
margin: 0;
margin-bottom: 30px;
padding-top: 10px;
justify-content: flex-start;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
display: none;
}
.woocommerce .products ul, .woocommerce ul.products {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 60px 3.5%;
margin-bottom: 100px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 100%;
margin: 0;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.ark-woo-content-product-details-wrapper > a.woocommerce-loop-product__link {
pointer-events: none;
cursor: default;
}
.products .product.type-product.purchasable .clickBuyButton,
.products .product.type-product.purchasable .ark-woo-content-product-details-wrapper .ark-woo-no-price-text {
display: none !important;
}
.products .product.type-product .ark-woo-content-product-details-wrapper a.button {
display: none;
}
.products .product.type-product.purchasable .ark-woo-content-product-details-wrapper .add_to_cart_button {
display: block;
}
.products .product.type-product .ark-woo-content-product-details-wrapper .ark-woo-no-price-text {
display: block;
margin-bottom: 30px;
font-weight: 500;
font-size: 22px;
color: #1C1C1C;
}
.woocommerce ul.products li.product .button:hover {
color: #4E3AA9 !important;
background: #fff !important;
}
.woocommerce ul.products li.product .qib-container,
.woocommerce-page ul.products li.product .qib-container,
.ark-woo-single-product-cart-stock-wrapper .qib-container {
display: none !important;
}
form.cart .qib-container + button[type='submit']:not(#qib_id):not(#qib_id) {
margin-left: 0 !important;
}
.ark-woo-content-product-img-wrapper{
display: flex;
align-items: center;
justify-content: center;
height: 280px;
padding: 55px 40px;
border: 0.74813px solid #DFDFDF;
border-radius: 15px;
margin-bottom: 10px;
}
.woocommerce ul.products li.product a img {
display: block;
max-height: 100%;
height: auto;
max-width: 100%;
object-fit: contain;
margin: 0;
padding: 0;
}
.ark-woo-content-product-title-stock-wrapper {
display: flex; flex-direction: column-reverse;
}
.ark-woo-content-product-title-stock-wrapper .woocommerce-loop-product__title {
padding: 0 !important;
font-weight: 500;
font-size: 16px !important;
line-height: 125%; width: 100%;
}
.ark-woo-content-product-title-stock-wrapper > div {
width: 40%;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 12px;
color: #A5A5A5;
margin-bottom: 8px;
}
.ark-woo-content-product-title-stock-wrapper > div.outofstock::before {
content: '';
width: 10px;
height: 10px;
background: #EA2B00;
display: block;
border-radius: 100%;
margin-right: 7px;
}
.ark-woo-content-product-title-stock-wrapper > div.in-stock::before {
content: '';
width: 10px;
height: 10px;
background: #0190D9;
display: block;
border-radius: 100%;
margin-right: 7px;
}
.ark-woo-content-product-details-wrapper {
width: 100%;
margin-top: 20px; }
.woocommerce ul.products li.product .price {
font-weight: 500;
font-size: 22px;
color: #1C1C1C;
margin-bottom: 30px;
}
.woocommerce ul.products li.product .button {
width: 100%;
border: 1px solid #312275;
display: block;
background: #4E3AA9;
font-weight: 500;
text-transform: uppercase;
color: #FBFBFB;
padding: 15px 25px;
margin: 0;
text-align: center;
border-radius: 0;
}
.woocommerce ul.products li.product .button:hover {
color: #4E3AA9;
background: #fff;
}
.ark-woo-archive-product-page-pagination-numberposts {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 100px;
}
.woocommerce nav.woocommerce-pagination {
border: none;
display: flex;
align-items: center;
}
.woocommerce nav.woocommerce-pagination span {
position: relative;
}
.woocommerce-pagination span,
.woocommerce-pagination a {
font-size: 16px !important;
color: #1C1C1C !important;
padding: 11px 15px !important;
}
.woocommerce-pagination a:hover {
background: none !important;
}
.woocommerce-pagination span.current {
background: none !important;
border: 1px solid #312275;
}
.woocommerce-pagination a.next,
.woocommerce-pagination a.prev {
color: #fff !important;
position: relative;
}
.woocommerce-pagination a.next::after {
content: url(https://remik.ru/wp-content/themes/remik/img/pagination-next.svg);
position: absolute;
left: 10px;
top: 8px;
}
.woocommerce-pagination a.prev::after {
content: url(https://remik.ru/wp-content/themes/remik/img/pagination-prev.svg);
position: absolute;
right: 10px;
top: 8px;
}
.ark-archive-page-numberposts {
border: 1px solid #312275;
width: 70px;
padding: 10px 17px;
color: #1C1C1C;
cursor: pointer;
}
.ark-archive-page-numberposts .new-select {
font-size: 16px;
}
.ark-archive-page-numberposts .new-select__list {
position: absolute;
width: 70px;
left: -18px;
top: 34px;
padding-bottom: 0;
}
.ark-archive-page-numberposts .new-select.on::after {
top: 1px;
}
.ark-archive-page-numberposts-wrapper {
display: flex;
align-items: center;
}
.ark-archive-page-numberposts-wrapper > span {
font-weight: 500;
font-size: 16px;
color: #A5A5A5;
margin-right: 15px;
}
.term-description {
width: 72%;
margin-bottom: 130px;
}
.term-description b {
font-weight: 500;
font-size: 20px;
line-height: 130%;
color: #1C1C1C;
}
.term-description p {
font-size: 18px;
line-height: 130%;
color: #545454;
margin-bottom: 15px;
}
.select2-container--open .select2-dropdown.archive-ordering-dropdown {
top: 40px;
border: 1px solid #D8D8D8;
width: 215px !important;
}
.woocommerce-ordering .select2-container--default .select2-selection--single {
border: none;
}
.woocommerce-ordering .select2-selection__rendered {
font-weight: 500;
font-size: 20px;
text-transform: uppercase;
color: #312275 !important;
padding-left: 0 !important;
}
.select2-container--default.archive-ordering-dropdown .select2-results > .select2-results__options {
overflow: visible;
}
.woocommerce-ordering .select2-container {
width: auto !important;
}
.woocommerce-ordering .select2-container--default .select2-selection--single .select2-selection__arrow b {
border: none;
position: relative;
top: 0;
}
.select2-container--default .archive-ordering-dropdown .select2-results > .select2-results__options {
max-height: none;
}
.woocommerce-ordering .select2-container--below .select2-selection__arrow b::after,
.woocommerce-ordering .select2-container--default .select2-selection__arrow b::after {
content: url(https://remik.ru/wp-content/themes/remik/img/sort-1.svg);
position: absolute;
margin-left: 10px;
-webkit-transition: all .27s ease-in-out;
-o-transition: all .27s ease-in-out;
transition: all .27s ease-in-out;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
top: 3px;
} .select2-container--default .archive-ordering-dropdown .select2-results__option[data-selected=true] {
background: transparent;
}
.select2-container--default .archive-ordering-dropdown .select2-results__option--highlighted[data-selected] {
color: #1C1C1C;
background: transparent;
}
.single-product-gallery-nav {
width: 165px;
height: 500px;
margin-left: 0;
margin-right: 20px;
}
.single-product-gallery-for {
width: 420px;
}
.single-product-sliders-wrapper {
display: flex;
flex-direction: row-reverse;
}
.product.type-product.purchasable .clickBuyButton {
display: none;
}
.product.type-product .clickBuyButton {
border: 1px solid #312275;
background: #4E3AA9 !important;
font-weight: 500;
text-transform: uppercase;
color: #FBFBFB;
padding: 15px 95px !important;
margin: 0;
text-align: center;
border-radius: 0;
height: auto !important;
margin-right: 35px;
}
.ark-woo-single-product-main-content-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 30px;
justify-content: space-between;
margin-bottom: 80px;
}
.single-product-gallery-for .swiper-slide {
width: 420px;
height: 414px;
padding: 80px 30px;
border: 1px solid #DFDFDF;
border-radius: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.single-product-gallery-nav .swiper-slide {
width: 162px;
height: 125px;
border: 1px solid #DFDFDF;
padding: 25px;
border-radius: 15px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.single-product-gallery-for-pagination{
display: none;
}
.single-product-gallery-for .swiper-pagination-bullet {
width: 15px;
height: 15px;
background: #DFDFDF;
opacity: 1;
margin: 0 8px !important;
}
.single-product-gallery-for .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 4px solid #312275;
background: #fff;
}
.woocommerce-page div.product div.summary {
float: none;
width: 100%;
}
.woocommerce div.product .product_title {
font-weight: normal;
font-size: 34px;
line-height: 39px;
margin-bottom: 10px;
}
.glsr.glsr-default.glsr-ltr {
margin-bottom: 20px;
}
.glsr-default .glsr-summary-stars {
margin-right: 15px !important;
}
.ark-reviews-stars .glsr-tag-value {
font-weight: 500;
font-size: 18px;
display: block;
color: #4E3AA9;
}
.ark-reviews-stars .glsr-tag-value.ark-woo-no-reviews {
font-weight: normal;
font-size: 10px;
color: #A5A5A5;
}
.ark-reviews-stars .screen-reader-text,
.glsr-pagination .screen-reader-text {
display: none;
}
.woocommerce-product-details__short-description {
line-height: 130%;
color: #6B6B6B;
margin-bottom: 25px;
}
.ark-woo-single-product-attributes {
max-width: 260px;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.ark-woo-single-product-attributes {
max-width: 100%;
}
}
.ark-woo-single-product-attributes__row {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
line-height: 14px;
border-bottom: 1px solid #DFDFDF;
padding-top: 6px;
padding-bottom: 6px;
}
.ark-woo-single-product-attributes__name {
color: #A5A5A5;
}
.ark-woo-single-product-attributes__value {
color: #1C1C1C;
text-align: right;
}
.woocommerce div.product p.price {
font-weight: 500;
font-size: 26px;
color: #1C1C1C;
margin-bottom: 30px;
}
.ark-woo-single-product-cart-stock-wrapper {
display: flex;
align-items: center;
}
.woocommerce div.product form.cart div.quantity {
display: none;
}
.woocommerce div.product form.cart .button {
border: 1px solid #312275;
background: #4E3AA9;
font-weight: 500;
text-transform: uppercase;
color: #FBFBFB;
padding: 15px 95px !important;
margin: 0;
text-align: center;
border-radius: 0;
height: auto !important;
}
.woocommerce div.product form.cart .button:hover {
color: #4E3AA9;
background: #fff;
}
.woocommerce div.product form.cart {
margin: 0;
margin-right: 35px;
}
.ark-woo-single-product-cart-stock-wrapper .in-stock,
.ark-woo-single-product-cart-stock-wrapper .outofstock {
display: flex;
align-items: center;
font-weight: 500;
font-size: 14px;
color: #A5A5A5;
}
.ark-woo-single-product-cart-stock-wrapper .in-stock::before {
content: '';
width: 10px;
height: 10px;
background: #0190D9;
display: block;
border-radius: 100%;
margin-right: 20px;
}
.ark-woo-single-product-cart-stock-wrapper .outofstock::before {
content: '';
width: 10px;
height: 10px;
background: #A5A5A5;
display: block;
border-radius: 100%;
margin-right: 20px;
}
.ark-woo-single-product-cart-stock-wrapper .stock.out-of-stock {
display: none;
}
.woocommerce div.product div.summary {
margin: 0;
}
.ark-woo-single-product-tabs-sidebar-wrapper {
display: grid;
grid-template-columns: 70% 25%;
gap: 0 5%;
margin-bottom: 100px;
}
.ark-woo-single-product-sidebar-pay-delivery-wrapper h4 {
font-weight: 500;
font-size: 22px;
text-transform: uppercase;
margin-bottom: 18px;
}
.ark-woo-single-product-sidebar-pay-delivery-item {
border: 1px solid #312275;
border-radius: 7px;
padding: 10px;
display: grid;
grid-template-columns: 9% 87%;
grid-column-gap: 4%;
margin-bottom: 15px;
}
.ark-woo-single-product-sidebar-pay-delivery-item-text span {
margin-bottom: 5px;
display: block;
}
.ark-woo-single-product-sidebar-pay-delivery-item-text p {
font-size: 14px;
line-height: 16px;
color: #6B6B6B;
}
.ark-woo-single-product-sidebar-pay-delivery-tip {
font-size: 14px;
line-height: 16px;
color: #6B6B6B;
}
.ark-woo-single-product-sidebar-pay-delivery-wrapper {
margin-bottom: 35px;
}
.ark-woo-single-product-sidebar-pay-delivery-wrapper:last-child {
margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0 0 30px 0;
margin: 0 0 30px 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background: none;
margin: 0;
padding: 0 9px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #312275;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
padding-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child {
padding-right: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 0;
font-weight: normal;
font-size: 22px;
color: #A5A5A5;
}
#tab-description > h2:first-child {
display: none;
}
.woocommerce-Tabs-panel h1,
.woocommerce-Tabs-panel h2,
.woocommerce-Tabs-panel h3,
.woocommerce-Tabs-panel h4,
.woocommerce-Tabs-panel h5,
.woocommerce-Tabs-panel h6 {
font-weight: 500;
font-size: 20px;
line-height: 130%;
margin-bottom: 12px;
}
.woocommerce-Tabs-panel p {
line-height: 130%;
color: #545454;
margin-bottom: 15px;
}
.woocommerce-Tabs-panel ul,
.woocommerce-Tabs-panel ol {
line-height: 130%;
color: #545454;
margin-bottom: 15px;
}
.woocommerce-Tabs-panel ul li,
.woocommerce-Tabs-panel ol li {
margin-left: 1em;
}
.woocommerce-Tabs-panel iframe {
width: 100%;
height: 450px;
}
.ark-reviews-list .glsr-review {
display: block !important;
background: #FBFBFB;
border: 1px solid #DFDFDF;
border-radius: 14.404px;
padding: 30px;
}
.ark-woo-review-top-wrapper {
display: flex;
}
.glsr-stars .screen-reader-text {
clip: auto !important;
height: auto !important;
overflow: visible !important;
position: static !important;
width: auto !important;
order: 2;
margin-left: 15px !important;
font-weight: 500;
font-size: 18px;
color: rgba(0, 0, 0, 0);
position: relative !important;
user-select: none;
}
.screen-reader-text strong {
color: #4E3AA9;
position: absolute;
left: 0;
}
.ark-reviews-list {
gap: 20px !important;
}
.ark-reviews-list .glsr-review-author {
margin-right: 15px;
}
.ark-reviews-list .glsr-review-date span {
font-size: 14px;
color: #A5A5A5;
font-style: normal;
}
.ark-reviews-list .glsr-review-rating {
margin-top: 15px;
}
.ark-reviews-list .glsr-review-content {
margin: 15px 0 0 0 !important;
}
.ark-reviews-list .glsr-read-more a {
margin-top: 25px;
display: block;
text-align: right;
color: #312275;
position: relative;
padding-right: 30px;
}
.ark-reviews-list .glsr-read-more a::after {
content: url(https://remik.ru/wp-content/themes/remik/img/reviews-arrow.svg);
position: absolute;
right: 0px;
-webkit-transition: all .27s ease-in-out;
-o-transition: all .27s ease-in-out;
transition: all .27s ease-in-out;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.ark-reviews-list .glsr-read-more a.click::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.ark-woo-leave-review {
padding: 20px 45px;
cursor: pointer;
}
.overlay-review {
position: fixed;
display: none;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 3;
}
.overlay-review .popup-review {
position: fixed;
z-index: 4;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.overlay-review .popup-close-review {
position: absolute;
right: 30px;
top: 30px;
cursor: pointer;
}
.overlay-review .popup-form-review {
max-width: 890px;
background-color: #ffffff;
text-align: center;
padding: 80px 200px 70px 200px;
}
.popup-content-review {
width: 700px;
background: #FBFBFB;
padding: 70px 90px 80px 90px;
}
.glsr-label-text {
display: none !important;
}
.popup-content-review > span {
font-size: 34px;
line-height: 39px;
color: #312275;
display: block;
margin-bottom: 50px;
}
.glsr-input.glsr-input-text {
border: none !important;
border-bottom: 1px solid #A5A5A5 !important;
background: transparent !important;
padding: 0 0 15px 0 !important;
}
.glsr-input.glsr-input-text::placeholder {
font-size: 16px;
color: #6B6B6B;
}
.glsr-default form.glsr-form {
display: block !important;
}
.glsr-field-text {
margin-bottom: 25px;
}
.glsr-default form.glsr-form label.glsr-label {
margin: 0 !important;
}
.glsr-label-rating > span,
.glsr-label-textarea > span {
display: block;
margin-bottom: 15px;
font-weight: normal;
font-size: 16px;
line-height: 18px;
color: #6B6B6B;
}
.glsr-field-rating {
margin-bottom: 30px;
}
.glsr-field-textarea textarea {
resize: none !important;
background: #FFFFFF;
border: 1px solid #DFDFDF !important;
border-radius: 5px !important;
}
.glsr-field-textarea textarea:focus,
.glsr-input.glsr-input-text:focus {
box-shadow: none !important;
}
.glsr-field-textarea {
margin-bottom: 40px;
}
.glsr-button.btn-primary {
border: 1px solid #312275 !important;
display: inline-block !important;
background-color: #4E3AA9 !important;
font-weight: 500 !important;
text-transform: uppercase;
color: #FBFBFB !important;
padding: 15px 25px !important;
border-radius: 0 !important;
}
.glsr-button.btn-primary:hover {
border: 1px solid #312275 !important;
background: #fff !important;
color: #9089af !important;
}
.ark-woo-review-submit-btn {
display: grid;
grid-template-columns: 31% 64%;
gap: 0 5%;
}
.ark-woo-review-submit-btn p {
font-size: 14px;
line-height: 16px;
color: #6B6B6B;
}
.ark-woo-review-submit-btn p a {
text-decoration: underline;
color: #6B6B6B;
}
.glsr-default form.glsr-form .glsr-form-failed {
margin-bottom: 25px;
}
.glsr-field-error {
padding-top: 10px;
}
.glsr-default button.glsr-button .glsr-button-loading {
display: none !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0;
}
.ark-woo-reviews-wrapper {
margin-bottom: 50px;
}
.ark-woo-related-items > h2 {
margin-bottom: 20px;
}
.added_to_cart.wc-forward {
display: none !important;
}
.cart-title {
margin-bottom: 50px;
text-transform: none;
}
.woocommerce table.shop_table {
border-collapse: collapse;
}
.woocommerce table.shop_table,
.woocommerce-cart-form table.shop_table td {
border: none;
}
.ark-woo-cart-actions,
.cart-page .woocommerce-notices-wrapper {
display: none!important;
}
.woocommerce-cart-form table.shop_table thead {
border-bottom: 1px solid #A5A5A5;
}
.woocommerce-cart-form table.shop_table thead tr th:first-child,
.woocommerce-checkout-review-order-table thead tr th:first-child {
padding-left: 0;
}
.woocommerce-cart-form table.shop_table thead tr th:last-child,
.woocommerce-checkout-review-order-table thead tr th:last-child {
padding-right: 0;
}
.woocommerce-cart-form table.shop_table tbody td {
border-bottom: 1px solid #DFDFDF;
}
.woocommerce-cart-form table.shop_table tbody td a {
color: #1C1C1C;
}
.woocommerce table.shop_table th {
font-weight: normal;
font-size: 14px;
color: #545454;
padding: 0 15px 15px 15px;
}
.woocommerce table.shop_table td {
padding: 20px 15px;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 60px;
}
.qib-button:not(#qib_id):not(#qib_id),
.qib-container div.quantity:not(#qib_id):not(#qib_id),
.qib-button:not(#qib_id):not(#qib_id),
.qib-container .quantity input.qty:not(#qib_id):not(#qib_id) {
border: none;
background: none;
border-style: none !important;
}
.minus.qib-button {
color: #fff;
user-select: none;
background: #fff url(https://remik.ru/wp-content/themes/remik/img/minus.svg) !important;
background-size: auto !important;
background-repeat: no-repeat !important;
background-position: center !important;
font-size: 0 !important;
}
.plus.qib-button {
color: #fff;
user-select: none;
background: #fff url(https://remik.ru/wp-content/themes/remik/img/plus.svg) !important;
background-size: auto !important;
background-repeat: no-repeat !important;
background-position: center !important;
font-size: 0 !important;
}
.woocommerce-cart-form__cart-item.cart_item .product-price .woocommerce-Price-currencySymbol,
.woocommerce-cart-form__cart-item.cart_item .product-subtotal .woocommerce-Price-currencySymbol {
display: none;
}
.woocommerce a.remove {
color: transparent !important;
background-image: url(https://remik.ru/wp-content/themes/remik/img/cart-trash.svg);
background-size: auto;
background-repeat: no-repeat;
background-position: center;
border-radius: 0;
}
.woocommerce a.remove:hover {
background: transparent url(https://remik.ru/wp-content/themes/remik/img/cart-trash.svg);
color: transparent !important;
background-size: auto;
background-repeat: no-repeat;
background-position: center;
}
.cart_totals  > h2,
.cart_totals .cart-subtotal {
display: none!important;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td {
border: none;
}
.order-total {
display: flex;
align-items: center;
justify-content: space-between;
}
.order-total th,
.order-total td {
vertical-align: middle;
padding: 0 !important;
font-weight: normal !important;
font-size: 22px !important;
text-transform: uppercase;
}
.order-total td strong {
font-weight: normal;
}
.order-total td .woocommerce-Price-currencySymbol {
display: none;
}
.woocommerce-cart-form {
margin-bottom: 40px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 23%;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
margin-bottom: 30px;
}
.woocommerce-cart .wc-proceed-to-checkout {
padding: 0;
margin-bottom: 20px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
margin: 0;
border: 1px solid #312275;
display: block;
width: 100%;
background: #4E3AA9;
font-weight: 500;
text-transform: uppercase;
color: #FBFBFB;
padding: 15px 25px;
border-radius: 0;
font-size: 18px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
border: 1px solid #312275;
background: #fff;
color: #312275;
}
.ark-woo-cart-go-to-shopping-link {
display: block;
text-align: center;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #312275;
}
.checkout-title {
margin-bottom: 40px;
text-transform: none;
}
.woocommerce-checkout-review-order-table .cart_item .product-thumbnail img {
width: 60px;
}
.ark-woo-checkout-review-order-title {
display: block;
font-weight: 500;
font-size: 26px;
margin-bottom: 35px;
}
.woocommerce-checkout-review-order-table .cart-subtotal {
display: none;
}
.woocommerce-checkout-review-order-table td {
border-top: none !important;
border-bottom: 1px solid #DFDFDF !important;
}
.woocommerce-checkout-review-order-table th {
border-bottom: 1px solid #A5A5A5;
}
.checkout-order-total {
display: flex;
justify-content: flex-end;
font-size: 22px;
margin-bottom: 50px;
}
.checkout-order-total-sum {
margin-left: 120px;
}
.checkout-order-total-sum strong {
font-weight: normal;
}
.checkout-order-total-sum span bdi span {
display: none;
}
.woocommerce-checkout-review-order-table .cart_item .product-name .product-quantity {
display: none;
}
.product-price-per-item-val .woocommerce-Price-currencySymbol,
.product-total .woocommerce-Price-currencySymbol {
display: none;
}
.woocommerce-billing-fields > h3 {
font-weight: 500;
font-size: 26px;
margin-bottom: 35px;
}
.woocommerce-billing-fields .select2-container .select2-selection__rendered {
color: #545454;
}
.woocommerce-billing-fields .select2-container .select2-selection--single .select2-selection__rendered {
padding: 0;
}
.woocommerce-billing-fields .select2-container--default .select2-selection--single {
display: flex;
align-items: center;
padding: 0 50px 0 15px;
height: 50px;
border: 1px solid #DFDFDF;
border-radius: 0;
}
.woocommerce-billing-fields .select2-container--default .select2-selection--single::after {
content: url(https://remik.ru/wp-content/themes/remik/img/checkout-dropdown-arrow.svg);
position: absolute;
right: 20px;
-webkit-transition: all .27s ease-in-out;
-o-transition: all .27s ease-in-out;
transition: all .27s ease-in-out;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.woocommerce-billing-fields .select2-container--open .select2-selection--single::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--default .checkout-select-dropdown .select2-results__option--highlighted[data-selected] {
background-color: transparent;
color: #545454;
}
.select2-container--default .checkout-select-dropdown .select2-results__option[data-selected=true] {
background-color: transparent;
}
.checkout-select-dropdown .select2-results__option {
color: #A5A5A5;
padding: 10px 15px 10px 15px;
}
.checkout-select-dropdown {
top: 5px;
border: 1px solid #DFDFDF;
border-radius: 0;
}
.checkout-select-dropdown .select2-results {
padding: 10px 0;
}
.woocommerce-billing-fields input[type=text],
.woocommerce-billing-fields input[type=email],
.woocommerce-billing-fields input[type=tel],
.woocommerce-billing-fields textarea {
padding: 15px;
border: 1px solid #DFDFDF;
}
.woocommerce-billing-fields textarea {
height: 100px !important;
resize: none;
}
.woocommerce-billing-fields input[type=text]::placeholder,
.woocommerce-billing-fields input[type=email]::placeholder,
.woocommerce-billing-fields input[type=tel]::placeholder,
.woocommerce-billing-fields textarea::placeholder {
color: #545454;
font-size: 18px;
}
.woocommerce-billing-fields .form-row {
padding: 0 !important;
margin: 0 0 30px 0 !important;
width: 62%;
}
.ark-woo-col {
width: 100% !important;
}
.ark-woo-checkout-upload-requisites button {
display: inline-block !important;
border: 1px solid #312275 !important;
padding: 15px 25px !important;
font-weight: 500 !important;
font-size: 18px !important;
line-height: 21px !important;
text-transform: uppercase !important;
color: #312275 !important;
background: transparent !important;
width: auto !important;
border-radius: 0 !important;
}
.woocommerce-billing-fields .form-row.ark-woo-checkout-delivery-radio {
width: 100% !important;
margin-bottom: 40px !important;
}
.ark-woo-checkout-delivery-radio > label {
padding-top: 20px;
line-height: normal !important;
margin-bottom: 25px;
font-weight: 500;
font-size: 26px;
}
.ark-woo-checkout-delivery-radio label abbr {
display: none;
}
.ark-woo-checkout-delivery-radio label {
line-height: normal !important;
margin-left: 10px;
}
.ark-woo-checkout-delivery-radio > label {
margin-left: 0;
}
.ark-woo-checkout-delivery-radio .woocommerce-radio-wrapper {
counter-reset: deliverylist;
}
.ark-woo-checkout-delivery-radio .woocommerce-radio-wrapper br {
display: none;
}
.ark-woo-billing-form-delivery-wrap::before {
counter-increment: deliverylist;
content: counter(deliverylist) ". ";
margin-right: 15px;
font-size: 20px;
}
.ark-woo-checkout-delivery-radio .woocommerce-radio-wrapper .ark-woo-billing-form-delivery-wrap:first-child {
margin-bottom: 30px;
}
.ark-woo-checkout-delivery-radio .woocommerce-radio-wrapper .ark-woo-billing-form-delivery-wrap:last-child {
margin-bottom: 40px;
}
.ark-woo-checkout-delivery-radio .woocommerce-radio-wrapper .ark-woo-billing-form-delivery-wrap:first-child label::after {
content: '(Бесплатная доставка от 1000 рублей по г. Казань. При меньшей стоимости заказа +350 рублей)';
display: block;
font-size: 16px;
line-height: 18px;
color: #A5A5A5;
margin-top: 15px;
}
.ark-woo-billing-form-delivery-wrap {
display: flex;
}
.woocommerce form .form-row .input-checkbox {
margin: 0;
}
#order_review_heading {
font-weight: 500;
font-size: 26px;
margin-bottom: 25px;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border: none;
margin-bottom: 80px;
}
.woocommerce-checkout #payment {
background: none;
}
.form-row.place-order {
padding: 0 !important;
margin: 0 !important;
}
.woocommerce-terms-and-conditions-wrapper {
display: none;
}
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0;
margin-right: 10px;
}
.woocommerce-checkout #payment ul.payment_methods li {
display: flex;
align-items: center;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float: none;
border: 1px solid #312275;
display: inline-block;
background: #4E3AA9;
font-weight: 500;
text-transform: uppercase;
color: #FBFBFB;
padding: 15px 25px;
border-radius: 0;
}
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
border: 1px solid #312275;
background: #fff;
color: #312275;
}
.woocommerce-invalid-required-field input {
border: 1px solid #ED2C2C !important;
}
.woocommerce-invalid-required-field input::placeholder {
color: #ED2C2C !important;
}
.woocommerce form .form-row.woocommerce-validated input.input-text {
border-color: #DFDFDF !important;
}
.ark-woo-thank {
width: 54%;
}
.ark-woo-thank h2 {
font-weight: 500;
font-size: 26px;
margin-bottom: 15px;
}
.ark-woo-thank p {
margin-bottom: 10px;
line-height: 130%;
}
.ark-woo-thank span {
margin-top: 35px;
display: block;
margin-bottom: 40px;
}
.ark-woo-thank span a {
display: inline-block;
color: #312275;
margin-top: 15px;
}
.ark-woo-thank h5 {
font-weight: normal;
font-size: 22px;
line-height: 25px;
margin-bottom: 30px;
}
.thank-title {
display: none;
}
#ark-to-top {
width: 55px;
position: fixed;
bottom: 70px;
right: 30px;
cursor: pointer;
display: none;
z-index: 99;
}
.team-watch-all {
display: none;
}
#callme .acceptance {
display: block;
}
#callme .acceptance span {
display: block;
text-align: left;
margin-bottom: 30px;
} :root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat)
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
animation-iteration-count: calc(var(--animate-repeat)*2)
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
animation-iteration-count: calc(var(--animate-repeat)*3)
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay)
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-delay: calc(var(--animate-delay)*2);
animation-delay: calc(var(--animate-delay)*2)
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-delay: calc(var(--animate-delay)*3);
animation-delay: calc(var(--animate-delay)*3)
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-delay: calc(var(--animate-delay)*4);
animation-delay: calc(var(--animate-delay)*4)
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-delay: calc(var(--animate-delay)*5);
animation-delay: calc(var(--animate-delay)*5)
}
.animate__animated.animate__faster {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-duration: calc(var(--animate-duration)/2);
animation-duration: calc(var(--animate-duration)/2)
}
.animate__animated.animate__fast {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-duration: calc(var(--animate-duration)*0.8);
animation-duration: calc(var(--animate-duration)*0.8)
}
.animate__animated.animate__slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2)
}
.animate__animated.animate__slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-duration: calc(var(--animate-duration)*3);
animation-duration: calc(var(--animate-duration)*3)
}
@media (prefers-reduced-motion:reduce),
print {
.animate__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important
}
.animate__animated[class*=Out] {
opacity: 0
}
}
@keyframes grow {
to {
width: 90%;
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@-webkit-keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
} @media (min-width: 992px) { .header-menu{
list-style-type: none;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.header-menu ul{
list-style-type: none;
}
.header-menu .header-menu__li{
padding: 20px 4px;
}
.header-menu .header-menu__li:first-child{
padding-left: 0;
}
.header-menu .header-menu__li:last-child{
padding-right: 30px;
position: relative;
}
.header-menu .header-menu__li.current-menu-item .header-menu__link,
.header-menu .header-menu__li:hover .header-menu__link{
color: #312275;
}
.header-menu .header-menu__link{
font-weight: 400;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
color: #000000;
}
.catalog-btn .header-menu__link{
color: #312275;
}
.menu-item-object-it_uslugi, .menu-item-object-obsluzhivanie, .menu-item-object-cartridge {
position: relative;
padding-right: 30px !important;
}
.menu-item-has-children>.header-menu__link::after {
content: url(https://remik.ru/wp-content/themes/remik/img/dropdown-arrow.svg);
position: absolute;
right: 0;
top: 50%;
transition: all .27s ease-in-out;
transform: rotate(0deg) translateY(-50%);
display: block;
}
.catalog-btn>.header-menu__link::before {
content: url(https://remik.ru/wp-content/themes/remik/img/catalog-icon.svg);
margin: 0 10px 0 0;
font-family: 'Ubuntu', sans-serif;
}
.catalog-btn>.header-menu__link::after{
display: none;
}
.header-menu .sub_menu{
display: none;   }
.header-menu  .header-menu__li.menu-item-has-children > .sub_menu{
flex-flow: column;
background: #FFFFFF;
border: 1px solid #EEEEEE;
width: 350px;
position: absolute;
top: 60px;
right: 0;
z-index: 99;
line-height: 130%;
}
.header-menu  .header-menu__li.menu-item-has-children .sub_menu__li-1{
padding: 7px 15px;
transition: all 0.2s;
}
.header-menu  .header-menu__li.menu-item-has-children .sub_menu__link-1{
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #1C1C1C;
}
.header-menu  .header-menu__li.menu-item-has-children .sub_menu__li-1:hover .sub_menu__link-1{
color: #312275;
}
.header-menu  .header-menu__li.menu-item-has-children.catalog-btn > .sub_menu{
flex-flow: column;
background: #FFFFFF;
box-shadow: 0px 1px 2px rgba(165, 165, 165, 0.25);
border: none;
max-height: 550px;
width: 100%;
position: absolute;
top: 60px;
left: 0;
z-index: 99;
padding-bottom: 20px;
}
.header-menu  .header-menu__li.menu-item-has-children.catalog-btn .sub_menu__li-1{
padding: 12px 20px;
background: #F7F7F7;
max-width: 400px;
transition: all 0.2s;
}
.header-menu .header-menu__li.menu-item-has-children.catalog-btn .sub_menu__li-1:hover{
border-right: 5px solid #312275;
background: #fff;
}
.header-menu  .header-menu__li.menu-item-has-children.catalog-btn .sub_menu__link-1{
font-weight: 500;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
color: #312275;
width: 100%;
display: block;
}
.header-menu  .header-menu__li.menu-item-has-children.catalog-btn .sub_menu__link-1.click ~ .sub_menu{
display: flex;
}
.header-menu  .header-menu__li.menu-item-has-children.catalog-btn .sub_menu__li-1  .sub_menu{
display: none;
flex-flow: column wrap;
gap: 15px 60px;
height: 100%;
max-height: 450px;
position: absolute;
top: 0;
left: 400px;
padding: 20px 35px;
min-width: 400px;
}
.header-menu  .header-menu__li.menu-item-has-children.catalog-btn .sub_menu__li-2{
max-width: 200px;
}
.header-menu  .header-menu__li.menu-item-has-children.catalog-btn .sub_menu__link-2{
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #545454;
}
.header-menu  .header-menu__li.menu-item-has-children.catalog-btn .sub_menu__li-2:hover .sub_menu__link-2{
color: #A5A5A5;
}
}
@media (max-width: 1250px) {
html{
overflow-x: hidden;
}
.container {
max-width: 942px;
}
.header-menu .header-menu__link{
font-size: 16px;
line-height: 18px;
}
.front-slider-arrow-prev,
.front-slider-arrow-next{
display: none;
}
.catalog-items-list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px;
}
.front-certificates-slider-init{
max-width: 100%;
}
.front-news-articles-item a {
display: grid;
grid-template-columns: 50% 47%;
grid-column-gap: 3%;
}
.feedback-form-wrapper .acceptance{
width: 100%;
}
.footer-top-row {
display: grid;
grid-template-columns: 17% 78.5%;
gap: 0 40px;
}
.about-us-front-img-2 {
position: absolute;
left: 0;
top: 265px;
}
.contacts-block-top {
display: grid;
grid-template-columns: 17% 17% 37% 20%;
grid-column-gap: 30px;
margin-bottom: 80px;
}
.contacts-block-bottom-right iframe{
width: 100%;
}
.news-articles-page-cats ul {
display: flex;
align-items: center;
flex-wrap: nowrap;
padding-bottom: 15px;
margin-bottom: 25px;
overflow-x: auto;
}
.news-articles-page-cats ul::-webkit-scrollbar{
width: 0;
height: 6px;
background-color: transparent;
}
.news-articles-page-cats ul::-webkit-scrollbar-thumb{
background-color: transparent;
border-radius: 3px;
}
.news-articles-page-cats a {
margin-right: 15px;
font-weight: 500;
font-size: 18px;
line-height: 21px;
display: block;
width: max-content;
}
.promotions-page-wrapper .services-item>a>img{
width: 82%;
height: auto;
}
.single-article h1{
max-width: 100%;
}
.related-news-item {
display: grid;
grid-template-columns: 1fr;
gap: 15px;
}
.related-news-item>img {
width: 100%;
height: auto;
object-fit: cover;
}
.delivery-step-item-pic {
padding: 20px;
margin: 0 31px;
}
.header-top-row-contact-btns>div.consult-btn,
.header-top-row-contact-btns>div.request-btn{
display: none;
}
.head-search-input-block {
width: 340px;
display: flex;
align-items: center;
}
.archive-product-page-cats-sort{
display: flex;
align-items: center;
flex-flow: row wrap;
}
.archive-product-page-cats-sort ul {
list-style: none;
max-width: none;
width: 100%;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
margin-bottom: 30px;
}
.archive-product-page-cats-sort ul li {
margin-right: 40px;
margin-bottom: 0;
min-width: fit-content;
}
.filter_mob{
display: flex;
align-items: center;
}
.filter_mob-text{
display: block;
margin-left: 10px;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #000000;
}
.woocommerce-ordering .select2-selection__rendered{
font-size: 14px;
line-height: 16px;
font-weight: 400;
color: #000000!important;
text-transform: unset!important;
}
.archive-product-wrapper{
display: flex;
flex-flow: column-reverse;
position: relative;
}
.archive-product-wrapper #primary{
width: auto;
}
.archive-product-wrapper #sidebar{
width: calc(100% + 20px); display: none;
background: #FFFFFF;
padding: 20px 10px;
margin: -26px -10px 30px -10px;
border: 1px solid #DFDFDF;
}
.woocommerce-products-header {
padding-bottom: 20px;
margin-bottom: 25px;
position: relative;
}
.ark-woo-single-product-main-content-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
.single-product-gallery-for {
width: 620px;
}
.ark-woo-single-product-tabs-sidebar-wrapper {
display: block;
margin-bottom: 100px;
}
.woocommerce-tabs.wc-tabs-wrapper{
margin-bottom: 70px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: flex;
padding: 0 0 30px 0;
margin: 0 0 30px 0;
overflow-x: auto;
white-space: nowrap;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
min-width: max-content;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar{
width: 0;
height: 6px;
background-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar-thumb{
background-color: transparent;
border-radius: 3px;
}
.woocommerce table.shop_table td {
padding: 15px 0px;
}
.flex-end {
justify-content: space-between;
}
}
@media (max-width: 992px) {
.container {
max-width: 718px;
}
.front-slider-skite{
overflow-y: hidden;
overflow-x: auto;
}
.front-slider-skite::-webkit-scrollbar,
.front-services-wrapper::-webkit-scrollbar{
width: 0;
height: 6px;
background-color: transparent;
}
.front-slider-skite::-webkit-scrollbar-thumb,
.front-services-wrapper::-webkit-scrollbar-thumb{
background-color: transparent;
border-radius: 3px;
}
.front-slider-skite div{
min-width: 275px;
}
.front-services-wrapper {
overflow-y: hidden;
overflow-x: auto;
}
.front-services-item {
min-width: 350px;
}
.front-about-wrap-items {
display: grid;
grid-template-columns: 1fr;
grid-gap: 25px;
margin-bottom: 30px;
counter-reset: list;
}
.front-about-item {
border-left: none;
padding-left: 0;
display: flex;
flex-flow: column;
position: relative;
}
.front-about-item::before {
font-size: 18px;
margin-bottom: 10px;
}
.front-about-item:after {
content: "";
position: absolute;
left: 30px;
top: 10px;
display: block;
width: calc(100% - 30px);
height: 1px;
background: #312275;
}
.front-clients-slider-init .swiper-slide{
width: 200px;
}
.front-clients-slider-button-prev,
.front-clients-slider-button-next,
.reviews-slider-arrow-prev,
.reviews-slider-arrow-next{
display: none;
}
.front-reviews-slider-init .swiper-slide{
width: 90%;
}
.front-reviews-arrows{
margin: 0;
}
.front-news-articles-item a {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
border: none;
padding-bottom: 0;
margin-bottom: 30px;
}
.front-news-articles-item-text {
width: 100%;
margin-bottom: 20px;
}
.front-news-articles-item-left .front-news-articles-item-pic {
float: none;
display: flex;
margin-left: auto;
margin-bottom: 0px;
}
.front-news-articles-item-details, .front-news-articles-item-details span {
display: flex;
align-items: center;
color: #A5A5A5;
font-size: 16px;
margin-top: -10px;
}
.footer-top-row {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "footer-logo" "footer-info-wrapper";
grid-template-rows: initial;
grid-auto-columns: initial;
grid-auto-rows: initial;
gap: 30px;
margin-bottom: 35px;
}
.footer-center-row{
margin-bottom: 25px;
}
.footer-center-row ul {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.footer-bottom-row {
text-align: left;
}
.about-us-front-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
}
.about-us-front-imgs {
text-align: center;
position: relative;
}
.about-us-front-img-2{
display: none;
}
.about-history-slide-wrapper {
display: flex;
flex-flow: column-reverse;
grid-gap: 0;
}
.about-history-slide-text{
margin-bottom: 15px;
}
.vacancy-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 25px;
}
.contacts-block-top {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 25px;
margin-bottom: 50px;
}
.contacts-block-bottom {
display: grid;
grid-template-columns: 1fr;
grid-gap: 25px;
}
.our-team-department-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px 4%;
}
.services-item {
position: relative;
padding: 15px 5px 15px 15px;
min-height: 280px;
}
.promotions-page-wrapper .services-item p {
font-size: 30px;
line-height: 34px;
color: #312275;
}
.single-promotion>h1{
font-size: 40px;
line-height: 47px;
max-width: 100%;
}
.single-promotion-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 25px;
}
.single-promotion-pic {
text-align: left;
}
.single-promotion-pic a {
display: inline-block;
}
.delivery-steps-line {
display: block;
position: absolute;
width: 3px;
height: 0;
background: #312275;
top: initial;
left: 46px;
}
.delivery-steps-list {
display: grid;
grid-template-columns: 1fr;
grid-gap: 35px;
margin-bottom: 30px;
}
@keyframes grow {
to {
height: 90%;
}
}
.delivery-step-item {
display: flex;
align-items: center;
}
.delivery-step-item-pic {
padding: 15px;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
min-width: 95px;
min-height: 95px;
}
.delivery-step-item img {
width: 50px;
height: 50px;
}
.delivery-step-item p {
text-align: left;
margin: 0 0 0 10px;
}
.delivery-until-1000-rub>span{
max-width: 100%;
}
.delivery-until-1000-rub-wrapper{
display: grid;
grid-gap: 20px;
}
.guarantee-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
}
.equipment-maintenance-front-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin-bottom: 20px;
}
.equipment-maintenance-front-right img{
display: block;
width: 100%;
}
.equipment-maintenance-info-item {
display: grid;
grid-template-columns: 1fr;
gap: 50px;
grid-template-areas: "title" "descr";
margin-bottom: 50px;
}
.equipment-maintenance-info-item:nth-child(even){
grid-template-columns: 1fr;
grid-template-areas: "title" "descr";
}
.equipment-maintenance-info-item-title::after{
right: 50%;
top: initial;
bottom: 16px;
transform: rotate(70deg) translateX(50%);
}
.equipment-maintenance-info-item:nth-child(even) .equipment-maintenance-info-item-title::after {
background-image: url(https://remik.ru/wp-content/themes/remik/img/equipment-maintenance-arrow-right.svg);
right: 50%;
top: initial;
left: initial;
bottom: 16px;
transform: rotate(70deg) translateX(50%);
}
.faq-tab-content{
max-width: 100%;
}
.single-cartridges-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
}
.single-cartridges-left>.violet-button {
padding: 15px 20px;
width: 100%;
text-align: center;
}
.why-single-equipment-maintenance-wrapper ul {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px 8%;
}
.single-equipment-maintenance-text-block {
max-width: 100%;
}
.services-item>a>img{
width: 92%;
}
.why-us-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: auto;
}
.header-wrapper{
display: none;
}
.header-wrapper-mob{
display: block;
}
.header-wrapper-mob_row{
display: flex;
align-items: center;
justify-content: space-between;
flex-flow: row wrap;
gap: 20px;
margin-bottom: 20px;
}
.header-wrapper-mob .logo_mob{
width: 94px;
}
.header-wrapper-mob .phone_mob{
display: flex;
align-items: center;
}
.header-wrapper-mob .phone_mob span{
display: block;
margin-left: 5px;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #1C1C1C;
}
.header-wrapper-mob .address_mob{
display: flex;
}
.header-wrapper-mob .address_mob span{
display: block;
margin-left: 5px;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #1C1C1C;
max-width: 170px;
}
.header-wrapper-mob .mob_menu_btn{
display: block;
width: 24px;
height: 24px;
padding: 0;
border: none;
background: transparent;
}
.header-wrapper-mob .mob_menu_btn-line{
display: block;
width: 24px;
height: 3px;
background: #312275;
margin: 4px 0;
}
.header-wrapper-mob .mob_menu_btn.active .mob_menu_btn-line:nth-child(1){
margin: 0;
transform: rotate(45deg) translate(-1px, 3px);
width: 30px;
}
.header-wrapper-mob .mob_menu_btn.active .mob_menu_btn-line:nth-child(2){
display: none;
}
.header-wrapper-mob .mob_menu_btn.active .mob_menu_btn-line:nth-child(3){
margin: 0;
transform: rotate(-45deg) translate(-1px, -3px);
width: 30px;
}
.header-wrapper-mob .consult-btn,
.header-wrapper-mob .request-btn{
display: flex;
align-items: center;
margin-bottom: 20px;
}
.header-wrapper-mob .consult-btn span,
.header-wrapper-mob .request-btn span{
display: block;
margin-left: 10px;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #312275;
}
.header-wrapper-mob .profile_mob,
.header-wrapper-mob .cart_mob{
display: flex;
align-items: center;
margin-bottom: 20px;
position: relative;
}
.header-wrapper-mob .profile_mob span{
display: block;
margin-left: 10px;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #312275;
}
.header-wrapper-mob .cart_mob p{
display: block;
margin-left: 10px;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #312275;
}
.header-wrapper-mob .cart_mob p span {
font-size: 14px;
color: #FBFBFB;
background: #312275;
border-radius: 100%;
padding: 1px 5px;
display: flex;
position: absolute;
left: -5px;
top: -7px;
}
.head-search-input-block {
width: 100%;
display: flex;
align-items: center;
}
.head-search-input-block input {
width: 100%;
padding: 9px 15px;
}
.head-search-input-block button {
padding: 9px 5px;
}
.header-mob-menu{
display: none;
flex-flow: column;
list-style-type: none;
width: 100%; overflow-y: auto;
}
.header-mob-menu ul{
display: none;
flex-flow: column;
list-style-type: none;
width: 100%;
order: 3;
}
.header-mob-menu .menu-item.active > .header-mob-menu__li-icon{
transform: rotate(0);
}
.header-mob-menu .header-mob-menu__li{
display: flex;
align-items: center;
justify-content: space-between;
flex-flow: row wrap;
padding: 10px 0;
width: 100%;
}
.header-mob-menu .header-mob-menu__li-icon{
transform: rotate(-180deg);
}
.header-mob-menu .header-mob-menu__link{
font-weight: 400;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
color: #1C1C1C;
}
.header-mob-menu .sub_menu__li{
display: flex;
align-items: center;
justify-content: space-between;
flex-flow: row wrap;
}
.header-mob-menu .sub_menu__li-1{
padding: 15px 0;
border-bottom: 1px solid #DFDFDF;
}
.header-mob-menu .sub_menu__li-1 svg path{
stroke: #312275;
}
.header-mob-menu .sub_menu__link-1{
font-weight: 400;
font-size: 17px;
line-height: 21px;
color: #312275;
max-width: 90%;
}
.header-mob-menu .sub_menu__li-1 > .sub_menu{
padding: 10px 0 0;
}
.header-mob-menu .sub_menu__li-2{
padding: 5px 0;
}
.header-mob-menu .sub_menu__link-2{
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #545454;
} .woocommerce .products ul, .woocommerce ul.products {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
margin-bottom: 100px;
}
.term-description {
width: 100%;
}
.overlay-consult .popup-consult, .overlay-request .popup-request, .overlay-event .popup-event, .overlay-review .popup-review {
height: 100%;
overflow-y: auto;
}
.overlay-consult .popup-close-consult, .overlay-request .popup-close-request, .overlay-event .popup-event-close, .overlay-review .popup-close-review {
right: 0;
top: 12px;
}
.overlay-consult .popup-form-consult, .overlay-request .popup-form-request, .popup-content-review {
width: auto;
max-width: 890px;
padding: 20px 10px;
}
.overlay-event .popup-event__wrapper{
width: auto;
max-width: 890px;
padding: 50px 10px;
}
.popup-form-consult>span, .popup-form-request>span, .popup-content-review > span {
font-size: 26px;
margin-bottom: 20px;
}
.form-consult, .form-request { }
.request-form-inputs-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-gap: 0;
margin-bottom: 0;
}
.form-consult input, .form-request input {
padding-bottom: 10px;
margin-bottom: 0;
}
.form-request .form-request-usertext {
margin-bottom: 25px;
}
.modal-afterform span {
font-size: 26px;
margin-bottom: 25px;
}
.violet-button-long {
padding: 20px 55px;
width: 100%;
}
.ark-woo-review-submit-btn {
display: grid;
grid-template-columns: 1fr;
gap: 15px;
}
.single-product-gallery-for {
width: 500px;
}
.select2-container .select2-selection--single{
display: flex;
align-items: center; }
.select2-container--default .select2-selection--single .select2-selection__arrow{
position: static;
margin-right: 10px;
}
.woocommerce-ordering .select2-container--below .select2-selection__arrow b::after, .woocommerce-ordering .select2-container--default .select2-selection__arrow b::after{
margin-left: 0;
}
}
@media (max-width: 768px) {
.container {
max-width: 526px;
}
section{
margin-bottom: 50px;
}
.section-title {
font-weight: 500;
font-size: 26px;
line-height: 30px;
}
.front-certificates-slider-init .swiper-slide{
width: 200px;
}
.front-certificates-slider-button-prev,
.front-certificates-slider-button-next{
display: none;
}
.front-news-articles-item-right img{
width: 100%;
border-radius: 15px;
}
.feedback-form-inputs {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
margin-bottom: 20px;
}
.feedback-form-wrapper .acceptance {
flex-flow: column;
align-items: stretch;
justify-content: flex-start;
width: 100%;
margin: 0;
}
.feedback-checkboxes .policy-checkbox:first-child span{
margin-bottom: 15px;
}
.acceptance span {
text-align: left;
margin: 0 0 30px 0;
}
.footer-info-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: initial;
gap: 20px;
grid-auto-flow: row;
grid-template-areas: "ftii1 ftii2" "ftii4 ftii5" "ftii3 ftii6";
}
.vacancy-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-gap: 25px;
}
.pagination-block {
display: grid;
grid-template-columns: 1fr;
grid-gap: 40px;
align-items: center;
}
.pagination .nav-links {
display: flex;
align-items: center;
justify-content: center;
}
.services-page-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 25px;
}
.related-news-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 45px;
}
#single-article {
margin-bottom: 70px;
}
#pay-methods {
margin-bottom: 70px;
}
.pay-delivery-methods-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
margin-bottom: 50px;
}
#delivery {
padding-top: 25px;
padding-bottom: 30px;
margin-bottom: 70px;
}
#purchase-returns {
margin-bottom: 70px;
}
.delivery-until-1000-rub-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
}
.purchase-returns>p{
width: 100%;
margin-bottom: 30px;
}
.purchase-returns-wrapper{
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
}
.purchase-returns-item{
display: flex;
align-items: center;
flex-flow: row wrap;
}
.purchase-returns-item img {
display: block;
margin: 0 20px 15px 0;
width: 50px;
}
.single-cartridges-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 50px;
}
#single-equipment-maintenance-text-block{
margin-bottom: 50px;
}
.services-item>a>img{
width: 72%;
}
.why-us-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
float: none;
clear: both;
margin: 0;
}
.single-product-sliders-wrapper{
display: block;
}
.single-product-gallery-nav{
display: none;
}
.single-product-gallery-for-pagination{
display: block;
}
.ark-woo-thank {
width: 100%;
}
.woocommerce table.shop_table_responsive .product-remove{
display: flex;
justify-content: flex-end;
}
.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{
display: flex;
align-items: center;
justify-content: space-between;
flex-flow: row-reverse;
}
.woocommerce table.shop_table_responsive .product-thumbnail::before{
float: none;
content: attr(data-title);
}
.woocommerce table.shop_table_responsive .product-name{
display: none;
}
.select2-container--open .select2-dropdown.archive-ordering-dropdown {
top: 19px;
}
.employees-slider-init .swiper-wrapper{
align-items: flex-start;
}
.employees-slider-init .swiper-slide-prev img,
.employees-slider-init .swiper-slide-next img{
margin-top: 25px;
}
}
@media (max-width: 576px) {
body{
font-size: 14px;
padding-bottom: 60px;
}
input, select, textarea {
font-size: 14px;
}
.head-search-input-block button {
padding: 6px 5px;
}
.container {
max-width: 100%;
padding: 0 10px;
}
#breadcrumbs {
padding: 15px 0 25px 0;
font-size: 14px;
}
.front-slider-wrapper{
margin-bottom: 50px;
}
.front-slider-dots{
margin-top: 20px;
}
#front-slider{
padding: 25px 0 50px 0;
}
.front-slider-skite {
grid-column-gap: 15px;
}
.front-slider-skite div {
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
min-width: 190px;
}
.front-slider-skite div img {
margin-right: 5px;
}
.front-catalog-wrapper h2 {
margin-bottom: 25px;
}
.catalog-items-list {
display: grid;
grid-template-columns: 1fr;
grid-gap: 15px;
}
.catalog-item{
padding: 15px 40px 15px 20px;
max-height: 60px;
}
.catalog-item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 30px;
text-align: left;
}
.catalog-item-content span {
margin: 0 0 0 20px;
font-size: 14px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.catalog-item-img{
height: 100%;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.catalog-item-content img {
display: block;
height: 100%;
}
.catalog-permalink {
padding: 25px;
position: absolute;
right: -8px;
bottom: -20px;
}
.catalog-permalink img {
position: absolute;
left: 10px;
top: 12px;
}
.front-catalog-show-more{
margin-top: 35px;
text-align: center;
}
.front-catalog-show-more a{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 15px 30px;
background: #4E3AA9;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
color: #FBFBFB;
border: 2px solid #4E3AA9;
}
.front-bestsellers h2{
margin-bottom: 25px;
}
.front-bestsellers-arrows,
.bestsellers-progressbar.swiper-pagination-progressbar{
display: none;
}
.front-bestsellers-slider-init{
padding-bottom: 0!important;
}
.front-bestsellers-slider-init .swiper-slide{
width: 230px;
}
.front-bestsellers-slider-item-pic {
padding: 45px 35px;
}
.front-bestsellers-slider-item-content-title-availability{
display: flex;
flex-flow: column;
margin-bottom: 10px;
}
.front-bestsellers-slider-item-content-title-availability span {
width: 100%;
font-size: 14px;
}
.bestseller-availability-true, .bestseller-availability-false {
width: 100% !important;
font-size: 14px !important;
display: flex;
align-items: center;
justify-content: flex-start;
font-weight: 500;
color: #A5A5A5;
}
.glsr.glsr-default.glsr-ltr{
margin-bottom: 15px;
}
.front-bestsellers-slider-item-content>span {
font-weight: 500;
font-size: 22px;
display: block;
margin-bottom: 25px;
}
#front-services {
padding: 30px 0 70px 0;
}
.front-services-item {
padding: 35px 20px 30px 20px;
min-width: 230px;
}
.front-services-item span {
display: block;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
margin-bottom: 15px;
}
.front-services-item p {
line-height: 16px;
color: #6B6B6B;
max-width: 100%;
}
.front-services-item div {
border: 2px solid #312275;
border-radius: 100%;
padding: 38px;
position: absolute;
right: -13px;
bottom: -40px;
}
.front-services-item div img {
position: absolute;
left: 24px;
top: 15px;
}
.front-about-item p {
font-size: 16px;
line-height: 130%;
}
.front-clients h2 {
margin-bottom: 30px;
}
.front-clients-slider-init {
margin-bottom: 50px;
}
.front-reviews-slider-init {
padding-bottom: 20px !important;
}
.front-reviews-slider-init .swiper-slide {
padding: 10px 10px 40px 10px;
}
.front-reviews-slider-init .swiper-slide>img {
margin-bottom: 10px;
}
.front-reviews-slider-init .swiper-slide p {
font-size: 16px;
line-height: 130%;
}
.front-reviews-slider-init .swiper-slide span {
position: absolute;
right: 10px;
bottom: 10px;
}
#front-certificates {
padding: 35px 0;
}
.front-certificates h2 {
margin-bottom: 25px;
}
.front-news-articles-item-text span {
display: block;
margin-bottom: 15px;
font-size: 18px;
line-height: 21px;
}
.front-news-articles-item-text p {
font-size: 16px;
line-height: 130%;
}
.front-news-articles-watch-more{
text-align: center;
}
.front-news-articles-watch-more a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
color: #FBFBFB;
border: 1px solid #4E3AA9;
background: #4E3AA9;
padding: 15px 30px;
}
.front-popular-brands h2 {
margin-bottom: 25px;
}
.front-brands-arrows{
display: none;
}
.front-brands-slider-init {
padding-bottom: 20px!important;
}
.brands-progressbar.swiper-pagination-progressbar{
display: none;
}
.front-brands-slider-init .swiper-slide{
width: 230px;
height: 135px;
padding: 15px 40px;
}
#feedback-form {
padding: 35px 0 0 0;
margin-bottom: 0;
}
.feedback-form-inputs input {
padding-bottom: 10px;
}
.acceptance span {
font-size: 14px;
line-height: 16px;
}
footer {
background: #FBFBFB;
padding-top: 60px;
padding-bottom: 20px;
}
.footer-logo{
width: 100px;
}
.footer-info-item>span {
line-height: 16px;
}
.footer-info-item>h3 {
line-height: 16px;
}
.footer-info-item>p {
line-height: 16px;
}
.footer-bottom-row a {
font-size: 12px;
}
.footer-bar{
display: block;
}
.about-us-front h1{
margin-bottom: 15px;
}
.about-us-front-wrapper{
font-size: 16px;
}
.about-us-front-text ul{
width: 100%;
}
.about-history-slider-init .swiper-wrapper{
padding-left: 35px;
width: calc(100% - 35px);
}
.about-history-slide-text span {
display: block;
font-size: 22px;
line-height: 25px;
margin-bottom: 10px;
}
.front-slider-wrapper h2 {
margin-bottom: 25px;
}
.meet-video h2 {
margin-bottom: 25px;
}
.meet-video iframe {
width: 100%;
height: 200px;
}
.employees h2{
margin-bottom: 25px;
}
.employees-slider-arrows,
.employees-watch-more{
display: none;
}
.employees-slider-init .swiper-slide{
width: 158px;
}
.employees-slider-init .swiper-slide img {
width: 158px;
height: 210px;
object-fit: cover;
}
.employees-slider-init .swiper-slide-active{
width: 189px;
}
.employees-slider-init .swiper-slide-active img {
width: 189px;
height: 250px;
object-fit: cover;
}
.employees-slide-text-content{
margin-top: 10px;
}
.employees-slide-text-content span {
font-weight: 400;
font-size: 20px;
line-height: 23px;
position: relative;
}
.vacancy-item-wrapper {
padding: 15px;
}
.vacancy-item-wrapper>span {
line-height: 18px;
width: 100%;
}
.vacancy-item.click .vacancy-item-location-arrow{
margin-bottom: 30px;
}
.vacancy-item-full ul, .vacancy-item-full p{
margin-bottom: 15px;
}
.contacts-block-top {
display: grid;
grid-template-columns: 1fr;
}
.contacts-block-top-item span {
line-height: 16px;
margin-bottom: 10px;
}
.contacts-block-bottom-left-address p {
line-height: 16px;
margin-bottom: 15px;
}
.contacts-block-bottom-left-worktime time:last-child {
margin-bottom: 15px;
margin-top: 5px;
}
.contacts-block-employees {
display: block;
line-height: 16px;
margin-bottom: 15px;
}
.contacts-block-requisites span {
line-height: 16px;
}
.contacts-block-bottom-right iframe{
height: 210px;
}
.our-team-department {
margin-bottom: 50px;
}
.our-team-department>span {
font-size: 24px;
line-height: 125%;
display: block;
padding-bottom: 15px;
margin-bottom: 25px;
}
.our-team-department-list {
display: grid;
grid-template-columns: 1fr;
gap: 25px;
}
.our-team-department-worker .employees-slide-text-content>p{
font-size: 18px;
}
.services-page h1 {
margin-bottom: 25px;
}
.services-item {
position: relative;
padding: 15px 5px 15px 15px;
min-height: 200px;
}
.promotions-page-wrapper .services-item p {
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
}
.promotions-page-wrapper .services-item>a>img {
max-width: 82%;
width: auto;
height: 50%;
}
.single-promotion>h1 {
font-size: 26px;
line-height: 30px;
margin-bottom: 15px;
}
.single-promotion-text p {
font-size: 16px;
line-height: 130%;
margin-bottom: 10px;
}
.single-promotion-text p:nth-last-child(-n+2), .single-promotion-text ul:nth-last-child(-n+2) {
margin-bottom: 25px;
}
.single-promotion-pic img {
margin-bottom: 25px;
}
.single-promotion-pic a {
font-size: 14px;
line-height: 16px;
padding-bottom: 5px;
}
.single-article h1 {
font-size: 22px;
line-height: 25px;
text-align: left;
margin-bottom: 15px;
}
.single-article-info-wrapper {
padding-bottom: 15px;
margin-bottom: 15px;
font-size: 12px;
}
.front-news-articles-item-details,
.front-news-articles-item-details span {
font-size: 12px;
}
.single-article-content-wrapper{
font-size: 16px;
}
.single-article-content-wrapper>img {
margin-bottom: 15px;
}
.single-article-subject {
margin-bottom: 30px;
}
.single-article-content,
.single-article-foot-tags-share {
margin-bottom: 30px;
}
.single-article-foot-social p{
margin-bottom: 15px;
}
.related-news>h2 {
font-size: 22px;
line-height: 25px;
margin-bottom: 40px;
}
.related-news-item div span {
font-size: 16px;
line-height: 125%;
margin-bottom: 15px;
}
.related-news-item div p {
font-size: 16px;
line-height: 130%;
margin-bottom: 20px;
}
.pay-delivery-methods>h2 {
margin-bottom: 20px;
}
.pay-delivery-methods-item {
display: grid;
grid-template-columns: 35px 1fr;
grid-column-gap: 10px;
padding: 20px;
}
.pay-delivery-methods-item-text span {
font-size: 24px;
line-height: 28px;
display: block;
margin-top: 5px;
margin-bottom: 10px;
}
.pay-delivery-methods-item-text p {
margin-left: -45px;
}
.pay-delivery-methods-item-wrapper>span {
display: block;
margin-top: 10px;
}
.delivery-until-1000-rub>span {
display: block;
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
}
.delivery-until-1000-rub-item {
border-left: 2px solid #312275;
padding-left: 10px;
font-size: 16px;
line-height: 130%;
}
.purchase-returns>h2 {
margin-bottom: 15px;
}
.purchase-returns>p {
font-size: 16px;
}
.purchase-returns-item span {
display: block;
font-size: 18px;
line-height: 21px;
margin-bottom: 0;
width: 75%;
}
.purchase-returns-item p {
font-size: 16px;
line-height: 130%;
}
.guarantee-left{
font-size: 16px;
}
.guarantee-left h1,
.guarantee-left h2,
.guarantee-left h3,
.guarantee-left h4,
.guarantee-left h5,
.guarantee-left h6 {
font-size: 18px;
line-height: 21px;
margin-bottom: 15px;
}
.guarantee-right {
padding: 40px 20px;
}
.guarantee-right>span {
font-size: 26px;
line-height: 30px;
margin-bottom: 25px;
}
.form-consult input, .form-request input {
padding-bottom: 10px;
margin-bottom: 30px;
}
.acceptance {
display: flex;
align-items: stretch;
flex-flow: column;
}
.equipment-maintenance-front-left p{
font-size: 16px;
line-height: 130%;
}
#equipment-maintenance-info {
padding: 25px 0;
}
.equipment-maintenance-info-item-title-content {
padding: 15px 10px 35px 10px;
}
.equipment-maintenance-info-item-title::before {
content: '';
left: -8px;
top: 8px;
}
.equipment-maintenance-info-item:nth-child(even) .equipment-maintenance-info-item-title::before {
left: auto;
right: -8px;
}
.equipment-maintenance-info-item-title::after {
width: 62px;
height: 39px;
bottom: 0;
}
.equipment-maintenance-info-item:nth-child(even) .equipment-maintenance-info-item-title::after{
bottom: 0;
}
.equipment-maintenance-info-item-title span {
font-size: 18px;
line-height: 21px;
margin-bottom: 15px;
}
.equipment-maintenance-info-item-title p {
font-size: 16px;
line-height: 130%;
}
.equipment-maintenance-info-item-descr{
padding: 0;
border: none;
}
.equipment-maintenance-info-item:nth-child(even) .equipment-maintenance-info-item-descr{
padding: 0;
border: none;
}
.equipment-maintenance-info-item-descr p {
font-size: 16px;
line-height: 130%;
margin-bottom: 15px;
}
.faq-tab-item {
padding: 20px 15px;
margin-bottom: 15px;
}
.faq-tab-btn span {
font-size: 14px;
line-height: 16px;
max-width: 85%;
}
.faq-tab-content {
font-size: 16px;
line-height: 130%;
}
.single-cartridges-left-content {
font-size: 16px;
margin-bottom: 25px;
}
.single-cartridges-left p {
margin-bottom: 15px;
}
.single-cartridges-price-list {
margin-bottom: 25px;
}
#why-single-equipment-maintenance {
padding-top: 20px;
}
.why-single-equipment-maintenance>h2 {
margin-bottom: 10px;
}
.why-single-equipment-maintenance-wrapper ul {
display: grid;
grid-template-columns: 1fr;
grid-gap: 25px;
}
.why-single-equipment-maintenance-wrapper ul li {
display: flex;
align-items: center;
flex-flow: row wrap;
text-align: left;
}
.why-single-equipment-maintenance-wrapper ul li::before {
font-size: 50px;
line-height: 130%;
margin-bottom: 0;
}
.why-single-equipment-maintenance-wrapper ul li span {
font-weight: 500;
font-size: 18px;
line-height: 21px;
margin: 0 0 0 10px;
width: 75%;
}
.why-single-equipment-maintenance-wrapper ul li p {
font-size: 16px;
line-height: 130%;
}
.single-equipment-maintenance-text-block p{
font-size: 16px;
margin-bottom: 15px;
}
.services-item>a>img {
width: 215px;
}
#why-us {
padding: 25px 0;
}
.why-us>h2 {
margin-bottom: 25px;
}
.why-us-item {
display: flex;
text-align: left;
}
.why-us-item img {
display: block;
margin: 0 15px 0 0 ;
width: 50px;
height: 50px;
}
.why-us-item p {
font-size: 16px;
line-height: 130%;
}
.woocommerce .products ul, .woocommerce ul.products {
display: grid;
grid-template-columns: 1fr;
gap: 50px;
margin-bottom: 70px;
}
.ark-woo-content-product-title-stock-wrapper{
flex-flow: row wrap;
margin-bottom: 10px;
}
.ark-woo-content-product-title-stock-wrapper .woocommerce-loop-product__title {
padding: 0 !important;
font-weight: 500;
font-size: 14px !important;
line-height: 125%;
width: 100%;
}
.ark-woo-content-product-title-stock-wrapper > div {
width: 100%;
justify-content: flex-start;
margin-top: 10px;
}
.ark-woo-archive-product-page-pagination-numberposts {
display: flex;
justify-content: center;
flex-flow: column;
align-items: center;
margin-bottom: 50px;
}
.woocommerce nav.woocommerce-pagination{
margin-bottom: 20px;
}
.term-description {
margin-bottom: 70px;
}
.ark-woo-single-product-tabs-sidebar-wrapper{
margin-bottom: 70px;
}
.ark-woo-single-product-main-content-wrapper {
display: block;
margin-bottom: 50px;
}
.single-product-gallery-for {
width: 100%;
padding-bottom: 40px;
}
.single-product-gallery-for .swiper-slide {
width: 100%;
height: 300px;
padding: 60px 20px;
}
.woocommerce div.product div.summary {
margin: 30px 0 0 0;
}
.woocommerce div.product .product_title {
font-size: 24px;
line-height: 28px;
}
.woocommerce-product-details__short-description {
font-size: 16px;
line-height: 130%;
color: #6B6B6B;
margin-bottom: 15px;
}
.ark-woo-single-product-attributes {
margin-bottom: 20px;
}
.woocommerce div.product form.cart{
margin: 0;
}
.woocommerce div.product form.cart .button{
width: 100%;
}
.ark-woo-single-product-cart-stock-wrapper {
display: flex;
flex-flow: column-reverse;
align-items: stretch;
}
.ark-woo-single-product-cart-stock-wrapper .in-stock, .ark-woo-single-product-cart-stock-wrapper .outofstock {
margin-bottom: 40px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 18px;
line-height: 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: flex;
padding: 0 0 15px 0;
margin: 0 0 20px 0;
overflow-x: auto;
}
.woocommerce div.product .woocommerce-tabs .panel{
font-size: 16px;
}
.woocommerce-Tabs-panel iframe {
width: 100%;
height: 180px;
}
.ark-woo-thank h2 {
font-size: 18px;
line-height: 21px;
}
.ark-woo-thank p {
margin-bottom: 15px;
font-size: 16px;
line-height: 130%;
}
.ark-woo-thank span {
margin: 15px 0;
font-size: 16px;
}
.ark-woo-thank h5 {
font-size: 18px;
line-height: 21px;
margin-bottom: 30px;
}
.ark-woo-thank .violet-button{
text-align: center;
width: 100%;
}
.cart-title {
margin-bottom: 20px;
text-transform: none;
}
.woocommerce table.shop_table td {
padding: 7px 0;
}
.woocommerce-cart-form table.shop_table tbody td{
border-bottom: none;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
background-color: transparent;
}
.qib-button:not(#qib_id):not(#qib_id){
height: 20px!important;
}
.qib-container .quantity input.qty:not(#qib_id):not(#qib_id){
height: 20px!important;
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #545454;
}
.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr{
border-top: 1px solid #DFDFDF;
}
.woocommerce table.shop_table_responsive .order-total{
display: flex;
padding: 15px 0;
}
.woocommerce table.shop_table_responsive tr.order-total td::before{
content: "";
display: none;
}
.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
display: block;
font-weight: 400!important;
font-size: 18px!important;
line-height: 21px!important;
color: #1C1C1C!important;
}
.order-total th, .order-total td{
font-weight: 400!important;
font-size: 18px!important;
line-height: 21px!important;
color: #1C1C1C!important;
}
.woocommerce-cart-form{
margin-bottom: 20px;
}
.checkout-title {
margin-bottom: 20px;
text-transform: none;
}
.ark-woo-checkout-review-order-title {
font-size: 18px;
line-height: 21px;
}
#order_review_heading {
font-size: 18px;
line-height: 21px;
}
.ark-woo-billing-form-delivery-wrap::before{
margin-right: 5px;
}
.ark-woo-checkout-delivery-radio label{
margin-left: 5px;
}
.ark-woo-checkout-delivery-radio > label{
margin-left: 0;
font-size: 18px;
line-height: 21px;
}
.woocommerce-billing-fields .form-row{
width: 100%;
margin: 0 0 15px 0!important;
}
.woocommerce-billing-fields > h3{
font-size: 18px;
line-height: 21px;
margin-bottom: 25px;
}
.woocommerce-checkout #payment ul.payment_methods{
margin-bottom: 50px;
}
.checkout-order-total {
display: flex;
justify-content: space-between;
font-size: 18px;
line-height: 21px;
margin-bottom: 40px;
}
.woocommerce form .form-row .select2-container{
width: 100%!important;
}
.team-watch-all {
display: block;
text-align: center;
} }
.woocommerce img, .woocommerce-page img{
object-fit: contain;
display: block;
max-height: 100%;
}
.calculator {
padding: 20px;
background: #312275;
color: #fff;
max-width: 800px;
margin-bottom: 30px
}
.calculator__container {
}
.calculator__search-container {
position: relative;
max-width: 390px;
}
.calculator__sale {
margin-top: 10px;
display: block;
opacity: .8;
}
.calculator__results {
position: absolute;
left: 0px;
top: 100%;
background: #fff;
border: 1px solid #000;
max-height: 300px;
overflow-y: auto;
display: none;
color: #312275;
z-index: 100;
}
.calculator__results._active {
display: block;
}
.calculator__head {
font-size: 28px;
margin-bottom: 15px;
}
.calculator__models {
color: #000;
margin-top: 15px;
background: #fff;
}
.calculator__model {
padding: 20px;
border-bottom: 1px solid #000;
}
.calculator__title {
margin-bottom: 15px;
}
.calculator__model-container {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.calculator__search-item {
padding: 10px;
cursor: pointer;
transition: .3s;
}
.calculator__search-type {
display: flex;
border-bottom: 1px solid #000;
}
.calculator__search-type-button {
width: 50%;
border: 1px solid #fff;
color: #fff;
background: transparent;
padding: 10px 5px;
}
.calculator__search-type-button._active {
background: #fff;
color: #000;
}
.calculator__search-input {
width: 100%;
padding: 7px;
border: none;
}
.calculator__search-item:hover {
background: #ddd;
}
.calculator__button {
border: 1px solid #fff;
display: inline-block;
background: #fff;
font-weight: 500;
text-transform: uppercase;
color: #312275;
padding: 15px 25px;
margin-top: 30px;
display: none;
}
.calculator__button._active {
display: block
}
.calculator__button:hover {
background: transparent;
color: #fff
}
.calculator__thanks {
font-size: 28px;
padding: 30px 0px
}
.calculator__desc {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.calculator__number {
margin: 0 20px;
font-weight: normal;
width: 300px;
}
.calculator__service {
font-size: 16px;
}
.calculator__price {
margin-left: 30px;
font-weight: bold;
white-space: nowrap;
}
.calculator__search {
}
.calculator__span {
display: block;
margin-bottom: 10px;
}
._invisible {
background: transparent;
border: none
}
._input {
padding: 10px;
border: none;
}
.form-calculator {
margin-top: 60px;
display: none;
}
.form-calculator._active {
display: block;
}
.form-calculator__list {
background: #fff;
padding: 20px;
}
.form-calculator__list-head {
margin-bottom: 15px;
font-size: 28px;
color: #000;
}
.form-calculator__list-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.form-calculator__model {
margin-bottom: 10px;
}
.form-calculator__number {
margin-bottom: 10px;
}
.form-calculator__service {
}
.form-calculator__price {
display: flex;
width: 150px;
}
.form-calculator__count {
width: 50px;
text-align: center;
border: 1px solid #000;
}
.form-calculator__price-value {
margin-left: 20px;
width: 100%;
text-align: right;
}
.form-calculator__user {
margin-top: 20px;
display: flex;
}
.form-calculator__name {
width: calc(50% - 20px);
}
.form-calculator__phone {
margin-left: 20px;
width: 50%;
}
.form-calculator__submit {
margin-top: 50px;
display: flex;
}
.form-calculator__total-container span {
color: #000;
}
.form-calculator__total {
width: 100px;
text-align: right;
}
.form-calculator__total-container {
display: flex;
justify-content: flex-end;
}
.form-calculator__submit-confirm {
border: 1px solid #fff;
display: inline-block;
background: #fff;
font-weight: 500;
text-transform: uppercase;
color: #312275;
padding: 15px 25px;
}
.form-calculator__submit-confirm:hover {
background: transparent;
color: #fff
}
.form-calculator__submit-reset {
border: 1px solid #fff;
display: inline-block;
background: transparent;
font-weight: 500;
text-transform: uppercase;
color: #fff;
padding: 15px 25px;
margin-left: 20px;
font-size: 12px;
}
.form-calculator__submit-reset:hover {
color: #fff
}
@media (max-width: 576px) {
.form-calculator__list-item {
flex-direction: column;
align-items: flex-start;
}
.form-calculator__list-container {
width: 100%;
}
.form-calculator__price {
margin-top: 30px; 
width: 120px;
}
.calculator__desc {
align-items: start;
width: 100%;
flex-direction: column;
margin: 0 20px;
}
.calculator__number {
width: fit-content;
margin: 0;
}
}
@media (max-width: 525px) {
.form-calculator__submit-reset {
margin: 20px 0 0 0 !important;
}
.form-calculator__submit {
flex-direction: column;
}
.form-calculator__user {
flex-direction: column;
}
.form-calculator__phone {
margin: 20px 0 0 0 !important;
font-size: 16px;
width: 100%;
}
.form-calculator__name {
font-size: 16px;
width: 100%;
}
}
.form-calculator__list-container {
display:flex;
flex-direction: column;
margin-right: 30px;
width: calc(70% - 30px);
}
.form-calculator .policy-checkbox, .repair-calculator .policy-checkbox {
margin-top: 16px;
}
.form-calculator .policy-checkbox__input, .repair-calculator .policy-checkbox__input {
border: 1px solid #fff;
}
.form-calculator .policy-checkbox__text a, .repair-calculator .policy-checkbox__text a {
color: #fff;
}
.calculart-header-link {
margin: 0px 30px !important;
display: flex;
white-space: nowrap;
}
.calculart-header-link._mob {
margin: 0px 0px 20px 0px !important;
display: flex;
white-space: nowrap;
font-size: 14px;
}
.calculart-header-link._mob p {
margin-left: 10px;
color: #312275;
}
.logo {
margin-right: 30px;
}
.repair-calculator {
padding: 20px;
background: #312275;
color: #fff;
width: 100%;
margin-bottom: 30px
}
.repair-calculator__price._old {
text-decoration: line-through red;
}
.repair-calculator__head {
font-size: 28px;
margin: 0px 0px 15px 10px;
}
.repair-calculator__subhead {
margin: 0px 0px 10px 10px;
font-size: 24px;
}
.repair-calculator__step-1, .repair-calculator__step-2, .repair-calculator__step-3, .repair-calculator__step-additional-1, .repair-calculator__step-additional-2  {
display: none;
}
.repair-calculator__step-1._active, .repair-calculator__step-2._active, .repair-calculator__step-3._active, .repair-calculator__step-additional-1._active, .repair-calculator__step-additional-2._active {
display: block;
}
.repair-calculator__types, .discount-calculator__block {
display: flex;
flex-wrap: wrap;
}
.repair-calculator__defects {
display: none;
flex-wrap: wrap;
}
.repair-calculator__defects._active {
display: flex;
}
.repair-calculator__label {
border: 2px solid #fff;
padding: 15px 20px;
color: #312275;
background: #fff;
margin: 10px;
flex: 0 0 calc(33.33333333% - 20px);
position: relative;
display: flex;
align-items: center;
justify-content: space-between; cursor: pointer;
border-radius: 5px;
font-size: 18px; }
.repair-calculator__label h3 {
font-weight: 400;
}
.repair-calculator__label svg {
pointer-events: none;
margin-left: 15px;
min-width: 32px;
min-height: 32px;
width: 32px;
height: 32px;
stroke: #312275;
}
.repair-calculator__label:hover svg, .repair-calculator__label._active svg {
stroke: #fff;
}
.repair-calculator__label:hover , .repair-calculator__label._active {
background: transparent;
color: #fff;
}
.repair-calculator__type, .repair-calculator__defect {
visibility: hidden;
width: 0px !important;
overflow: hidden;
position: absolute !important;
left: 0px;
top: 0px;
}
.discount-calculator {
background: #fff;
border-radius: 5px;
margin: 10px;
padding: 10px;
}
.discount-calculator__head  {
margin: 0px 0px 10px 10px;
font-size: 22px;
color: #181818;
}
.discount-calculator__subhead {
margin: 10px 0px 00px 10px;
color: #181818;
}
.discount-calculator__label {
border: 2px solid #312275;
padding: 15px 20px;
color: #fff;
background: #312275;
margin: 10px;
flex: 0 0 calc(33.33333333% - 20px);
position: relative;
display: flex;
align-items: center;
justify-content: space-between; cursor: pointer;
border-radius: 5px;
font-size: 18px; }
.discount-calculator__label svg {
pointer-events: none;
margin-left: 15px;
min-width: 32px;
min-height: 32px;
width: 32px;
height: 32px;
stroke: #fff;
}
.discount-calculator__label:hover svg, .discount-calculator__label._active svg {
stroke: #312275;
}
.discount-calculator__label:hover, .discount-calculator__label._active {
background: transparent;
color: #312275;
}
.discount-calculator__question {
visibility: hidden;
width: 0px !important;
overflow: hidden;
position: absolute !important;
left: 0px;
top: 0px;
}
.repair-calculator__result {
width: calc(100% - 20px);
margin: 20px 10px;
border-radius: 5px;
background: #fff;
padding: 20px 10px;
}
.repair-calculator__result-span {
text-align: center;
width: 100%;
font-size: 24px;
font-weight: 500;
color: #181818;
display: inline-block;
}
.repair-calculator__result-note {
color: #000;
font-style: italic;
width: 100%;
margin-top: 10px;
font-size: 14px;
text-align: center;
display: inline-block;
}
.repair-calculator__form {
margin: 30px 10px 10px 10px;
}
.repair-calculator__inputs {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.repair-calculator__input {
width: 49%;
border-radius: 5px;
padding: 15px;
font-size: 18px;
border: none;
}
.repair-calculator__submit {
display: flex;
justify-content: center;
margin-top: 30px;
}
.repair-calculator__sale-button {
margin-right: 15px;
}
.repair-calculator__submit-button, .repair-calculator__sale-button {
padding: 8px 15px;
color: #312275;
background: #fff;
border: 2px solid #fff;
border-radius: 5px;
}
.repair-calculator__submit-button:hover, .repair-calculator__sale-button:hover {
background: transparent;
color: #fff;
}
.repair-calculator__text {
margin: 20px 0px 10px 0px;
}
.repair-calculator__back {
margin: 15px 10px 10px 10px;
font-size: 16px;
opacity: .8;
cursor: pointer;
}
.repair-calculator__back:hover {
opacity: 1;
}
@media(max-width: 991px) {
.repair-calculator__label, .discount-calculator__label {
flex: 0 0 calc(50% - 20px);
}
}
@media(max-width: 600px) {
.repair-calculator__submit {
flex-direction: column;
}
.repair-calculator__label, .discount-calculator__label {
flex: 0 0 calc(100% - 20px);
}
.repair-calculator__input, .discount-calculator__label {
width: 100%;
}
.repair-calculator__input:last-child {
margin-top: 15px;
}
.repair-calculator__sale-button {
margin-left: 0px;
margin-bottom: 15px;
}
}
.brands-title {
font-size: 34px;
margin-bottom: 5px;
}
.brands-items-list {
display: flex;
flex-wrap: wrap;
max-width: 650px;
}
.brands-item {
display: flex;
padding: 15px;
background: #FBFBFB;
border: 1px solid #312275;
border-radius: 15px;
flex: 0 0 200px;
margin-right: 15px;
margin-top: 15px;
justify-content: space-between;
cursor: pointer;
}
.brands-item::after {
content: '';
display: block;
background: url(https://remik.ru/wp-content/themes/remik/img/slider-prev-arrow.svg) center no-repeat;
background-size: contain;
transform: rotate(180deg);
height: 20px;
width: 30px;
}
@media(max-width: 768px) {
.brands-items-list {
justify-content: space-between;
}
.brands-item {
flex: 0 0 49%;
margin-right: 0;
}
}
@media(max-width: 469px) {
.brands-item {
flex: 0 0 100%;
}
}
.compequip {}
.compequip__intro {
}
.compequip__services {
}
.compequip__adv {
}
.compequip__partners {
}
.compequip__remik-adv {
}
.intro-ci {
display: flex;
justify-content: space-between;
background: url(//remik.ru/wp-content/themes/remik/img/remik-background-lines.png) left bottom no-repeat;
background-size: cover;
padding: 40px;
margin-bottom: 130px;
}
.intro-ci__left {
max-width: 500px;
}
.intro-ci__title {
color: #312275;
text-transform: uppercase;
font-size: 34px;
margin-bottom: 20px;
font-weight: 500;
}
.intro-ci__text {
font-size: 20px;
line-height: 130%;
font-weight: 200;
}
.intro-ci__right {
min-width: 330px;
}
.intro-ci__photo {
width: 100%;
}
@media(max-width: 991px) {
.intro-ci {
display: block; 
margin-bottom: 70px;
padding: 20px;
}
.intro-ci__left {
max-width: 100%;
}
.intro-ci__photo {
width: 220px;
}
.intro-ci__right {
width: 100%;
display: flex;
justify-content: flex-end;
margin-top: 30px;
}
.intro-ci__title {
font-size: 22px;
}
.intro-ci__text {
font-size: 16px;
line-height: 130%;
}
}
@media(max-width: 768px) {    }
.services-cs {}
.services-cs__form {
}
.services-ci {}
.services-ci__title {
color: #312275;
text-transform: uppercase;
font-size: 34px;
margin-bottom: 32px;
font-weight: 500;
}
.services-ci__text {
max-width: 525px;
line-height: 130%;
font-size: 20px;
margin-bottom: 24px;
}
.services-ci__list {
display: flex;
flex-wrap: wrap;
margin-right: -20px;
}
.services-ci__item {
flex: 0 0 calc(25% - 20px);
margin-right: 20px;
margin-bottom: 20px;
}
@media(max-width: 991px) {
.services-ci__title {
font-size: 26px;
}
}
.form-cs-small {
padding: 32px !important;
background: #FBFBFB;
border: 1px solid #DFDFDF;
border-radius: 15px;
flex: 0 0 calc(50% - 20px);
margin-right: 20px;
margin-bottom: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.form-cs-small__title {
color: #312275;
font-size: 26px;
margin-bottom: 40px;
}
.form-cs-small__inputs {
display: flex;
justify-content: space-between;
}
.form-cs-small__input {
flex: 0 0 calc(50% - 8px);
width: 100%;
background: none;
border: none;
border-bottom: 1px solid #6B6B6B;
padding-bottom: 15px;
}
.form-cs-small__buttons {
display: flex;
margin-top: 30px;
align-items: center;
}
.form-cs-small__submit {
padding: 15px 0px;
min-width: 160px;
width: 160px;
text-transform: uppercase;
color: #fff;
background: #4E3AA9;
font-size: 18px;
border: none;
margin-right: 18px;
}
.form-cs-small__policy {
font-size: 16px;
opacity: .8;
}
.form-cs-small__policy a{
text-decoration: underline;
}
@media(max-width: 1250px) {
.services-ci__item {
flex: 0 0 calc(33.33333333% - 20px);
}
.form-cs-small {
flex: 1 1 100%;
}
}
@media(max-width: 991px) {
.services-ci__item {
flex: 0 0 calc(50% - 20px);
padding: 15px;
align-items: center;
display: flex;
flex-direction: row;
}
.services-ci__item .catalog-item-content {
align-items: center;
justify-content: left;
text-align: center;
flex-direction: row-reverse;
}
.services-ci__item .catalog-item-content span {
margin-bottom: 0px;
margin-left: 24px;
text-align: left;
}
.services-ci__item .catalog-item-content img {
width: 45px;
}
}
@media(max-width: 700px) {
.form-cs-small__policy {
font-size: 14px;
}
.services-ci__list {
margin-right: 0px;
}
.services-ci__item {
flex: 1 1 100%;
margin-right: 00px;
margin-bottom: 20px;
}
.form-cs-small__inputs {
display: block;
}
.form-cs-small__input {
margin-bottom: 24px;
}
.form-cs-small__buttons {
display: flex;
margin-top: 0px;
align-items: center;
flex-direction: column-reverse;
}
.form-cs-small__submit {
width: 230px;
margin-top: 40px;
}
.form-cs-small {
margin-right: 0px;
margin-top: 32px;
}
}
@media(max-width: 577px) {
.services-ci__item .catalog-item-content {
flex-direction: row;
}
}
.adv-ca {
background: url(//remik.ru/wp-content/themes/remik/img/remik-adv-background.svg) 90% no-repeat;
}
.adv-ca__title {
color: #312275;
text-transform: uppercase;
font-size: 34px;
margin-bottom: 40px;
font-weight: 500;
}
@media(max-width: 991px) {
.adv-ca__title  {
font-size: 26px;
}
}
.adv-ca__list {
}
.adv-ca__row {
display: flex;
flex-wrap: wrap;
margin-right: -20px;
}
.adv-ca__item {
flex: 0 0 calc(25% - 20px);
margin-right: 20px;
margin-bottom: 20px;
background: #FBFBFB;
border: 0.771858px solid #DFDFDF;
border-radius: 15px;
padding: 15px;
min-height: 130px;
}
@media(max-width: 1250px) {
.adv-ca__item {
flex: 0 0 calc(50% - 20px);
}
}
@media(max-width: 768px) {
.adv-ca__row {
margin-right: 0px;
}
.adv-ca__item {
flex: 1 1 100%;
margin-right: 0;
}
.adv-ca {
background: none;
}
}
.adv-ca__span {
color: #4E3AA9;
font-size: 18px;
margin-bottom: 8px;
font-weight: 500;
display: block;
}
.adv-ca__text {
font-weight: 400;
font-size: 20px;
line-height: 120%;
}
.partners-cp {}
.partners-cp__title {
color: #312275;
text-transform: uppercase;
font-size: 34px;
margin-bottom: 40px;
font-weight: 500;
}
@media(max-width: 991px) {
.partners-cp__title  {
font-size: 26px;
}
}
.partners-cp__swiper {
}
.partners-cp__wrapper {
display: flex;
flex-wrap: wrap;
margin-right: -20px;
}
.partners-cp__slide {
margin-right: 20px;
flex: 0 0 calc(33.33333% - 20px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px solid #A5A5A5;
border-radius: 15px;
height: 200px;
padding: 15px;
}
@media(max-width: 991px) {
.partners-cp__wrapper {
margin-right: 0px;
}
.partners-cp__slide {
flex: 1 1 100%;
margin-right: 0px;
margin-bottom: 20px;
height: 160px;
}
}
.partners-cp__logo {
width: 280px;
}
.partners-cp__link {
margin-top: 20px;
text-decoration: underline;
color: #312275;
}
.adv-remik-cr {}
.adv-remik-cr__title {
color: #312275;
text-transform: uppercase;
font-size: 34px;
margin-bottom: 40px;
font-weight: 500;
max-width: 600px;
}
@media(max-width: 991px) {
.adv-remik-cr__title  {
font-size: 26px;
}
}
.adv-remik-cr__container {
}
.adv-remik-cr__content {
display: flex;
}
.adv-remik-cr__left {
flex: 0 0 calc(35% - 20px);
margin-right: 20px;
}
.adv-remik-cr__item {
}
.adv-remik-cr__right {
flex: 0 0 65%;
display: flex;
flex-wrap: wrap;
}
.adv-remik-cr__text-container {
}
.item-remic-cr {
padding: 24px;
border-radius: 15px;
}
.item-remic-cr__icon {
}
.item-remic-cr__text {
}
.item-remic-cr__placeholder {
}
.item-remic-cr__text-container {
}
.item-remic-cr__img {
}
.item-remic-cr._usual {
background: #FBFBFB;
border: 1px solid #DFDFDF;
margin-bottom: 20px;
min-height: 200px;
}
.item-remic-cr._usual .item-remic-cr__icon {
margin-bottom: 25px;
}
.item-remic-cr._blue {
background: #0190D9;
border: 1px solid #DFDFDF;
color: #fff;
margin-bottom: 20px;
min-height: 200px;
}
.item-remic-cr._blue .item-remic-cr__icon {
margin-bottom: 25px;
}
.item-remic-cr._small {
flex: 0 0 calc(20% - 20px);
background: #FBFBFB;
border: 1px solid #DFDFDF;
margin-right: 20px;
height: fit-content; }
.item-remic-cr._small .item-remic-cr__placeholder {
margin-bottom: 30px;
color: #312275;
}
.item-remic-cr._grided {
background: url(//remik.ru/wp-content/themes/remik/img/grid-background.png) center no-repeat;
background-size: cover;
height: auto;
flex: 0 1 76%;
display: flex;
justify-content: center;
align-items: center; line-height: 130%;
height: fit-content;
min-height: 163px; }
.item-remic-cr._grided .item-remic-cr__text {
max-width: 400px;
}
.item-remic-cr._wave {
background: url(//remik.ru/wp-content/themes/remik/img/lines-background.png) center no-repeat;
background-size: cover;
border: 1px solid #DFDFDF; width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
text-align: center;
height: 260px;
}
.item-remic-cr._wave .item-remic-cr__text {
max-width: 400px;
color: #312275;
font-size: 20px;
font-weight: 500;
}
.item-remic-cr._violet {
display: flex;
background: #312275;
color: #fff;
line-height: 120%;
align-items: center;
justify-content: space-between;
height: 167px;
overflow: hidden;
position: relative;
}
.item-remic-cr._violet .item-remic-cr__img {
position: absolute;
right: -30px;
bottom: -40px;
}
.item-remic-cr._violet .item-remic-cr__text {
width: 80%;
}
@media(max-width: 1250px) {
.item-remic-cr {
flex: 1 1 100% !important;
margin-bottom: 20px;
margin-right: 0px !important;
}
}
@media(max-width: 991px) {
.item-remic-cr {
flex: 1 1 100% !important;
margin-bottom: 20px;
margin-right: 0px !important;
justify-content: flex-start !important;
text-align: left !important;
height: fit-content !important;
}
.adv-remik-cr__content {
display: block;
}
.adv-remik-cr__left {
margin-right: 0px;
}
.item-remic-cr._wave .item-remic-cr__text {
font-size: 16px;
}
}
.ct-remic-cr {
display: flex;
margin-bottom: 130px;
}
.ct-remic-cr__left {
flex: 0 0 calc(35% - 20px);
margin-right: 20px;
background: #FBFBFB;
border: 1px solid #DFDFDF;
color: #0190D9;
padding: 28px;
display: flex;
justify-content: center;
align-items: flex-end;
border-radius: 15px;
}
.ct-remic-cr__number {
font-size: 176px;
line-height: 90%;
}
.ct-remic-cr__number-placeholder {
font-size: 42px;
}
.ct-remic-cr__right {
display: flex;
align-items: center;
}
.ct-remic-cr__text {
font-size: 22px;
line-height: 140%;
font-weight: 200;
color: #1C1C1C;
}
@media(max-width: 991px) {
.ct-remic-cr {
flex-direction: column-reverse;
margin-bottom: 70px;
}
.ct-remic-cr__text {
font-size: 16px;
font-weight: 200;
}
.ct-remic-cr__right {
margin-top: 40px;
}
.ct-remic-cr__left {
margin-top: 32px;
}
}
.popup {
-webkit-overflow-scrolling: touch;
z-index: 100;
padding: 30px 10px;
position: fixed;
top: 0px;
left: 0;
width: 100%;
height: 100%;
transition: visibility 0.8s ease 0s;
visibility: hidden;
}
.popup::before {
content: "";
background-color: rgba(0, 0, 0, 0.9);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.8s ease 0s;
}
.popup.show {
visibility: visible;
overflow: auto;
}
.popup.show::before {
opacity: 1;
}
.popup.show .popup__body {
transform: scale(1);
}
.popup._active {
overflow: auto;
visibility: visible;
}
.popup._active::before {
opacity: 1;
}
.popup._active .popup__body {
transition: all 0.3s ease 0.2s;
transform: scale(1);
}
.popup__content {
display: flex;
flex-direction: column;
align-items: center;
min-height: 100%;
flex: 1 1 auto;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.popup__body {
transform: scale(0);
transition: all 0.3s ease 0s;
background-color: #fff;
padding: 50px;
width: 100%;
max-width: 800px;
}
.popup__close {
width: 20px;
height: 20px;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
z-index: 30;
background: url(//remik.ru/wp-content/themes/remik/img/popup-close.svg) 0 0 no-repeat;
background-size: contain;
}
.popup_cert-image {
height: 100%;
}
.text-popup__container p {
margin: 10px 0px 10px 0px;
line-height: 140%;
}
.text-popup__container ul {
margin: 10px 0px 10px 0px;
line-height: 140%;
}
.text-popup__container li {
margin: 5px 0px 5px 0px;
}
.text-popup__container a {
color: #312275;
}
a[aria-current="page"], .current-menu-parent .header-menu__link {
color: #312275 !important;
}
.catalog-btn .sub_menu__link-1[aria-current="page"], .catalog-btn .current-menu-parent .sub_menu__link-1 {
color: #000 !important;
}
.event-form__subtitle {
display: block;
font-size: 22px;
line-height: 25px;
text-transform: uppercase;
margin-top: 35px;
margin-bottom: 70px;
}
@media (max-width: 768px) {
.event-form__subtitle {
margin-top: 15px;
margin-bottom: 40px;
}
}
.event-form-inputs {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 60px;
margin-bottom: 60px;
max-width: 820px;
}
@media (max-width: 768px) {
.event-form-inputs {
grid-template-columns: 1fr;
grid-gap: 20px;
margin-bottom: 20px;
}
}
.event-form-inputs input {
display: block;
width: 100%;
background: none;
border: none;
padding-bottom: 15px;
border-bottom: 1px solid #6B6B6B;
}
.event-form-inputs input {
border-radius: 0;
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.event-form-wrapper .acceptance {
justify-content: flex-start;
}
.event-form-wrapper .acceptance span {
text-align: left;
margin-left: 20px;
margin-right: 0;
max-width: 300px;
}
@media (max-width: 768px) {
.event-form-wrapper .acceptance span {
margin: 0 0 0 20px;
}
}
@media (max-width: 576px) {
.event-form-wrapper .acceptance span {
text-align: left;
margin-left: 0;
margin-bottom: 0;
margin-top: 20px;
max-width: 100%;
}
}
.wpfFilterDelimeter {
margin: 0px !important;
}
@media (max-width: 1250px) {
.wpfMainWrapper {
display: none;
}
}
.policy-checkbox {
display: flex;
gap: 16px;
}
.policy-checkbox__input {
margin-bottom: 0px !important;
}
.policy-checkbox__text {
text-align: left ;
}
.policy-checkbox__text a {
text-decoration: underline;
}