@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Light.eot");
  src: local("Segoe UI Light"), local("SegoeUI-Light"), url("../fonts/segoe/SegoeUI-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Light.woff") format("woff"), url("../fonts/segoe/SegoeUI-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-BoldItalic.eot");
  src: local("Segoe UI Bold Italic"), local("SegoeUI-BoldItalic"), url("../fonts/segoe/SegoeUI-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-BoldItalic.woff") format("woff"), url("../fonts/segoe/SegoeUI-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-SemiBold.eot");
  src: local("Segoe UI Semibold"), local("SegoeUI-SemiBold"), url("../fonts/segoe/SegoeUI-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-SemiBold.woff") format("woff"), url("../fonts/segoe/SegoeUI-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI.eot");
  src: local("Segoe UI"), local("SegoeUI"), url("../fonts/segoe/SegoeUI.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI.woff") format("woff"), url("../fonts/segoe/SegoeUI.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Bold.eot");
  src: local("Segoe UI Bold"), local("SegoeUI-Bold"), url("../fonts/segoe/SegoeUI-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Bold.woff") format("woff"), url("../fonts/segoe/SegoeUI-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Italic.eot");
  src: local("Segoe UI Italic"), local("SegoeUI-Italic"), url("../fonts/segoe/SegoeUI-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Italic.woff") format("woff"), url("../fonts/segoe/SegoeUI-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

.simple-slider {
  font-size: 0;
  margin: 0 -10px; }
  .simple-slider .item {
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    width: 33.33%; }
    .simple-slider .item .card-body {
      font-size: 14px;
      color: #fff;
      margin-top: 10px; }
    .simple-slider .item .video-cover:after {
      content: '\e908';
      font-family: 'icomoon';
      position: absolute;
      color: #fff;
      font-size: 24px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 2;
      margin-left: 3px; }
    .simple-slider .item .video-cover:before {
      content: '';
      height: 50px;
      width: 50px;
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -25px 0 0 -25px;
      transition: .3s;
      border-radius: 50%;
      z-index: 1; }
    .simple-slider .item .video-cover:hover:before {
      background-color: rgba(0, 0, 0, 0.7);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }

.simple-slider.owl-loaded {
  width: calc(100% + 20px);
  overflow: visible;
  position: relative; }
  .simple-slider.owl-loaded .owl-stage-outer {
    overflow: hidden; }
  .simple-slider.owl-loaded .owl-item {
    display: inline-block;
    vertical-align: top; }
    .simple-slider.owl-loaded .owl-item .item {
      width: 100%; }
  .simple-slider.owl-loaded .owl-prev,
  .simple-slider.owl-loaded .owl-next {
    font-size: 38px;
    color: #ff9100;
    cursor: pointer;
    position: absolute;
    top: 50%;
    line-height: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    .simple-slider.owl-loaded .owl-prev:hover,
    .simple-slider.owl-loaded .owl-next:hover {
      color: #fff; }
  .simple-slider.owl-loaded .owl-prev {
    left: 2px;
    text-align: left; }
  .simple-slider.owl-loaded .owl-next {
    right: 2px;
    text-align: right; }

@media (max-width: 480px) {
  .simple-slider.owl-loaded .owl-prev {
    left: 0; }
  .simple-slider.owl-loaded .owl-next {
    right: 0; } }