/* Быстрое меню сервисов */
.fx_wrapper .new_menu{
  margin: 2.5px -2.5px 17.5px -2.5px !important;
  display: block !important;
  clear: both !important;
  width: 100% !important;
  overflow: hidden !important;
}

.fx_wrapper .new_menu .new_menu_link{
  float: left !important;
  width: 173px !important;
  max-width: 100% !important;
  height: 44px !important;
  padding: 0px 5px 0px 32px !important;
  background-color: #F1F1F1 !important;
  position: relative !important;
  margin: 2.5px !important;
  display: block !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
}

.fx_wrapper .new_menu .new_menu_link span{
  font-family: "pf_dindisplay_proregular" !important;
  font-size: 14px !important;
  line-height: 16px !important;
  color: #454444 !important;
  text-shadow: 1px 1px 1px #fff !important;
  -webkit-transition: all ease 0.3s !important;
     -moz-transition: all ease 0.3s !important;
      -ms-transition: all ease 0.3s !important;
       -o-transition: all ease 0.3s !important;
          transition: all ease 0.3s !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

.fx_wrapper .new_menu .new_menu_link:hover{
  background-color: #333030 !important; 
}

.fx_wrapper .new_menu .new_menu_link:hover span{
  color: #F1F1F1 !important;
  text-shadow: 1px 1px 1px transparent !important;
  -webkit-transition: all ease 0.3s !important;
     -moz-transition: all ease 0.3s !important;
      -ms-transition: all ease 0.3s !important;
       -o-transition: all ease 0.3s !important;
          transition: all ease 0.3s !important;
}

.fx_wrapper .new_menu .new_menu_link.active{
  background-color: #333030 !important; 
}

.fx_wrapper .new_menu .new_menu_link.active span{
  color: #F1F1F1 !important;
  text-shadow: 1px 1px 1px transparent !important;
  -webkit-transition: all ease 0.3s !important;
     -moz-transition: all ease 0.3s !important;
      -ms-transition: all ease 0.3s !important;
       -o-transition: all ease 0.3s !important;
          transition: all ease 0.3s !important;
}

.new_menu_link:before{
  content: "";
  width: 0;
  visibility: hidden;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.fx_wrapper .new_menu [data-icon*="new_icon"] i{
  position: absolute !important;
  top: 50% !important;
  margin-top: -10.5px !important;
  left: 7px !important;
  width: 18px !important;
  height: 21px !important;
  background-repeat: no-repeat !important;
  background-position: 0 50% !important;
  display: block !important;
}

.fx_wrapper .new_menu [data-icon="new_icon1"] i{
  background-image: url(../images/new_icon1.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon1"]:hover i{
  background-image: url(../images/new_icon1_hover.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon2"] i{
  background-image: url(../images/new_icon2.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon2"]:hover i{
  background-image: url(../images/new_icon2_hover.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon3"] i{
  background-image: url(../images/new_icon3.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon3"]:hover i{
  background-image: url(../images/new_icon3_hover.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon4"] i{
  background-image: url(../images/new_icon4.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon4"]:hover i{
  background-image: url(../images/new_icon4_hover.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon5"] i{
  background-image: url(../images/new_icon5.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon5"]:hover i{
  background-image: url(../images/new_icon5_hover.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon6"] i{
  background-image: url(../images/new_icon6.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon6"]:hover i{
  background-image: url(../images/new_icon6_hover.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon7"] i{
  background-image: url(../images/new_icon7.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon7"]:hover i{
  background-image: url(../images/new_icon7_hover.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon8"] i{
  background-image: url(../images/new_icon8.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon8"]:hover i{
  background-image: url(../images/new_icon8_hover.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon9"] i{
  background-image: url(../images/new_icon9.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon9"]:hover i{
  background-image: url(../images/new_icon9_hover.png) !important;
  background-position-x: calc(50% + 1px) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon10"] i{
  background-image: url(../images/new_icon10.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon10"]:hover i{
  background-image: url(../images/new_icon10_hover.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon11"] i{
  background-image: url(../images/new_icon11.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon11"]:hover i{
  background-image: url(../images/new_icon11_hover.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon12"] i{
  background-image: url(../images/magazine.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon12"]:hover i{
  background-image: url(../images/magazine_hover.png) !important;
}

.fx_wrapper .new_menu [data-icon="new_icon14"] i{
  background-image: url(../images/new_icon14.png) !important;
  background-size: 16px !important;
}

.fx_wrapper .new_menu [data-icon="new_icon14"]:hover i{
  background-image: url(../images/new_icon14_hover.png) !important;
}

.fx_wrapper .new_menu [data-stiker]:after{
  position: absolute !important;
  content: attr(data-stiker) !important;
  top: 0 !important;
  right: 0 !important;
  width: 24px !important;
  height: 12px !important;
  background-color: #FF1616 !important;
  color: #fff !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: bold !important;
  font-size: 9px !important;
  line-height: 12px !important;
  padding: 0 2px !important;
  text-align: center !important;
  text-shadow: none !important;
}
