/* Scss Document */
/**/
/* screen resolutio*/
/* mixin start*/

 @media only screen and (min-width:1920px) {
      .share-list{
        right: -60px;
        left: auto !important;
      }

    .share-list:before{
      left: -4px;
    } 
    }

    
.share-component {
  position: absolute;
  right: 0;
  top: 8px; }
  .share-component .share-toggle {
    color: #d8741b;
    cursor: pointer;
    display: block !important;
    font-family: "Roboto", sans-serif;
    font-size: 0.9375em;
	  margin-right: 5px;
}
    .share-component .share-toggle > span {
      margin-right: 5px; }
.share-component .share-toggle .fa{ margin-right: 5px;}

.share-list {
  background-color: #f2f2f2;
  display: none;
  left: -60px;
  padding: 15px 14px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 46px;
  z-index: 9; }
  .share-list > li {
    cursor: pointer;
    display: block;
    list-style: outside none none;
    margin-bottom: 10px; }
    .share-list > li:hover i {
      color: #13c1f3; }
    .share-list > li:last-child {
      margin-bottom: 0; }
    .share-list > li i {
      color: #cacac6;
      font-size: 18px; }
  .share-list:before {
    background-color: #f2f2f2;
    content: "";
    height: 10px;
    position: absolute;
    right: -4px;
    top: 5px;
    transform: rotate(-45deg);
    width: 10px; }