/*Buttons*/
.playButton:before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 32px;
  padding: 0px 2px 0px 4px;
  line-height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  font-family: 'SB-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  background-color: #00aeef;
  color: white;
  content: "\e017";
  opacity: 0.9;
  text-decoration: none;
}

.playButtonCircle {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0px 0px -50px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.55);
  z-index: 100;
  cursor: pointer;
}

.playButtonTriangle {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0;
  width: 0;
  margin: -30px 0 0 -15px;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 40px solid white;
}

/* TYPOGRAPHY ICONS */
@font-face {
  font-family: 'SB-Icons';
  src: url("/fonts/SB-Icons/SB-Icons.eot?itbk42");
  src: url("/fonts/SB-Icons/SB-Icons.eot?itbk42#iefix") format("embedded-opentype"), url("/fonts/SB-Icons/SB-Icons.ttf?itbk42") format("truetype"), url("/fonts/SB-Icons/SB-Icons.woff?itbk42") format("woff"), url("/fonts/SB-Icons/SB-Icons.svg?itbk42#SB-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'SB-Icons' !important;
  speak: none !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-share:before {
  content: "\e97b";
}

.icon-more:before {
  content: "\e97a";
}

.icon-respond:before {
  content: "\e900";
}

.icon-view:before {
  content: "\e901";
}

.icon-subscribe:before {
  content: "\e902";
}

.icon-heart:before {
  content: "\e903";
}

.icon-print-outline:before {
  content: "\e904";
}

.icon-printer-glyph:before {
  content: "\e905";
}

.icon-pdf:before {
  content: "\e906";
}

.icon-email-glyph:before {
  content: "\e907";
}

.icon-email-outline:before {
  content: "\e908";
}

.icon-download:before {
  content: "\e909";
}

.icon-cloud:before {
  content: "\e90a";
}

.icon-settings:before {
  content: "\e90b";
}

.icon-tools:before {
  content: "\e90c";
}

.icon-phone-glyph:before {
  content: "\e90d";
}

.icon-phone-outline:before {
  content: "\e90e";
}

.icon-mobile-phone-glyph:before {
  content: "\e90f";
}

.icon-mobile-phone-outline:before {
  content: "\e910";
}

.icon-bible:before {
  content: "\e911";
}

.icon-map:before {
  content: "\e912";
}

.icon-computer-outline:before {
  content: "\e913";
}

.icon-computer-glyph:before {
  content: "\e914";
}

.icon-glasses:before {
  content: "\e915";
}

.icon-info:before {
  content: "\e916";
}

.icon-alert:before {
  content: "\e917";
}

.icon-conversation:before {
  content: "\e918";
}

.icon-chat:before {
  content: "\e919";
}

.icon-location-glyph:before {
  content: "\e91a";
}

.icon-location-outline:before {
  content: "\e91b";
}

.icon-controls:before {
  content: "\e91c";
}

.icon-badge:before {
  content: "\e91d";
}

.icon-search-big:before {
  content: "\e91e";
}

.icon-search:before {
  content: "\e91f";
}

.icon-copy:before {
  content: "\e920";
}

.icon-television:before {
  content: "\e921";
}

.icon-volunteer:before {
  content: "\e922";
}

.icon-friends:before {
  content: "\e923";
}

.icon-travel:before {
  content: "\e924";
}

.icon-lock-opened:before {
  content: "\e925";
}

.icon-lock:before {
  content: "\e926";
}

.icon-curriculum:before {
  content: "\e927";
}

.icon-calendar:before {
  content: "\e928";
}

.icon-profile-incomplete .path1:before {
  content: "\e929";
  color: #444444;
}

.icon-profile-incomplete .path2:before {
  content: "\e92a";
  margin-left: -1.111328125em;
  color: #444444;
}

.icon-profile-incomplete .path3:before {
  content: "\e92b";
  margin-left: -1.111328125em;
  color: #4d4d4f;
}

.icon-profile-incomplete .path4:before {
  content: "\e92c";
  margin-left: -1.111328125em;
  color: #4d4d4f;
}

.icon-profile-incomplete .path5:before {
  content: "\e92d";
  margin-left: -1.111328125em;
  color: #4d4d4f;
}

.icon-profile-1-star .path1:before {
  content: "\e92e";
  color: #444444;
}

.icon-profile-1-star .path2:before {
  content: "\e92f";
  margin-left: -1.0693359375em;
  color: #444444;
}

.icon-profile-1-star .path3:before {
  content: "\e930";
  margin-left: -1.0693359375em;
  color: #4d4d4f;
}

.icon-profile-1-star .path4:before {
  content: "\e931";
  margin-left: -1.0693359375em;
  color: #4d4d4f;
}

.icon-profile-1-star .path5:before {
  content: "\e932";
  margin-left: -1.0693359375em;
  color: #4d4d4f;
}

.icon-profile-2-star .path1:before {
  content: "\e933";
  color: #444444;
}

.icon-profile-2-star .path2:before {
  content: "\e934";
  margin-left: -1.1484375em;
  color: #444444;
}

.icon-profile-2-star .path3:before {
  content: "\e935";
  margin-left: -1.1484375em;
  color: #4d4d4f;
}

.icon-profile-2-star .path4:before {
  content: "\e936";
  margin-left: -1.1484375em;
  color: #4d4d4f;
}

.icon-profile-2-star .path5:before {
  content: "\e937";
  margin-left: -1.1484375em;
  color: #4d4d4f;
}

.icon-profile-complete .path1:before {
  content: "\e938";
  color: #444444;
}

.icon-profile-complete .path2:before {
  content: "\e939";
  margin-left: -1.111328125em;
  color: #444444;
}

.icon-profile-complete .path3:before {
  content: "\e93a";
  margin-left: -1.111328125em;
  color: #4d4d4f;
}

.icon-profile-complete .path4:before {
  content: "\e93b";
  margin-left: -1.111328125em;
  color: #4d4d4f;
}

.icon-profile-complete .path5:before {
  content: "\e93c";
  margin-left: -1.111328125em;
  color: #4d4d4f;
}

.icon-check-mark:before {
  content: "\e93d";
}

.icon-check-box .path1:before {
  content: "\e93e";
  color: #00aeef;
}

.icon-check-box .path2:before {
  content: "\e93f";
  margin-left: -1em;
  color: white;
}

.icon-radio-button .path1:before {
  content: "\e940";
  color: #00aeef;
}

.icon-radio-button .path2:before {
  content: "\e941";
  margin-left: -1em;
  color: white;
}

.icon-close:before {
  content: "\e942";
}

.icon-add:before {
  content: "\e943";
}

.icon-add-item:before {
  content: "\e944";
}

.icon-subtract:before {
  content: "\e945";
}

.icon-arrow-down:before {
  content: "\e946";
}

.icon-arrow-left:before {
  content: "\e947";
}

.icon-arrow-right:before {
  content: "\e948";
}

.icon-arrow-up:before {
  content: "\e949";
}

.icon-play-circle:before {
  content: "\e94a";
}

.icon-play-big:before {
  content: "\e94b";
}

.icon-play:before {
  content: "\e94c";
}

.icon-pause:before {
  content: "\e94d";
}

.icon-pause-circle:before {
  content: "\e94e";
}

.icon-last-track .path1:before {
  content: "\e94f";
  color: #4d4d4f;
}

.icon-last-track .path2:before {
  content: "\e950";
  margin-left: -0.8798828125em;
  color: #444444;
}

.icon-next-track .path1:before {
  content: "\e951";
  color: #4d4d4f;
}

.icon-next-track .path2:before {
  content: "\e952";
  margin-left: -0.8798828125em;
  color: #444444;
}

.icon-back-10 .path1:before {
  content: "\e953";
  color: #444444;
}

.icon-back-10 .path2:before {
  content: "\e954";
  margin-left: -1em;
  color: #444444;
}

.icon-back-10 .path3:before {
  content: "\e955";
  margin-left: -1em;
  color: #4d4d4f;
}

.icon-forward-10 .path1:before {
  content: "\e956";
  color: #444444;
}

.icon-forward-10 .path2:before {
  content: "\e957";
  margin-left: -1em;
  color: #444444;
}

.icon-forward-10 .path3:before {
  content: "\e958";
  margin-left: -1em;
  color: #4d4d4f;
}

.icon-full-screen-outline:before {
  content: "\e959";
}

.icon-full-screen-glyph:before {
  content: "\e95a";
}

.icon-volume-none:before {
  content: "\e95b";
}

.icon-volume:before {
  content: "\e95c";
}

.icon-volume-raise .path1:before {
  content: "\e95d";
  color: #4d4d4f;
}

.icon-volume-raise .path2:before {
  content: "\e95e";
  margin-left: -1.181640625em;
  color: #444444;
}

.icon-volume-raise .path3:before {
  content: "\e95f";
  margin-left: -1.181640625em;
  color: #444444;
}

.icon-facebook:before {
  content: "\e960";
}

.icon-facebook-box:before {
  content: "\e961";
}

.icon-googleplus:before {
  content: "\e962";
}

.icon-googleplus-box:before {
  content: "\e963";
}

.icon-instagram:before {
  content: "\e964";
}

.icon-instagram-box:before {
  content: "\e965";
}

.icon-linkedin:before {
  content: "\e966";
}

.icon-linkedin-box:before {
  content: "\e967";
}

.icon-pinterest:before {
  content: "\e968";
}

.icon-pinterest-box:before {
  content: "\e969";
}

.icon-podcast:before {
  content: "\e96a";
}

.icon-podcast-box .path1:before {
  content: "\e96b";
  color: #4d4d4f;
}

.icon-podcast-box .path2:before {
  content: "\e96c";
  margin-left: -1em;
  color: #fefefe;
}

.icon-podcast-box .path3:before {
  content: "\e96d";
  margin-left: -1em;
  color: #fefefe;
}

.icon-podcast-box .path4:before {
  content: "\e96e";
  margin-left: -1em;
  color: #fefefe;
}

.icon-podcast-box .path5:before {
  content: "\e96f";
  margin-left: -1em;
  color: #fefefe;
}

.icon-rss:before {
  content: "\e970";
}

.icon-rss-box:before {
  content: "\e971";
}

.icon-skype:before {
  content: "\e972";
}

.icon-skype-box:before {
  content: "\e973";
}

.icon-twitter:before {
  content: "\e974";
}

.icon-twitter-box:before {
  content: "\e975";
}

.icon-whatsapp:before {
  content: "\e976";
}

.icon-whatsapp-box:before {
  content: "\e977";
}

.icon-youtube:before {
  content: "\e978";
}

.icon-youtube-box:before {
  content: "\e979";
}

.icon-delete:before {
  content: "\e97c";
}