/**
*  @author Surton
*  @date 13.07.2018
*  @section social-nav
*/

.header-nav__list-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
  height: 40px;
  padding-right: 10px;
}

.header-nav__list-social .social-icon {
  display: block;
  height: 40px;
  width: 45px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: background-color .2s;
  -o-transition: background-color .2s;
  transition: background-color .2s;
  cursor: pointer;
}

.header-nav__list-social .social-icon:hover {
  background-color: rgba(15, 69, 199, 0.1);
}

.header-nav__list-social--abitur .social-icon:hover {
  background-color: #ffedda;
}

.fine-vision .header-nav__list-social .social-icon:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
 
 
 
 
.header-nav__list-social .social-icon.rutube-icon {
  background-image: url(../../img/social/rutube-icon.svg);
  -webkit-background-size: 50% 50%;
  background-size: 50%;
}

.fine-vision .header-nav__list-social .social-icon.rutube-icon {
  background-image: url(../../img/social/rutube-black-icon.svg);
}

.fine-vision .header-nav__list-social .social-icon.rutube-icon:hover {
  background-image: url(../../img/social/rutube-white-icon.svg);
} 


.header-nav__list-social .social-icon.pinterest-icon {
  background-image: url(../../img/social/pinterest-icon.svg);
  -webkit-background-size: 50% 50%;
  background-size: 50%;
}

.fine-vision .header-nav__list-social .social-icon.pinterest-icon {
  background-image: url(../../img/social/pinterest-black-icon.svg);
}

.fine-vision .header-nav__list-social .social-icon.pinterest-icon:hover {
  background-image: url(../../img/social/pinterest-white-icon.svg);
}


.header-nav__list-social .social-icon.telegram-icon {
  background-image: url(../../img/social/telegram-icon.svg);
  -webkit-background-size: 50% 50%;
  background-size: 50%;
}

.fine-vision .header-nav__list-social .social-icon.telegram-icon {
  background-image: url(../../img/social/telegram-black-icon.svg);
}

.fine-vision .header-nav__list-social .social-icon.telegram-icon:hover {
  background-image: url(../../img/social/telegram-white-icon.svg);
}


.header-nav__list-social .social-icon.max-icon {
  background-image: url(../../img/social/max-icon.svg);
  -webkit-background-size: 50% 50%;
  background-size: 50%;
}

.fine-vision .header-nav__list-social .social-icon.max-icon {
  background-image: url(../../img/social/max-black-icon.svg);
}

.fine-vision .header-nav__list-social .social-icon.max-icon:hover {
  background-image: url(../../img/social/max-white-icon.svg);
}


.header-nav__list-social .social-icon.vk-icon {
  background-image: url(../../img/social/vk-icon.svg);
  -webkit-background-size: 50% 50%;
  background-size: 50%;
}

.fine-vision .header-nav__list-social .social-icon.vk-icon {
  background-image: url(../../img/social/vk-black-icon.svg);
}

.fine-vision .header-nav__list-social .social-icon.vk-icon:hover {
  background-image: url(../../img/social/vk-white-icon.svg);
}

.header-nav__list-social .social-icon.facebook-icon {
  background-image: url(../../img/social/facebook-icon.svg);
  -webkit-background-size: 40% 40%;
  background-size: 40%;
}

.fine-vision .header-nav__list-social .social-icon.facebook-icon {
  background-image: url(../../img/social/facebook-black-icon.svg);
}

.fine-vision .header-nav__list-social .social-icon.facebook-icon:hover {
  background-image: url(../../img/social/facebook-white-icon.svg);
}

.header-nav__list-social .social-icon.twitter-icon {
  background-image: url(../../img/social/twitter-icon.svg);
  -webkit-background-size: 50% 50%;
  background-size: 50%;
}

.fine-vision .header-nav__list-social .social-icon.twitter-icon {
  background-image: url(../../img/social/twitter-black-icon.svg);
}

.fine-vision .header-nav__list-social .social-icon.twitter-icon:hover {
  background-image: url(../../img/social/twitter-white-icon.svg);
}

.header-nav__list-social .social-icon.instagram-icon {
  background-image: url(../../img/social/instagram-icon.svg);
  -webkit-background-size: 45% 45%;
          background-size: 45%;
}

.fine-vision .header-nav__list-social .social-icon.instagram-icon {
  background-image: url(../../img/social/instagram-black-icon.svg);
}

.fine-vision .header-nav__list-social .social-icon.instagram-icon:hover {
  background-image: url(../../img/social/instagram-white-icon.svg);
}

.header-nav__list-social .social-icon.youtube-icon {
  background-image: url(../../img/social/youtube-icon.svg);
  -webkit-background-size: 50% 50%;
          background-size: 50%;
}

.fine-vision .header-nav__list-social .social-icon.youtube-icon {
  background-image: url(../../img/social/youtube-black-icon.svg);
}

.fine-vision .header-nav__list-social .social-icon.youtube-icon:hover {
  background-image: url(../../img/social/youtube-white-icon.svg);
}