.fixed_block .btn:hover{

  color: white;

  opacity: .6;

}



.dropdown-toggle::after{

  display: none !important;

}

.logo_fixed {

  display: none;

}



.fixed_block.fixed .logo_fixed{

  display: block;

  transition: 0.2s;

}



.product-item-scu-item-text-container { min-width: 15px; }



.fixed_block.fixed .line_before_menu {

  display: none !important;

}



.form-control:focus {

  border-color: #AEAEAE;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .3);

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .3);

}



@media (min-width: 1200px){

  .container, .container-sm, .container-md, .container-lg, .container-xl {

    max-width: 1300px !important;

  }

}



.kol{

  font-size: 11px;

  position: absolute;

  margin-left: 2px;

  /*bottom: 0;*/

}



.new_scroll_index {

  overflow-x: auto;

  overflow-y: hidden;

  /*height: 600px;*/

  max-height: 400px;

}



.new_scroll_index .col_my {

  min-width: 300px;

}



#tab_new a {

  padding-bottom: 10px;

  margin-bottom: 10px;

}



#tab_new a.active {

  color: black !important;

  border-bottom: solid black 1px;

}





.badge-light{

  background: rgba(0,0,0, .06);

  border-radius: 5px;

}



.dropdown-item {

  white-space: normal;

}



.btn:focus {

  box-shadow: none !important;

  outline: 0 none !important;

}



@media (min-width: 1200px){

  .container {

    width: 1300px !important;

  }

}



body {

  /*position: relative;*/

  overflow-x:hidden;

}





.sticky-top{

 top: 50px;

 z-index: 100;

}



@media (max-width: 750px) {

  .modal-open .sticky-top {

   opacity: 0;

 }

 .sticky-top{

   top:30px;

 }

}  



a:hover {

  text-decoration: none;

}



.search_fav a{

 text-decoration: none !important;

}





.main_menu_gorizontal {

 margin: 15px 0;

}



input[type="checkbox"]+div,  input[type="radio"]+div{ display: inline-block; }



a.go_top {

  position: fixed;

  bottom: 25px;

  right: 15px;

  cursor: pointer;

  display: none;

  z-index: 9999;

  width: 45px;

  height: 45px;

  text-align: center;

  background: #ffd201;

  color: #999;

  padding: 12px 0;

  color: black !important;

  border-radius: 50%;

}





.footer, .footer a{

  color: black !important;

  font-size: 13px;

}

.footer, .footer .footer_menu a{

  opacity: .7;

}



.footer .social a {

 display: inline-block;

 font-size: 20px;

 text-align: center;

 margin-right: 20px;

}



/*--------------------------------*/





/*           .menu_top .dropdown.hover:hover>.dropdown-menu { 

             display: block !important; 

             } */

             .dropdown-menu {

               min-width: 12em !important;

             }

             /*-----------------------------------------------------*/

             /*--------------------- header ------------------------*/

             /*-----------------------------------------------------*/



             .fixed_block.position-absolute {

              z-index: 1000;

              top: 0;

              width: 100%;

            }



            .fixed_block .logo.dark

            { display: none; }



            .fixed_block.fixed .logo.dark

            { display: inline-block; }



            .fixed_block.fixed .logo

            { display: none; }



            .fixed_block.noindex{

              color: white;

              padding-bottom: 0;

            }

            .fixed_block{

              color: white;

              padding-bottom: 100px;

            }



            .fixed_block.fixed{

              color: black;

              padding-bottom: 0;

              /*box-shadow: 0 0 30px rgba(0,0,0, .2)*/

            }



            .fixed_block ul>li>a, .fixed_block ul>a {

              color: white;

            }



            .fixed_block ul>li>a+ul a{

              color: black;

            }



            .fixed_block.fixed ul>li>a, .fixed_block.fixed ul>a, .fixed_block.fixed a {

              color: black;

            }



            .breadcrumb_my {

              padding-top: 250px;

            }

            .fixed_block .header_top{

              margin-top: 0;

              transition: 0.2s;

            }



            .fixed_block.fixed .header_top{

              margin-bottom: 0px;

              transition: 0.2s;

            }



            .fixed_block.fixed .container-fluid{

              transition: 0.2s;



            }







            header .panel i.bi {

              font-size: 20px;

            }



            header a{

              color: white;

            }



/*            header a:hover, header a:focus, header a:active{

              color: white !important;

              opacity: .7;

            }

            */

            header.fixed a:hover, header.fixed a:focus, header.fixed a:active{

              color: black !important;

              opacity: .7;

            }





            header.noindex a:hover, 

            header.noindex a:focus, 

            header.noindex a:active,

            header .dropdown-menu a:hover,

            header .dropdown-menu a:focus,

            header .dropdown-menu a:active

            {

              color: black !important;

              opacity: .6;

            }



            header .top_social a{

              font-size: 18px;

              padding: 0 5px;

            }



            /*                NoIndex               */



            .fixed_block.noindex {

              background: white !important;

              /*border-bottom: 1px solid rgba(0,0,0, .1);*/

              /*padding-bottom: 30px;*/

            }



            .fixed_block.fixed-top.noindex {

              /*z-index: 0 !important;*/

            }



            .fixed_block.fixed-top.noindex.fixed {

              /*z-index: 10 !important;*/

            }





            .fixed_block.noindex .header_top{



              margin-bottom: 0;

            }



            .fixed_block.noindex.fixed {

              padding-bottom: 0;

            }





            .fixed_block.noindex .logo {

              display: none;

            }

            .fixed_block.noindex .logo.dark {

              display: inline-block !important;

            }



            .fixed_block.noindex{

              color: black !important;

            }





            .fixed_block.noindex ul>li>a+ul a,

            .fixed_block.noindex a

            {

              color: black;

            }



            .fixed_block.noindex .header_top>div {

              /*border-bottom: 1px solid rgba(0,0,0, .1);*/

            }







            @media (max-width: 750px) {



              header .flex-header {

               /*display: block !important;*/

               height: 80px;

               color: white;  



             }



             .logo img {

              margin-bottom: 25px;

              width: 150px;

              margin-left: 20px;

            }



            header .flex-header .logo {

             text-align: center;

             padding: 20px 0 10px;

             float: left;



           }



           header .flex-header .phone {

             text-align: right;

             font-size: 13px;

             font-weight: normal;

             line-height: 12pt;

           }



           header .cart {

             margin-top: 40px;

             text-align: center;

             position: absolute;

             top: -31px;

             right: 40px;

             z-index: 100;

           }



           header .cart a {

             font-size: 20px;

             /* text-transform: uppercase; */

             text-decoration: none;

             color: white !important;

             padding: 0;

             border: none;

             margin: -5px 20px;

           }



           header .cart a .kol {

             font-size: 11px;

             background: red;

             padding: 5px 10px;

           }



           .menu_mobile {

            padding: 10px;

            border-bottom: 1px solid rgba(255,255,255, .1)

          }





          .menu_mobile a{

            font-size: 18px;

            text-decoration: none;

            margin-right: 10px;

          }



          .menu .modal-content .btn {

            font-size: 18px; 

            padding: 10px 20px;

            margin: 0 0 6px;

            position: absolute;

            right: 0;

            top: 10px;

            background: none;

            z-index: 100000;

          }



        }





        /*            Modal           */

        .modal *[aria-label="Close"] {

          font-size: 30px;

          position: absolute;

          right: 15px;

          top: 10px;

          cursor: pointer;

        }



        .modal.menu *[aria-label="Close"] {

          font-size: 30px;

          position: absolute;

          right: 15px;

          top: 10px;

          cursor: pointer;

        }



        .modal-content {

          z-index: 11000000 !important;

        }

        .nm { margin: 0 !important; }



        #form_search   .modal-dialog {

          max-width: 1200px;

        }



        #form_search .modal-content {

          background: none;

          border: none;

        }











        /*********************************************************************************/



        #modal_menu .modal-dialog{

          width: 100% !important;

          height: 100vh;

        }

        #modal_menu .modal-body{

          width: 100% !important;

          height: 100vh;

          background: white;

        }



/*.modal.menu {

position: absolute;

left: 0; right: 0; top: 0; bottom: 0;

}*/



.modal.menu .modal-dialog {

  /*position: fixed;*/

  width: auto;

  margin: 0;

  left: 0;

  pointer-events: none;

  width: 100%;

  font-size: 14px;

  pointer-events: auto;

  opacity: .8;



}



.modal.menu .modal-content {

  position: fixed;

  top: 0;

  right: 0 !important;

  border: none;

  /*height: 100vh;*/

  border-radius: 0;

  padding: 0 0 0 30px;

}

.modal.menu  .close {

  text-shadow:none;

  opacity: .5;

  font-size: 60px;

}

.modal.menu .modal-body::-webkit-scrollbar {

  width: 10px;

}



.modal.menu .modal-body::-webkit-scrollbar-thumb {

  background: rgba(255, 255, 255, 0.3);

}



.modal.menu .modal-body::-webkit-scrollbar-track {

  background: rgba(255, 255, 255, .1);

}

.modal.menu .modal-body {

  padding: 0;

  /*height: calc(90vh - 40px);*/

  overflow: auto;

}



.modal.menu .modal-content {

  background: rgba(255,255,255, 1);

  z-index: 1000000

}



@media (min-width: 576px){

  .modal-dialog {

    max-width: 600px;

  }



  .modal-dialog.modal-xl {

    max-width: 900px;

  }



}



.modal-backdrop.show {

  z-index: 1040;

}



/*#modal_menu.fade2 {

    transform: scale(0.9);

    opacity: 0;

    transition: all .3s linear;

    display: block !important;

    z-index: -1 !important;

}



#modal_menu.fade2.show {

    opacity: 1;

    transform: scale(1);

      z-index: 1000000 !important;

}

*/





.modal.fade .modal-dialog {

 -webkit-transform: scale(0.1);

 -moz-transform: scale(0.1);

 -ms-transform: scale(0.1);

 transform: scale(0.1);

 top: 300px;

 opacity: 0;

 -webkit-transition: all 0.4s;

 -moz-transition: all 0.4s;

 transition: all 0.4s;

}



.modal.fade.show .modal-dialog {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transform: translate3d(0, -300px, 0);

  transform: translate3d(0, -300px, 0);

  opacity: 1;

}



@media (min-width: 576px){

  .modal.menu  .modal-dialog {

   max-width: 100% !important; 

   margin:0 important;

 }

}



/*.modal.fade:not(.in) .modal-dialog {

    -webkit-transform: translate3d(25%, 0, 0);

    transform: translate3d(25%, 0, 0);

    }*/

    #share.show_no {

      left:-450px !important;

      transition: all .4s linear;

    }

    #share.show_yes {

      left: -50px !important;

      /*opacity: 1;*/

      transition: all .4s linear;

    }



    html.noscroll {

      position: fixed; 

      overflow-y: scroll;

      width: 100%;

    }



    #to_right{

      cursor: pointer;

    }

    #to_right:before {

      font-family: "bootstrap-icons";

      content:"\F3E1";

      /*padding: 4px 0 0 0;*/

      position: absolute;

    }

    #to_right.active:before {

      font-family: "bootstrap-icons";

      content:"\F659";

    }

    

    #to_right span{ padding-left: 25px }



    #share::-webkit-scrollbar {

      width: 7px;

    }



    #share::-webkit-scrollbar-thumb {

      background: rgba(0, 0, 0, 0.3);

      /*margin-right: -2px !important;*/

    }



    #share::-webkit-scrollbar-track {

      background: rgba(0, 0, 0, .05);

    }



    .size_radio input[type='radio'] {

      display: none;

    }

    .size_radio input[type='radio']+label  {

     border: 1px solid #dee2e6;

     padding: 0 3px 0 5px;

     border-radius: 5px;

     cursor: pointer;

   }

   .size_radio input[type='radio']:checked+label {

    background: #EEE;

    border-color: #EEE;

  }



  .col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th, .col-xl-5th {

    position: relative;

    width: 100%;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

  }

  @media (min-width: 576px) {

    .col-sm-5th {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 20%;

      flex: 0 0 20%;

      max-width: 20%;

    }

  }

  @media (min-width: 768px) {

    .col-md-5th {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 20%;

      flex: 0 0 20%;

      max-width: 20%;

    }

  }

  @media (min-width: 992px) {

    .col-lg-5th {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 20% !important;

      flex: 0 0 20% !important;

      max-width: 20%;

    }

  }

  @media (min-width: 1600px) {

    .col-xl-5th {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 20% !important;

      flex: 0 0 20% !important;

      max-width: 20% !important;

    }

  }



  span.shildiki {

    position: relative;

    top: 0;

    left: 0;

    display: inline-block;

    text-align: left;

    color: white;

  }



  div.shildiki {

    position: absolute;

    top: 25px;

    left: 10px;

    display: inline-block;

    text-align: left;

    color: white;

    z-index: 95;

  }

  .shildiki span, .shildiki div

  {

    font-size: 11px;

    padding: 4px 5px;

    border-radius: 3px;

  }

  .shildiki div {

    margin-bottom: 2px;

    border-radius: 3px;

  }





  .shildiki .new { background: #00AD58;}

  .shildiki .hit { background: #FF8300;}

  .shildiki .akciya { background: #ff00f7;}

  .shildiki .recom { background: #007FFF;}





  .popup-window {

    position: fixed !important;

    right: 20px !important;

    left: 80% !important ;

    top: 120px !important ;

    border-radius: 10px;

    padding: 10px 20px 10px !important;

    box-shadow: 0 0 20px rgba(0,0,0, .3)

  }



  .popup-window-content p{

    margin-top: 15px;

    font-size: 15px;

  }



  .popup-window-close-icon.popup-window-titlebar-close-icon.--large, .popup-window-titlebar-close-icon {

    top: 20px !important;

    right: 15px !important;

  }



  .popup-window-buttons {

    padding-top: 0 !important

  }



  .new_scroll_index.main_menu_item .product-item {

    padding-top: 0;

  } 



  .new_scroll_index.main_menu_item {

    overflow-x: hidden;

    overflow-y: hidden;

    height: auto;

  }



  .new_scroll_index.main_menu_item .catalog-section{

    margin-bottom: 0 !important;

  }



  .new_scroll_index.main_menu_item .shildiki{

    display: none;

  }



  .video {

    width: 100%;

    position: relative;

    padding-top: 56.25%;

  }

  .video iframe, .video object, .video embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

  }

    header .menu_catalog_top a:hover {

      color: white;

    }



  @media (max-width: 1200px) {



/*    .fixed-top {

     position: relative;

     }*/

     .fixed-top.fixed {

      background: white !important;

      top: -37px;

      transition: 0.2s;

    }

     .fixed-top.fixed.noindex {

      top: -42px;

      transition: 0.2s;

    }

    .fixed-top.fixed .menu_catalog_top {

      min-height: 0px !important;

    }

    .fixed_block.fixed .header_top{

      margin-top: 0px !important;

    }

    .breadcrumb_my {

      padding-top: 110px;

    }



    .col-2 .panel {

      padding: 5px 25px 5px 0;

      position: fixed;

      bottom: 0; 

      left: 0; 

      width: 100%; 

      background: black !important;

      text-align: center !important;

      color: white !important;

    }



    .fixed .col-2 .panel,

    .fixed .col-2 .panel a,

    .noindex .col-2 .panel a,

    {

      color: white !important;

    }

/*.fixed_block.noindex a {

    color: black !important;

    }*/

    .panel a{

      color: white !important;

    }



    .px-xl-5.bg-white.sticky-top {

      top: 50px !important;

    }

  }