body {
    background-color: #eeeeee;
    counter-reset: cntr;
}

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.4rem;
}

h3 {
    font-size: 1.3rem;
}

h4 {
    font-size: 1.2rem;
}

h5 {
    font-size: 1.1rem;
}

#header .container-fluid, #topmenu .dropdown-menu {
    background-color: #2a86d1;
    color: white;
}

/*#topmenu .dropdown-menu {
    left: auto;
    right: 0;
}*/

#header a {
    color: white;
    text-decoration: none;
}

#header i {
    color: white;
}

#header .navbar {
    padding: 0rem 0rem;
}

#header .messengers img {
    width: 2rem;
    border-radius: 0.375rem;
}

#topmenu .nav-item {
    padding-top: 0.28rem;
    padding-bottom: 0.28rem;
}

#topmenu .nav-item:hover, #topmenu .nav-item.active, #topmenu .dropdown-item:hover {
    background-color: #45b4e9;
}

#topmenu a, #topmenu span {
    font-size: 0.84rem;
}

#topmenu span {
    cursor: pointer;
}

#topmenu ul li {
    flex: 1 1 auto!important;
    text-align: center;
}

.cart_block {
    background-color: #2a86d1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    height: 100%;
}

.infotitle {
    background-color: #45b4e9;
    color: white!important;
}

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

#infonews {
    min-height: 250px;
}

#infonews .card-title {
    font-size: 0.85rem;
    font-weight: bold;
    min-height: 35px;
}

#infonews .textnews {
    height: 100px!important;
    font-size: 0.8rem;
    text-overflow: ellipsis;
}

#infonews a[role=button] {
    color: white;
    text-decoration: none!important;
}

.infotitle i {
    padding: 17px;
    background-color: #219ed9;
    color: white;
    margin-right: 13px;
}

.breadcrumb {
    background-color: transparent;
    margin-bottom: 0.5rem;
    padding: 12px 16px;
}

#leftmenu ul {
    background-color: white;
}

#leftmenu>.nav-item {
    border-bottom: 1px solid #eee;
    padding: 3px 0;
}

#leftmenu .nav-link:hover {
    color: #45b4e9;
}

#leftmenu .dropdown-toggler {
    display: flex;
}

#leftmenu .dropdown-toggler::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.7rem;
    content: "\f054";
    margin-left: auto;
    align-self: center;
}

#leftmenu .dropdown-toggler::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.7rem;
    content: "\f054";
    margin-left: auto;
    align-self: center;
}

#leftmenu a {
    color:#666;
}

#leftmenu li.dropdown:hover .dropdown-menu {
    padding: 20px;
    display: block;
    top: 0;
    left: 100%;
    width: auto;
    white-space: nowrap;
}

#leftmenu .dropdown-menu a {
    padding: 8px 0 3px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #E0E0E0;
}

#leftmenu .dropdown-menu a:hover {
    color: #45b4e9;
}

#content {
    margin-bottom: 1rem;
    background-color: white;
    padding: 15px;
}

.intro {
    padding: 20px;
    background-color: white;
    margin-bottom: 20px;
}

#categories>div {
    margin-bottom: 0.5rem;
}

#categories a {
    text-decoration: none;
}

#categories .card span {
    font-size: 0.92rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    background-color: #4885cb;
    color: white;
    flex: 1 0 auto;
}

.card .card-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

}

.card .card-buttons button {
    padding: unset;
}

.card .btn {
    padding: 0.2rem .375rem!important;
}

/*#categories .card:hover .submenu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}*/

#categories .submenu a {
    padding-top: auto;
    padding-bottom: auto;
}

#categories .card {
    background-color: white;
    height: 100%;
}

#categories a {
    color: white;
    height: 100%;
}

#categories .submenu {
    text-align: center;
    display: none;
    background-color: #4885cb;
    animation-duration: 0.5s;
    animation-name: slidein;
}

#categories .submenu .caption {
    font-size: 1.2rem;
    text-decoration: underline;
    margin-bottom: 5px;
}

@keyframes slidein {
    from {
        margin-top: 100%;
        opacity: 0;
        height: 0;
    }

    to {
        margin-top: 0%;
        opacity: 1;
        height: 100%;
    }
}

#categories .submenu a {
    display: block;
    color: white;
}

.product_info {
    padding: 0 0.5rem 0.5rem;
}

.product_info .specs {
    min-height: 100px;
}

.product_info .specs a {
    font-size: 14px;
    color: #5f5f5f;
}

.product_info .specs span {
    font-size: 12px;
    color: #5f5f5f;
}

span.price {
    margin-top: 1rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.price span  {
    font-size: 1.2rem!important;
    font-weight: 600!important;
    color: #45b4e9!important;
    padding-left: 5px;
}

.price .old_price {
    font-weight: normal;
    font-size: 1rem;
    color: gray;
    text-decoration: line-through;
}

.card span.price {
    flex-wrap: wrap;
}

#product .info p {
    margin-bottom: 0;
}

#product .info .availability {
    display: flex;
}

#product .info i.fa-check-circle {
    font-size: 1.5rem;
    color: green;
    margin-right: .5rem;
}

#product .info i.fa-times-circle {
    font-size: 1.5rem;
    color: red;
    margin-right: .5rem;
}

#product .modal-content {
    width: auto!important;
}

.product_info i.fa-check-circle {
    font-size: 1.2rem;
    color: green;
    margin-right: .5rem;
}

.product_info i.fa-times-circle {
    font-size: 1.2rem;
    color: red;
    margin-right: .5rem;
}

.nav-pills .nav-item {
    border-radius: 0;
}

.nav-pills .nav-link.active {
    background-color: #45b4e9;
}

footer {
    background-color: #232323;
    padding-top: 50px;
    padding-bottom: 50px;
}

footer a, footer p {
    color: white;
    text-decoration: none;
}

footer a:hover {
    color: #2a86d1;
}

.smm i {
    font-size: 40px;
}

#mse2_selected_wrapper {
    min-height: 0!important;
    margin: 0!important;
}

.blue {
    color: #67b2e4;
}

.btn-primary, .btn-outline-primary {
    background-color: #2a86d1;
    color: white;
}

#remontinfo span.blue {
    display: block;
    font-weight: 700;
    line-height: 20px;
    font-size: 1.5rem;
    margin-top: 3px;
}

#remont figcaption {
    text-decoration: underline;
    color: black;
}

#remont a:hover figcaption {
    color: #007bff;
}

#mse2_filters label {
    line-height: 1rem;
    font-size: 0.8rem;
}

#mse2_filters .col-6 {
    padding-left: 10px;
    padding-right: 5px;
}

#mse2_filters a {
    color: #212529;
}

#mse2_filters a:after {
    font: var(--fa-font-solid);
    content: "\f077";
    float: right;
}

#mse2_filters a.collapsed:after {
    float: right;
    content: "\f078";
}

sup {
    font-size: 0.5rem!important;
}

ol.text ol {
    margin-bottom: 20px;
}

ol.text ul {
    list-style: disc;
    margin-bottom: 20px;
}

.glide-prev, .glide-next {
    position: absolute;
    top: 50%;
    line-height: 0!important;
    font-size: 2rem;
    cursor: pointer;
}

.glide-prev {
    left: 0px;
}

.glide-next {
    right: 0px;
}

/*.glide__slides a {
    display: flex;
    justify-content: center;
}*/

.glide img {
    width: 100%!important;
}

#advantage span {
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    color: #3473c9;
    min-height: 65px;
    margin-bottom: 1rem;
}

#advantage p {
    font-size: 0.8rem;
}

#services a {
    color: #2a86d1;
    font-weight: bold;
    font-size: 0.9rem;
}

form .pass {
    width: 0;
    height: 0;
    overflow: hidden;
}

#seform {
    background-color: #4885cb;
    padding: 25px 15px!important;
    margin: 0 -13px;
}

#seform p {
    color: white;
}

#seform button {
    background-color: #64b8f1;
    border: none;
    border-radius: 0;
    font-weight: bold;
}

.form-check {
    line-height: normal;
}

div.triangle {
    position: absolute;
    left:50%;
    margin-left: -10px;
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    content:"";
    background:#4885cb;
}

div.remont_logos {
    padding: 20px 0;
}

div.remont_logos a {
    white-space: normal;
    font-size: 0.8rem;
    flex: 1 0;
}

div.rent_stages figure:after {
    counter-increment: cntr;
    font-weight: 700;
    background:#45b4e9;
    width:20px;
    height:20px;
    line-height:20px;
    border-radius: 50%;
    content:counter(cntr);
    position:absolute;
    right:95px;
    top:49px;
    color:#fff;
}

ul.urls {
    display: flex;
    flex-wrap: wrap;
}

ul.urls li {
    display: inline-flex;
    margin-right: 15px;
}

/*.grecaptcha-badge {
    bottom: 0!important;
    left: 0!important;
    width: 70px!important;
}

.grecaptcha-badge:hover {
    transition: width 1s ease-in-out!important;
    width: 256px!important;
}*/

.bestsellers .header {
    background-color: #dddddd;
}

#linking a {
    padding: 5px 10px;
    color: #515151;
    border: 1px solid #7ab7ec;
    border-radius: 3px;
    margin: 0 5px 5px 0;
    display: inline-block;
}

#linking_shtab p {
    font-size: 0.88rem;
}

#linking_shtab div {
    display: flex;
    flex-direction: column;
}

#linking_shtab .flag {
    padding-left: 20px;
}

#linking_shtab .flag-china {
    background: url(/assets/images/icons/flags/China.png) no-repeat 0px 5px;
}

#linking_shtab .flag-finland {
    background: url(/assets/images/icons/flags/Finland.png) no-repeat 0px 5px;
}

#linking_shtab .flag-germany {
    background: url(/assets/images/icons/flags/Germany.png) no-repeat 0px 5px;
}

#linking_shtab .flag-italy {
    background: url(/assets/images/icons/flags/Italy.png) no-repeat 0px 5px;
}

/*#buy_options .btn {
    padding: 0.375rem 0.5rem;
}*/

#buy_options .btn-light {
    color: #007bff;
}

.carousel-control {
    color: #2a86d1;
}

#msCart .product_data {
    display: flex;
}

#msCart .product_title {
    flex-basis: 80%;
}

#msCart .product_elements {
    display: flex;
    flex-direction: column;
    flex-basis: 20%;
}

.order-step {
  width: 28px;
  height: 28px;
  line-height: 26px;
  background: #2a86d1;
  color: white;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
}

.ec-stars {
    background-position: 0 -16px;
    background-repeat: repeat-x;
    margin: 10px 0;
    width: 96px;
    height: 16px;
}

.ec-stars span{
    background-position: 0 0;
    background-repeat: repeat-x;
    display: block;
    height: 16px;
    width: 0;
}

.ec-stars,
.ec-stars span {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0ZJREFUeNqUVs9PE0EUfrtdWuBAoCkkJiRYITGUQmIMt9ps+Q8MMRLPHPCi8S9o+w+YmJjowZMmGiG9ejFxFzBoFCUpFS4SSwIhKgIpKbS023W+Ybfuz1In+Zi3733vzZuZ96YIW/PUaujGLPgRrtzSbd9So0E0cnvLRfz+ejgTjt/n8kHhUYZxMh4cl5+oad4rM306PHaPAMg+HJ+AWtmGjRcsu9jd5jdk6Jw8r4CCrrMzOFu2KddfJvXxO0tOHTGd/SyDN1wBpbVnAs7GtqVL4zNE9QMbsX90htaeJ3WHf/barG47W+HTE9In59ilVItElR/U1uiMEoUu0+enwzQ5p9uylup1yn54PJwem5qlnoFoW/FKux/p27tnPEPXGS4+5LPMoEykpql3YLBlsKNfO5RXchBTDGrygf0URJYhMaXK5tTXtzk63F0nqv30BGzggGv4uMvGVE7dTHGCXj/0DQgbOODCp2XAN68UGXK4l/2p7XsCNnDApc0J74C8ONcHUaTyyNWe83Ix8Gdvj8OqAwdcyF6FLXHl+A5p80I63HfGOuCI9n9r9H6pArtq8OREspMi/QEK92nnragdZfwDfhH4apFwhTYLRBsb3Jaanj4PmMuRvKhUlFiMaHTU6GGf1hPx2tB1ndicXVggKhQoy2SBQcU3ABk62Ixvc3b38vLyvz4OhUJ2oyDwImP9buuGarXalBOJhD3DFjWcibE9ApCpzSE6V67X6xwsq3RXVxcBkE29NbsLAzqzM8f/ZCm6X2GNZ9Td3Y2Zw5DTmt/z7giYMX6MmkBGZjATRpa6A+6sVVXVG42GzlbXa7VaWwAXPvB1LsxaT8sqikInJyesrhptAVz4wNdzy+z2UisrK3R6enphMHDAhY/Xls1LUdlqPGi5XOYX4wXYwAHX0uf2Xj4+Pm4eZyAQIHZGJEmS5w3CZgRX/W7Z6imDjGBw9CQzm1E6sl+GouV85Gg0yoOZKJVKHFYdOOCafh7PV7NY08FgkDvhFgvsabG+h/F4nBc4OMwn7dc5knWVjo4O2mMv9Pb2Nn8PRVHkAZFRPp9XhoaGKBKJeGbW3LKlKLOrq6tULBazxr9v1jOCLMAGDrimn3P8FWAAEtbR4/v4jFEAAAAASUVORK5CYII=');
}

.specs .ec-stars {
    align-self: center;
}

span.reviews {
    font-size: 1rem!important;
    font-weight: 600;
}

div.scrollup {
    position: fixed; /* фиксированная позиция */
    color: #fff; /* цвет текста */
    background-color: #4885cb; /* цвет заднего фона */
    right: 10px; /* расстояние от правого края */
    bottom: 10px; /* расстояние от нижнего края */
    padding: 4px 10px; /* отступы до содержимого блока */
    font-size: 20px; /* размер шрифта (иконки) */
    border-radius: 4px; /* скругление верхнего левого угла */
    cursor: pointer; /* форма курсора */
    display: none; /* не отображать элемент */
    text-align: center; /*выравнивание содержимого элемента по центру */
}

div.scrollup:hover {
    background-color: #000; /* цвет заднего фона при наведении */
}

.myFavoritesToggle.active i::before {
    font: var(--fa-font-solid);
    content: "\f004";
    color: red;
}

.myFavoritesToggle .fa-heart {
    color: #2a86d1;
}

#tagscloud .collapsebtn {
    text-decoration: none;
}

#tags a {
    color: black;
    border: 1px solid #d8d8d8;
    border-radius: 15px;
    background-color: #f9f9f9;
    line-height: 30px;
    padding: 0 12px;
    display: inline-block;
    margin: 4px;
}

#tags.collapse:not(.show) {
    display: block!important;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tags.collapsing {
    height: 50px;
}

.langselect .dropdown-menu {
    background-color: #2a86d1;
}

.langselect .dropdown-toggle
{
  background: url('/assets/images/ru.png') no-repeat left center;
  padding-left: 25px;
}

.langselect .dropdown-toggle.en {
    background: url('/assets/images/en.png') no-repeat left center;
    padding-left: 25px;
}

.langselect .dropdown-menu a:first-child
{
  background: url('/assets/images/ru.png') no-repeat 5% 50%;
  padding-left: 35px;
}

.langselect .dropdown-menu a:last-child
{
  background: url('/assets/images/en.png') no-repeat 5% 50%;
  padding-left: 35px;
}

.langselect .dropdown-menu a:hover {background-color: #45b4e9}

.comparison .comparison-add i {
    color: #2a86d1;
}

.comparison .comparison-remove i {
    color: red;
}

table.comparison td.comparison-corner {
    width: 18%;
}

#buy_options div.comparison-default {
    display: flex;
    align-items: center;
}

.modal .form-group {
    align-items: center;
}

.modal form label {
    margin: 0!important;
}


/*Bitrix*/

div.b24-form-padding-side {
    padding: 0!important;
}

div.b24-form-recaptcha {
    margin: 0!important;
    padding-top: 10px;
    justify-content: center;
}