/*
    Created on : 23.06.2022, 00:56:00
    Author     : Alekhnovich Oleg (https://webplatinum.net)
*/

/* CUSTOMIZE THE MAIN CAROUSEL
-------------------------------------------------- */
#mainCarousel .carousel {
  margin-bottom: 4rem;
}

#mainCarousel .carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

#mainCarousel .carousel-item {
  height: 32rem;
}

#mainCarousel .carousel-bg-filter {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: black;
  background: rgba(0, 0, 0, 0.5);
}

/* CAROUSEL FOR ADDITIONAL PRODUCT IMAGES
-------------------------------------------------- */
.additional-carousel-indicator {
  opacity: .5;
  transition: all 0.3s ease;
}

.additional-carousel-indicator:hover {
  opacity: 1;
  transition: all 0.3s ease;
}

.additional-carousel-indicator.active {
  opacity: 1;
  transition: all 0.3s ease;
}

/* CUSTOMIZE THE JUMBOTRON
-------------------------------------------------- */
.jumbotron-bg-filter {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #e9ecef;
  background: rgba(0, 0, 0, 0.4);
}

/* PAGINATION
-------------------------------------------------- */
.pagination {
  --bs-pagination-color: #333;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #003b77;
  --bs-pagination-active-border-color: #003b77;
}

/* CARD
-------------------------------------------------- */
.blog-card-body a {
  color: #003b77;
}

.blog-card-body:hover {
  background-color: #003b77;
  color: lightgrey !important;
  transition: all .6s;
}

.blog-card-body a:hover {
  color: #fff !important;
}

.img-square {
  width: 100%;
  margin: auto;
  overflow: hidden;
  /* clearfix */
}

.img-square:before {
  content: "";
  padding-top: 100%;
  float: left;
}

.img-fluid-square {
  max-width: 100%;
  max-height: 100%;
}

/* MAIN CONTENT
-------------------------------------------------- */
a {
  color: #000000;
}

a:hover {
  color: #003b77;
}

.text-darkblue {
  color: #003b77;
}

.text-orange {
  color: #e64c16;
}

.bg-darkblue {
  background-color: #003b77;
}

.bg-orange {
  background-color: #e64c16;
}

.text-lightgrey {
  color: #eaf0fb;
}

.error404 {
  font-size: 5rem;
}

@media (min-width: 390px) {
  .error404 {
    font-size: 7rem;
  }
}

@media (min-width: 576px) {
  .error404 {
    font-size: 10rem;
  }
}

@media (min-width: 768px) {
  .error404 {
    font-size: 14rem;
  }
}

@media (min-width: 1200px) {
  .error404 {
    font-size: 14rem;
  }
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #003b77;
  --bs-btn-border-color: #003b77;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #003b77;
  --bs-btn-active-border-color: #003b77;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #003b77;
}

/* USER ACCOUNT
-------------------------------------------------- */
@media (min-width: 768px) {
  .sidebar .offcanvas-lg {
    position: -webkit-sticky;
    position: sticky;
    top: 48px;
  }

  .navbar-search {
    display: block;
  }
}

.sidebar .nav-link {
  font-size: .875rem;
}

.sidebar .nav-link.active {
  font-weight: 500;
  color: #e64c16 !important;
}

.sidebar-heading {
  font-size: .75rem;
}

/* BOOTSTRAP SUBMENU 3 LEVEL
-------------------------------------------------- */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

/* BUTTON UP
-------------------------------------------------- */
#btn-back-to-top {
  position: fixed;
  bottom: 7px;
  right: 7px;
  display: none;
}

/* CSS3 EFFECTS
-------------------------------------------------- */
.fade-img {
  -webkit-transition: all 0.3s ease;
  ;
  -moz-transition: all 0.3s ease;
  ;
  -o-transition: all 0.3s ease;
  ;
  transition: all 0.3s ease;
  opacity: 1;
}

.fade-img:hover {
  -webkit-transition: all 0.3s ease;
  ;
  -moz-transition: all 0.3s ease;
  ;
  -o-transition: all 0.3s ease;
  ;
  transition: all 0.3s ease;
  opacity: 0.5;
}
/*=======================================================*/

/* Отключаем стандартные маркеры */
.custom-list ul {
  list-style-type: none;
  padding-left: 20px;
}

/* Стили для пунктов всех списков */
.custom-list ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
}

/* Маркер для первого уровня (круг + галочка) */
.custom-list ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><g transform="translate(0 1024) scale(0.1 -0.1)"><path fill="%234dabf7" d="M4860 9084 c-300 -21 -720 -99 -985 -184 -118 -38 -365 -145 -630 -275 -321 -157 -580 -346 -899 -656 -289 -281 -513 -564 -636 -804 -25 -49 -74 -142 -108 -205 -131 -245 -254 -568 -321 -840 -52 -212 -105 -578 -116 -795 -3 -66 -8 -158 -11 -205 -5 -81 9 -253 41 -530 41 -336 128 -672 255 -976 84 -201 133 -296 263 -514 146 -245 147 -246 257 -385 52 -66 114 -145 137 -175 115 -151 403 -430 573 -556 179 -132 235 -172 390 -274 168 -111 218 -138 432 -234 151 -67 208 -87 458 -160 305 -89 425 -114 702 -147 217 -26 661 -31 863 -10 694 73 1252 277 1829 668 76 51 176 123 223 160 95 74 351 312 484 449 105 109 339 419 416 551 137 236 243 429 267 486 115 280 162 418 207 597 103 419 133 667 134 1095 0 310 -3 349 -51 640 -30 179 -38 212 -116 468 -76 252 -133 395 -264 671 -120 252 -193 368 -381 601 -133 165 -414 466 -531 569 -103 90 -435 336 -553 409 -115 72 -458 238 -643 311 -63 25 -119 46 -124 46 -4 0 -63 18 -129 40 -195 64 -375 101 -688 141 -154 19 -598 33 -745 23z m719 -669 c502 -70 969 -246 1386 -523 243 -162 369 -264 570 -466 367 -368 583 -730 764 -1276 176 -536 206 -1134 84 -1714 -51 -247 -247 -784 -346 -951 -267 -449 -592 -814 -958 -1076 -315 -225 -758 -434 -1101 -518 -315 -78 -592 -107 -927 -98 -419 11 -790 86 -1161 232 -418 165 -749 378 -1064 685 -225 219 -387 419 -539 668 -163 267 -231 414 -326 704 -250 767 -225 1609 70 2312 169 402 403 762 682 1045 137 139 198 192 381 329 269 203 473 319 761 431 304 119 674 208 975 235 121 10 630 -2 749 -19z"/></g></svg>');

  background-size: contain;
}

.custom-list ul > li::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 6px;
  width: 10px;
  height: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><g transform="translate(0 1024) scale(0.1 -0.1)"><path fill="black" d="M6663 6719 c-59 -23 -115 -76 -284 -274 -97 -115 -626 -721 -1019 -1171 -457 -522 -752 -854 -759 -854 -4 0 -20 15 -36 33 -15 17 -80 86 -144 152 -64 66 -305 319 -535 562 -299 316 -430 448 -460 462 -235 114 -491 -44 -474 -293 7 -105 40 -159 195 -319 430 -443 1002 -1041 1138 -1189 146 -159 200 -191 323 -191 61 1 83 6 136 32 68 33 55 20 579 606 270 301 821 926 1033 1171 100 115 297 342 438 504 142 162 266 312 277 332 46 89 46 207 -1 299 -29 55 -114 126 -173 144 -71 21 -170 18 -234 -6z"/></g></svg>');
  
  background-size: contain;
}

.custom-list ul ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 0;
  height: 0;
  border-left: 10px solid #a5d8ff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.custom-list ul ul > li::after {
  display: none; /* Галочку убираем полностью */
}

.custom-list h1 {
  font-size: 32px;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.custom-list h2 {
  font-size: 26px;
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

.custom-list h3 {
  font-size: 22px;
}
.custom-list h4 {
  font-style: italic;
  font-size: 20px;
  font-weight: 400;
}
/***********************/
ul.none-markers li::before, 
ul.none-markers li::after,
ol.none-markers li::before,
ol.none-markers li::after {
  display: none;
}
ul.none-markers, ol.none-markers {
  list-style-type: none; /* Восстанавливаем стандартные маркеры */
  padding-left: 40px; /* Стандартный отступ */
}
ul.none-markers li, ol.none-markers li {
  padding-left: 0;
  list-style-type: none;
}
/**********************/
ul.default-markers, ol.default-markers {
  list-style-type: initial; /* Восстанавливаем стандартные маркеры */
  padding-left: 40px; /* Стандартный отступ */
}

ul.default-markers li, ol.default-markers li {
  padding-left: 0;
}

ul.default-markers li::before, 
ul.default-markers li::after,
ol.default-markers li::before,
ol.default-markers li::after {
  display: none;
}