@charset "UTF-8";
@font-face {
 font-family: 'Montserrat';
 src: url('../fonts/Montserrat-Bold.eot');
 src: local('../fonts/Montserrat Bold'), local('Montserrat-Bold'), url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
 font-weight: bold;
 font-style: normal;
 font-display: swap
}

applet,
object,
iframe,
abbr,
h1,
h2,
h3,
h4,
h5,
h6,
acronym,
address,
big,
cite,
code,
del,
dfn,
ins,
kbd,
q,
s,
samp,
ul,
ol,
li,
input,
textarea,
button,
small,
strike,
tt,
var,
dl,
dt,
dd,
p,
fieldset,
legend,
caption,
body .unstyled {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 resize: none;
 vertical-align: baseline
}

.unstyled {
 list-style: none
}

body {
 margin: 0 auto;
 color: #253242;
 background: #fff;
 font-family: 'Montserrat', Arial, sans-serif;
 font-weight: normal;
 font-size: 14px;
 position: relative;
 font-weight: 600
}

a:hover {
 color: #171f29
}

body,
html {
 height: 100%
}

h1,
h2,
h3,
h4,
h5 {
 line-height: 110%;
 font-weight: 900;
 text-transform: uppercase
}

h1 {
 font-size: 52px
}

h2 {
 font-size: 42px;
 margin-bottom: 20px
}

h3 {
 font-size: 38px;
 margin-bottom: 30px
}

h4 {
 font-size: 26px;
 margin-bottom: 20px
}

h5 {
 font-size: 24px;
 margin-bottom: 20px
}

h6 {
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 25px
}

.subtitle {
 font-size: 16px
}

.toright {
 float: right
}

.gray {
 background-color: #f3f3f3 !important
}

.text-blue {
 color: #11A6FA !important
}

.text-green {
 color: #4EB410 !important
}

.text-red {
 color: #D01818 !important
}

.text-white {
 color: #fff !important
}

.mark {
 display: inline-block;
 padding-left: 5px;
 padding-right: 5px;
 color: #fff !important;
 font-size: 8px;
}

.mark.green {
 background-color: #4EB410
}

.mark.red {
 background-color: #D01818
}

.mark.blue {
 background-color: #11A6FA
}

b,
strong {
 font-weight: 900
}

p.subtitle {
 font-size: 17px;
 margin-bottom: 40px
}

i,
em {
 font-style: italic
}

.mobheader {
 display: none
}

.clr,
.clear,
.clearlist,
.clearList {
 clear: both;
 padding: 0 !important;
 display: block !important;
 float: none !important;
 width: 0 !important;
 height: 0 !important;
 border: 0 !important;
 list-style: none !important;
 min-height: 0 !important;
 margin: 0 !important
}

a {
 color: inherit;
 transition: 0.3s;
 text-decoration: none
}

.container a {
 border-color: inherit;
 text-decoration: none
}

.container a:hover,
a(:not(.btn)):hover {
              color: inherit;
              border-color: transparent;
              text-decoration: none;
              border-bottom: none
             }

a.i {
 position: relative;
 color: inherit;
 padding-left: 30px
}

.text-center {
 text-align: center
}

a.i:before {
 content: "";
 width: 40px;
 position: absolute;
 left: 0;
 height: 100%;
 background-size: inherit;
 background-repeat: no-repeat;
 background-position: left center
}

.menu a {
 border-bottom: 0
}

.menu ul {
 padding-left: 0
}

h1 a,
h2 a,
h3 a {
 border: inherit;
 color: inherit;
 text-decoration: inherit
}

ul ul,
ol ol {
 list-style-type: inherit;
 padding-left: inherit
}

table {
 border-collapse: collapse;
 border-spacing: 0;
 width: 100%
}

table[border="0"],
table[border="0"] th,
table[border="0"] td {
 border: 0 !important
}

caption,
th,
td {
 padding: 5px 10px;
 vertical-align: top;
 text-align: left;
 border: 0
}

table th {
 vertical-align: middle;
 font-weight: 500;
 padding: 5px 10px;
 border-bottom: 2px solid #252525
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
 text-align: left;
 min-width: 200px;
 max-width: 100%;
 transition: 0.3s;
 background-color: rgb(255, 255, 255);
 border-radius: 3px;
 height: 50px;
 outline: none !important
}

input::placeholder,
textarea::placeholder {
 color: #253242;
 opacity: 1
}

input::-ms-input-placeholder,
textarea::placeholder {
 color: #253242
}

body input[type="text"]:focus,
body input[type="email"]:focus,
body input[type="password"]:focus,
body textarea:focus {
 outline: none;
 box-shadow: none
}

textarea {
 height: 160px;
 line-height: inherit;
 padding: 15px 25px
}

label {
 width: 100%;
 display: inline-block;
 line-height: 34px;
 font-size: 14px
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
 border-color: #253242
}

input[type="button"],
button,
input[type="submit"] {
 cursor: pointer;
 outline: 0
}

.invalid {
 border-color: #e51a4b !important;
 background-color: #fff !important
}

input[type="radio"],
input[type="checkbox"] {
 vertical-align: middle;
 cursor: pointer
}

select {
 padding: 0 15px;
 border: 1px solid #7C848E;
 padding-left: 10px;
 padding-right: 15px;
 line-height: 42px;
 text-align: left;
 min-width: 200px;
 max-width: 100%;
 transition: 0.3s;
 background-color: rgb(255, 255, 255);
 border-radius: 0;
 height: 50px;
 outline: none !important;
 font-size: 15px;
 font-weight: 500
}

::-webkit-input-placeholder {
 color: #cccccc
}

::-moz-placeholder {
 color: #cccccc
}

,
:-moz-placeholder {
 color: #cccccc
}

:-ms-input-placeholder {
 color: #cccccc
}

input:focus::-webkit-input-placeholder {
 color: transparent
}

input:focus::-moz-placeholder {
 color: transparent
}

input:focus:-moz-placeholder {
 color: transparent
}

input:focus:-ms-input-placeholder {
 color: transparent
}

textarea:focus::-webkit-input-placeholder {
 color: transparent
}

textarea:focus::-moz-placeholder {
 color: transparent
}

textarea:focus:-moz-placeholder {
 color: transparent
}

textarea:focus:-ms-input-placeholder {
 color: transparent
}

#message {
 display: none
}

pre {
 clear: both;
 padding: 10px;
 background: #fff;
 color: #000
}

.upp {
 text-transform: uppercase !important
}

.low {
 text-transform: lowercase !important
}

.first {
 margin-left: 0 !important;
 clear: both
}

.align-center {
 display: flex;
 justify-content: center;
 align-items: center
}

.align-middle {
 display: flex;
 align-items: center
}

.align-right {
 display: flex;
 align-items: center;
 justify-content: flex-end
}

.text-center {
 text-align: center !important
}

.align-right,
.text-right {
 text-align: right !important
}

.align-midle {
 display: flex;
 justify-content: center;
 align-items: center
}

.vertical-center {
 display: flex;
 justify-content: center;
 flex-direction: column
}

.image-left {
 float: left;
 margin-right: 20px
}

.image-right {
 float: right;
 margin-left: 20px
}

.hidden,
.hide,
.inactive {
 display: none !important
}

.middle {
 display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 -webkit-box-pack: justify;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 align-items: center;
 justify-content: flex-start
}

.container {
 width: 100%;
 box-sizing: border-box;
 padding: 15px 0
}

.relative {
 position: relative;
 z-index: 5
}

.relative .cover {
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 z-index: 6
}

.colls:after,
ul:after,
.container:after,
.row:after {
 content: "";
 display: block;
 clear: both
}

.colls .coll {
 float: left;
 box-sizing: border-box
}

.colls-2 .coll:nth-of-type(2n+1) {
 margin-left: 0;
 clear: both
}

.colls-3 .coll:nth-of-type(3n+1) {
 margin-left: 0;
 clear: both
}

.colls-4 .coll:nth-of-type(4n+1) {
 margin-left: 0;
 clear: both
}

.colls-2 .coll {
 margin-left: 20px;
 width: calc(50% - 10px)
}

.colls-3 .coll {
 margin-left: 20px;
 width: calc(33.33% - 14px)
}

.colls-4 .coll {
 margin-left: 20px;
 width: calc(25% - 20px)
}

img {
 max-width: 100%
}

.overflow {
 overflow: hidden
}

.form_wrap {
 min-height: 100px
}

.loader {
 border: 8px solid #fff;
 border-top: 8px solid #0075de;
 border-radius: 50%;
 width: 64px;
 height: 64px;
 animation: spin 2s linear infinite;
 position: absolute;
 left: calc(50% - 32px);
 top: calc(50% - 32px)
}

@keyframes spin {
 0% {
  transform: rotate(0deg)
 }
 100% {
  transform: rotate(360deg)
 }
}

.breadcrumbs,
.breadcrumbs a {
 color: #a27157;
 font-size: 20px;
 padding: 25px 0
}

ul,
ul li {
 list-style: none
}

.article p {
 margin-bottom: 15px;
 line-height: 1.4em;
 font-size: 16px
}

.article a {
 color: #D01818;
 text-decoration: underline
}

.article a:hover {
 text-decoration: none
}

.article table tr {
 border-bottom: 2px solid #E1E1E1
}

.article table {
 margin-bottom: 20px
}

.article table th {
 padding: 10px 20px
}

.article table td {
 padding: 10px 20px;
 border: none
}

.article ul:not(.unstyled) {
 margin-left: 20px
}

.article ul li {
 margin-bottom: 10px;
 line-height: 120%
}

.article h4 {
 margin-bottom: 30px
}

.article .main-image-back {
 width: 100%;
 border-radius: 6px;
 height: 310px;
 margin-bottom: 20px;
 background-size: cover;
 border: 2px solid #4a2a02;
 background-position: center;
 background-repeat: no-repeat
}

.article .main_image {
 display: block;
 margin-bottom: 40px
}

.page404 {
 background: #f8f2e6
}

.page404 .center {
 box-sizing: border-box;
 padding-top: 120px;
 height: 480px;
 position: relative;
 font-size: 26px
}

.page404 img {
 position: absolute;
 right: 0;
 top: 50px
}

.page404 a:hover {
 color: #252525
}

.page404 a {
 color: #8fa329
}

.page404 h2 {
 margin-bottom: 50px
}

.page404 h1 {
 font-size: 72px;
 margin-bottom: 10px;
 text-transform: none
}

.icon {
 background-repeat: no-repeat;
 display: inline-block;
 width: 36px;
 height: 36px;
 background-repeat: no-repeat
}

.icon-bordercenter {
 background-position: center;
 background-size: contain
}

.icon-checked {
 background-image: url('../img/icons/checked-green.svg')
}

.icon-user-w {
 background-image: url('../img/icons/sr-user-w.svg')
}

.icon-exit {
 background-image: url('../img/icons/icon-login.svg')
}

.icon-blanc {
 background-image: url('../img/icons/icon-blanc.svg')
}

.icon-graph {
 background-image: url('../img/icons/icon-graph.svg')
}

.icon-shield {
 background-image: url('../img/icons/icon-shield.svg')
}

.icon-more-w {
 background-image: url('../img/icons/icon-more-w.svg');
 width: 24px;
 height: 24px;
 background-size: 24px
}

.icon-more {
 background-image: url('../img/more.png');
 width: 24px;
 height: 24px;
 background-size: 24px
}

.icon-remove {
 background-image: url('../img/icons/sr-trashcan.svg');
 background-size: 18px
}

.icon-remove:hover,
.icon-remove-red {
 background-image: url('../img/icons/sr-trashcan-a.svg')
}

.icon-filter-off {
 background-image: url('../img/icons/off.svg');
 background-size: 22px;
 background-color: #fff
}

.icon-baloon-black {
 background-image: url('../img/icons/icon-baloon-black.svg');
 width: 24px;
 height: 24px;
 background-size: 24px;
 vertical-align: bottom;
 margin-right: 5px
}

.icon-phone-black {
 background-image: url('../img/icons/icon-phone.svg');
 width: 24px;
 height: 24px;
 background-size: 24px;
 vertical-align: bottom;
 margin-right: 5px
}

.icon-email-black {
 background-image: url('../img/icons/icon-email.svg');
 width: 24px;
 height: 24px;
 background-size: 24px;
 vertical-align: bottom;
 margin-right: 5px
}

.icon-filter {
 background-image: url('../img/icons/sr-filter.svg')
}

.icon-catalog {
 background-image: url('../img/icons/icon-catalog.svg')
}

.icon-search-white {
 background-image: url('../img/icons/sr-search-w.svg')
}

.btn .icon {
 margin-right: 8px
}

.bicon {
 display: inline-block
}

.close-menu-mob {
 background-image: url('../img/icons/red-cross.svg')
}

.mob-menu-button {
 background-image: url('../img/icons/menu-mobile.svg')
}

.search-button {
 background-image: url('../img/icons/sr-search.svg')
}

.prifile-button {
 background-image: url('../img/icons/sr-user.svg')
}

.favorites-button {
 background-image: url('../img/icons/sr-hearth.svg')
}

.bookmarks-button {
 background-image: url('../img/icons/sr-bookmark-multiple.svg')
}

.cart-button {
 background-image: url('../img/icons/sr-cart-trolley.svg')
}

.favorites-button-w {
 background-image: url('../img/icons/sr-hearth-w.svg')
}

.bookmarks-button-w {
 background-image: url('../img/icons/sr-bookmark-multiple-w.svg')
}

.favorites-button-w:hover,
.favorites-button-w.active,
.favorites-button.active {
 background-image: url('../img/icons/sr-hearth-h.svg')
}

.bookmarks-button.active,
.bookmarks-button-w:hover,
.bookmarks-button-w.active {
 background-image: url('../img/icons/sr-bookmark-multiple-h.svg')
}

.search-button:hover {}

.prifile-button:hover {
 background-image: url('../img/icons/sr-user-h.svg')
}

.favorites-button:hover {
 background-image: url('../img/icons/sr-hearth-h.svg')
}

.bookmarks-button:hover {
 background-image: url('../img/icons/sr-bookmark-multiple-h.svg')
}

.cart-button:hover {
 background-image: url('../img/icons/sr-cart-trolley-h.svg')
}

.btn {
 line-height: 38px;
 box-sizing: border-box;
 border-radius: 0 !important;
 font-size: 16px;
 font-weight: 600;
 padding: 0;
 text-align: center;
 display: flex;
 justify-content: center;
 align-items: center;
 min-width: 200px;
 max-width: 100%;
 box-shadow: none !important;
 outline: none !important;
 border: none
}

.btn-gutter {
 margin-bottom: 30px
}

.btn-full {
 width: 100%;
 text-transform: uppercase
}

.btn-primary {
 background-color: #D01818;
 border-color: #D01818
}

.btn-black {
 background-color: #253242;
 border-color: #253242;
 line-height: 50px;
 height: 50px;
 color: #fff
}

.btn-big {
 height: 48px;
 line-height: 44px;
 text-transform: uppercase;
 padding: 0 15px
}

.btn-transparent {
 color: #fff;
 border-color: #f2f2f2;
 background: none;
 background-position: center center;
 border-color: transparent;
 border-style: solid;
 transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active {
 background-color: #f2f2f2 !important;
 background-image: none !important;
 border-color: #f2f2f2 !important;
 box-shadow: none !important;
 color: #253242 !important
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
 background-color: #A70606 !important;
 background-image: none !important;
 border-color: #A70606 !important;
 box-shadow: none !important
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active {
 background-color: #252525 !important;
 background-image: none !important;
 border-color: #252525 !important;
 box-shadow: none !important;
 color: #fff
}

.btn-transparent-black {
 border-color: #253242;
 color: #253242;
 padding-left: 20px;
 padding-right: 20px
}

.btn-transparent-red {
 border-color: #D01818;
 color: #D01818
}

.btn-transparent-red:hover {
 border-color: #A70606 !important;
 color: #A70606 !important
}

.btn-transparent-black:hover {
 border-color: #253242 !important;
 color: #fff !important;
 background-color: #253242 !important
}

.btn-big {
 height: 48px;
 line-height: 48px
}

.header-line {
 background: rgb(208, 24, 24);
 background: linear-gradient(90deg, rgba(208, 24, 24, 1) 0, rgba(37, 50, 66, 1) 50%);
 color: #fff
}

.header-line .container {
 padding: 8px 0
}

.header-line h3 {
 margin-bottom: 0
}

.header-line span.text-red {
 font-size: 64px;
 line-height: 64px;
 display: inline-block;
 margin-left: 30px;
 margin-right: 40px;
 font-weight: 900
}

#main-menu-drop {
 transition: 0.15s;
 visibility: hidden;
 opacity: 0;
 position: absolute;
 width: 100%;
 top: 100%;
 margin-top: -1px;
 left: 0;
 z-index: 99;
 background-color: #fff;
 padding: 50px 0 40px 0
}

#main-menu-drop.open {
 visibility: visible;
 opacity: 1
}

.close-menu-drop {
 position: absolute;
 right: 0;
 top: -45px;
 background: url('../img/icons/red-cross.svg') no-repeat center;
 width: 40px;
 height: 40px;
 background-size: 28px
}

#main-menu-drop .container {
 display: flex;
 align-items: flex-start;
 flex-direction: row;
 border-top: 1px solid #A8ABAF;
 border-bottom: 1px solid #A8ABAF;
 padding-top: 30px;
 padding-bottom: 30px
}

#main-menu-drop .main-menu-drop {
 width: 75%
}

#main-menu-drop .banner {
 width: 25%
}

#main-menu-drop .main-menu-ul {
 position: relative
}

#main-menu-drop .main-menu-ul>li {
 width: 33%
}

#main-menu-drop .main-menu-ul>li>ul {
 position: absolute;
 left: 33%;
 top: 0;
 padding-left: 20px;
 width: 0;
 transition: 0.15s;
 overflow: hidden;
 grid-gap: 5px;
 -moz-column-count: 2;
 -webkit-column-count: 2;
 column-count: 2
}

#main-menu-drop .main-menu-ul>li:hover>ul {
 width: 66%
}

#main-menu-drop .relative,
#mob-menu-drop .relative {
 z-index: 99
}

#main-menu-drop .main-menu-ul>li>ul>li {
 padding-left: 10px;
 display: inline-block;
 margin: 0 0 1.5em;
 width: 100%
}

#main-menu-drop .main-menu-ul>li>ul ul li a {
 text-transform: none
}

#main-menu-drop .main-menu-ul>li a:hover {
 color: #D01818
}

#main-menu-drop .main-menu-ul a {
 margin-right: 0
}

#main-menu-drop .main-menu-ul>li>a {
 display: block
}

#main-menu-drop .main-menu-ul>li>a {
 background-position: center right;
 background-repeat: no-repeat
}

#main-menu-drop .main-menu-ul>li>a {
 padding-right: 20px
}

#main-menu-drop .main-menu-ul>li>a:hover {
 background-image: url('../img/icons/line-red.svg')
}

.main-header {
 position: relative
}

.main-header .btn-catalog {
 font-size: 14px;
 min-width: 140px
}

.main-header .btn-catalog i.icon-catalog {
 width: 18px;
 height: 18px
}

.main-header .logo {
 margin-right: 20px
}

.main-header .info {
 margin-left: 20px
}

.main-header .info span {
 font-weight: 600;
 display: inline-block;
 line-height: 16px
}

.main-header .info span:after {
 content: '';
 height: 16px;
 width: 2px;
 background-color: #D01818;
 margin: 0 8px;
 display: inline-block;
 vertical-align: middle
}

.main-header .info span:last-child:after {
 display: none
}

.icons-block a {
 margin: 0 10px
}

.icons-block .cart-button {
 position: relative
}

.icons-block .icon span {
 position: absolute;
 width: 16px;
 height: 16px;
 border-radius: 50%;
 color: #fff;
 background-color: #D01818;
 top: -4px;
 right: -4px;
 font-size: 9px;
 text-align: center;
 line-height: 16px;
 font-weight: 600
}

.main-header ul li a {
 display: inline-block;
 border-bottom: 2px solid #fff;
 margin-right: 40px;
 font-weight: 600;
 text-transform: uppercase;
 line-height: 38px
}

.main-header ul li:last-child a {
 margin-right: 0
}

.main-header ul.mainmenu li a:hover {
 color: inherit;
 border-bottom-color: #D01818
}

.main-header a.tel {
 font-weight: 600;
 font-size: 20px;
 margin-right: 30px
}

.main-banner {
 background-image: url('../img/bg11.webp');
 background-position: top center;
 background-repeat: no-repeat;
 margin-bottom: 40px
}

.main-banner h3 {
 color: #fff;
 margin-bottom: 45px;
 text-align: center
}

.main-banner .container {
 padding-top: 0;
 padding-bottom: 0
}

.main-banner .align-middle {
 height: 500px;
 flex-direction: column;
 justify-content: center
}

.header-menu {
 padding-bottom: 0
}

.header-menu button {
 margin-bottom: -2px
}

.search-header-form {
 position: relative
}

.search-header-form .form {
 position: absolute;
 height: 52px;
 top: 0;
 right: 30px;
 display: flex;
 align-items: center;
 width: 0;
 background: #fff;
 border-bottom: 1px solid #D01818;
 transition: 0.25s;
 overflow: hidden
}

.search-header-form .form.active {
 width: 785px
}

.search-header-form .form input {
 width: 90%
}

.search-header-form .form button {
 position: absolute;
 right: 0;
 height: 50px;
 width: 50px;
 background-size: 28px;
 background-color: #fff;
 background-position: center 18px
}

.search-header-form .form .close-form {
 height: 52px;
 width: 20px;
 background: url('../img/cross-red.png') no-repeat center;
 display: inline-block
}

.search-header-form .form form {
 font-size: 18px;
 width: 100%
}

.main-banner form,
.search-result-page .form-result form {
 box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
 border-radius: 8px;
 background-color: #fff;
 font-size: 18px;
 font-weight: 600;
 width: 1000px;
 margin: 0 auto;
 padding: 8px;
 box-sizing: initial
}

.main-banner form button,
.search-result-page .form-result form button {
 transition: 0.3s;
 background-color: #D01818;
 border-radius: 8px;
 width: 52px;
 height: 52px;
 float: right;
 background-size: 28px
}

.main-banner form button:hover,
.search-result-page .form-result form button:hover {
 background-color: #A70606
}

.main-banner form input,
.search-result-page .form-result form input {
 width: calc(100% - 60px);
 line-height: 52px;
 height: 52px;
 padding-left: 15px;
 font-size: 18px;
 margin: 0
}

.main-catalog {
 margin-bottom: 80px
}

.main-catalog .relative {
 z-index: inherit
}

.main-catalog .main-catalog-item {
 width: 12.5%
}

.main-catalog .main-catalog-item:after {
 content: '';
 height: 0;
 width: 100%;
 background-color: #D01818;
 position: absolute;
 bottom: 0;
 left: 0;
 transition: 0.2s;
 z-index: -1
}

.main-catalog .main-catalog-item:hover:after {
 height: 70%
}

.main-catalog .main-catalog-item:hover h5 {
 color: #fff
}

.main-catalog .main-catalog-item h5 {
 text-transform: none;
 font-weight: bold;
 font-size: 12px;
 transition: 0.2s
}

.main-catalog .main-catalog-item:nth-child(3) h5 {
 font-size: 11px
}

.main-catalog .img-wrapper {
 background-color: #253242;
 border-radius: 50%;
 background-image: url('../img/catalog/cog.png');
 background-repeat: no-repeat;
 background-position: center;
 height: 144px;
 display: flex;
 justify-content: center;
 align-items: center;
 max-width: 144px;
 margin: 0 auto 20px auto
}

.content-header h3 {
 margin-bottom: 0
}

.content-header {
 margin-bottom: 30px
}

.content-header .more {
 font-size: 15px;
 background: url('../img/more.png') no-repeat center right;
 padding-right: 30px;
 line-height: 32px;
 display: inline-block
}

.content-header .more:hover {
 background-image: url('../img/more-a.png')
}

.main-slider-items {
 margin-bottom: 40px
}

.main-slider-items .tabs {
 margin-bottom: 40px
}

.main-slider-items .tabs>li {
 display: inline-block;
 line-height: 40px;
 font-weight: bold;
 font-size: 14px;
 padding: 0 10px;
 transition: 0.15s;
 margin-right: 5px
}

.main-slider-items .tabs li a {
 color: #253242;
 display: inline-block;
 padding: 0 15px
}

.main-slider-items .tabs li.active {
 background-color: #253242
}

.main-slider-items .tabs li.active a {
 color: #fff
}

div.carousel-tabs {
 position: relative;
 padding-bottom: 40px
}

div.tabs .slick-dots {
 position: absolute;
 bottom: 0;
 width: 100%;
 text-align: center;
 margin-top: 0
}

.category-item {
 padding-right: 20px
}

.category-item .item-image {
 height: 240px;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 margin-bottom: 15px
}

.category-item .item-image:before {
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 background: #272D34;
 opacity: 0;
 transition: 0.15s;
 z-index: -1
}

.category-item:hover .item-image:before {
 opacity: 0.25
}

.category-item .mark {
 position: absolute;
 left: 10px;
 top: 10px
}

.category-item h6 a:hover {
 color: #D01818
}

.category-item .elements {
 position: absolute;
 top: 10px;
 right: 10px
}

.category-item .item-image button {
 position: absolute;
 width: calc(100% - 20px);
 bottom: 10px;
 left: 10px
}

.category-item .old {
 font-weight: normal;
 text-decoration: line-through;
 color: #9299A1
}

.category-item h5 {
 border-bottom: 2px solid #253242;
 margin-bottom: 0;
 padding-bottom: 20px;
 transition: 0.15s
}

.category-item:hover h5 {
 border-color: #D01818
}

.tab-content .tab.active {
 height: auto
}

.tab-content .tab:not(.active) {
 display: flex !important;
 height: 0;
 overflow: hidden
}

.carousel-tabs .slick-arrow {
 top: 93px
}

.slick-arrow {
 background-repeat: no-repeat;
 background-position: center;
 background-color: #fff;
 font-size: 0;
 text-indent: -9999em;
 color: rgba(0, 0, 0, 0);
 width: 54px;
 height: 54px;
 position: absolute;
 top: calc(50% - 27px);
 z-index: 9;
 opacity: 0.6;
 transition: 0.15s
}

.slick-arrow:hover {
 background-color: #D01818
}

.slick-slider:hover .slick-arrow {
 opacity: 1
}

.slick-next {
 background-image: url('../img/right.svg');
 right: -7px
}

.slick-next:hover {
 background-image: url('../img/right-h.svg')
}

.slick-prev {
 background-image: url('../img/left.svg');
 left: -27px
}

.slick-prev:hover {
 background-image: url('../img/left-h.svg')
}

.slick-dots {
 text-align: center;
 margin-top: 20px
}

.slick-dots li {
 display: inline-block
}

.slick-dots>li>button {
 text-indent: -9999em;
 font-size: 0;
 color: rgba(0, 0, 0, 0);
 width: 20px;
 height: 20px;
 margin: 0 10px;
 background-color: #E1E1E1
}

.slick-dots .slick-active button {
 background-color: #D01818
}

.main-slider {
 background-color: #253242;
 margin-bottom: 80px
}

.main-slider .container {
 padding-top: 0;
 padding-bottom: 0
}

.main-slider .slide {
 position: relative
}

.main-slider .slide .btn {
 position: absolute;
 left: 1.5%;
 bottom: 20%
}

.main-slider .slick-arrow {
 top: inherit;
 bottom: 10px
}

.main-slider .slick-prev {
 left: 1.5%
}

.main-slider .slick-next {
 right: 1.5%
}

.main-slider .slick-dots {
 position: absolute;
 width: 280px;
 left: calc(50% - 140px);
 bottom: 22px;
 margin-top: 0
}

.article-item {
 padding-right: 20px;
 padding-bottom: 50px
}

.article-item .item-image {
 height: 280px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover
}

.article-item .news-description {
 padding: 15px 10px;
 box-shadow: 0 0 10px -1px rgb(37 50 66 / 30%)
}

.article-item:hover h5 {
 color: #D01818
}

.article-item .news-description .sub {
 line-height: 18px;
 font-size: 15px;
 font-weight: bold;
 color: #9299A1;
 padding-bottom: 15px;
 border-bottom: 5px solid #D01818;
 margin-bottom: 15px
}

.carousel-news .slick-list {
 padding-bottom: 10px
}

.article-item .news-description .views {
 float: right;
 font-weight: normal;
 padding-left: 35px;
 background: url('../img/icons/eye.svg') no-repeat left
}

.article-item .news-description h5 {
 font-size: 22px;
 transition: 0.15s;
 overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 line-height: 30px;
 height: 60px
}

.main-youtube {
 padding: 100px 0 60px 0;
 background: url('../img/Bg1.webp') no-repeat center;
 background-size: cover;
 margin-bottom: 80px
}

.main-youtube h5 {
 font-size: 22px;
 margin-bottom: 40px
}

.main-youtube iframe {
 height: 240px;
 width: 100%;
 display: block
}

.main-youtube .videocover {
 background: rgba(39, 45, 52, 0.6) url('../img/icons/pley.svg') no-repeat center
}

.main-youtube .video-player {
 margin-bottom: 15px
}

.main-youtube .video-image {
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat
}

.main-slider-categories .cat-banner {
 height: 520px;
 background-position: center;
 background-repeat: no-repeat;
 position: relative;
 overflow: hidden;
 background: #253242 url('../img/cog-big.png') no-repeat center 50px
}

.main-slider-categories .cat-banner .img {
 position: absolute;
 top: 110px;
 width: 252px;
 left: calc(50% - 126px)
}

.main-slider-categories .cat-banner:before {
 content: '';
 width: 1000px;
 height: 1200px;
 position: absolute;
 top: -70px;
 left: -300px;
 transition: 0.15s;
 z-index: -1;
 background: radial-gradient(circle closest-side at 50% 50%, rgba(208, 24, 24, 1) 0, rgba(208, 24, 24, 0) 100%)
}

.main-slider-categories .cat-banner:hover:before {
 top: -150px
}

.main-slider-categories .cat-banner .title {
 color: #fff;
 position: absolute;
 bottom: 20px;
 left: 0;
 padding: 0 30px
}

.main-slider-categories .cat-banner .title p {
 display: inline-block;
 text-transform: uppercase;
 padding-right: 30px;
 background: url('../img/icons/line.svg') no-repeat right;
 vertical-align: middle;
 line-height: 18px;
 font-size: 16px
}

.main-slider-categories .slick-arrow {
 border: 2px solid #253242;
 opacity: 1 !important
}

.main-slider-categories .slick-arrow:hover {
 border-color: #D01818
}

.main-slider-categories .slick-next {
 top: -77px;
 right: 20px
}

.main-slider-categories .slick-prev {
 top: -77px;
 right: 104px;
 left: inherit
}

.main-slider-categories .row {}

.main-partners,
.main-lising {
 margin-bottom: 80px
}

.main-lising h3 {
 font-size: 36px
}

.footer {
 padding: 50px 0 5px 0;
 background-color: #262E38;
 color: #fff
}

.footer h5 {
 font-weight: 700;
 color: #A8ABAF;
 font-size: 20px
}

.footer a:hover {
 color: #D01818
}

.footer-submenu {
 text-transform: uppercase
}

.footer-submenu li {
 margin-bottom: 15px;
 font-size: 13px
}

.footer-submenu .last {
 text-transform: none
}

.footer-end {
 border-top: 1px solid #A8ABAF;
 border-bottom: 1px solid #A8ABAF;
 margin-top: 60px;
 margin-bottom: 10px;
 padding: 15px 0;
 display: flex;
 align-items: center;
 justify-content: space-between
}

.footer-end>div {
 width: auto;
 margin-right: 35px
}

.footer-end>div:first-child {
 margin-right: 20px
}

.footer-end>div:last-child {
 margin-right: 0;
 padding-right: 0
}

.footer-end h6 {
 font-weight: 600;
 font-size: 14px;
 margin-bottom: 0;
 color: #A8ABAF
}

.footer-end p {
 font-size: 20px;
 font-weight: 600
}

.footer .copy {
 color: #A8ABAF;
 font-size: 10px;
 text-transform: uppercase;
 text-align: center !important
}

.social a {
 width: 48px;
 height: 48px;
 margin-left: 15px;
 display: inline-block;
 background-repeat: no-repeat;
 background-position: center
}

.social a:first-child {
 margin-left: 0
}

.social a.youtube {
 background-image: url('../img/rutube.svg')
}

.social a.telegramm {
 background-image: url('../img/t.svg')
}

.social a.vk {
 background-image: url('../img/vk.svg')
}

.social a.ok {
 background-image: url('../img/ok2.svg')
}

.modal-content {
 border: none;
 border-radius: 0
}

.modal-header {
 border: none;
 padding: 40px 0 0 0;
 margin: 0;
 text-align: center;
 display: block
}

.modal-header h4 {
 text-transform: none
}

.modal-header .btn-close {
 position: absolute;
 top: 0;
 right: 0;
 width: 32px;
 height: 32px;
 opacity: 1;
 padding: 0;
 border-radius: 0;
 margin: 0;
 background: #253242 url('../img/icons/white-cross.svg') no-repeat center
}

.modal-header .btn-close:hover {
 background-color: #D01818
}

@media(max-width:1000px) {
 .modal-header h4 {
  font-size: 2rem
 }
 .modal-content {
  height: auto
 }
 .modal-header .btn-close {
  width: 60px;
  height: 60px
 }
}

.modal-content input[type="text"],
.modal-content input[type="phone"],
.modal-content input[type="email"],
.modal-content input[type="password"],
.modal-content textarea {
 padding: 16px 20px;
 font-size: 15px;
 font-weight: 600;
 border-color: #BBBFC4;
 border-radius: 0
}

@media(max-width:1000px) {
 .modal-content input[type="text"],
 .modal-content input[type="email"],
 .modal-content input[type="password"],
 .modal-content textarea,
 .modal-content button {
  font-size: 2rem;
  padding: 35px
 }
}

.modal-content .form-group {
 margin-bottom: 20px
}

.modal-content .btn-primary {
 width: 100%;
 height: 52px
}

.modal.show .modal-dialog {
 width: 500px
}

.modal-content .policy-check {
 margin-bottom: 30px;
 padding-left: 35px;
 background: url('../img/icons/checked.svg') no-repeat left;
 font-size: 14px
}

@media(max-width:1000px) {
 .modal-content .policy-check {
  font-size: 1.5rem !important
 }
}

.modal-content .policy-check a {
 text-decoration: underline
}

.catalog-items .category-item {
 margin-bottom: 30px;
 padding-right: calc(var(--bs-gutter-x) * .5)
}

.breadcrumbs {
 font-size: 14px;
 color: #253242;
 line-height: 16px
}

.breadcrumbs .container {
 padding: 0
}

.breadcrumbs li {
 display: inline-block;
 border-left: 2px solid #7C848E;
 padding-left: 7px;
 margin-left: 7px
}

.breadcrumbs li:first-child {
 border: none;
 padding-left: 0;
 margin-left: 0
}

.breadcrumbs li:last-child {
 border-left: 2px solid #D01818
}

.breadcrumbs li a:hover {
 text-decoration: underline
}

.breadcrumbs li a {
 color: #7C848E;
 font-size: 14px
}

.check-wrap {
 margin-bottom: 10px
}

.check-wrap input[type="checkbox"] {
 display: none
}

.check-wrap label {
 color: #253242;
 font-weight: bold;
 font-size: 15px;
 cursor: pointer;
 background: url('../img/icons/unchecked.svg') no-repeat left;
 padding-left: 30px
}

.check-wrap input[type="checkbox"]:checked+label {
 background: url('../img/icons/checked.svg') no-repeat left
}

.sort {
 margin-bottom: 20px;
 line-height: 32px
}

.sort .sort-form input[type="radio"] {
 display: none
}

.sort .sort-form label {
 color: #7C848E;
 font-weight: bold;
 font-size: 14px;
 cursor: pointer;
 margin-right: 20px
}

.sort .sort-form input[type="radio"]:checked+label,
.sort .sort-form label:hover {
 color: #253242
}

.sort .sort-form .form_radio {
 display: inline-block
}

.filters {
 background: #f5f5f5;
 border: 1px solid #E1E1E1;
 padding: 25px
}

.filters h5 {
 font-size: 18px;
 margin-bottom: 20px
}

.filters h6 {
 font-weight: 600;
 text-transform: uppercase;
 margin-bottom: 10px;
 font-size: 15px
}

.filters .categories {
 font-size: 15px
}

.filters .categories span {
 color: #D01818;
 display: inline-block;
 margin-left: 5px
}

.filters .categories a:hover {
 color: #D01818
}

.filters .categories li {
 margin-bottom: 10px
}

.catalog-filter .filter-reset {
    background: url('../img/icons/off.svg') no-repeat right top;
    padding-right: 30px;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 0.75rem;
}

.rwrapper {
 margin-bottom: 30px
}

.rwrapper .price-input {
 width: 100%;
 display: flex
}

.rwrapper .price-input .field {
 display: flex;
 width: 100%;
 height: 18px;
 align-items: center;
 margin-bottom: 10px
}

.rwrapper .text-right {
 justify-content: flex-end
}

.rwrapper .field input {
 width: 55%;
 margin-right: 5px;
 height: 100%;
 outline: none;
 font-size: 13px;
 border: none;
 -moz-appearance: textfield
}

.rwrapper input[type="number"]::-webkit-outer-spin-button,
.rwrapper input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance: none
}

.rwrapper .rslider {
 height: 5px;
 position: relative;
 background: #ddd;
 border-radius: 5px
}

.rwrapper .rslider .progress {
 height: 100%;
 left: 0;
 right: 0;
 position: absolute;
 border-radius: 5px;
 background: #D01818
}

.rwrapper .text-right input {
 text-align: right
}

.rwrapper .range-input {
 position: relative
}

.rwrapper .range-input input {
 position: absolute;
 width: 100%;
 height: 5px;
 top: -5px;
 background: none;
 pointer-events: none;
 -webkit-appearance: none;
 -moz-appearance: none
}

.rwrapper input[type="range"]::-webkit-slider-thumb {
 height: 17px;
 width: 17px;
 border-radius: 50%;
 background: #D01818;
 pointer-events: auto;
 -webkit-appearance: none;
 box-shadow: 0 0 6px rgba(0, 0, 0, 0.05)
}

.rwrapper input[type="range"]::-moz-range-thumb {
 height: 17px;
 width: 17px;
 border: none;
 border-radius: 50%;
 background: #D01818;
 pointer-events: auto;
 -moz-appearance: none;
 box-shadow: 0 0 6px rgba(0, 0, 0, 0.05)
}

.steps {
 color: #fff;
 background: url('../img/Bg1.webp') no-repeat center;
 background-size: cover;
 padding: 110px 0
}

.steps h3 {
 margin-bottom: 0
}

.steps h4 {
 margin-bottom: 40px;
 font-weight: 400;
 font-size: 32px
}

.steps .img-wrap {
 text-align: center;
 position: relative;
 margin-bottom: 10px
}

.steps .img-wrap img {
 max-width: 208px
}

.steps .img-wrap:after {
 content: '';
 width: 34px;
 height: 34px;
 background: url('../img/icons/more-big.svg') no-repeat center;
 position: absolute;
 top: calc(50% - 17px);
 left: 0;
 transition: 1s;
 opacity: 0
}

.article {
 font-weight: 400
}

.steps h5 {
 height: 55px
}

.steps .col-lg-3:last-child .img-wrap:after {
 display: none
}

.steps .img-wrap,
.steps h5,
.steps .article {
 transition: 1s
}

.steps-wrapper {
 display: flex
}

.steps-animation .img-wrap:after {
 left: 100%;
 opacity: 1
}

.steps .col-lg-3 {
 transition: 2s;
 bottom: -50px;
 position: relative
}

.steps-animation .col-lg-3 {
 bottom: 0
}

.steps-animation .img-wrap,
.steps-animation h5,
.steps-animation .article {
 opacity: 1
}

.bootom-form {
 margin: 110px 0
}

.bootom-form .container {
 padding: 60px 40px;
 background: url('../img/Bg1.webp') no-repeat center;
 background-size: cover;
 color: #fff
}

.bootom-form input {
 background: none;
 border-radius: 0;
 font-size: 18px;
 border-bottom: 2px solid #BBBFC4;
 width: 100%;
 height: 44px;
 line-height: 44px;
 color: #fff;
 padding-left: 10px
}

.bootom-form input:focus {
 border-bottom: 2px solid #BBBFC4
}

.bootom-form .btn {
 width: 100%;
 height: 44px;
 line-height: 44px;
 text-transform: uppercase
}

.bootom-form input::placeholder {
 color: #BBBFC4;
 opacity: 1
}

.bootom-form .policy-check {
 padding: 10px 0 10px 35px;
 font-size: 15px;
 font-weight: 400;
 background: url('../img/icons/checked-w.svg') no-repeat left
}

.bootom-form .policy-check a {
 text-decoration: underline
}

.bootom-form .policy-check a:hover {
 color: inherit;
 text-decoration: none
}

.catalog-page .gallery .img-main {
 margin-bottom: 15px
}

.catalog-page .gallery .thumbnails .img {
 width: calc(50% - 9.5px);
 display: inline-block
}

.catalog-page .gallery .thumbnails:after {
 content: '';
 clear: both;
 display: block;
 height: 1px;
 margin-bottom: 40px
}

.catalog-page .gallery .thumbnails .img:nth-child(even) {
 margin-left: 15px
}

.catalog-page .item-desc ul.tabs {
 border-bottom: 2px solid #253242
}

.catalog-page .item-desc ul.tabs li {
 font-weight: 700;
 text-transform: uppercase;
 display: inline-block;
 font-size: 22px
}

.catalog-page .item-desc ul.tabs li a {
 color: #253242;
 padding: 10px 30px;
 display: inline-block
}

.catalog-page .item-desc ul.tabs li.active a {
 background: #253242;
 color: #fff
}

.catalog-page .item-desc ul.tabs {
 margin-bottom: 20px
}

.catalog-page .item-desc .tab-content .article table td {
 width: 50%
}

.catalog-page .item-desc .tab-content .article table td:first-child {
 font-weight: 700;
 font-size: 18px
}

.catalog-page .item-desc .tab-content .article {
 position: relative;
 padding-bottom: 20px;
 transition: 1s;
 overflow: hidden
}

.catalog-page .item-desc .tab-content .article .text-center {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 42px;
 background: linear-gradient(1deg, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0.5) 100%);
 display: flex;
 justify-content: center;
 align-items: center
}

.catalog-page .item-desc .tab-content .article a#more,
.catalog-page .item-desc .tab-content .article a#more2 {
 color: #D01818;
 font-weight: bold;
 font-weight: 500;
 font-size: 15px;
 position: relative;
 padding: 10px 15px;
 cursor: pointer
}

.catalog-page .item-desc .tab-content .article a#more:after,
.catalog-page .item-desc .tab-content .article a#more2:after {
 content: '';
 width: 8px;
 height: 8px;
 border-right: 2px solid #D01818;
 border-bottom: 2px solid #D01818;
 position: absolute;
 right: 0;
 transform: rotate(45deg);
 top: calc(50% - 4px)
}

.catalog-page .item-main-desc {
 border: 1px solid #E1E1E1;
 background: #F5F5F5;
 padding: 30px;
 position: relative
}

.catalog-page .item-main-desc .elements {
 position: absolute;
 right: 30px;
 top: 30px;
 z-index: 2
}

@media(max-width:450px) {
 .catalog-page .item-main-desc .elements {
  position: static;
  float: right
 }
}

.catalog-page .item-main-desc .category-type {
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 5px
}

.catalog-page .item-main-desc .tags {
 margin-bottom: 30px
}

.catalog-page .item-main-desc h3 {
 font-size: 32px;
 margin-bottom: 50px
}

.catalog-page .item-main-desc h4 {
 font-size: 32px;
 margin-bottom: 10px
}

.catalog-page .item-main-desc h4 .price-old {
 margin-left: 40px;
 font-size: 15px;
 text-decoration: line-through;
 font-weight: 400;
 display: inline-block;
 vertical-align: middle
}

.catalog-page .item-main-desc .note1 {
 font-size: 13px;
 text-transform: uppercase;
 font-weight: 400;
 margin-bottom: 5px
}

.catalog-page .item-main-desc .note2 {
 font-size: 14px;
 font-weight: 400;
 margin-bottom: 40px
}

.catalog-page .item-main-desc .buttons {
 margin-bottom: 50px
}

.catalog-page .item-main-desc .buttons .btn:first-child {
 margin-right: 15px
}

.catalog-page .item-main-desc .buttons .btn {
 width: calc(50% - 9.5px);
 display: inline-block
}

.catalog-page .item-main-desc .manager {
 display: flex;
 align-items: center;
 margin-bottom: 20px
}

.catalog-page .item-main-desc .manager img {
 margin-right: 20px
}

.catalog-page .item-main-desc .manager h5 {
 text-transform: capitalize;
 font-size: 20px;
 margin-bottom: 5px
}

.catalog-page .item-main-desc .btn-transparent-black {
 width: 100%;
 margin-bottom: 40px
}

.catalog-page .item-main-desc .status span {
 line-height: 32px;
 display: inline-block
}

.catalog-page .item-main-desc .status {
 font-weight: bold;
 text-transform: uppercase
}

.catalog-page .item-main-desc .status .ok {
 padding-left: 35px;
 background: url('../img/icons/ok.svg') no-repeat left
}

/*
.catalog-page .item-main-desc .status .notok {
 padding-left: 35px;
 background: url('../img/icons/line-red.svg') no-repeat left
}
 */

.bootom-form2 {
 background: url('../img/backcall_form.png') no-repeat center;
 background-size: contain
}

.bootom-form2 .container {
 background: none
}

.bootom-form2 h2 {
 font-size: 38px;
 margin-bottom: 0
}

.bootom-form2 h4 {
 font-weight: 400;
 font-size: 28px
}

.bootom-form2 input {
 margin-bottom: 15px
}

.bootom-form2 .policy-check {
 line-height: 100%
}

input.required.error,
input.form-control.error {
 border-bottom-color: #D01818 !important
}

.catalog-page .item-desc .article .table {
 font-size: 16px;
 line-height: 20px
}

.catalog-page .item-desc .article .table .tr {
 display: flex;
 border-bottom: 1px solid #9299A1
}

.catalog-page .item-desc .article .table .tr .td {
 width: 50%;
 padding: 15px
}

.catalog-page .item-desc .article .table h5 {
 font-size: 18px;
 line-height: 20px;
 margin-bottom: 0
}

.catalog-page .item-desc .article .table>:not(caption)>*>* {
 padding: 0;
 background-color: inherit;
 border-bottom-width: 0;
 box-shadow: none
}

.lb-nav a.lb-next {
 background: url("../img/icons/icon-next.svg") right 48% no-repeat;
 opacity: 0.5;
 margin-right: -50px
}

.lb-nav a.lb-prev {
 background: url("../img/icons/icon-prev.svg") left 48% no-repeat;
 opacity: 0.5;
 margin-left: -50px
}

.lightbox .lb-image {
 border-radius: 0;
 border: none
}

.input[type="number"] {
 -webkit-appearance: textfield;
 -moz-appearance: textfield;
 appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none
}

.number-input {
 display: inline-flex
}

.number-input,
.number-input * {
 box-sizing: border-box
}

.number-input button {
 outline: none;
 -webkit-appearance: none;
 background-color: transparent;
 border: none;
 align-items: center;
 justify-content: center;
 width: 36px;
 height: 36px;
 line-height: 36px;
 font-size: 22px;
 cursor: pointer;
 margin: 0;
 position: relative
}

.number-input button:hover {
 color: #D01818
}

.number-input input[type=number] {
 font-family: sans-serif;
 width: 36px;
 height: 36px;
 line-height: 36px;
 padding: 0;
 border: none;
 font-size: 18px;
 text-align: center
}

.cart-page .cart-item {
 border: 1px solid #E1E1E1;
 padding: 20px;
 margin-bottom: 20px
}

.cart-page .cart-item .item-img {
 height: 140px;
 width: 100%;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center
}

.cart-page .cart-item h5 {
 font-size: 18px;
 margin-bottom: 0
}

.cart-page .cart-item>div {
 justify-content: center;
 align-items: center;
 display: flex
}

.cart-page .cart-item h4 {
 font-size: 24px;
 margin-bottom: 0
}

.cart-page .cart-summary {
 margin-top: 15px;
 padding: 20px 15px;
 border: 1px solid #E1E1E1;
 margin-bottom: 20px
}

.cart-page .cart-summary .summ span {
 float: right
}

.cart-page .cart-summary .summ p {
 margin-bottom: 8px
}

.cart-page .cart-summary .summ {
 padding-bottom: 12px;
 margin-bottom: 20px;
 border-bottom: 1px dotted #253242
}

.cart-page .cart-summary h3 {
 font-size: 32px;
 margin-bottom: 5px
}

.cart-page .cart-summary h4 {
 font-size: 28px
}

.cart-page .cart-summary .policy-check {
 margin-bottom: 30px;
 font-size: 11px;
 padding-left: 22px;
 background: url(../img/icons/checked.svg) no-repeat top left;
 font-weight: 400;
 margin-top: 15px;
 background-size: 18px
}

.cart-page .cart-summary .policy-check a {
 text-decoration: underline
}

.bottom-form3 .radio-line .form_radio_btn {
 display: inline-block;
 margin-right: 20px
}

.bottom-form3 form {
 max-width: 1000px
}

.bottom-form3 .radio-line .form_radio_btn input[type="radio"] {
 display: none
}

.bottom-form3 .radio-line .form_radio_btn input[type="radio"]+label {
 font-weight: bold;
 font-size: 15px;
 text-transform: uppercase;
 display: inline-block;
 line-height: 30px;
 padding-left: 20px;
 padding-right: 20px;
 cursor: pointer
}

.bottom-form3 .radio-line .form_radio_btn input[type="radio"]:checked+label {
 color: #fff;
 background-color: #253242
}

.bottom-form3 .form-line {
 margin-bottom: 20px
}

.bottom-form3 .input-line input,
.bottom-form3 textarea {
 border: 1px solid #7C848E;
 border-radius: 0;
 padding-left: 15px;
 padding-right: 15px;
 height: 44px;
 line-height: 42px;
 margin-bottom: 20px;
 margin-right: 20px
}

.bottom-form3 .input-line2 input {
 width: calc(50% - 12px)
}

.bottom-form3 .input-line2 input:nth-child(even) {
 margin-right: 0
}

.bottom-form3 .input-line3 input {
 width: calc(33.33% - 18px)
}

.bottom-form3 .input-line3 input:nth-of-type(4n-1) {
 margin-right: 0
}

.bottom-form3 textarea {
 height: 100px;
 line-height: 100%;
 width: 100%
}

.bottom-form3 .input-line input::placeholder,
.bottom-form3 textarea::placeholder,
.bottom-form3 select::placeholder {
 color: #7C848E;
 opacity: 1
}

.bottom-form3 button {
 max-width: 320px
}

.select-css {
 display: block;
 font-size: 16px;
 font-family: sans-serif;
 font-weight: 500;
 width: 500px;
 max-width: 100%;
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #7C848E;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('../img/icons/select.svg');
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%
}

.select-css::-ms-expand {
 display: none
}

.select-css:hover {}

.select-css:focus {
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222;
 outline: none
}

.select-css option {
 font-weight: normal
}

*[dir="rtl"] .select-css,
:root:lang(ar) .select-css,
:root:lang(iw) .select-css {}

.favorites-page h5 {
 font-size: 20px
}

.favorites-page .remove-favorite {
 background: url('../img/cross-red.png') no-repeat right;
 display: inline-block;
 padding-right: 25px
}

.about-page .left-menu {
 border: 1px solid #e1e1e1;
 background-color: #F5F5F5;
 padding: 10px 10px 10px 10px
}

.about-page .left-menu a {
 display: block;
 padding-left: 30px;
 background-repeat: no-repeat;
 background-position: left;
 padding-top: 5px;
 padding-bottom: 5px;
 position: relative;
 line-height: 20px
}

.about-page .left-menu li {
 margin-bottom: 10px;
 font-size: 14px;
 text-transform: uppercase
}

.about-page .left-menu .reviews {
 background-image: url('../img/icons/ic4.svg')
}

.about-page .left-menu .reviews.active,
.about-page .left-menu .reviews:hover {
 background-image: url('../img/icons/ic4-r.svg')
}

.about-page .left-menu .dillers {
 background-image: url('../img/icons/ic9.svg')
}

.about-page .left-menu .dillers.active,
.about-page .left-menu .dillers:hover {
 background-image: url('../img/icons/ic9-r.svg')
}

.about-page .left-menu .delivery {
 background-image: url('../img/icons/ic8.svg')
}

.about-page .left-menu .delivery.active,
.about-page .left-menu .delivery:hover {
 background-image: url('../img/icons/ic8-r.svg')
}

.about-page .left-menu .privacy {
 background-image: url('../img/icons/ic5.svg')
}

.about-page .left-menu .privacy.active,
.about-page .left-menu .privacy:hover {
 background-image: url('../img/icons/ic5-r.svg')
}

.about-page .left-menu .policy {
 background-image: url('../img/icons/ic6.svg')
}

.about-page .left-menu .policy.active,
.about-page .left-menu .policy:hover {
 background-image: url('../img/icons/ic6-r.svg')
}

.about-page .left-menu .new-icon {
 background-image: url('../img/icons/icon-new.svg')
}

.about-page .left-menu .new-icon.active,
.about-page .left-menu .new-icon:hover {
 background-image: url('../img/icons/icon-new_active.svg')
}

.about-page .left-menu .pr-icon {
 background-image: url('../img/icons/icon-pr.svg')
}

.about-page .left-menu .pr-icon.active,
.about-page .left-menu .pr-icon:hover {
 background-image: url('../img/icons/icon-pr_active.svg')
}

.about-page .left-menu .guarantee-icon {
 background-image: url('../img/icons/guarantee1.svg')
}

.about-page .left-menu .guarantee-icon.active,
.about-page .left-menu .guarantee-icon:hover {
 background-image: url('../img/icons/guarantee2.svg')
}


.about-page .left-menu .reviewscatalog-icon {
 background-image: url('../img/icons/reviewscatalog1.svg')
}

.about-page .left-menu .reviewscatalog-icon.active,
.about-page .left-menu .reviewscatalog-icon:hover {
 background-image: url('../img/icons/reviewscatalog2.svg')
}

.about-page .left-menu .stock-icon {
 background-image: url('../img/icons/icon-stock.svg')
}

.about-page .left-menu .stock-icon.active,
.about-page .left-menu .stock-icon:hover {
 background-image: url('../img/icons/icon-stock_active.svg')
}

.about-page .left-menu .about-icon {
 background-image: url('../img/icons/icon-about.svg')
}

.about-page .left-menu .about-icon.active,
.about-page .left-menu .about-icon:hover {
 background-image: url('../img/icons/icon-about-a.svg')
}

.about-page .left-menu .contacts-icon {
 background-image: url('../img/icons/icon-contacts.svg')
}

.about-page .left-menu .contacts-icon.active,
.about-page .left-menu .contacts-icon:hover {
 background-image: url('../img/icons/icon-contacts-a.svg')
}

.about-page .left-menu .vacancy-icon {
 background-image: url('../img/icons/icon-vacancy.svg')
}

.about-page .left-menu .vacancy-icon.active,
.about-page .left-menu .vacancy-icon:hover {
 background-image: url('../img/icons/icon-vacancy-a.svg')
}

.about-page .left-menu a.active:after {
 content: '';
 display: block;
 position: absolute;
 height: 20px;
 width: 20px;
 background: url(../img/more.png) no-repeat center;
 background-size: contain;
 right: 0;
 top: calc(50% - 10px)
}

.about-page .triggers {
 margin-bottom: 20px
}

.about-page .triggers img {
 margin-bottom: 15px;
 width: 65px
}

.about-page .triggers h5 {
 font-size: 22px
}

.about-page .article {
 margin-bottom: 60px
}

.about-page .banner {
 background: url('../img/about-bg.jpg') no-repeat center;
 background-size: cover;
 color: #fff;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 360px;
 margin-bottom: 80px
}

.about-page .banner h1 {
 font-size: 92px
}

.about-page .banner h5 {
 font-size: 20px;
 border-bottom: 1px solid rgb(255, 255, 255, 0.8);
 padding-bottom: 10px;
 display: inline-block;
 padding-right: 30px;
 margin-bottom: 0
}

.about-page .banner .left {
 margin-right: 40px;
 padding-right: 20px;
 border-right: 1px solid rgb(255, 255, 255, 0.8)
}

.about-page .certs img {
 width: calc(33.33% - 20px);
 margin-right: 20px;
 margin-bottom: 20px
}

.about-page .certs img:nth-child(3n+1) {
 margin-right: 0
}

.about-page .bootom-form2 {
 background-image: url('../img/about-bg2.jpg');
 background-size: cover
}

.about-page .bootom-form2 h4 {
 margin-top: 40px;
 margin-bottom: 0
}

.about-page .bootom-form2 .policy-check {
 font-size: 13px
}

.about-page .bootom-form2 {
 margin: 80px 0
}

.about-page .cat-reviews {
 margin-bottom: 120px
}

.about-page .cat-reviews .carousel-reviews {
 padding-bottom: 20px
}

.about-page .cat-reviews h3 {
 margin-bottom: 40px
}

.about-page .cat-reviews img {
 margin-bottom: 40px
}

.about-page .cat-reviews .text {
 height: 260px;
 overflow: hidden;
 font-size: 16px;
 margin-bottom: 20px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 11;
 -webkit-box-orient: vertical
}

.about-page .cat-reviews .reviews-item {
 padding-right: 50px
}

.about-page .cat-reviews .slick-prev {
 left: 0;
 top: 100%;
 border: 1px solid #a8abaf;
 opacity: 1
}

.about-page .cat-reviews .slick-next {
 left: 60px;
 top: 100%;
 border: 1px solid #a8abaf;
 opacity: 1
}

.about-page .cat-reviews h5 {
 font-size: 22px;
 padding-top: 25px;
 border-top: 5px solid #D01818;
 text-transform: none
}

.contacts-page h4 {
 font-size: 28px
}

.contacts-page .contacts-items .contacts-item {
 margin-bottom: 30px
}

.contacts-page .contacts-items h4 {
 margin-bottom: 30px
}

.contacts-page .contacts-items .contacts-item img {
 margin-bottom: 20px
}

.contacts-page .contacts-items .contacts-item h5 {
 margin-bottom: 10px;
 font-size: 22px
}

.contacts-page .contacts-items .subtitle {
 position: relative;
 font-size: 15px;
 text-transform: uppercase;
 padding-bottom: 15px;
 margin-bottom: 10px
}

.contacts-page .contacts-items .subtitle .contact {
 font-weight: bold
}

.contacts-page .contacts-items .contact .phone {
 padding: 8px 0 8px 30px;
 background: url('../img/icons/icon-phone.svg') no-repeat left;
 margin-bottom: 5px;
 position: relative
}

.contacts-page .contacts-items .contact .phone:after {
 content: '';
 width: 34px;
 height: 34px;
 position: absolute;
 right: 0;
 top: calc(50% - 17px);
 background: url('../img/icons/wa.svg') no-repeat center;
 background-size: contain
}

.contacts-page .contacts-items .contact .email {
 padding-left: 30px;
 background: url('../img/icons/icon-email.svg') no-repeat left;
 text-decoration: underline
}

.contacts-page .contacts-items .subtitle:after {
 position: absolute;
 left: 0;
 bottom: 0;
 content: '';
 height: 5px;
 width: 100%;
 background: rgb(208, 24, 24);
 background: linear-gradient(90deg, rgba(208, 24, 24, 1) 0, rgba(37, 50, 66, 1) 100%)
}

.contacts-page .contacts-block {
 border: 1px solid #e1e1e1;
 background-color: #F5F5F5;
 padding-top: 40px;
 min-height: 290px;
 padding-left: 30px;
 margin-bottom: 40px
}

.contacts-page .contacts-block h5 {
 font-size: 20px
}

.contacts-page .contacts-block .address {
 font-size: 18px;
 padding-left: 30px;
 background: url('../img/icons/icon-baloon.svg') no-repeat top left;
 margin-bottom: 15px
}

.contacts-page .contacts-block .phone {
 font-size: 20px;
 padding-left: 30px;
 background: url('../img/icons/icon-phone-red.svg') no-repeat left;
 margin-bottom: 15px
}

.contacts-page .contacts-block .email {
 font-size: 20px;
 padding-left: 30px;
 background: url('../img/icons/icon-email-red.svg') no-repeat left;
 margin-bottom: 15px
}

.vacancy-page h2 {
 font-size: 38px
}

.vacancy-page h5 {
 font-size: 20px
}

.vacancy-page .vacancy {
 padding: 40px 0 40px 20px
}

.vacancy-page .vacancy h4 {
 font-size: 24px;
 text-transform: none;
 color: transparent;
 -webkit-background-clip: text;
 background-clip: text;
 background-image: linear-gradient(to right, #D01818, #72262F, #253242)
}

.vacancy-page .vacancy h4 {
 font-size: 24px;
 line-height: 24px
}

.vacancy-page .vacancy .head {
 display: flex;
 flex-direction: row
}

.vacancy-page .vacancy .head div {
 width: 70%
}

.vacancy-page .vacancy .head .text-right {
 width: 30%
}

.vacancy-page .vacancy .head .text-right p {
 line-height: 24px;
 margin-bottom: 0
}

.vacancy-page .vacancy .foot {
 display: flex;
 flex-direction: row;
 align-items: center
}

.vacancy-page .vacancy .foot div {
 width: 50%
}

.vacancy-page .vacancy .foot .text-right a {
 position: relative;
 padding-right: 30px
}

.vacancy-page .vacancy .foot .text-right a:after {
 content: '';
 display: block;
 position: absolute;
 height: 20px;
 width: 20px;
 background: url('../img/more.png') no-repeat center;
 background-size: contain;
 right: 0;
 top: calc(50% - 10px)
}

.vacancy-page .vacancy .foot .text-right p {
 line-height: 24px;
 margin-bottom: 0
}

.vacancy-page .bootom-form .row {
 padding: 0 40px
}

.input-file {
 position: relative;
 display: inline-block
}

.input-file-btn {
 display: inline-block;
 cursor: pointer;
 margin-bottom: 20px
}

.input-file-text {
 padding: 0 10px;
 line-height: 40px;
 display: inline-block
}

.input-file input[type=file] {
 position: absolute;
 z-index: -1;
 opacity: 0;
 display: block;
 width: 0;
 height: 0
}

.news-page .article-item {
 margin-bottom: 60px;
 padding-right: 0
}

.news-page .article-item .item-image {
 width: 100%
}

ul.pagination {
 margin-bottom: 60px;
 display: block
}

ul.pagination li {
 display: inline-block;
 margin-right: 20px;
 margin-bottom: 20px
}

ul.pagination a,
ul.pagination span {
 display: inline-block;
 width: 54px;
 height: 54px;
 line-height: 54px;
 text-align: center;
 font-weight: bold;
 font-size: 18px;
 border: 1px solid #e1e1e1
}

ul.pagination span,
ul.pagination a:hover {
 border-color: #D01818;
 color: #D01818
}

.social-share a {
 background-color: #D01818;
 width: 36px;
 height: 36px;
 display: inline-block;
 background-repeat: no-repeat;
 background-position: center
}

.social-share a:hover {
 background-color: #253242
}

.social-share li {
 margin-top: 10px
}

.social-share a.share {
 background-image: url('../img/icons/icon-share.svg')
}

.social-share a.vk {
 background-image: url('../img/icons/icon-vk.svg')
}

.social-share a.ok {
 background-image: url('../img/icons/icon-ok.svg')
}

.social-share a.tg {
 background-image: url('../img/icons/icon-tg.svg')
}

.social-share a.vb {
 background-image: url('../img/icons/icon-viber.svg')
}

.social-share a.wa {
 background-image: url('../img/icons/icon-wa.svg')
}

.article-page {
 margin-bottom: 60px
}

.article-page .article p {
 font-size: 18px
}

.article-page .article {
 margin-bottom: 40px
}

.social-share {
 height: 545px;
 display: flex;
 justify-content: flex-end;
 flex-direction: column
}

.article-page .news-description .sub {
 font-size: 18px;
 font-weight: bold;
 line-height: 46px;
 color: #253242;
 border-bottom: 1px solid #7C848E;
 margin-bottom: 25px
}

.article-page .item-image {
 width: 100%;
 height: 540px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover
}

.article-page .news-description .views {
 float: right;
 font-weight: normal;
 padding-left: 35px;
 background: url('../img/icons/eye-black.svg') no-repeat left
}

.article-page .more-news {
 font-size: 15px;
 text-transform: uppercase;
 background: url('../img/more.png') no-repeat center right;
 padding-right: 30px;
 line-height: 32px;
 display: inline-block
}

.search-result-page .form-result form {
 border: 5px solid #253242;
 width: calc(100% - 24px);
 margin-bottom: 40px;
 box-sizing: border-box
}

.search-result-page .sort {
 margin-bottom: 0
}

.search-result-page h3 {
 margin-bottom: 15px
}

.search-result-page .search-header {
 margin-bottom: 30px
}

.instructions-page .instructions-item>div {
 display: flex;
 align-items: flex-start;
 padding-bottom: 10px;
 margin-bottom: 40px;
 border-bottom: 2px solid #253242
}

.instructions-page .instructions-item>div:hover {
 border-color: #D01818
}

.instructions-page .instructions-item>div img {
 margin-right: 15px
}

.instructions-page .instructions-item>div h5 {
 font-size: 20px;
 margin-bottom: 15px;
 font-weight: 600
}

.instructions-page .instructions-item>div p {
 font-size: 18px;
 text-transform: uppercase;
 color: #A8ABAF;
 font-weight: 400
}

.dealers-page .dealers-item {
 padding: 10px;
 border: 1px solid #e1e1e1;
 display: flex;
 margin-bottom: 40px
}

.dealers-page .dealers-item .left {
 padding: 20px
}

.dealers-page .dealers-item .left h4 {
 text-transform: uppercase;
 display: inline-block;
 color: transparent;
 -webkit-background-clip: text;
 background-clip: text;
 background-image: linear-gradient(to right, #D01818, #253242)
}

.dealers-page .dealers-item .left h6 {
 font-size: 18px;
 text-transform: uppercase;
 margin-bottom: 10px;
 padding-top: 15px
}

.dealers-page .dealers-item p {
 margin-bottom: 15px
}

.dealers-page .dealers-item p i:nth-child(2) {
 margin-left: 30px
}

.dealers-page .dealers-item .right {
 margin-left: auto
}

.brands-page .brand-item {
 background: url('../img/brand-bg.jpg') no-repeat center;
 background-size: cover;
 height: 300px;
 color: #fff;
 position: relative;
 margin-bottom: 40px
}

.brands-page .brand-item:before {
 content: '';
 background: url('../img/brand-bg-h.jpg') no-repeat center;
 background-size: cover;
 height: 300px;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 3;
 transition: 0.5s;
 opacity: 0
}

.brands-page .brand-item:hover:before {
 opacity: 1
}

.brands-page .brand-item .cover {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 6
}

.brands-page .brand-item h3 {
 position: absolute;
 top: 30px;
 left: 30px;
 margin-bottom: 0;
 z-index: 5
}

.brands-page .brand-item h6 {
 position: absolute;
 bottom: 30px;
 left: 30px;
 margin-bottom: 0;
 text-transform: uppercase;
 font-weight: 600;
 z-index: 5
}

.brands-page .brand-item h6 i {
 vertical-align: bottom;
 margin-left: 10px;
 z-index: 5
}

.brand-desc {
 text-align: justify;
 padding: 0 0 30px 0
}

.delivery-page h3 {
 margin-bottom: 80px
}

.delivery-page h4 {
 font-size: 28px;
 margin-bottom: 40px
}

.delivery-page .wrapper {
 padding: 0 40px;
 margin-bottom: 80px
}

.delivery-page .around-world .col p {
 height: 66px;
 line-height: 18px;
 padding: 6px 0 6px 20px;
 border-left: 6px solid #D01818;
 margin-bottom: 30px;
 font-size: 16px;
 display: flex;
 align-items: center
}

.delivery-page .around-world .around {
 background: url('../img/around-russia.png') no-repeat center;
 background-size: contain
}

.delivery-page .around-world2 .col,
.delivery-page .around-world2,
.delivery-page .around-world3 {
 margin-bottom: 60px
}

.delivery-page .around-world2 p {
 margin-bottom: 20px;
 text-transform: uppercase;
 font-size: 16px
}

.delivery-page .around-world2 .more {
 padding-right: 40px;
 text-decoration: underline;
 background: url('../img/more.png') no-repeat right;
 width: 24px;
 height: 24px;
 background-size: 24px
}

.around-world3 p {
 background-color: #171f29;
 color: #fff;
 font-weight: bold;
 height: 90px;
 border-left: 6px solid #D01818;
 align-items: center;
 display: flex;
 padding: 0 20px;
 text-transform: uppercase
}

.around-world3 p a {
 display: contents
}

.not-found-page img {
 display: inline-block;
 max-width: 800px;
 margin-bottom: 40px
}

.not-found-page .row {
 justify-content: center;
 max-width: 880px;
 margin: 0 auto
}

.profile-page .left-menu {
 font-size: 22px;
 text-transform: uppercase;
 background: url('../img/Bg1.webp') no-repeat center;
 background-size: cover;
 color: #fff;
 border-top-left-radius: 16px;
 border-top-right-radius: 16px
}

.profile-page .left-menu ul {
 padding: 40px 0 20px 0
}

.profile-page .left-menu ul li {
 margin-bottom: 30px
}

.profile-page .left-menu ul li a {
 padding-left: 20px;
 display: inline-block;
 border-left: 8px solid transparent
}

.profile-page .left-menu ul li a.active,
.profile-page .left-menu ul li a:hover {
 border-color: #D01818;
 color: #fff
}

.profile-page .topper a {
 float: right
}

.profile-page .topper {
 border-top-left-radius: 16px;
 border-top-right-radius: 16px;
 background-color: #D01818;
 font-size: 14px;
 padding: 15px 20px
}

.profile-page .topper p i {
 vertical-align: middle;
 margin-right: 10px
}

.profile-page h3 {
 font-size: 36px
}

.profile-page label {
 font-size: 15px;
 color: #7C848E
}

.profile-page input {
 border: 2px solid #253242;
 width: 100%;
 border-radius: 0;
 font-size: 18px;
 padding: 0 20px;
 margin-bottom: 20px;
 min-width: inherit
}

.profile-page .first-line,
.profile-page .second-line {
 margin-bottom: 60px
}

.profile-page .second-line h3 {
 margin-bottom: 0
}

.profile-page p.subtitle {
 text-transform: uppercase;
 margin-bottom: 20px
}

.profile-page .orgs {
 padding: 20px 0 60px 0
}

.profile-page .orgs .org {
 margin-bottom: 20px
}

.profile-page .orgs .remove {
 float: right
}

.profile-page .orgs span {
 display: inline-block;
 font-weight: bold;
 font-size: 18px;
 margin-left: 40px
}

.profile-page .orders-line .order .item-img {
 height: 140px;
 width: 100%;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center
}

.profile-page .orders-line .order {
 justify-content: center;
 align-items: center
}

.profile-page .orders-line .order h6 {
 font-size: 18px
}

.profile-page .orders-line .order {
 padding: 20px 10px;
 margin-bottom: 15px;
 border: 1px solid #E1E1E1
}

.profile-page .orders-line .order .good,
.profile-page .orders-line .order .bad {
 font-size: 18px;
 font-weight: bold;
 line-height: 24px;
 display: inline-block
}

.profile-page .orders-line .order .good i,
.profile-page .orders-line .order .bad i {
 margin-left: 10px;
 vertical-align: bottom
}

.profile-page .orders-line .order .bad {
 color: #D01818
}

.comparison-page .title .remove-all {
 float: right;
 display: inline-block;
 line-height: 18px
}

.comparison-page .title .remove-all i {
 background-size: 15px;
 height: 18px;
 width: 18px;
 vertical-align: text-bottom;
 margin-left: 10px
}

.comparison-page .comparition-item-head {
 padding: 15px;
 border: 1px solid #cecece;
 margin-bottom: 30px
}

.comparison-page .comparition-item-head .remove {
 float: right
}

.comparison-page .comparition-item-head p {
 font-size: 15px;
 text-transform: uppercase;
 margin-bottom: 20px;
 line-height: 18px;
 height: 36px;
 overflow: hidden;
 display: flex;
 align-items: center
}

.comparison-page .comparition-item-head p b {
 display: inline-block;
 width: 90%;
 vertical-align: -webkit-baseline-middle
}

.comparison-page .over {
 overflow: hidden;
 overflow-x: scroll;
 scrollbar-width: thin
}

.comparison-page .item-img {
 height: 220px;
 width: 100%;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center
}

.comparison-page {
 padding-bottom: 60px
}

.comparison-page .comparition-items {
 width: max-content
}

.comparison-page .comparition-item-body .line h6 {
 margin-bottom: 20px;
 font-size: 16px;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap
}

.comparison-page .comparition-item-body .line p {
 margin-bottom: 30px;
 font-size: 14px;
 padding-left: 5px;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap
}

.comparison-page .comparition-item {
 width: 330px
}

.title h5 {
 font-size: 16px;
 margin-bottom: 20px;
 height: 30px
}

.item-desc h6 {
 min-height: 60px
}

.main-header ul.mainmenu li .active {
 color: inherit;
 border-bottom-color: #D01818
}

.catalog-description h1,
h2,
h4,
h5 {
 margin-top: 22px !important
}

.catalog-description ul {
 padding: 0;
 list-style: none
}

.catalog-description ol {
 padding: 0;
 list-style: none
}

.catalog-description li {
 padding: 6px
}

.catalog-description li:before {
 padding-right: 10px;
 font-weight: bold;
 color: #C0C0C0;
 content: "\2714";
 transition-duration: 0.5s
}

.catalog-description li:hover:before {
 color: #337AB7;
 content: "\2714"
}

.about-page .triggers div,
img {
 text-align: center
}

.about-page .triggers h5 {
 text-align: center
}

.subtitlemodal {
 display: block;
 line-height: 27px;
 padding: 0 12px;
 font-size: 20px;
}

.brands-items-page h3 {
 padding-left: 0px;
}

.newTabContent {
 padding-top: 42px;
 flex-shrink: 0;
 width: 100%;
 max-width: 100%;
 padding-right: calc(var(--bs-gutter-x) * .5);
 padding-left: calc(var(--bs-gutter-x) * .5);
 margin-top: var(--bs-gutter-y);
}

.newTabContentBorder {
    margin-bottom: 20px;
}

.newTabContentItemParent {
    margin-bottom:1.25rem; 
    border-bottom:2px solid #253242;
}

.newTabContentItem {
 font-weight: 700;
 text-transform: uppercase;
 display: inline-block;
 font-size: 22px;
}

.newTabContentText {
 background: #253242;
 color: #fff;
 padding: 10px 30px;
 display: inline-block;
}

@media (max-width: 867px){
 .containerCharacteristics {
  columns: 1;
 }

 .catalog-page .item-desc .article .table .tr {flex-direction: row !important;}

}


.containerCharacteristics {
 columns: 2;
}


.itemCharacteristics {
 break-inside: avoid; /*auto / avoid-column*/
 /*padding: 0.5em;*/
 width: 100 %;
 margin-bottom: 22px;
}

.itemCharacteristics
h5 {
 text-align: center;
}

.itemCharacteristicsSub {
 background: #f5f5f5;
}

.itemCharacteristicsSub dt {
 text-align: left;
 width: 50%;
}

.itemCharacteristicsSub dd {
 text-align: right;
 width: 50%;
}

.newTabContent h1,
h2,
h3,
h4,
h5 {
 font-style: normal !important;
}

.newTabContent p {
 margin-top: 12px !important;
}

.newTabContent ul {
 margin-left: 22px !important;
}

.newTabContent ul li {
 list-style: disc !important;
}

.need-auth {
    background: linear-gradient(to right, #A21F23, #253242);
    color: #FFF;
    font-family: 'Montserrat';
}