/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/icomoon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-facebook:before {
  content: "\f09a";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-linkedin:before {
  content: "\f0e1";
}

/* Styling for popup ---------------------------------------------------------*/

.fa {
font-size: 15px;
padding: 10px;
margin: 5px 2px;
text-align: center;
text-decoration: none;
width: 25px;
}
.fa:hover {
opacity: 0.7;
}
.fa-facebook {
background: #3B5998;
color: white;
}
.fa-twitter {
background: #55ACEE;
color: white;
}
.fa-linkedin {
background: #007bb5;
color: white;
}

/* For animation -------------------------------------------------------------*/

.icon-backward:before {
  content: "\f04a";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-forward:before {
  content: "\f04e";
}

.fa-control {
font-size: 20px;
color: black;
margin: 0;
padding: 0;
width: 20px;
}

.fa-control:hover:not(.active) {
color: white;
cursor: pointer;
}

.fa-control.active {
color: gray;
cursor: default;
}