/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

.wrapper1 .header_wrap, .header-wrapper .logo_and_menu-row {
    z-index: auto;
}

.wraps>.wrapper_inner {
    z-index: auto;
}

.wrapp, .wrapper, .wrapper_inner {
    z-index: auto;
}

.basket_hover_block {
    z-index: 5;
}

@media only screen and (max-width: 1400px) {
  .header-wrapper .auth_wr_inner .name,
  .header-wrapper .sites__current,
  .header-wrapper .wrap_icon .title,
  .top-block.header-wrapper .auth_wr_inner .name {
    display: block;
  }
}

.red use {
  fill: red !important;
}

/*.top-block .header__top-item .svg:not(.iconset_icon--svg) svg use {

}*/

.custom-notification {

}

.custom-notification--show {
    z-index: 3000 !important;
    display: flex !important;
}

.custom-notification .popup {
    width: 850px;
    /*min-height: 300px;*/
    background-image: url('../images/popup-notification-bg.png');
    background-size: contain;
    background-position-x: left;
    background-repeat: no-repeat;
    border-radius: 3px;
}

@media screen and (max-width: 870px) {
    .custom-notification .popup {
        width: calc(100% - 20px);
    }
}

.custom-notification--show .popup {
    z-index: 3000;
    opacity: 1;
    display: block !important;
}

.custom-notification .body {
    padding-left: 320px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 40px;
}

@media screen and (max-width: 760px) {
    .custom-notification .popup {
        background-image: none;
    }
    .custom-notification .body {
        padding: 26px;
    }
}

.custom-notification .body h1 {
    font-size: 24px;
    margin-bottom: 16px;
}

.custom-notification .body p {
    margin: 0;
    margin-bottom: 8px;
}

.custom-notification .form_footer {
    margin-top: 16px;
}

@media screen and (max-width: 500px) {
    .custom-notification .body h1 {
        font-size: 18px;
    }
    .custom-notification .body p {
        font-size: 14px;
    }
}