.d-flex {
    display: flex
}

.justify-content-center {
    justify-content: center;
}

.justify-content-start {
    justify-content: start;
}

.pb-3 {
    padding-bottom: 1rem!important;
}

.flex-column {
    flex-flow:column
}

.fs-7 {
     font-size: 0.9rem !important
 }

 .fs-8 {
     font-size: 0.8rem !important
 }

 .fs-9 {
     font-size: 0.7rem !important
 }

 .fs-10 {
     font-size: 0.6rem !important
 }

 .toggler-icon-close,
 .js-drop_down-btn .toggler-icon-close {
     display: none !important
 }

 .js-drop_down-btn.active .toggler-icon-close {
     display: flex !important
 }

 .js-drop_down-btn.active .navbar-toggler-icon {
     display: none !important
 }

 .min-h-80px {
     min-height: 80px
 }

 .max-h-0 {
     max-height: 0
 }

 .max-h-80px {
     max-height: 80px
 }

.max-w-250px {
    max-width: 250px;
}

.max-w-200px {
    max-width: 200px;
}

.max-w-300px {
    max-width: 300px;
}

.max-w-400px {
    max-width: 300px;
}

.border-left-light {
    border-left: 1px solid #f5f6f9 !important
}

.border-right-light {
    border-right: 1px solid #f5f6f9 !important
}

.border-xy-light {
    border-top: 1px solid #f5f6f9 !important;
    border-bottom: 1px solid #f5f6f9 !important
}

 .border-bottom-light {
     border-bottom: 1px solid #f5f6f9 !important
 }

 .border-bottom-gray {
     border-bottom: 1px solid #ebebeb !important
 }

 .border-top-gray {
     border-top: 1px solid #eeeeee !important
 }

 .border-top-light-gray {
     border-top: 1px solid #f5f6f9 !important
 }

 .border-x-light {
     border-left: 1px solid #f5f6f9 !important;
     border-right: 1px solid #f5f6f9 !important
 }

 .z-index-20 {
     z-index: 20
 }

 .z-index-10 {
     z-index: 10
 }

 .header_catalog-popup.active,
 .popup.active {
     display: flex !important
 }

.text-white {
    color: white;
}

 .text-blue-hover:hover {
     color: #4174ea !important
 }

 .bg-light-gray {
     background-color: #fafafa !important
 }

 .bg-gray {
     background-color: #f5f6f9 !important
 }

 .bg-blue {
     background-color: #0d6efd !important
 }

 .bg-blue-checked:checked[type=radio] {
     background-color: #0d6efd !important
 }

 .bg-light-blue-checked-hover:checked[type=radio]:hover {
     background-color: #4195ea !important
 }


 .bg-blue-hover:hover {
     background-color: #0d6efd !important
 }

 .bg-white-hover:hover {
     background-color: white !important
 }

 .bg-red {
     background-color: #ff2429 !important
 }

 .bg-light-red-hover:hover {
     background-color: #ff8484 !important
 }

 .bg-light-blue {
     background-color: #4195ea !important
 }

 .bg-light-blue-hover:hover {
     background-color: #4195ea !important
 }

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

 .text-white-hover:hover {
     color: #FFF !important
 }

 .background-color-transition-3s {
     transition: background-color .3s !important
 }

 .rounded-end-0 {
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important
 }

 .rounded-start-0 {
     border-top-left-radius: 0 !important;
     border-bottom-left-radius: 0 !important
 }

.text-blue {
     color: #0d6efd!important
 }

.text-blue {
     color: #0d6efd!important
 }

.text-light-green {
    color: #008000!important
}

 .text-light-blue-hover:hover {
     color: #4195ea !important
 }

 .fs-text-screen {
     font-size: calc(0.9rem + 0.1vw)
 }

 .fs-h3-screen {
     font-size: calc(1rem + 0.4vw)!important
 }

 .fs-h4-screen {
     font-size: calc(0.8rem + 0.4vw)!important
 }

 .bg-repeat-no {
     background-repeat: no-repeat
 }

 .bg-position-end {
     background-position: 90% 100%
 }

.h-100 {
    height: 100%;
}

 /* Высота */
 .h-700px {
     height: 700px
 }

 .h-800px {
     height: 800px
 }

 .h-600px {
     height: 600px
 }

 .h-400px {
     height: 400px
 }

 .h-200px {
     height: 200px
 }

 .h-150px {
     height: 150px
 }

 .h-125px {
     height: 125px
 }

 .h-100px {
     height: 100px
 }

 .h-80px {
     height: 80px
 }

 .h-70px {
     height: 70px
 }

 .h-60px {
     height: 60px
 }

 .h-50px {
     height: 50px
 }

 /* Конец высоты */
 .w-90 {
     width: 90%
 }

 .w-80 {
     width: 80%
 }

 .w-60 {
     width: 60%
 }

 .w-40 {
     width: 40%
 }

 .w-20 {
     width: 20%
 }

 .w-10 {
     width: 10%
 }

 .opacity-100-before-important:before {
     opacity: 1 !important
 }

 .opacity-100-hover-before-important:hover:before {
     opacity: 1 !important
 }

 .opacity-hover-5:hover {
     opacity: .5
 }

 .opacity-hover-time-05 {
     transition: opacity .5s
 }

 .bgr-size-contain {
     background-size: contain
 }

 .bgr-repeat-no {
     background-repeat: no-repeat
 }

 .bgr-position-center {
     background-position: center
 }

 .overflow-y-hidden {
     overflow-y: hidden
 }

 .z-index-100 {
     z-index: 100
 }

 .border-bottom-dashed {
     border-bottom: 1px dashed
 }

.plastic .border-blue {
     border-color: #0d6efd!important
 }

.plastic .border-light-blue-hover:hover {
     border-color: #4195ea!important 
 }

.w-400px {
     width: 400px
 }

.w-350px {
     width: 350px
 }

.w-300px {
     width: 300px
 }

 .w-200px {
     width: 200px
 }

 .w-150px {
     width: 150px
 }

.w-100 {
    width: 100%;
}

.w-100px {
     width: 100px
 }

.w-80px {
    width: 80px
}

.w-60px {
    width: 60px
}

 .w-50px {
     width: 50px
 }

 .w-30px {
     width: 30px
 }

 .w-20px {
     width: 20px
 }

 .top-auto {
     top: auto
 }

 .bottom-auto {
     bottom: auto
 }

 .bottom-10px {
     bottom: 10px
 }

 .bottom-0px {
     bottom: 0px
 }

 .top-10px {
     top: 10px
 }

 .top-0px {
     top: 0px
 }

 .top-4px {
     top: 4px
 }

 .right-10px {
     right: 10px
 }

 .right-4px {
     right: 4px
 }



 input.webkit-appearance-none::-webkit-outer-spin-button,
 input.webkit-appearance-none::-webkit-inner-spin-button {
     -moz-appearance: textfield;
     -webkit-appearance: none !important;
     margin: 0
 }

 .icon-opacity-1-hover-before-important:hover .icon:before {
     opacity: 1 !important
 }

 .cursor-pointer {
     cursor: pointer
 }

 .cursor-grabbing {
     cursor: grabbing
}

 .transition-easy-time-03 {
     transition: all 0.3s ease
 }

 .top-15px {
     top: 15px
 }

 .text-black.active {
     color: #4195ea !important
 }

 .object-fit-contain {
     object-fit: contain
 }

 .max-h-900px {
     max-height: 900px
 }

 .max-h-800px {
     max-height: 800px
 }

 .max-h-600px {
     max-height: 600px
 }

 .max-h-450px {
     max-height: 450px
 }

 .border-bottom-solid {
     border-bottom: solid
 }

 .dns-shadow {
     box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%)
 }

 .bg-very-light-blue {
     background-color: #b0cdfa
 }

 .bg-very-light-blue-hover:hover {
     background-color: #b0cdfa
 }

 .disabled {
     cursor: not-allowed
 }

.text-dark {
    color: #000000
}

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

 .text-light-red-hover:hover {
     color: #ff8484 !important
 }

.cursor-default {
    cursor: default;
}

.transition-color-3s {
    transition: color .3s, border-color .3s, border-color .3s !important;
}

.ms-first-child-0:first-child {
    margin-left: 0!important
}

.mx-minus-4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-first-child-0:first-child {
    margin-top: 0!important
}

.ps-5-first-0:first-child {
    padding-left: 0!important;
}

.ms-5-first-0:first-child {
    margin-left: 0!important;
}

.flex-basis-0 {
    flex-basis: 0;
}

.line-h-0 {
    line-height: 0!important;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.h-100px {
    max-height: 100px;
}

.max-h-100px {
    max-height: 100px
}

.min-h-100px {
    min-height: 100px
}

.h-200px {
    max-height: 200px
}

.max-h-200px {
    max-height: 200px
}

.min-h-200px {
    min-height: 200px
}

.arrow-1 {
    font-size: calc(5rem + 0.5vw);
    font-weight: 300;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.user-select-none {
    user-select:none;
}
.text-orange {
    color: #ff7e1f!important
}
.text-green {
    color: #33a531!important
}
.text-purple {
    color: #8508ac!important
}
.text-dark-yellow {
    color: #ffc604!important
}

.text-align-last-left {
  text-align-last: left;  
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.shadow-brown {
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(78, 9, 130, .2) 100%);
}

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

.overflow-hidden {
    overflow: hidden
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.d-none-temporary {
    display: none
}

@media (min-width: 576px) {
    
    .py-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }
    
    .px-6 {
        padding-right: 6rem!important;
        padding-left: 6rem!important
    }
    
    .px-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }
    
    .p-3 {
        padding: 1rem!important
    }
    
    .p-0 {
        padding: 0!important
    }

    .user-select-none {
        user-select: none
    }

    .pt-5 {
        padding-top: 3rem!important
    }
    
    .pt-4 {
        padding-top: 1.5rem!important
    }

    .pt-3 {
        padding-top: 1rem!important
    }

    .pt-2 {
        padding-top: 0.5rem!important
    }

    .pt-1 {
        padding-top: 0.25rem!important
    }
    
    
    .ps-5 {
       padding-left: 3rem!important
    }

    .ps-4 {
        padding-left: 1.5rem!important
    }

    .ps-3 {
        padding-left: 1rem!important
    }

    .pe-5 {
        padding-right: 3rem!important
    }
     
     
     
     .h-sm-700px {
         height: 700px
     }

     .h-sm-600px {
         height: 600px
     }

     .h-sm-200px {
         height: 200px
     }

     .h-sm-150px {
         height: 150px
     }

     .h-sm-125px {
         height: 125px
     }

     .h-sm-100px {
         height: 100px
     }

     .h-sm-50 {
         height: 50% !important
     }
     
     .w-sm-auto {
         width: auto !important
     }

     .w-sm-100 {
         width: 100% !important
     }

     .w-sm-80 {
         width: 80% !important
     }

     .w-sm-75 {
         width: 75% !important
     }

     .w-sm-60 {
         width: 60% !important
     }

     .w-sm-50 {
         width: 50% !important
     }

     .w-sm-40 {
         width: 40% !important
     }

     .w-sm-25 {
         width: 25% !important
     }

     .w-sm-20 {
         width: 20% !important
     }

     .fs-sm-7 {
         font-size: 0.9rem !important
     }

     .fs-sm-6 {
         font-size: 1rem !important
     }
    
    .w-40 {
        width: 40%
    }
    
    .w-30 {
        width: 30%
    }
    
    .top {
        top: 0
    }
    
    .mb-5 {
        margin-bottom: 3rem!important
    }
    
    .mb-4 {
        margin-bottom: 3rem!important
    }
    
    .mb-3 {
        margin-bottom: 1rem!important
    }
    
    .bottom-0 {
        bottom: 0
    }
    
    .mt-5 {
        margin-top: 3rem!important
    }
    
    .mt-4 {
        margin-top: 1.5rem!important
    }
    
    .ms-5 {
        margin-left: 3rem!important
    }
    
    .ms-4 {
        margin-left: 1.5rem!important
    }
    
    .me-5 {
        margin-right: 3rem!important;
    }
    
    .me-6 {
        margin-right: 6rem!important
    }
    
    .bgr-dark-green {
        background-color: #31979a;
    }
    
 }

 @media (min-width: 768px) {
     .h-md-700px {
         height: 700px
     }

     .h-md-600px {
         height: 600px
     }

     .h-md-200px {
         height: 200px !important
     }

     .h-md-150px {
         height: 150px
     }

     .h-md-125px {
         height: 125px
     }

     .h-md-100px {
         height: 100px
     }

     .h-md-50 {
         height: 50% !important
     }
     
     .w-md-auto {
         width: auto !important
     }

     .w-md-100 {
         width: 100% !important
     }

     .w-md-80 {
         width: 80% !important
     }

     .w-md-75 {
         width: 75% !important
     }

     .w-md-60 {
         width: 60% !important
     }

     .w-md-50 {
         width: 50% !important
     }

     .w-md-40 {
         width: 40% !important
     }

     .w-md-25 {
         width: 25% !important
     }

     .w-md-20 {
         width: 20% !important
     }

     .fs-md-7 {
         font-size: 0.9rem !important
     }

     .fs-md-6 {
         font-size: 1rem !important
     }
 }

 @media (min-width: 992px) {
     .position-lg-relative {
         position: relative !important
     }

     .h-lg-700px {
         height: 700px
     }

     .h-lg-600px {
         height: 600px
     }

     .h-lg-200px {
         height: 200px
     }

     .h-lg-150px {
         height: 150px
     }

     .h-lg-125px {
         height: 125px
     }

     .h-lg-100px {
         height: 100px
     }

     .col-lg-1-4 {
         width: 14%
     }

     .w-lg-100 {
         width: 100% !important
     }

     .w-lg-80 {
         width: 80% !important
     }

     .w-lg-75 {
         width: 75% !important
     }

     .w-lg-60 {
         width: 60% !important
     }

     .w-lg-50 {
         width: 50% !important
     }

     .w-lg-40 {
         width: 40% !important
     }

     .w-lg-25 {
         width: 25% !important
     }

     .w-lg-20 {
         width: 20% !important
     }

     .fs-lg-7 {
         font-size: 0.9rem !important
     }

     .fs-lg-6 {
         font-size: 1rem !important
     }
    .ps-lg-4 {
        padding-left: 1.5rem!important;
     }
     .pe-lg-4 {
        padding-right: 1.5rem!important;
     }
     .justify-content-lg-start {
        justify-content: flex-start!important;
     }
 }

 @media (min-width: 1200px) {
     
     
    .top_big_banners.short_block .top_slider_wrapp .main-slider__item, .top_big_banners.short_block .top_slider_wrapp .main-slider__item td, .top_big_banners.short_block .top_slider_wrapp .main-slider {
        height: calc(10vw + 200px);
     }

     
     
     .ps-xl-5 {
        padding-left: 3rem!important;
     }
     .pe-xl-5 {
         padding-right: 3rem!important;
     }
     .h-xl-700px {
         height: 700px
     }

     .h-xl-600px {
         height: 600px
     }

     .h-xl-200px {
         height: 200px
     }

     .h-xl-150px {
         height: 150px
     }

     .h-xl-125px {
         height: 125px
     }

     .h-xl-100px {
         height: 100px
     }

     .w-xl-100 {
         width: 100% !important
     }

     .w-xl-80 {
         width: 80% !important
     }

     .w-xl-75 {
         width: 75% !important
     }

     .w-xl-60 {
         width: 60% !important
     }

     .w-xl-50 {
         width: 50% !important
     }

     .w-xl-40 {
         width: 40% !important
     }

     .w-xl-25 {
         width: 25% !important
     }

     .w-xl-20 {
         width: 20% !important
     }

     .fs-xl-7 {
         font-size: 0.9rem !important
     }

     .fs-xl-6 {
         font-size: 1rem !important
     }
     
     .w-xl-50 {
         width: 50%!important
     }
    .w-xl-30 {
         width: 30%!important
     }
    .text-xl-start {
         text-align: left!important;
     }
     .justify-content-xl-start {
         justify-content: flex-start!important;
    }
 }


@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}


/* Трясение */

.shake:hover {  
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: 0.8s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

/* end Трясение */

/* Крутые границы */

.cool-border-white {
    background: none;
    border: 0;
    box-sizing: border-box;
  }

  .cool-border-white::before,
  .cool-border-white::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform-origin: center; // Ensure scaling is done from the center (expands outwards)
  }

  .cool-border-white::before {
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    border-radius: 0.25rem;
    transform: scale3d(0,1,1); 
  }

  .cool-border-white::after {
    border-left: 2px solid white;
    border-right: 2px solid white;
    transform: scale3d(1,0,1);
  }

  .cool-border-white:hover::before,
  .cool-border-white:hover::after {
    transform: scale3d(1,1,1);
    transition: transform 0.5s;
  }

/* end Крутые границы */

/* Вращение круга */

.rotate {
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}




@keyframes rotate{
    from{ transform: rotate(-360deg); }
    to{ transform: rotate(360deg); }
}

/* end Вращение круга */


.fw-bold {
    font-weight: bold!important
}
.pe-20px {
    padding-right: 20px
}
.m-0 {
    margin: 0!important;
}

/* Изменение насыщенности */
.saturate:hover { 
-webkit-filter: saturate(1.2);
}