/* preloader */
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #f7f7f7;
  z-index: 1001;
}

.preloader__row {
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  text-align: center;
  animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
  position: absolute;
  display: inline-block;
  top: 0;
  background-color: var(--color-primary);
  border-radius: 100%;
  width: 35px;
  height: 35px;
  animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes preloader-bounce {

  0%,
  100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

/* logo */
.logo img {
    width: 100px;
}

/* content fix */
.seo-content p {
    margin-bottom: 15px;
}

.seo-content h2, .seo-content h3, .seo-content h4 {
    margin-bottom: 20px;
}

.seo-content ul, .seo-content ol{
    margin-bottom: 15px;
}

.axil-privacy-policy .policy-published{
    margin-bottom: 30px;
}


.table {
 width:100%;
 max-width:100%;
 margin-bottom:20px;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
 padding:8px;
 line-height:1.42857143;
 vertical-align:top;
 border-top:1px solid #ddd;
}
.table>thead>tr>th {
 vertical-align:bottom;
 border-bottom:2px solid #ddd;
}
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
 border-top:0;
}
.table>tbody+tbody {
 border-top:2px solid #ddd;
}
.table .table {
 background-color:#fff;
}
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
 padding:5px
}
.table-bordered {
 border:1px solid #ddd
}
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
 border:1px solid #ddd;
}
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
 border-bottom-width:2px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
 background-color: var(--color-lighter);
}
.table-hover>tbody>tr:hover {
 background-color:var(--color-lighter);
}
table col[class*=col-] {
 position:static;
 display:table-column;
 float:none
}
table td[class*=col-],
table th[class*=col-] {
 position:static;
 display:table-cell;
 float:none
}
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
 background-color:#f5f5f5;
}
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
 background-color:#e8e8e8;
}
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
 background-color:#dff0d8;
}
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
 background-color:#d0e9c6;
}
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
 background-color:#d9edf7
}
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
 background-color:#c4e3f3;
}
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
 background-color:#fcf8e3
}
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
 background-color:#faf2cc;
}
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
 background-color:#f2dede;
}
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
 background-color:#ebcccc;
}
.table-responsive {
 min-height:.01%;
 overflow-x:auto;
}
@media screen and (max-width:767px) {
 .table-responsive {
  width:100%;
  margin-bottom:15px;
  overflow-y:hidden;
  -ms-overflow-style:-ms-autohiding-scrollbar;
  border:1px solid #ddd
 }
 .table-responsive>.table {
  margin-bottom:0;
 }
 .table-responsive>.table>tbody>tr>td,
 .table-responsive>.table>tbody>tr>th,
 .table-responsive>.table>tfoot>tr>td,
 .table-responsive>.table>tfoot>tr>th,
 .table-responsive>.table>thead>tr>td,
 .table-responsive>.table>thead>tr>th {
  white-space:nowrap;
 }
 .table-responsive>.table-bordered {
  border:0;
 }
 .table-responsive>.table-bordered>tbody>tr>td:first-child,
 .table-responsive>.table-bordered>tbody>tr>th:first-child,
 .table-responsive>.table-bordered>tfoot>tr>td:first-child,
 .table-responsive>.table-bordered>tfoot>tr>th:first-child,
 .table-responsive>.table-bordered>thead>tr>td:first-child,
 .table-responsive>.table-bordered>thead>tr>th:first-child {
  border-left:0;
 }
 .table-responsive>.table-bordered>tbody>tr>td:last-child,
 .table-responsive>.table-bordered>tbody>tr>th:last-child,
 .table-responsive>.table-bordered>tfoot>tr>td:last-child,
 .table-responsive>.table-bordered>tfoot>tr>th:last-child,
 .table-responsive>.table-bordered>thead>tr>td:last-child,
 .table-responsive>.table-bordered>thead>tr>th:last-child {
  border-right:0;
 }
 .table-responsive>.table-bordered>tbody>tr:last-child>td,
 .table-responsive>.table-bordered>tbody>tr:last-child>th,
 .table-responsive>.table-bordered>tfoot>tr:last-child>td,
 .table-responsive>.table-bordered>tfoot>tr:last-child>th {
  border-bottom:0;
 }
} 


.table-striped > tbody > tr:nth-of-type(2n+1){
  background: #F9F3F0;
}

/* label fix */
.label-block.label-right, .label-block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 10px;    
}

.label-block .product-badget {
    margin: 5px;
}

.label-block .product-badget.new {
    background-color: var(--color-success);
    box-shadow: 0 8px 16px 0 rgba(62, 183, 94, 0.3);
}

.label-block .product-badget.popular {
    background-color: var(--color-primary);
    box-shadow: 0 8px 16px 0 rgb(255, 99, 23);
}

.label-block .product-badget.favorite {
    background-color: var(--color-chart01);
    box-shadow: 0 8px 16px 0 rgba(137, 107, 167, 0.3);
}

.label-block .product-badget.stock {
    background-color: #0dcaf0;
    box-shadow: 0 8px 16px 0 #0dcaf0a3;
}



.single-product-thumbnail .thumbnail img{
    border-radius: 25px;
}


/* для элемента input c type="checkbox" */
.custom-checkbox>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox>span {
  display: inline;
  align-items: center;
  user-select: none;
  font-size: 14px;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox>span::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox>input:not(:disabled):not(:checked)+span:hover::before {
  border-color: #b3d7ff;
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox>input:not(:disabled):active+span::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox>input:focus+span::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox>input:focus:not(:checked)+span::before {
  border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox>input:checked+span::before {
  border-color: #0b76ef;
  background-color: #0b76ef;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox>input:disabled+span::before {
  background-color: #e9ecef;
}


* для элемента input c type="radio" */
.custom-radio>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label связанного с .custom-radio */
.custom-radio>span {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio>span::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

/* стили при наведении курсора на радио */
.custom-radio>input:not(:disabled):not(:checked)+span:hover::before {
  border-color: #b3d7ff;
}

/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio>input:not(:disabled):active+span::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

/* стили для радиокнопки, находящейся в фокусе */
.custom-radio>input:focus+span::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.custom-radio>input:focus:not(:checked)+span::before {
  border-color: #80bdff;
}

/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio>input:checked+span::before {
  border-color: #0b76ef;
  background-color: #0b76ef;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio>input:disabled+span::before {
  background-color: #e9ecef;
}


input[name="price"] {
    font-size: var(--font-size-b2);
    font-weight: 400;
    height: auto;
    line-height: 40px;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    padding: 0;
    margin-left: 5px;
    text-align: center;
}

.header-action a.phone {
    font-weight: 700;
    font-size: 15px;
    color: var(--color-primary);
}

.header-action a.phone:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

#seo {
    border: 2px solid #0d6efd;
    padding: 20px 15px;
}

#seo p {
    margin: 5px 0;
}

#seo ul {
    margin-bottom: 5px;
}

#seo ul>li {
    margin: 0;
}

#seo a {
    color: #0d6efd;
    font-weight: bold;
}

#seo a:hover {
    text-decoration: underline;
}


.slick-next::before, .slick-prev::before {
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #292930;
}

.axil-product.product-style-one.mb--30 {
   background-color: #292930;
   border: 1px solid #292930;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #ff6317;
  border-color: #ff6317;
}

.price-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 30px;
}

.price_offer {
    width: 100%;
}

.price_offer_desc {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    color: #000;    
}

.price_offer_value {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

/*disable */
.tooltip{
   font-size: 12px;
   display: none;
}

.thumbnail .c-shadow {
  border: 2px solid #55555b1a;
  border-radius: 25px;
  padding: 5px;
}

#seo {
    border: 2px solid #0d6efd;
    padding: 20px 15px;
}

#seo p {
    margin: 5px 0;
}

#seo ul {
    margin-bottom: 5px;
}

#seo ul>li, #seo ol, #seo ol>li {
    margin: 0;
}

#seo a {
    color: #0d6efd;
    font-weight: bold;
}

#seo a:hover {
    text-decoration: underline;
}

#seo h2, h3, h4 {
    font-size: 18px;
    margin: 10px 0;
}

#content p {
    margin: 10px 0;
}

#content ul {
    margin: 0 0 0 15px;
}

#content a {
    color: var(--color-primary);
}

.axil-single-widget.widget_archive{
    background-color: #f8f8f8;
    border: 1px solid #222;
    border-radius: 0;
}

.quick-view-product .modal-dialog {
    max-width: 500px;
}


.product-badget.stock.py-2 {
    line-height: 1;
    padding: 6px 10px 5px;
    font-size: 12px;
    background-color: red;
}


/* ===== CARD ===== */

.route-card__media {
    position: relative;
    overflow: hidden;
}

.route-card__image {
    display: block;
    width: 100%;
    height: auto;
}

/* ===== TITLE ===== */

.route-card__title {
    position: absolute;
    bottom: 12px;
    left: 12px;

    color: #fff;
    font-size: 16px;
    font-weight: 600;

    padding: 6px 12px;

    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);

    z-index: 2;
}

/* ===== PLAY ===== */

.route-card__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 70px;
    height: 70px;
    border-radius: 50%;

    background: rgba(0, 0, 0, 0.7);
    border: none;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
    z-index: 3;

    transition: 0.3s;
}

.route-card__play:hover {
    transform: translate(-50%, -50%) scale(1.1);
    background: rgba(0, 0, 0, 0.9);
}

.route-card__play-icon {
    width: 0;
    height: 0;
    border-left: 18px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

/* ===== MODAL ===== */

.video-modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999;
}

.video-modal--active {
    display: block;
}

.video-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.85);
}

.video-modal__content {
    position: relative;
    z-index: 2;

    max-width: 420px;
    margin: 60px auto;
}

.video-modal__frame {
    width: 100%;
    aspect-ratio: 9 / 16;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
}

.video-modal__frame iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.video-modal__close {
    position: absolute;
    top: -40px;
    right: 0;

    font-size: 32px;
    color: #fff;

    background: none;
    border: none;
    cursor: pointer;
}

/* ===== MOBILE ===== */

@media (max-width: 576px) {
    .route-card__play {
        width: 55px;
        height: 55px;
    }

    .route-card__play-icon {
        border-left: 14px solid #fff;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }

    .video-modal__content {
        max-width: 90%;
        margin: 40px auto;
    }
}