/* Шапка сайта */

body {
    font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */
    margin: 0 auto; /* Значения отступов */
   }

   h1 {
    font-size: 22px; /* Размер шрифта */
    margin-top:0;
    margin-left:5px;
    margin-bottom:5px;
    color: #000; /* Цвет текста */
   }

   h2 {
    font-size: 18px; /* Размер шрифта */
    margin-top: 0; /* Убираем отступ сверху */
   }

   a {
	 color: blue;
   text-decoration:none;
   outline: none;
}
   //a:hover {
	// color: #fc6600;
  // text-decoration:underline;
  // cursor: pointer;
//}

   #content { /* Правая колонка */
    padding: 5px; /* Поля вокруг текста */
    border: 0px solid #333; /* Параметры рамки */
   }

   #header { /* Верхний блок */
   background: #006395; /* Цвет фона */
   padding: 10px 15px 10px 10px; /* Поля вокруг текста */
   display: flex;
   position:relative;
   }

   #def_block {
   position:relative;
   z-index:1;
   }
   
   /* Скрываем скрол */
  .sb_scroll_hide {
	 position:relative;
   bottom:8px;
   background:#fff;
   width:100%;
   height:8px;
   border:0px solid #000;
	 }

   .head_elem_style {
   color:#fff;
   font-size:150%;
   cursor: pointer;
   }

   .head_elem_block {
   padding-left:10px;
   flex-grow:0;
   border: 0px solid #fff;
   outline: none;
   }

   .basket-nums-container {
   position: absolute;
   right:8px;
   top:5px;
   width: 15px;
   height: 15px;
}

   .basket-nums {
   position: absolute;
   height: 14px;
   width: 14px;
   color: #fff;
   background-color:#FD7402;
   border-radius:50%;
   font-size: 10px;
   font-weight: 700;
   line-height: 15px;
   text-align: center;
}

   .position_right {
   flex-grow:1; /* Масштабирует блок на ширину страницы с учетом соседних элементов */
   }

   .tel_main_block {
   display:none;
   position: absolute;
   left: 1px;
   right: 1px;
   border: 0px solid #000;
   z-index:4;
   }

    a:hover, .tel_main_block {
    TEXT-DECORATION: none;
   }

   .tel_item_block, .tel_item_block_p5 {
   margin:3px 0;
   background: #fff;
   color:#0080c0;
   font-weight: bold;
   border:0px solid #000;
   display:flex;
   justify-content:center;
   }

   .tel_item_block_p5 {
   padding:5px 0;
   cursor: pointer;
   }

   .social_item_block {
   padding:5px 10px;
   border: 0px solid red;
   color:#0080c0;
   }
   
   .padding_right_5 {
   padding-left:0px;
   padding-right:5px;
   }

   .tel_icon_style {
   color: #0080c0;
   padding-right:5px;
   }

   .icon_correct_t2 {
   position:relative;
   top:2px;
   }

    .icon_correct_t3 {
   position:relative;
   top:3px;
   }

   .icon_correct_t3_r3 {
   position:relative;
   top:3px;
   right:3px;
   }

   .icon_correct_t1_r5 {
   position:relative;
   top:1px;
   padding-right:5px;
   }

   .icon_correct_t1_r7_l2 {
   position:relative;
   top:1px;
   padding-right:7px;
   padding-left:2px;
   }


   .icon_correct_t2_r5 {
   position:relative;
   top:2px;
   padding-right:5px;
   }

   .icon_correct_t2_l5 {
   position:relative;
   top:2px;
   padding-left:5px;
   }

   .icon_correct_t6 {
   position:relative;
   top:6px;
   }

   .block_correct_t5 {
   margin-top:5px;
   }

   #modal-bg {
   display:none;
	 background:#1e1e1e;
	 bottom:0;
	 left:0;
	 position:fixed;
	 right:0;
	 top:0;
	 opacity:.6;
	 z-index:2;
}

   #search_block {
   position:relative;
   z-index:3;
   display:none;
   }

   #search {
   background:green;
   }
  
   .search_form {
   padding:2px;
   margin-left:-10px;
   width: 100%;
   border: 4px solid #fff;
   border-radius: 4px 0 0 4px;
   color: #6C6C6C;
   font-size:18px;
   position:relative;
}

  .search_form:focus {
  outline: none;
  border-color:none;
}

   input[type=text] + .icon-cancel2 {
   color:#6C6C6C;
   position:absolute;
   right:50px;
   top:13px;
}

  .search_error::-webkit-input-placeholder { color: #FF3300; }
  .search_error:-ms-input-placeholder { color: #FF3300; }
  .search_error::-ms-input-placeholder { color: #FF3300; }
  .search_error::placeholder { color: #FF3300; }
  
/* END Шапка сайта */


/* Фильтры товаров в модальном окне */

    .filter_flexbox {
    display:flex;
    justify-content:center; /* Отцентровка элементов по центру горизонтали */
    gap:5px; /* Оступ от элементов со всех сторон */
    margin-top:-10px;
    color:#777;
    font-weight:bold;
    cursor:pointer;
}

    .filter_item {
    margin-bottom:5px;
    padding:5px 0;
    border:2px solid #f1f1f1;
    width:47%;
    background:#f8f8f8;
    text-align:center;
}

    .filter_modal_box, .sort_modal_box {
    position:fixed;
    left:-80%;
    top:0;
    bottom:0;
    width:80%;
    background:#ececec;
    z-index:100;
    overflow:hidden;
    overflow-y: auto;
    }

    .filter_modal_header, .sort_modal_header {
    display:flex;
    flex-direction: row;
    background:#f8f8f8;
    font-weight: 700;
    font-size: 20px;
    color: #9a9a9a;
    text-transform: uppercase;
    border-bottom:1px solid #FFCD8A;
    }

    .filter_modal_name, .sort_modal_name {
    padding:13px 0 13px 15px;
    flex-grow:1;
}

     .filter_modal_close, .sort_modal_close {
     flex-grow:0;
     cursor:pointer;
     padding:13px 10px;

     }

    .filter_modal_show_anim {
    animation: .2s linear 0s modal_anim;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    }

    .filter_modal_close_anim {
    animation: .2s linear 0s modal_anim2;
    animation-fill-mode: forwards;
    animation-iteration-count:1;
    }

    @keyframes modal_anim {
  0% {
    opacity: 0;
    transform: translate(-100%, 0);

  }
  100% {
    opacity: 1;
    transform: translate(100%, 0);

  }
}

 @keyframes modal_anim2 {
  0% {
    opacity: 1;
    transform: translate(100%, 0);

  }
  100% {
    opacity: 0;
    transform: translate(0, 0);

  }
}

.category-submenu-item {
  color: #484848;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 700;
  cursor:pointer;
}

 .sort-menu-item {
  color: #006395;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 700;
  cursor:pointer;
}

 .category-submenu-block {
  display:inline-block;
  width:90%;
  margin: 0 auto;
  padding: 5px 0 5px 10px;
  border-bottom:1px solid #FFCD8A;
}

  .category-item_inline {
  display:inline-block;
  float:right;
  }

  .pointer {
  cursor: pointer;
  }
/* END Фильтры товаров в модальном окне */
  
  
/* Подвал сайта */

   a.footer { /* Нижний блок */
   background: #333; /* Цвет фона */
   margin-top: 1px; /* Поля вокруг текста */
   display:flex;
   color: #fff; /* Цвет текста */
   }

  //a:hover.footer {
  //color: #fc6600;
  //text-decoration:none;
//}

   .footer_menu_left {
   flex-grow:1;
   padding:5px 20px;
}

   .footer_menu_right {
   flex-grow:0;
   padding:5px 20px;
}
/* END Подвал сайта */