/*----*/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Khand:wght@400;500;600;700&display=swap");
/*----*/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
.multimedya {
  width: 100%;
  height: auto;
  clear: both; }
  .multimedya .title {
    position: relative;
    font-size: 22.69px;
    color: #c1c0ca;
    font-weight: 700;
    text-align: left;
    padding: 15px 0 0;
    margin-bottom: 40px; }
    @media (max-width: 990px) {
      .multimedya .title {
        margin-bottom: 20px;
        font-size: 18.69px; } }
    .multimedya .title:before {
      content: "";
      position: absolute;
      border-color: #F3761C transparent transparent transparent;
      border-style: solid;
      border-width: 15px 15px 0px 15px;
      width: 0px;
      height: 0px;
      top: 44px;
      left: 10px;
      border-radius: 0;
      right: 0;
      margin-right: auto; }
      @media (max-width: 990px) {
        .multimedya .title:before {
          border-width: 10px 10px 0px 10px;
          top: 38px; } }
  .multimedya .thumb {
    height: 205px;
    margin-bottom: 30px; }
    .multimedya .thumb img {
      position: relative;
      z-index: 3; }
    .multimedya .thumb span {
      color: #000;
      text-align: center;
      font-size: 15px; }
    .multimedya .thumb .imagePanel:after {
      font-family: "Font Awesome 5 Free";
      position: absolute;
      display: block;
      width: 100%;
      font-size: 40px;
      color: #FFF;
      text-align: center;
      top: 50%;
      z-index: 5;
      -webkit-transform: translateY(-50%);
      -khtml-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: 0.2s;
      -khtml-transition: 0.2s;
      -moz-transition: 0.2s;
      -ms-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s; }
  .multimedya.images .thumb .imagePanel:hover:after {
    content: "\f00e";
    text-shadow: 0px 0px 10px #000; }
  .multimedya.videos .thumb {
    opacity: .6; }
    .multimedya.videos .thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .multimedya.videos .thumb .imagePanel {
      margin-bottom: 15px; }
      .multimedya.videos .thumb .imagePanel:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f04b";
        text-shadow: 1px 0px 4px #F3761C; }
      .multimedya.videos .thumb .imagePanel:hover:after {
        color: #F3761C; }
    .multimedya.videos .thumb:hover {
      opacity: 1; }
  .multimedya .gallerySlider .owl-item .item img {
    height: 205px;
    transition: 500ms;
    opacity: .7;
    object-fit: cover; }
  .multimedya .gallerySlider .owl-item .item:hover {
    transition: 500ms; }
    .multimedya .gallerySlider .owl-item .item:hover img {
      opacity: 1; }
  .multimedya .gallerySlider .owl-dot.active span {
    background: #F3761C; }

@media (max-width: 500px) {
  .multimedya .col-fulwid-5 {
    width: 100%; } }

/*# sourceMappingURL=tudeGlobal.css.map */