/*------------------------------------------------------------------------------------------*/
/* DEFAULTS & RESET @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap'); */
/*------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
::-moz-selection {
background: #000;
color: #fff;
}
button,
button:focus,
a:active,
a:hover,
a:focus {
outline: 0;
}
a[href*="mailto:"],
a[href*="tel:"] {
white-space: nowrap;
}
a {
color: #2F75EC;
}
a:hover {
color: #007bff;
}
strong {
font-weight: 700;
}
input,
button {
outline: none;
}
.debug_info {
padding: 0px 10px;
}
.debug_info .query {
border: 1px solid #eee;
margin: 5px 0;
padding: 5px;
}
.debug_info .green_query {
color: green;
}
.debug_info .red_query {
color: red;
}
::-webkit-input-placeholder {
color: #707070;
}
:-moz-placeholder {
color: #707070;
}
::-moz-placeholder {
color: #707070;
}
:-ms-input-placeholder {
color: #707070;
}
@media (max-width: 991.98px) {
table:not(.table-responsive) {
border-collapse: collapse;
display: block;
overflow-x: auto;
max-width: 100%;
}
td {
padding: 0.5rem !important;
}
iframe {
max-width: 50vh !important;
}
.main-item table img {
max-width: 50vw;
height: auto !important;
}
td:nth-last-child(-n+6):first-child,
td:nth-last-child(-n+6):first-child~td {
width: 16.66%;
}
td:nth-last-child(-n+5):first-child,
td:nth-last-child(-n+5):first-child~td {
width: 20%;
}
td:nth-last-child(-n+4):first-child,
td:nth-last-child(-n+4):first-child~td {
width: 25%;
}
td:nth-last-child(-n+3):first-child,
td:nth-last-child(-n+3):first-child~td {
width: 33.3333%;
}
td:nth-last-child(-n+2):first-child,
td:nth-last-child(-n+2):first-child~td {
width: 50%;
}
}
@media (max-width: 575.98px) {
table:not(.table-responsive),
table:not(.table-responsive) tbody,
table:not(.table-responsive) tr,
table:not(.table-responsive) td {
display: block !important;
width: 100% !important;
}
td {
margin-bottom: 1rem;
}
td:empty,
td p:empty {
display: none;
}
.main-item img {
max-width: 100% !important;
height: auto !important;
width: auto !important;
max-height: 100% !important;
}
iframe {
max-width: 100% !important;
}
.table.table-responsive iframe {
min-width: 300px;
}
}
.icon {
display: inline-block;
background-repeat: no-repeat;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
}
.icon-close {
width: 1.25rem;
height: 1.25rem;
background-image: url("data:image/svg+xml,");
-webkit-background-size: 100% 100%;
}
/*------------------------------------------------------------------------------------------*/
/* BASE STYLE */
/*------------------------------------------------------------------------------------------*/
body {
font-size: 15px;
line-height: 1.5rem;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-style: normal;
color: #3f3f3f;
background: white;
}
body::after {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
z-index: -1;
content: url(../images/2.svg);
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
}
.btn:hover,
.btn:focus,
.btn:active,
.form-control {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
@media (max-width: 575px) {
.col-6,
.col-12 {
padding: 0 5px;
}
}
.sess_messages {
margin: 15px 0
}
.sess_messages .message_error {
color: red
}
.sess_messages .message_info {
color: green
}
.project {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 50px;
}
.project.inside {
min-height: 100vh;
}
main {
flex: 1 1 auto;
}
.form-group {
position: relative;
margin-bottom: 1.125rem;
}
label.error {
font-size: 10px;
line-height: 1;
color: red;
position: absolute;
left: 0;
top: 100%;
}
.form-control {
color: #3f3f3f;
background: #fff;
border: 1px solid #c4c4c4;
border-radius: 4px;
font-size: .875rem;
line-height: 1.125rem;
letter-spacing: .5px;
height: 2.875rem;
padding: .8125rem 1rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.form-group-label .form-control {
padding-left: 3rem;
}
.form-group-label .bi {
width: 1.375rem;
height: 1.375rem;
color: #004b6e;
}
.form-group-label .form-label {
position: absolute;
left: 0;
width: 3rem;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.form-default .form-group {
margin-bottom: 12px;
}
.form-default label {
letter-spacing: .55px;
font-size: 0.9rem;
line-height: 1.5rem;
display: block;
margin-right: 20px;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.form-default .form-control {
-webkit-box-shadow: none;
box-shadow: none;
height: 44px;
border-radius: 0px;
padding: 10px 1rem;
font-size: 1rem;
line-height: 1.5rem;
}
small.form-control-small {
font-size: 80%;
letter-spacing: 0px;
line-height: 1;
font-weight: 100;
color: #383838;
}
.form-default .custom-control-label {
width: 100%;
text-align: left;
font-size: 1rem;
margin-bottom: 0px;
font-weight: normal;
}
.custom-control-label {
font-size: .75rem;
line-height: 1.2;
color: #474747;
letter-spacing: .5px;
}
.custom-control-input:checked~.custom-control-label::before {
border-color: #eee;
background-color: #eee;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");
}
#search_form {
position: relative;
}
.main_search {
padding: 10px 0 20px 0;
background: #fff;
}
.search {
background: #E2E7ED;
padding: 20px 0
}
.search_input {
display: block;
width: 100%;
height: 40px;
background: #f1f4ff;
box-shadow: 0px 0px 2px #0b2f73;
border: 0;
padding: 8px 10px;
color: #3f3f3f;
margin: 0 auto !important;
font-style: normal;
}
.search_input:active,
.search_input:focus {
box-shadow: 0px 0px 3px rgba(00, 00, 00, .55);
}
.search_input::-webkit-input-placeholder {
color: #7c7c7c
}
.search_submit {
position: absolute;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
width: 22px;
height: 22px;
border: 0;
right: 20px;
top: 10px;
opacity: 0.5;
}
.btn {
font-size: .9375rem;
line-height: 1.5rem;
font-weight: 600;
border-radius: 300px;
letter-spacing: .25px;
height: 2.875rem;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btn-outline-danger {
border-color: #ff3a40;
color: #ff3a40;
}
.btn-danger {
background-color: #ff3a40;
border-color: #ff3a40;
color: #fff;
box-shadow: 0px 0px 5px 0px rgba(238, 39, 70, 0.5);
-webkit-box-shadow: 0px 0px 5px 0px rgba(238, 39, 70, 0.5);
}
.btn.btn-danger:hover {
-webkit-box-shadow: 0px 0px 2px 0px rgba(238, 39, 70, 0.2);
box-shadow: 0px 0px 4px 0px rgba(238, 39, 70, 0.4);
}
.btn-outline-warning {
border-color: #ffae00;
color: #ffae00;
}
.btn-warning {
color: #fff;
background: #ffae00;
}
.btn-outline-warning:hover,
.btn-warning:hover {
color: #fff;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle,
.btn-secondary {
color: #3b3b3b;
background: #ebebeb;
border-color: #ebebeb;
}
.text-danger {
color: #fd2530 !important;
}
.badge-danger {
background: #ff3a40 !important;
}
/*------------------------------------------------------------------------------------------*/
/* PAGE HEADER */
/*------------------------------------------------------------------------------------------*/
.page-header-top {
background: #0b2f73;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1205;
height: auto;
}
.sticky .page-header-top {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
@media (min-width: 992px) {
.page-header-top .navbar-nav {
flex-direction: row;
}
}
.page-header-top a {
color: white;
}
.page-header-top a:hover {}
.page-header-top .cool-link {
display: inline-block;
color: #fff;
text-decoration: none;
}
.page-header-top .cool-link::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #fff;
}
.page-header-top .cool-link:hover::after {
width: 100%;
}
.page-header-top .btn {
height: 2.4rem;
padding: 1rem;
}
.page-header-top-logo h1 {
color: white;
}
.logo {}
.page-header-top .entry {
margin-top: 8px !important;
}
.page-header-top .lock {}
.page-header-main {
box-shadow: 0px 13px 51px 0px rgba(16, 96, 132, 0.1);
padding: 15px 0px;
}
.page-header-top .info-item {
padding-left: 24px;
}
.page-header-main h1 {
font-size: 1.9rem;
color: #0b2f73;
}
.page-header-main p {
font-size: .9rem;
}
.page-header-main a,
.page-header-top a {
text-decoration: none;
}
.badge {
padding: 0;
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
text-align: center;
line-height: 1.25rem;
font-size: 11px;
color: #fff;
border-radius: 50%;
position: absolute;
}
.page-header-top .badge {
right: -15px;
top: 0px
}
.phones::before {
content: '';
display: block;
position: absolute;
width: 25px;
height: 100%;
background: url('../images/smartphone.svg') no-repeat center 5px;
left: 0;
}
.phones.phones-header::before {
width: 15px;
background-size: contain;
}
footer .phones::before {
background: url('../images/smartphone_white.svg') no-repeat center 5px;
}
.phones {
padding-left: 35px;
position: relative;
flex: 0;
min-height: 40px;
display: flex;
align-items: center;
}
.phones.phones-header {
padding-left: 25px;
}
.phones.phones-header .email {
position: absolute;
left: 0;
bottom: -25px;
}
footer .callback-wrapper {
width: 100%;
text-align: right;
margin: 2rem 0;
}
.burger {
padding-right: 15px;
}
.burger .navbar-toggler {
color: #fff;
}
.page-header-top-registration {
padding-right: 15px;
}
.page-header-main .phones>a {
display: block;
font-weight: bold;
color: #0b2b68;
}
.page-header-main .btn {
padding: 1rem 1.5rem;
box-shadow: 0px 0px 10px 0px rgba(238, 39, 70, 0.5);
}
.info-item {
position: relative;
margin-right: 1rem;
}
.page-header-main .badge {
left: 25px;
right: auto;
top: -10px;
}
.header-main-basket {
position: relative;
top: 8px
}
@media (max-width: 778px) {
.page-header-main .btn {
padding: 0.8rem;
}
}
@media (max-width: 735px) {
.page-header-main .btn {
display: none;
}
.page-header-main .col-5 {
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: none;
}
.header-phone {
display: none;
}
.phones {
display: block;
width: auto;
margin: auto;
}
.phones>a {
display: block;
}
footer .callback-wrapper {
text-align: center;
}
}
.page-header-main {
padding: .875rem 0 .5rem 0 !important;
}
@media (max-width: 540px) {
.logo {}
.page-header-main .col-5 {
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
}
@media (max-width: 478px) {
.header-descr h1 {
font-size: 1.6rem;
}
.header-descr p {
font-size: .9rem;
margin-bottom: 0;
}
.page-header-main .col-5 {
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
}
@media (max-width: 365px) {
.header-descr h1 {
font-size: 1.4rem;
}
.header-descr p {
font-size: .8rem;
margin-bottom: 0;
}
.page-header-main .col-5 {
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
}
}
@media (max-width: 332px) {
.header-descr h1 {
font-size: 1.4rem;
}
.header-descr p {
font-size: .8rem;
margin-bottom: 0;
}
.page-header-main .col-5 {
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
}
}
@media (max-width: 340px) {
.callback {
display: none;
}
}
/*------------------------------------------------------------------------------------------*/
/* PAGE MAIN */
/*------------------------------------------------------------------------------------------*/
.title {
display: flex;
}
.title h1 {
font-size: 1.8rem;
position: relative;
padding-left: 30px;
margin-bottom: 2rem;
}
.title:has(.in_minpromtorg) h1 {
max-width: 65%;
}
.title h1:before {
content: '';
position: absolute;
left: 0px;
top: 20px;
background: url(../images/cube.png) no-repeat center;
width: 27px;
height: 30px;
}
.intro,
.intro-item {
height: auto;
/*height: 33.25rem;*/
position: relative;
}
.intro-item {
border-bottom: 1px solid #a6b3cc70;
border-top: 1px solid #a6b3cc70;
}
/*
.slick-slider{
padding-bottom: 2.5rem;
}
.slick-slide img {
display: block;
width: 100%;
}
*/
.intro-fix {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.intro {
overflow: hidden;
}
.intro img,
.intro picture {
width: 100%;
}
@media (min-width: 1920px) {
.intro img,
.intro picture {
width: 100%;
object-fit: cover;
}
}
.intro-title {
color: #114159;
}
.intro-list {
list-style: none;
padding: 0;
}
.intro-list-item {
color: #4b5b61;
font-size: 1.3em;
margin: 0;
line-height: 40px;
position: relative;
}
li.intro-list-item {
padding-left: 50px;
}
li.intro-list-item:before {
content: '';
display: block;
position: absolute;
left: 0;
height: 40px;
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='rgb(19,85,201)' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z' /%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 359px) {
.intro-list-item {
line-height: 25px;
}
li.intro-list-item {
padding-left: 30px;
}
li.intro-list-item:before {
height: 25px;
width: 25px;
}
}
.advantages {
background: linear-gradient(to bottom, rgb(255, 255, 255) 10%, rgba(11, 47, 115, 0.1) 40%, rgba(255, 255, 255, 0.1) 100%);
/* padding-bottom: 80px;;*/
}
.buttons {
margin-top: -80px;
}
.block {
margin-top: 24px;
}
.subsection .title h1 {
margin-left: 10px;
}
.advantages .card svg {
margin: auto;
display: inline-block;
height: 100%;
vertical-align: middle;
}
.advantages .card a:hover {
text-decoration: none;
}
.advantages .card h3 {
font-size: 1.4rem;
color: #114159;
line-height: 20px;
}
.advantages .card {
height: 130px;
padding: 0 10px;
box-shadow: 0px 0px 13px 0px rgba(14, 77, 187, 0.19);
}
.advantages .col-3 {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.advantages .col-3 img {
position: relative;
top: -8px;
}
@media (max-width: 450px) {
.advantages .col-3 img {
padding: 0 0 0 3rem;
}
}
.advantages p {
padding: 0;
line-height: 20px;
color: black;
}
.adv-thumb {
display: flex;
align-items: center;
flex-direction: row;
padding: 0 0 0 1rem !important;
}
@media (min-width: 991px) {}
@media (max-width: 991px) {
.advantages .card {
height: 130px;
}
}
@media (max-width: 608px) {
.advantages .col-6 {
flex: 0 0 100%;
max-width: 100%;
}
.advantages .col-9 {
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
}
.advantages .col-3 {
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
}
}
@media (max-width: 450px) {
.advantages .col-9 {
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
}
.adv-thumb {
padding: 0 0 0 3rem !important;
}
.advantages .col-3 {
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
}
}
@media (max-width: 400px) {
.adv-thumb {
padding: 0 0 0 4rem !important;
}
}
.buttons .btn {
padding: 0 1rem;
color: #728b97;
border: 1px solid #d7dfed;
}
.buttons .btn:hover {
color: #3c7dee;
background: white;
border: 1px solid #3c7dee;
}
.slider .card-title a {
color: #323232;
text-align: center;
height: 80px;
display: inline-block;
}
.slider .card-thumb {
position: relative;
text-align: center;
height: 14rem;
padding: 0.5rem;
}
.slider .card-thumb>a {
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
align-self: center;
}
.slider .btn {
padding: 0 1rem;
white-space: nowrap;
}
.slider .card-body {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
.slider .card-title {
text-align: center !important;
}
.slider .card-descr {
color: #a1a1a1;
text-align: center;
}
.slider .card-price {
text-align: center;
margin-bottom: 24px;
font-size: 1.4em;
white-space: nowrap;
}
@media (max-width: 420px) {
.slider .card-price {
font-size: 1em;
}
}
.slider .card-body .btn {
box-shadow: 0px 0px 10px 0px rgba(238, 39, 70, 0.5);
}
.categories {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(11, 47, 115, 0.3) 50%, rgba(255, 255, 255, 0.1) 95%);
padding-top: 1rem;
}
.categories .block {
margin-top: 24px;
}
.product {
z-index: 0;
position: relative;
overflow: hidden;
border-radius: 5px;
height: 20rem;
box-shadow: 0px 0px 5px 0px rgba(14, 77, 187, 0.19);
}
.product.office {
height: auto;
}
.product>a {
display: flex;
background: #fff;
width: 100%;
height: 80%;
justify-content: center;
align-content: center;
align-items: center;
padding: 10%;
}
.product.office>a {
height: 100%;
padding: 0;
}
.product-img {
/*
border-radius: .25rem;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
background: #fff;
border: 1px solid rgba(66,66,66,0.1);
box-shadow: 0px 0px 15px 0px rgba(14, 77, 187, 0.19);
*/
max-width: 100%;
max-height: 100%;
}
.product.office .product-img {
width: 100%;
object-fit: contain;
}
.product-title {
position: relative;
z-index: 1;
font-size: 1rem;
color: white;
height: 100%;
width: 100%;
padding: 5px;
text-align: center;
font-weight: 500;
line-height: 1.2;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.product.office .product-title {
font-size: 1.75rem;
}
@media (max-width: 991px) {
.product.office .product-title {
font-size: 1.5rem;
}
}
@media (max-width: 531px) {
.product.office .product-title {
font-size: 1.2rem;
}
}
.product-title:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.product-title a {
color: inherit;
}
.product-title a:hover {
text-decoration: none;
opacity: 0.8;
}
.product-thumb {
position: absolute;
width: 100%;
height: 20%;
bottom: 0;
transition: transform 0.5s, opacity 0.5s;
}
.product-background {
height: 100%;
width: 100%;
position: absolute;
opacity: 0.9;
border-bottom-left-radius: .25rem;
border-bottom-right-radius: .25rem;
background: black;
background: #0b2f73;
background: -moz-linear-gradient(left, #0b2f73 0%, #d81e3b 100%);
background: -webkit-linear-gradient(left, #0b2f73 0%, #d81e3b 100%);
background: linear-gradient(to right, #0b2f73 0%, #d81e3b 100%);
}
.product-body {
font-size: .875rem;
line-height: 1.5rem;
letter-spacing: .1px;
color: #fff;
padding: 1rem 1.5rem 1rem;
position: absolute;
z-index: 5;
top: 0;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
width: 100%;
background: #0b2f73;
background: -moz-linear-gradient(left, rgba(11, 47, 115, 0.9) 0%, rgba(216, 30, 59, 0.85) 100%);
background: -webkit-linear-gradient(left, rgba(11, 47, 115, 0.9) 0%, rgba(216, 30, 59, 0.85) 100%);
background: linear-gradient(to right, rgba(11, 47, 115, 0.9) 0%, rgba(216, 30, 59, 0.85) 100%);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
opacity: 0;
border-radius: .25rem;
pointer-events: none;
}
.product-body ul {
padding: 0;
}
.product-body li {
list-style: none;
padding: 2px;
margin: 4px 0;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
}
.product-body a {
color: white;
font-weight: 500;
font-size: 1rem;
}
.product-body a:hover {
text-decoration: none;
opacity: 0.7;
}
@media (min-width: 575px) {
.product-body li {
white-space: normal;
}
}
.product-body ul li:last-child a {
color: #ff3a40;
font-weight: 600;
}
@media (min-width: 992px) {
.product:not(.office):hover .product-body {
opacity: 1;
pointer-events: auto;
}
.product:has(.product-body):not(.office):hover .product-thumb {
transform: translateY(100px);
opacity: 0;
}
}
@media (max-width: 991px) {
.categories .show .product-body {
opacity: 1;
pointer-events: auto;
}
.categories .show .product-thumb {
transform: translateY(100px);
opacity: 0;
}
}
@media (max-width: 991px) {
.product.office .product-thumb {
height: 30%;
}
}
@media (max-width: 531px) {
.categories .col-6 {
/* flex: 0 0 100%;
max-width: 100%;*/
padding: 0 5px;
}
.product-thumb {
height: 20%;
}
.product-title {
font-size: 1rem;
line-height: 1.2;
/* display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
height: 100%;*/
}
.product-body a {
font-size: 1rem;
}
.product-body li {
padding-top: 1rem;
}
}
@media (max-width: 340px) {
.categories .product-title {
font-size: 1em;
}
}
@media (max-width: 360px) {
.categories .product-title {
font-size: 0.9rem;
}
}
.scheme {
margin-top: -80px;
background: #fff url("../images/background_scheme.png") center no-repeat;
}
.categories .btn {
padding: 1.2rem 2rem;
}
.about {
margin-bottom: 300px;
}
.scheme-card span {
color: #1160ea;
font-weight: bold;
}
.scheme .btn {
padding: 1.2rem 2.4rem;
}
@media (min-width: 1200px) {
.scheme {
margin-top: -80px;
}
.scheme-title {
padding-bottom: -80px;
}
.scheme-card-1 {
padding-top: 160px;
}
.scheme-card-2 {
padding-top: 140px;
}
.scheme-card-3 {
padding-top: 120px;
}
.scheme-card-4 {
padding-top: 100px;
}
.scheme-card-5 {
padding-top: 80px;
}
.scheme-card-6 {
padding-top: 60px;
}
}
.breadcrumb-wrap {
/*height: 1.875rem;*/
padding: 0.375rem 0;
/* background: #fff;*/
border-bottom: 1px solid #dfdfe0;
margin-bottom: 30px;
background: -moz-linear-gradient(bottom, #fdfefe 0%, #eff4f6 100%);
background: -webkit-linear-gradient(bottom, #fdfefe 0%, #eff4f6 100%);
background: linear-gradient(to top, #fdfefe 0%, #eff4f6 100%);
}
.breadcrumb {
padding: .5rem 0;
margin: 0;
background: transparent;
border: none;
border-radius: 0px;
font-size: .8125rem;
line-height: 1.2;
color: #2b2b2b;
}
.breadcrumb a {
color: inherit;
text-decoration: underline;
}
.breadcrumb a:hover {
text-decoration: none;
}
.breadcrumb-item.active {
color: #308072;
}
.breadcrumb-item+.breadcrumb-item {
padding-left: 0;
}
.breadcrumb-item+.breadcrumb-item::before {
content: '';
width: .5rem;
height: .625rem;
background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23c4c4c4' d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
margin: 0 .25rem;
padding: 0;
}
.section-title {
font-size: 1.8em;
}
.catalog {
background: #f7fbfd;
padding-bottom: 3rem;
margin-top: -30px;
padding-top: 30px;
}
.catalog .card {
padding: 25px;
box-shadow: 0px 5px 5px rgba(14, 77, 187, 0.2);
}
.catalog .card .btn {
padding: 0;
}
.catalog .card p {
text-align: center;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
line-height: 1.2;
font-size: 0.7rem;
}
.catalog .front_subcat .card p {
font-size: 1rem;
height: 2.5rem;
}
.justify-content-between .front_subcat:last-of-type {
margin-right: auto;
}
.catalog .card a.card-img {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.catalog .card a.card-img::before {
content: '';
padding-top: 100%;
border: 0;
display: block;
float: left;
}
.catalog .card img {
max-width: 100%;
max-height: 100%;
}
.catalog-next-button .btn {
padding: 1.6em 1.8em;
}
@media (max-width: 375px) {}
.panel-label {
font-size: .875rem;
line-height: 1.2;
display: inline-block;
margin-right: 1rem;
}
.card-info {
position: absolute;
top: 1rem;
right: .875rem;
z-index: 3;
display: none;
}
.card-info-item {
margin-bottom: .3125rem;
display: block;
text-align: right;
color: #a4c6d6;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.bi-bookmark-fill,
.bi-bar-chart-fill {
width: 1.25rem;
height: 1.25rem;
}
.ordering {}
.ordering .card {
display: flex;
box-shadow: 0px 5px 5px rgba(14, 77, 187, 0.2);
flex-direction: row;
}
.ordering .card .descr {
max-width: 30%;
margin: 0 auto;
}
.ordering .card .count {
margin: 0 auto;
}
.ordering .card .price {
margin: 0 auto;
font-weight: bold;
}
.ordering .card .span-descr {
display: none;
}
@media (max-width: 767px) {
.ordering .card {
flex-direction: column;
}
.ordering .card .descr {
max-width: 100%;
text-align: center;
}
.ordering .card .span-descr {
display: inline;
}
}
.ordering-form {
background: #f7fbfd;
border-radius: 10px;
}
.ordering-form label {
display: block;
font-weight: bold;
}
.ordering-form select {
display: block;
}
.ordering-form .personal label {
display: inline;
font-weight: normal;
}
.ordering-form .personal span {}
.ordering-form input,
.ordering-form select {
width: 100%;
border-radius: 5px;
padding: 1rem;
border: 2px solid #e9e9e9;
}
.ordering-form input:focus {
border: 2px solid #e9e9e9;
outline: none !important;
}
.ordering-form .personal input {
width: auto;
}
.object-top {
margin-bottom: 1.875rem;
}
.object-slider {
-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 7px rgba(0, 0, 0, .2);
background: #fff;
overflow: hidden;
position: relative;
padding: .875rem 8.125rem .875rem 1rem;
height: 28.375rem;
}
.slick-slider .slick-list,
.slick-slider .slick-track,
.object-slider-win,
.slick-slide>div,
.slick-slide a {
height: 100%;
}
.object-slider-win a {
display: inline-flex !important;
width: 100%;
height: 100%;
}
.object-slider-win img {
display: block;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.object-slider-control {
width: 6rem;
position: absolute;
top: .875rem;
bottom: .875rem;
right: 1rem;
}
.object-slider-control span {
display: block;
width: 100%;
height: 6rem;
background: #fff;
border: 1px solid rgba(0, 0, 0, .1);
padding: .625rem;
}
.object-slider-control img {
display: block;
width: auto;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
cursor: pointer;
margin: 0 auto;
}
.object-desc .nav-pills {
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
-o-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.object-desc .nav-pills .nav-link {
font-size: 1.125rem;
font-weight: 400;
color: #2f2f2f;
height: 4rem;
padding-left: 1.625rem;
padding-right: 1.625rem;
border-color: #d8d8d8;
line-height: 3.375rem;
}
.object-desc .nav-pills .nav-link.active,
.object-desc .nav-pills .show>.nav-link {
color: #000;
font-weight: 600;
background: none;
}
.object-desc .nav-pills .nav-link.active::after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 4px;
background: #ee2746;
width: 100%;
}
.object-desc .nav-pills {
margin-bottom: 1rem;
background: #f8f8f8;
}
.object-desc .tab-pane {
background: #fff;
padding: 1.25rem 1.25rem;
}
.object-desc {
margin-bottom: 4.25rem;
}
.section-body h5 {
font-size: 1.125rem;
font-weight: 600;
margin: 0 0 1.125rem;
}
.object-desc .section-body {
line-height: 1.5rem;
}
.object-desc .section-body .description {
margin-bottom: 0;
}
.object-desc .table td {
font-size: 1rem;
height: 2.625rem;
border: none;
padding: 0px 1rem;
vertical-align: middle;
}
.table-striped tbody tr:nth-of-type(odd) {
background: #fafafa;
}
.object-desc {
color: #424242;
}
.object-head {
background: #fff;
padding: 2px 1.5rem;
height: 100%;
}
.object-art {
font-size: .75rem;
color: #7c7c7c;
white-space: nowrap;
height: 2rem;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.object-art span {
display: block;
width: 100%;
text-align: center;
}
.object-settings {
justify-content: space-between;
width: 100%;
padding: 0.65rem 0;
margin: 0;
flex-wrap: wrap;
}
.object-settings a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
width: auto;
color: #5a5a5a;
padding-left: 0;
margin-left: 0;
}
.object-head .card-price {
margin: 20px 0;
}
.object-settings a .icon {
margin-right: .5rem;
}
.object-head .tocart {
width: 100%;
;
}
.object-info {
font-size: .875rem;
line-height: 1.2;
color: #7c7c7c;
left: .1px;
margin: 1.625rem 0;
}
@media (max-width: 991.98px) {
.object-slider {
padding: 1rem;
height: auto;
margin-bottom: 1.875rem;
}
.object-slider-control {
position: static;
width: 100%;
}
.object-slider-control .slick-slide {
padding: 0 .5rem;
}
.object-desc .nav-pills .nav-link {
font-size: 1rem;
line-height: 1.5;
height: 3rem;
text-align: center;
}
.object-desc .nav-pills {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
.filter.object-slider-filter {
padding: 0;
}
.object-desc .table td {
vertical-align: middle;
padding: 0 4px;
}
.object-slider-control .slick-slide {
padding: 0 2px;
}
.object-slider-control span {
padding: 2px;
height: 4rem;
}
}
.card-cart {
display: flex;
width: 100%;
justify-content: space-between;
position: relative;
height: 2.6rem;
max-width: 180px;
margin: auto;
}
.main-item .card-cart {
max-width: 220px;
}
.main-item .card-cart .cart_title {
white-space: nowrap;
}
.slider .card-cart .btn-add-to-cart,
.catalog.catalog-products .card-cart .btn-add-to-cart,
.main-item-buttons .card-cart .btn-add-to-cart {
width: 2.6rem;
height: 2.6rem;
font-size: 1.1rem;
padding: 0;
}
.card-cart .item_in_cart {
font-size: 0.9rem;
text-align: center;
line-height: 1.2;
}
.item_in_cart a {
display: block;
height: auto;
}
.card-cart .btn-danger.btn-add-to-cart {
width: 2.5rem;
height: 2.5rem;
font-size: 1.2rem;
}
.filter.loading::after,
.card-cart.loading::after {
content: '';
display: block;
width: 100%;
height: 100%;
background: url(../images/2.svg) no-repeat center;
background-size: auto;
background-size: auto;
position: absolute;
background-size: contain;
}
.card-cart.loading .btn {
opacity: 0.5;
color: #fff;
background: #ff3a40;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.card-cart.loading .item_in_cart {
opacity: 0;
}
.main-item {
padding-bottom: 80px !important;
margin-bottom: 40px;
background: white;
}
.main-item .askCall {
font-weight: bold;
position: static;
bottom: 0;
color: #c82333;
font-size: 0.8rem;
line-height: 1.3;
}
.main-item-buttons .btn {
padding: 1.3rem 3rem;
}
@media (max-width: 991px) {
.main-item .askCall {
position: static !important;
margin-top: 30px;
}
}
@media (max-width: 340px) {
.main-item-buttons .btn {
padding: 1.3rem 2rem;
}
}
.main-item-buttons {
display: flex;
}
.counter {
width: 62px;
height: 50px;
border: 1px solid #e0e0e0;
position: relative;
border-radius: 4px;
}
.counter-item {
position: absolute;
top: 13px;
left: 12px;
font-size: 1.3rem;
max-width: 60%;
border: none;
}
.counter .counter-plus {
position: absolute;
right: 10px;
top: 5px
}
.counter .counter-minus {
position: absolute;
right: 10px;
bottom: 5px
}
.star-filler {
background: #f8f8f8;
display: inline-flex;
align-content: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 48px;
}
.star-filler .bi-star {
color: #b6b6b6;
margin: auto;
}
.star-filler:hover .bi-star {
color: #e0a800;
}
.card-descr {
margin: 2rem 0 0 0;
line-height: 1.2;
font-size: 0.9rem;
}
.main-item img {}
.main-item .main-item-text {
padding-left: 0;
}
.main-item h1 {
color: black;
font-size: 1.8rem;
}
@media (max-width: 991.98px) {
.main-item h1 {
text-align: center;
}
}
.main-item .articul {
color: #727272;
}
.main-item .crossed-price {
font-size: 1.5rem;
text-decoration: line-through;
color: #717171;
}
.main-item .real-price {
font-size: 1.9rem;
}
.main-item-navigation {
list-style: none;
display: flex;
padding: 0;
height: 60px;
background: #f8f8f8;
}
.main-item-navigation li {
display: grid;
align-content: center;
position: relative;
}
.main-item-navigation a {
padding: 0 1.4rem;
text-decoration: none;
color: black;
}
@media (max-width: 374px) {
.main-item-navigation a {
padding: 0 0.5rem;
}
}
.main-item-navigation .picked a {
font-weight: bold;
}
.main-item-navigation .underlined::after {
content: '';
display: block;
position: absolute;
bottom: 0;
height: 4px;
background: #ee2746;
width: 100%;
}
.main-item .features {
width: 48%
}
.main-item .features tr:nth-child(even) {
background: #fbfbfb;
}
.main-item .features tr:nth-child(odd) {
background: #f8f8f8;
}
.main-item .features td,
.main-item .features th {
text-align: left;
padding: 12px 20px;
}
.main-item .features .ft {
font-weight: normal;
}
@media (max-width: 575px) {
.main-item-text {
padding-left: 15px !important;
}
.main-item-descr {
padding-left: 15px !important;
}
}
@media (max-width: 374px) {
.main-item .features td,
.main-item .features th {
text-align: left;
padding: 12px 12px;
}
}
.subsection {
padding-bottom: 80px !important;
margin-bottom: 340px;
border-top: 1px solid #f7fbfd;
background: white;
}
.subsection .sub-menu .card {
flex-direction: row;
align-items: center;
padding: 1rem;
background: #edf3f6;
height: 4rem;
}
.subsection .sub-menu .card:hover {
background: white;
border: 1px solid #ee2746;
}
.subsection .sub-menu .card:hover p {
color: #ee2746;
}
.subsection .sub-menu .card svg {}
.subsection .sub-menu .card p {
margin: 0;
font-size: 1rem;
font-weight: bold;
}
.options-list {
list-style: none;
padding: 15px;
}
.options-list li {
margin: 0.3rem 0.4rem;
background: #edf3f6;
border: 1px solid #cacaca;
padding: 0.5rem;
}
.options-list li a {
color: #616161;
}
.options-list li:hover {
background: white;
border: 1px solid #ee2746;
}
.options-list li:hover a {
color: #ee2746;
}
.options-list li a:hover {
text-decoration: none;
}
.options-list .active {
border: 1px solid #fe3c46;
}
.subsection .main .card {
flex-direction: row;
justify-items: center;
align-items: center;
padding: .5rem;
}
.subsection .main .card p {
font-weight: bold;
padding-left: .5rem;
}
.subsection .main .card img {
width: 92px;
height: 76px;
}
.subsection .main .card:hover {
border: 1px solid #fe3c46;
}
@media (max-width: 528px) {
.subsection .main .col-6 {
flex: 0 0 100%;
max-width: 100%;
}
}
.catalog-products {
padding-bottom: 80px !important;
background: white;
}
.catalog-product-options {
list-style: none;
padding: 0;
flex-wrap: wrap;
display: flex;
margin-left: -.8rem;
}
.catalog-product-options li {
position: relative;
padding: .8rem;
color: #858585;
}
.catalog-products .active {
color: #222121;
}
.catalog-product-options li:not(.svg):after {
content: '';
width: .75rem;
height: .5rem;
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='currentColor' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z' class=''%3E%3C/path%3E%3C/svg%3E");
}
.catalog-products-main {
margin-top: -.50rem;
}
.catalog.catalog-products .card {
padding: 0;
border: none;
overflow: hidden;
box-shadow: 0px 0px 5px 0px rgba(14, 77, 187, 0.19);
}
.card-title {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 500;
height: 5rem;
}
.catalog-products .card-title a,
.card-title a:hover {
text-decoration: none;
color: #004b6e;
}
.catalog-products .card-title a {
color: #323232;
text-align: center;
}
.catalog-products .card-thumb {
position: relative;
text-align: center;
height: 14rem;
padding: 0.5rem;
}
.catalog-products .card-thumb>a {
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
align-self: center;
}
.catalog-products .card-thumb>a>img {
max-width: 100%;
max-height: 100%;
align-self: auto;
height: auto;
width: auto;
}
.catalog.catalog-products .btn {
padding: 1rem 2rem;
margin: 0;
margin-right: 0px;
margin-left: 0px;
height: 100%;
}
.catalog.catalog-products .btn .cart_title {
white-space: nowrap;
}
@media (max-width: 991px) {
.catalog-products .btn {
padding: 1rem 4rem;
}
}
.card-body{
position: relative;
}
.catalog-products .card-body {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
.catalog-products .card-descr {
color: #a1a1a1;
text-align: center;
}
.card-price {
text-align: center;
margin-bottom: 1rem;
font-size: 1.4em;
white-space: nowrap;
}
@media (max-width: 507px) {
.catalog-products .btn {
padding: 1rem 3rem;
}
.catalog.catalog-products .btn {
padding: 1rem;
}
.catalog-products .card-body {
padding: 0.85rem;
}
.catalog-products .card-body h6.card-title {
font-size: 0.85rem;
}
.card-price {
font-size: 1.2em;
}
}
@media (max-width: 359px) {
.catalog-products .card-body {
padding: 0.5rem;
}
.catalog-products .card-body h6.card-title {
font-size: 0.85rem;
}
.card-price {
font-size: 1em;
}
}
@media (max-width: 339px) {
.catalog.catalog-products .btn {
padding: 0.5rem;
}
.catalog.catalog-products .btn .cart_title {
font-size: .85rem;
}
.catalog-products .card-body h6.card-title {
font-size: 0.75rem;
}
.card-price {
font-size: 0.85em;
}
}
@media (max-width: 299px) {
.catalog-products .card-body {
padding: .85rem 0;
}
}
.main-item-descr {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 1rem;
padding-top: 0.1rem;
}
.page-object .card-price {
margin: 2rem 0 1rem 0;
}
.card-price .custom-select {
width: auto;
max-width: 100%;
}
@media (max-width:450px) {
.catalog-products-main .col-6 {
flex: 0 0 100%;
max-width: 100%;
}
}
.catalog-products .pagination .page-link {
color: black;
}
.catalog-products .pagination .active .page-link {
background: white;
border: 1px solid #DEE2E6;
color: #dd3800;
}
.catalog-products .pagination:not(.active) .page-link:hover {
background: #dae6fa;
}
.catalog-products .pagination .active .page-link:hover {
background: white;
}
/*------------------------------------------------------------------------------------------*/
/* Page footer margin-top: -320px; top:-340px;*/
/*------------------------------------------------------------------------------------------*/
footer {
position: relative;
background: #003cb9 url("../images/background.png") bottom;
}
.background {
position: absolute;
width: 100%;
height: 400px;
top: -340px;
background: url("../images/background1.png") top;
}
.page-footer-phones a {
display: block;
font-weight: bold;
margin-top: 4px;
}
footer h1,
footer a,
footer p {
color: white;
}
@media (max-width: 991px) {
footer h1 {
font-size: 2rem;
}
}
footer ul {
list-style: none;
}
footer .nav-link {
padding: 0;
}
footer .btn {
white-space: nowrap;
padding: 0.5rem 0.875rem;
}
footer .card {
border-radius: 50px;
margin-top: -320px;
}
footer .card .row {
width: 100% !important;
position: static;
margin: 0;
}
footer .card h1 {
color: black;
text-align: center;
}
footer input {
width: 100%;
border-radius: 5px;
padding: 1rem;
border: 2px solid #e9e9e9;
}
footer .card .user {
position: absolute;
top: 14px;
right: 32px;
}
footer .card .email {
position: relative;
}
footer .question {
height: 80px;
overflow: auto;
width: 100%;
border-radius: 5px;
padding: 1rem;
resize: none;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
border: 2px solid #e9e9e9;
}
footer .question:focus {
border: 2px solid #e9e9e9;
outline: none !important;
}
footer.license {
display: flex;
}
footer .license input {
width: 30px;
}
footer .license p {
color: black;
font-size: 0.9rem;
}
footer .card .btn {
padding: 1.4rem;
margin: 0 auto;
}
footer .license label {
display: inline;
}
.page-footer a {
text-decoration: none;
}
.page-footer-logo {
margin-top: 15px;
}
@media (max-width: 991px) {
.page-footer-tittle {
margin-left: -15px;
}
.page-footer-list {
margin: 2rem auto;
text-align: center;
}
.page-footer-list .nav-item {
margin-bottom: 0.5rem;
}
}
@media (max-width: 765px) {}
@media (max-width: 399px) {
footer .logo img {
width: 50px;
}
}
@media (max-width: 343px) {
footer .card h1 {
font-size: 2em;
}
.footer-phone {
opacity: 0;
}
}
/*------------------------------------------------------------------------------------------*/
/* VENDOR STYLE */
/*------------------------------------------------------------------------------------------*/
.vendors-slider {
padding-bottom: 2rem;
}
.vendor-item {
height: 100%;
}
.vendor-item div {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 1rem;
}
.vendor-item div img {
max-width: 100%;
}
.vendors .slick-dots {
bottom: 0rem;
}
.action-slider,
.scheme-slider,
.vendors-slider {
overflow: hidden;
padding: 0px 2.5rem;
/*background: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16); */
}
.action-slider {
padding: 0 0.5rem 2rem;
width: 100%;
}
.action-slider .card {
border: none;
overflow: hidden;
box-shadow: 0px 0px 5px 0px rgba(14, 77, 187, 0.19);
}
.action-slider .slick-slide+.slick-slide {}
.action-slider .card-thumb img {
max-width: 100%;
max-height: 100%;
}
.nav-pills .nav-link {
border-radius: 300px;
}
.fancy-modal {
display: none;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
background: #fff;
}
.fancy-modal {
max-width: 35.125rem;
width: 100%;
/*padding: 4.375rem 3.75rem 2.25rem;*/
padding: 1.5rem;
border: 3px solid #fe313a;
background: #fff;
border-radius: 2%;
}
.fancy-modal .form .btn {
max-width: 16rem;
width: 100%;
}
.g-recaptcha>div {
margin: 0 auto;
}
.slick-slider {
padding-bottom: 3rem;
}
.slick-slide {
outline: none;
}
.slick-arrow {
border: none;
padding: 0px;
position: absolute;
z-index: 10;
top: 50%;
cursor: pointer;
text-align: center;
border: none;
background: #fff;
border-radius: 50%;
width: 3rem;
height: 3rem;
line-height: 3rem;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.slick-arrow .bi {
width: 1rem;
height: 1rem;
color: #000;
}
.action .slick-arrow {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: 1;
}
.intro .slick-arrow {
width: 4rem;
height: 4rem;
background: #fff;
/* top: calc(50% - 2rem);*/
top: calc(100% - 7rem);
}
.intro .slick-arrow .bi {
width: 2rem;
height: 2rem;
color: #000;
}
.slick-arrow .icon,
.slick-arrow .bi {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.slick-prev {
left: .5rem;
right: auto;
transform: translateY(-50%);
}
.slick-next {
right: .5rem;
left: auto;
transform: translateY(-50%);
}
.action-slider:hover .slick-prev {
transform: translateX(0px) translateY(-50%);
opacity: 1;
}
.main-action-slider:hover .slick-next {
transform: translateX(0px) translateY(-50%);
opacity: 1;
}
.main-action-slider .slick-prev {
left: .5rem;
right: auto;
transform: translateX(-10px) translateY(-50%);
}
.main-action-slider .slick-next {
right: .5rem;
left: auto;
transform: translateX(10px) translateY(-50%);
}
.main-action-slider:hover .slick-prev {
transform: translateX(0px) translateY(-50%);
opacity: 1;
}
.main-action-slider:hover .slick-next {
transform: translateX(0px) translateY(-50%);
opacity: 1;
}
.action-slider:hover .slick-next {
transform: translateX(0px) translateY(-50%);
opacity: 1;
}
.scheme-slider:hover .slick-prev {
transform: translateX(0px) translateY(-50%);
opacity: 1;
}
.scheme-slider:hover .slick-next {
transform: translateX(0px) translateY(-50%);
opacity: 1;
}
.action .slick-arrow:hover {
opacity: 1;
}
.intro .slick-prev {}
.intro .slick-next {}
.intro .slick-next:hover {}
.intro .slick-prev:hover {}
@media (max-width: 768px) {
.intro .slick-next {
background: none;
}
.intro .slick-prev {
background: none;
}
}
/*
.slick-dots {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style-type: none;
padding: 0;
margin: 0;
font-size: 0px;
line-height: 0px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fff;
padding: 1rem 0;
}
*/
.slick-dots {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style-type: none;
padding: 0;
margin: 0;
font-size: 0px;
line-height: 0px;
position: absolute;
bottom: .75rem;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.slick-dots li {
margin: 0 5px;
}
.slick-dots button {
width: 12px;
height: 12px;
opacity: 1;
background-color: #babdbf !important;
border: none;
padding: 0px;
font-size: 0px;
line-height: 0px;
border-radius: 50%;
cursor: pointer;
border: 3px solid transparent;
position: relative;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.slick-dots button:after {
content: '';
position: absolute;
width: 1.25rem;
height: 1.25rem;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.slick-dots li button:hover,
.slick-dots li.slick-active button {
background: #ee2746 !important;
opacity: 1;
}
.slick-dots li button:hover:after,
.slick-dots li.slick-active button:after {
opacity: 1;
}
.filter-toggle {
font-size: 1rem;
line-height: 1.125rem;
font-weight: 500;
height: 3.125rem;
background: #0b2f73;
color: #fff;
text-decoration: none;
padding: .5rem 1.25rem;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
position: relative;
}
.sidebar-filter-toggle {
background: #0b2f73;
}
.filter-toggle:after {
content: '';
width: .75rem;
height: .5rem;
background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23ffffff' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z' class=''%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
position: absolute;
right: 1rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.filter-toggle[aria-expanded="true"]:after {
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.filter-toggle:hover {
color: #fff;
text-decoration: none;
}
.filter-group {
background: #fff;
margin-bottom: .5rem;
}
.filter-body {
padding: .75rem 1rem;
background: #ecf4f7;
}
.filter-menu {
background: #fff;
padding: .25rem .875rem;
margin: 0 0 2rem;
}
.filter-menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.filter-menu a {
font-size: 1rem;
line-height: 1.5rem;
color: #212121;
text-decoration: none;
display: block;
width: 100%;
padding: .8125rem 0;
}
.filter-menu li+li {
border-top: 1px solid #d4d4d4;
}
.filter {}
.filter-list {
list-style-type: none;
padding: 0;
margin: 0;
}
.form-title {
font-size: 2.25rem;
line-height: 1.2;
color: #272727;
font-weight: 400;
margin: 0 0 1.25rem;
text-align: center;
}
.custom-control-label {
font-size: .9375rem;
line-height: 1.875rem;
color: #000;
}
.custom-control {
padding-left: 2rem;
}
.form-group {
position: relative;
margin-bottom: 1.125rem;
}
label.error {
font-size: 10px;
line-height: 1;
color: red;
position: absolute;
left: 0;
top: 100%;
}
.form-control {
color: #3f3f3f;
background: #fff !important;
border: 1px solid #c4c4c4;
border-radius: 4px;
font-size: .875rem;
line-height: 1.125rem;
letter-spacing: .5px;
height: 2.875rem;
padding: .8125rem 1rem;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.form-group-label .form-control {
padding-left: 3rem;
}
.form-group-label .bi {
width: 1.375rem;
height: 1.375rem;
color: #004b6e;
}
.form-group-label .form-label {
position: absolute;
left: 0;
width: 3rem;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.custom-control-label {
font-size: .9375rem;
/* line-height: 1.875rem;*/
color: #000;
}
.custom-control {
padding-left: 2rem;
}
.custom-control-label::before,
.custom-control-label::after {
left: -2rem;
width: 1rem;
height: 1rem;
top: calc(50% - 0.5rem);
margin-top: 0;
}
.custom-checkbox .custom-control-label::before {
border-radius: 0px;
top: calc(50% - 0.5rem);
}
.custom-control-label::before {
border: 1px solid #dedede;
}
.custom-control-input:checked~.custom-control-label::before {
background: transparent;
border: 1px solid #dedede;
z-index: 1;
top: calc(50% - 0.5rem)
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
background: transparent;
border-color: rgb(41 102 91 / 51%);
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
/* width: 1rem;
height: 1rem;
left: -2rem;*/
background: #ff3a40;
top: calc(50% - 0.5rem);
border: 2px solid #dedede;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
background: #ff3a40;
border-radius: 50%;
z-index: 0;
border: 3px solid #fff;
/*top: calc(50% - 0.5rem);
width: .625rem;
height: .625rem;
left: -1.78125rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);*/
}
.custom-control-input:focus~.custom-control-label::before {
-webkit-box-shadow: none;
box-shadow: none;
}
.filter-slider-input {
border: none;
background: transparent;
padding: 0 .75rem;
margin: 0;
display: inline-block;
font-size: 1rem;
line-height: 2.25rem;
color: #000;
width: auto;
height: 2.25rem;
}
.form-control.filter-slider-input {
background: transparent;
}
.filter-slider-input {
width: 100%;
border: 1px solid #cfcfcf;
padding: 0 .75rem;
font-size: .875rem;
}
.form-control.filter-slider-input:focus {
border: 1px solid #000 !important;
}
.filter-slider-input:focus {
border: none;
}
.filter-button {
border-radius: 0;
align-items: center;
}
.filter-button:hover {}
.filter-button span {}
.filter-slider-item {
display: block;
}
.ui-widget-content .ui-slider-handle span {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
top: 8px;
display: none;
}
.filter-slider-item label {
display: inline-block;
padding: 0;
margin: 0;
font-size: .875rem;
line-height: 2rem;
}
#subcat-menu-list {
background: #fff;
width: 100%;
height: 100%;
margin: 0 0 2rem !important;
display: inline-block !important;
}
.page-nav-list {
list-style-type: none;
padding: 0;
margin: 0 0 1rem;
background: #fff;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
/* border-radius: 4px;*/
overflow: hidden;
}
.nav-title {
font-size: 1.2rem;
color: #ff3a40;
}
.page-nav-item+.page-nav-item {
border-top: 1px solid #e5e5e5;
}
.page-nav-item.active .page-nav-link {
background: #538AEB;
color: #FFF;
}
.page-nav-link {
font-size: .9375rem;
line-height: 1.25rem;
letter-spacing: .3px;
color: #4a4a4a;
text-decoration: none;
display: block;
padding: .625rem .5rem .625rem 2.1rem;
position: relative;
background: #ecf4f7;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.page-nav-link:hover {
color: #004b6e;
text-decoration: none;
}
.page-nav-link:before {
content: '';
position: absolute;
left: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 15px;
height: 100%;
background: url(../images/cube.png) center no-repeat;
background-size: auto;
-webkit-background-size: 100%;
background-size: 100%;
opacity: 0.7;
}
.catalog-products .catalog {
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.filter-button {
display: flex !important;
}
html {
font-size: 14px;
}
.dropdown-toggle-split {
display: block;
}
.project {
padding-top: 50px;
}
.page-header-top .container,
.page-header-top .row {
height: 100%;
}
.filter {
max-width: 100%;
width: 100% !important;
border: none;
border-radius: 0px;
padding: 0;
margin: 0;
-webkit-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
top: 50px !important;
background: #fff;
left: 0;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
padding: 1rem;
}
.sidebar.collapse,
.navbar-collapse {
top: 0px !important;
position: fixed !important;
z-index: 9989;
display: block !important;
height: 100% !important;
max-width: 20rem;
width: 100%;
background: #0b2f73;
opacity: 1 !important;
padding: 4rem 2rem;
overflow-y: auto;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
width: 10px;
}
::-webkit-scrollbar:horizontal {
height: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
border: 2px solid white;
background-color: rgba(0, 0, 0, .5);
}
.navbar-collapse {
right: 0 !important;
left: auto !important;
-webkit-transform: translateX(110%);
-ms-transform: translateX(110%);
-o-transform: translateX(110%);
transform: translateX(110%);
}
.sidebar.collapse {
right: auto;
left: 0 !important;
-webkit-transform: translateX(-110%);
-ms-transform: translateX(-110%);
-o-transform: translateX(-110%);
transform: translateX(-110%);
}
.sidebar.collapse.show,
.navbar-collapse.show {
opacity: 1 !important;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.sidebar.collapse {
background: #fff;
padding: 0.5rem;
}
.sidebar.collapse {
height: 100% !important;
display: block !important;
}
.sidebar.collapsing {
height: 100% !important;
transition: all 0.2s ease;
top: 0px !important;
position: fixed !important;
z-index: 9989;
display: block !important;
height: 100% !important;
max-width: 20rem;
width: 100%;
right: auto;
left: 0 !important;
opacity: 1 !important;
padding: 4rem 0rem;
background: #fff;
-webkit-transform: translateX(-110%);
-ms-transform: translateX(-110%);
-o-transform: translateX(-110%);
transform: translateX(-110%);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
body.ovh {
overflow: hidden;
}
.sidebar {
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}
.page-nav-list {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0px;
border: none;
margin: 0 0 10rem;
}
.page-nav-link {
padding-left: 2.5rem;
padding-right: 1rem;
}
.navbar-nav .nav-item+.nav-item {
margin-left: 0;
}
.navbar-nav .nav-item+.nav-item .nav-link {
padding-left: 0;
}
.navbar-nav .nav-item.dropdown {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
-ms-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.phone {
font-size: 1rem;
}
.advantages [class*="col-"]+[class*="col-"] .advantages-item {
border-left: none;
border-top: 1px solid #ebebeb;
}
.more {
margin-top: 1.5rem;
}
.info {
padding-left: 0;
padding-right: 0;
}
.navbar-nav .dropdown-menu {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
}
.dropdown-item {
color: #fff;
border-color: rgba(255, 255, 255, .05);
padding-left: 0;
}
.dropdown-item:hover {
color: #fff;
}
.navbar-nav .nav-link {
padding-right: 14px;
}
.menu-navbar-toggler {
padding: 0;
position: absolute;
top: 10px;
right: 10%;
}
.dropdown-toggle-split {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 2.625rem;
right: 0;
margin: 0;
padding: 0;
background: transparent;
}
.dropdown-toggle-split:before {
content: '';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E");
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.dropdown-toggle-split[aria-expanded="true"]:before {
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.panel {
display: block;
}
.info-body {
display: none;
}
.auth-list a {
padding-left: 0;
}
.auth-list a+a {
padding-left: .5rem;
}
.navbar-nav {
flex-direction: column;
}
.overlay {
display: none;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(7, 7, 7, .8);
z-index: 1200;
opacity: 0;
/*transition: all 0.5s ease-in-out;*/
-webkit-animation: fade 500ms;
animation: fade 500ms;
}
@-webkit-keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.overlay.active {
display: block;
opacity: 1;
}
}
@media (min-width: 992px) {
.filter {
position: relative !important;
top: 0 !important;
left: 0 !important;
right: auto !important;
bottom: auto !important;
-webkit-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
display: block !important;
min-width: inherit;
width: 100%;
border-radius: 0px;
border: none;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
float: none;
}
.navbar .dropdown:hover>.dropdown-menu {
display: block;
}
.navbar .dropdown>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}
.sidebar.collapse {
display: block !important;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1190px;
}
.site-map {
margin-left: 4.375rem;
margin-right: -3.125rem;
}
}
/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
.callback-icon {
display: none;
}
.btn {
padding-left: 1rem;
padding-right: 1rem;
}
.container {
max-width: 100%;
}
.info {
margin-left: 0;
padding: 0 .5rem;
}
.callback {
margin-left: 0;
}
}
/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
html {
font-size: 14px;
}
.dropdown-toggle-split {
display: block;
}
.project {
padding-top: 50px;
}
.page-header-top .container,
.page-header-top .row {
height: 100%;
}
.filter {
max-width: 100%;
width: 100% !important;
border: none;
border-radius: 0px;
padding: 0;
margin: 0;
-webkit-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
top: 50px !important;
background: #fff;
left: 0;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
padding: 1rem;
}
.object-top .filter {
padding: 0;
}
.sidebar.collapse,
.navbar-collapse {
top: 0px !important;
position: fixed !important;
z-index: 9989;
display: block !important;
height: 100% !important;
max-width: 20rem;
width: 100%;
background: white;
opacity: 1 !important;
padding: 4rem 2rem;
overflow-y: auto;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
width: 10px;
}
::-webkit-scrollbar:horizontal {
height: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
border: 2px solid white;
background-color: rgba(0, 0, 0, .5);
}
.navbar-collapse {
right: 0 !important;
left: auto !important;
-webkit-transform: translateX(110%);
-ms-transform: translateX(110%);
-o-transform: translateX(110%);
transform: translateX(110%);
}
.sidebar.collapse {
right: auto;
left: 0 !important;
-webkit-transform: translateX(-110%);
-ms-transform: translateX(-110%);
-o-transform: translateX(-110%);
transform: translateX(-110%);
}
.sidebar.collapse.show,
.navbar-collapse.show {
opacity: 1 !important;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.sidebar.collapse {
background: #fff;
padding: 0.5rem;
}
.sidebar.collapse {
height: 100% !important;
display: block !important;
}
.sidebar.collapsing {
height: 100% !important;
transition: all 0.2s ease;
top: 0px !important;
position: fixed !important;
z-index: 9989;
display: block !important;
height: 100% !important;
max-width: 20rem;
width: 100%;
right: auto;
left: 0 !important;
opacity: 1 !important;
padding: 4rem 0rem;
background: #fff;
-webkit-transform: translateX(-110%);
-ms-transform: translateX(-110%);
-o-transform: translateX(-110%);
transform: translateX(-110%);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
body.ovh {
overflow: hidden;
}
.sidebar {
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}
.page-nav-list {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0px;
border: none;
margin: 0 0 10rem;
}
.page-nav-link {
padding-left: 2.5rem;
padding-right: 1rem;
}
.navbar-nav .nav-item+.nav-item {
margin-left: 0;
color: white;
}
.navbar-nav .nav-item+.nav-item .nav-link {
padding-left: 0;
}
.navbar-nav .nav-item.dropdown {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
-ms-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.phone {
font-size: 1rem;
}
.advantages [class*="col-"]+[class*="col-"] .advantages-item {
border-left: none;
border-top: 1px solid #ebebeb;
}
.more {
margin-top: 1.5rem;
}
.info {
padding-left: 0;
padding-right: 0;
}
.navbar-nav .dropdown-menu {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
}
.dropdown-item {
color: #fff;
border-color: rgba(255, 255, 255, .05);
padding-left: 0;
}
.dropdown-item:hover {
color: #fff;
}
.navbar-nav .nav-link {
color: black;
padding-right: 14px;
}
.navbar-nav .nav-link-tel {
color: #0A2F72;
font-weight: bold;
}
.auth-list a {
font-weight: bold;
}
.dropdown-toggle-split {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 2.625rem;
right: 0;
margin: 0;
padding: 0;
background: transparent;
}
.dropdown-toggle-split:before {
content: '';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E");
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.dropdown-toggle-split[aria-expanded="true"]:before {
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.panel {
display: block;
}
.info-body {
display: none;
}
.auth-list a {
padding-left: 0;
color: black;
}
.auth-list a+a {
padding-left: .5rem;
}
}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
/*.info-body {
display: none;
}*/
.phone {
font-size: .875rem;
}
.callback .btn {
font-size: .875rem;
white-space: nowrap;
padding: 0;
height: auto;
text-decoration: underline;
border: none;
display: inline-block;
text-align: right;
}
.callback .btn:active,
.callback .btn:hover {
background: transparent !important;
color: #e02d26 !important;
text-decoration: none !important;
}
.page-header-main {
padding: .875rem 0;
}
}
.calculation {
width: 80px;
height: 42px;
position: relative;
padding: 0px;
text-align: right;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.calculation input,
.calculation button {
border: none;
position: absolute;
}
.calculation button {
width: 27px;
height: 20px;
right: 0;
z-index: 3;
cursor: pointer;
font-size: 1.2rem;
line-height: 1;
border-left: 1px solid #e3e3e3;
}
.calculation .input_calc {
width: 40px;
height: 100%;
top: 0;
bottom: 0;
text-align: right;
font-size: 1.5rem;
line-height: 1.5rem;
padding: 2px;
text-align: right;
position: absolute;
left: 0;
}
.checkout .calculation .input_calc {
width: 100%;
padding: 0 3px;
}
.calculation .calc__minus {
bottom: 0;
border-top: 1px solid #e3e3e3;
}
.calculation .calc__plus {
top: 0;
}
.basket {
padding: 0rem 0 3.5rem;
}
.basket-list {
width: 100%;
margin-bottom: 36px;
}
.basket-item {
background-color: #fff;
height: 145px;
position: relative;
border: 1px solid #e3e3e3;
margin-bottom: 5px;
}
.basket-item .products-thumb img {
max-height: 100%;
}
.basket .btn {
display: inline-flex;
}
.checkout .basket-item {
height: 85px;
}
.basket-item:before {
content: '';
position: absolute;
background: #e3e3e3;
top: 0;
bottom: 0;
left: -1px;
width: 1px;
}
.basket-item:after {
content: '';
position: absolute;
background: #e3e3e3;
left: 0;
right: 0;
bottom: -1px;
height: 1px;
}
.basket-item .products-thumb {
height: 100%;
padding: 10px 15px;
text-align: center;
width: 10rem;
display: block;
min-width: 100px;
}
.notification {
font-size: 1.1rem;
}
.checkout .basket-item .products-thumb {
width: 120px;
padding: 10px;
max-width: 80px;
display: block;
}
.checkout .basket-item .products-thumb img {
position: static;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.basket-item .products-thumb:after {
content: none;
}
.basket-item .products-title {
height: auto;
font-size: 1rem;
margin: -10px 0 4px;
font-weight: 300;
}
.basket-item .calculation {
margin-top: -8px;
}
.basket-item .products-article {
font-size: 13px;
}
.basket-item .products-body {
flex: 1 1 auto;
height: auto;
text-align: left;
}
.basket-item .products-price {
width: auto;
min-width: 185px;
padding: 15px 30px;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
text-align: right;
}
.basket-item .products-price__curent>strong {
font-size: 1.25rem;
line-height: 1.5rem;
}
.basket-item .products-price__curent {
font-size: 1.375rem;
line-height: 2.5rem;
}
.basket-item__close {
text-align: right;
padding: 0 15px 0 25px;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.basket-item__btn {
display: inline-block;
width: 47px;
height: 47px;
border-radius: 50%;
text-align: center;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.basket-item__btn:hover .icon {
-webkit-filter: brightness(0) invert(1);
-o-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.basket-item__btn .icon {
display: block;
position: relative;
top: 50%;
margin: 0 auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.basket-item__btn {
background: #eaeaea;
}
.basket-item__btn:hover {
background: #ffd800;
}
.products-price {
font-size: 2rem;
}
.calculation {
border: 1px solid #e3e3e3;
}
.calculation button {
background-color: #fff;
}
.calculation .input_calc {
color: #585858;
}
@media (max-width: 1199.98px) {
.basket-item {
position: relative;
padding-right: 70px;
}
.checkout .basket-item {
padding-bottom: 0;
padding-right: 10px;
}
.basket-item .products-thumb {}
.basket-item .products-price,
.basket-item .products-body {
padding-left: 10px;
padding-right: 10px;
}
.basket-item .products-title {
margin: 0 0 5px;
}
.basket-item .products-price,
.basket-item .products-body {
padding-left: 10px;
padding-right: 10px;
}
.basket-item .calculation {
margin-top: 0px;
}
.basket-item .products-price,
.basket-item .products-body {
padding-left: 10px;
padding-right: 10px;
}
.basket-item__close {
position: absolute;
z-index: 3;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding-right: 0px;
}
}
@media (max-width: 991.98px) {
.basket-list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
.basket-item {
height: 100% !important;
padding-bottom: 15px;
padding-right: 0;
text-align: center;
}
.checkout .basket-item .products-thumb,
.basket-item .products-thumb {
margin: 0 auto;
width: 100%;
max-width: 100%;
height: 12rem;
min-height: 150px;
}
.basket-item .products-price,
.basket-item .products-body {
max-width: 100%;
width: 100%;
text-align: center;
}
.basket-item .products-price,
.basket-item .products-body {
max-width: 100%;
width: 100%;
text-align: center;
}
.basket-item .calculation {
margin: 0 auto;
}
.basket-item .products-price,
.basket-item .products-body {
max-width: 100%;
min-width: auto;
width: 100%;
text-align: center;
}
.basket-item__close {
top: 15px;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.checkout-form label {
width: 100%;
text-align: left;
}
.checkout-form label+div {
width: 100%;
}
.checkout-form__inner {
margin-bottom: 30px;
}
.checkout-form {
padding-bottom: 130px;
position: relative;
}
.checkout-form__inner {
margin-bottom: 0px;
}
.checkout-form__list {
margin-bottom: 15px !important;
}
.checkout-form .row,
.checkout-form [class*="col-"] {
position: static;
}
.checkout-form__send {
position: absolute;
left: 0;
bottom: 0;
right: 0;
z-index: 3;
}
}
@media (max-width: 767.98px) {
.basket-item {
width: 100%;
}
}
.dou_work img {
width: 70%;
}
.dou_work p {
margin-bottom: 5px;
line-height: 1.2;
}
.dou_work p:last-child {
margin-bottom: 25px;
}
.dou_work p small {
font-size: 85%;
}
.dou_work p strong {
display: block;
margin: 10px auto;
font-size: 1rem;
}
@media (max-width: 399.98px) {
.dou_item {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.dou_work p {
margin: 0 5px;
line-height: 1.2;
text-align: left;
}
.dou_work img {
width: 50px;
}
.dou_work .col-6 {
flex: 0 0 100%;
max-width: 100%;
}
.dou_work p:last-child {
margin: 0 15px 0px 15px;
}
}
.register-form label {
width: 30%;
text-align: left;
margin-bottom: 12px;
}
.register-form .btn-tel {
margin: 10px 0 0 0 !important;
}
.register-form #sendtimer {
height: 30px;
}
.register-form .d_desc {
font-size: 0.8rem;
}
.register-form label+div {
width: 69%;
}
.register-form .form-control {
width: 100%;
}
.register-form textarea.form-control {
height: auto;
min-height: 106px;
}
.register-form__submit {
margin-top: 40px;
}
.register-form__submit input {
margin-left: 15px;
}
@media (max-width: 991.98px) {
.register-form label {
width: 100%;
text-align: left;
}
.register-form label+div {
width: 100%;
}
}
.checkout-form {
margin-bottom: 10px;
}
.checkout-form label {
width: 118px;
text-align: right;
margin-bottom: 12px;
}
.checkout-form .d_desc {
font-size: 0.8rem;
width: calc(100% + 30px) !important;
color: #333;
margin-left: -30px;
line-height: 1.1rem;
font-weight: 100;
}
.checkout-form label+div {
width: calc(100% - 138px);
}
.checkout-form .form-control {
width: 100%;
}
.checkout-form .form-control:disabled,
.checkout-form .form-control:read-only {
opacity: 0.4;
}
.checkout-form__inner {
margin-bottom: 70px;
/* padding-right: 15px;*/
}
.checkout-form textarea.form-control {
height: auto;
min-height: 106px;
}
.checkout-form__send .btn {
min-width: 274px;
}
.checkout-form__recipient {
margin: -12px 0 12px;
}
.checkout-form__agree .custom-control-label {
font-size: 13px;
line-height: 1.2;
}
.checkout-form__list .custom-control {
margin-bottom: 4px;
}
.checkout-form__pay-item .custom-control-label,
.checkout-form__pay-item .custom-control {
margin-bottom: 0px;
height: 100%;
font-size: 0.9rem;
font-weight: normal;
display: flex;
align-items: center;
}
.checkout-form__pay-item .custom-control-label strong,
.checkout-form__pay-item .custom-control strong {
font-weight: bold;
}
.checkout-form__pay-item .custom-radio .custom-control-label::after,
.checkout-form__pay-item .custom-radio .custom-control-label::before {
/* top: 50%;
margin-top: -10px;*/
}
.checkout-form__pay-item .custom-radio img {
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 1rem;
}
.checkout-form__pay-item {
width: auto;
max-width: 50%;
height: 66px;
padding: 10px;
margin-top: 10px 10px 5px 0;
}
.checkout-form__pay-item a:hover {
text-decoration: none;
}
.checkout-form__shop {
line-height: 1.125rem;
padding: 14px 15px;
margin-bottom: 20px;
}
.checkout-form__shop p {
margin: 0 0 0;
}
.checkout-form__shop .link {
font-size: 13px;
}
.checkout-form__pay-item {
border: 1px solid #dbdbdb;
}
@media (min-width: 1200px) {
.checkout-form__send {
-webkit-flex-wrap: nowrap !important;
-moz-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
-o-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
}
@media (max-width: 1199.98px) {
.checkout-form__inner {
padding-right: 0px;
}
.checkout-form__send .btn {
min-width: 245px;
}
}
@media (max-width: 991.98px) {
.checkout-form label {
width: 100%;
text-align: left;
}
.checkout-form label+div {
width: 100%;
}
.checkout-form__inner {
margin-bottom: 30px;
}
.checkout-form {
padding-bottom: 130px;
position: relative;
}
.checkout-form__inner {
margin-bottom: 0px;
}
.checkout-form__list {
margin-bottom: 60px !important;
}
.checkout-form .row,
.checkout-form [class*="col-"] {
position: static;
}
.checkout-form__send {
position: absolute;
left: 0;
bottom: 0;
right: 0;
z-index: 3;
}
}
@media (max-width: 767.98px) {
.checkout-form__send .btn {
min-width: inherit;
}
}
.gallery-list .card {
border: none;
border-radius: 0;
}
.gallery-list .card-thumb {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.gallery-list .card-thumb::before {
content: '';
display: block;
padding-top: 100%;
float: left;
}
.gallery-list .card-thumb img {
width: 100%;
height: 100%;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem;
}
div.cart-block div.cart-title div.title {
position: relative;
display: inline-block;
padding: 0 20px 0 0;
z-index: 4;
background: #fff;
font-size: 1rem;
line-height: 30px;
font-weight: 600;
margin-bottom: 1rem;
}
div.cart-char table.cart-char-table {
width: 100%;
margin-bottom: 10px;
table-layout: auto;
}
div.cart-char table.cart-char-table td {
padding-bottom: 5px;
}
div.cart-char table.cart-char-table td.left {
font-size: 15px;
line-height: 20px;
position: relative;
text-align: left;
white-space: nowrap;
color: #555555;
}
div.cart-char table.cart-char-table td.dotted {
vertical-align: bottom;
width: 100%;
padding: 0 10px;
}
div.cart-char table.cart-char-table td.right {
font-size: 15px;
line-height: 20px;
max-width: 30%;
position: relative;
padding-left: 3px;
text-align: right;
color: #555555;
white-space: nowrap;
}
div.cart-char table.cart-char-table td.right {
font-size: 15px;
line-height: 20px;
max-width: 30%;
position: relative;
padding-left: 3px;
text-align: right;
color: #555555;
white-space: nowrap;
}
div.cart-char table.cart-char-table td.dotted div.dotted {
position: relative;
bottom: 6px;
border-bottom: 1px dotted #494949;
}
.wr-cookie-cookie-bar {
font-size: 14px !important;
}
.section-cookie {
background: #e9e9e9;
position: fixed;
left: 100px;
bottom: 20px;
width: calc(100% - 550px);
max-width: 40%;
z-index: 10000;
display: none;
}
.section-cookie.show {
display: block;
}
.section-cookie__text {
padding: 0.75rem 3.5rem 0.75rem 1rem;
font-size: 0.8rem;
text-align: center;
}
.section-cookie__close {
position: absolute;
right: 5px;
top: 5px;
}
.section-cookie__close>a {
display: flex;
text-decoration: none;
width: 39px;
height: 39px;
text-indent: -9999px;
color: #555452;
}
.section-cookie__close>a svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.section-cookie__close>a:hover {
text-decoration: none;
color: #007bff;
}
@media (max-width: 767.98px) {
.section-cookie {
left: 20px;
bottom: 20px;
width: calc(100% - 200px);
max-width: 100%;
}
.section-cookie {
text-align: center;
}
.section-cookie__text {
padding: 0.75rem;
font-size: 0.8rem;
text-align: center;
}
.section-cookie__close {
position: static;
display: inline-block;
}
.section-cookie__close>a {
display: block;
text-decoration: none;
width: auto;
height: auto;
text-indent: 0;
padding: 0.25rem 0.75rem;
margin: auto;
margin-bottom: auto;
font-size: .9375rem;
margin-bottom: 1rem;
border-radius: 300px;
color: #fff;
background: #ffae00;
}
.section-cookie__close>a:hover {
color: #fff;
background-color: #e0a800;
border-color: #d39e00;
}
.section-cookie__close>a svg {
display: none;
}
}
.in_minpromtorg {
display: block;
text-align: right;
max-width: 30%;
}
.in_minpromtorg h3 {
display: block;
font-size: 1rem;
width: fit-content;
font-weight: 600;
}
.catalog.catalog-products .in_minpromtorg a.btn {
margin: 0 auto;
height: auto;
padding: 0.5rem 1rem;
}
@media (max-width: 767.98px) {
.in_minpromtorg {
order: 0;
margin: 0 auto 1rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
max-width: 100%;
text-align: center;
}
.in_minpromtorg h3{
width: 100%;
}
.catalog.catalog-products .in_minpromtorg a.btn {
margin: 0 auto;
height: auto;
}
.title:has(.in_minpromtorg) h1 {
order: 1;
max-width: 100%;
}
}
.card-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: .55em;
position: absolute;
top: -10px;
width: 100%;
text-align: center;
justify-content: center;
z-index: 1;
left: 0;
}
.page-object .card-tags{
position: relative;
width: 100%;
margin-top: 1rem;
}
.is_minprom {
background: linear-gradient(90deg, #576E8F 0%, 14.5946%, #576E8F 29.1892%, 64.5946%, #022456 100%);
font-weight: 400;
line-height: 0.8;
color: #f1efff;
border-radius: 32px;
font-size: 0.85rem;
display: inline;
padding: 0.4rem 0.6rem;
}
.page-object .is_minprom{
font-size: 1rem;
padding: 0.6rem 0.8rem;
}
@media (min-width: 991px) {
.is_minprom {}
}
@media (max-width: 359px) {
.is_minprom {
font-size: 0.75rem;
padding: 0.2rem 0.4rem;
}
}
.minpromtorg {
color: #062859;
font-weight: 700;
background: url("../images/minprom.png") no-repeat left center;
padding-left: 20px;
}