/* ADD STYLE for slider Carusel */

@font-face {
    font-family: myFa2;
    font-display: swap;
  src: url('fonts/fontawesome6/fa-regular-400.woff2') format('woff2');
}
@font-face {
    font-family: myFa3;
    font-display: swap;
  src: url('fonts/fontawesome6/fa-solid-900.woff2') format('woff2');
}


/* Owl Carousel SLIDER */
.owl-carousel {
  position: relative;
}
.owl-carousel > .owl-stage-outer {
  overflow: hidden;
}
.owl-carousel > .owl-stage-outer > .owl-stage {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  /*align-items: center;*/
  align-items: stretch;
  padding: 0px;
  min-height: 51px;
  min-width: 100%;
}
.owl-carousel > .owl-nav.disabled,
.owl-carousel > .owl-dots.disabled {
  display: none;  
}


/* Slider REFERENCE */
.myOwlReference .owl-carousel {
  position: relative;
  width: calc(100% + 30px);
}
.myOwlReference .owl-carousel > .owl-stage-outer {
  overflow: hidden;
  width: calc(100% - 30px);
}
.myOwlReference .owl-carousel > .owl-stage-outer > .owl-stage {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  /*align-items: center;*/
  align-items: stretch;
  padding: 0px;
  min-height: 51px;
  /*min-width: 100%;*/
  min-width: calc(100% + 30px);
  margin-left: -15px;
}
.myOwlReference .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item {
  padding: 0px 15px;
}
.myOwlReference .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > div {
  height: 100%;
}
.myOwlReference .owl-carousel > .owl-nav {
  /*display: none;*/
}
.myOwlReference .owl-carousel > .owl-nav.disabled {
  display: block;
}
.myOwlReference .owl-carousel > .owl-nav > button.disabled {
  /*display: none;*/
}
.myOwlReference .owl-carousel > .owl-nav > button {
  border: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 21px;
  height: 51px;
  background-color: transparent;
  overflow: hidden;
}
.myOwlReference .owl-carousel > .owl-nav > button:before {
  display: block;
  position: absolute;
  font-family: myFa3;
  font-size: 40px;
  line-height: 32px;
  height: 32px;
  width: 21px;
  top: 0px;
  bottom: 0px;
  left: -2px;
  margin: auto;
  color: var(--mycolor1H);
}
.myOwlReference .owl-carousel > .owl-nav > button:hover:before {
  color: var(--mycolor2);
}
.myOwlReference .owl-carousel > .owl-nav > button.owl-prev {
  right: calc(100% + 10px);
}
.myOwlReference .owl-carousel > .owl-nav > button.owl-prev:before {
  content: "\f104";
}
.myOwlReference .owl-carousel > .owl-nav > button.owl-next {
  left: calc(100% - 30px + 10px);
}
.myOwlReference .owl-carousel > .owl-nav > button.owl-next:before {
  content: "\f105";
}
.myOwlReference .owl-carousel > .owl-nav > button > span {
  display: none;
}



/* SLIDER Loga SLIDER 1 */
.myOwlLoga1 .owl-carousel {
  position: relative;
  width: calc(100% + 30px);
}
.myOwlLoga1 .owl-carousel > .owl-stage-outer {
  overflow: hidden;
  width: calc(100% - 30px);
}
.myOwlLoga1 .owl-carousel > .owl-stage-outer > .owl-stage {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 0px;
  min-height: 51px;
  /*min-width: 100%;*/
  min-width: calc(100% + 30px);
  margin-left: -15px;
}
.myOwlLoga1 .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item {
  padding: 0px 15px;
}
.myOwlLoga1 .owl-carousel > .owl-nav {
  /*display: none;*/
}
.myOwlLoga1 .owl-carousel > .owl-nav.disabled {
  display: block;
}
.myOwlLoga1 .owl-carousel > .owl-nav > button.disabled {
  /*display: none;*/
}
.myOwlLoga1 .owl-carousel > .owl-nav > button {
  border: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 21px;
  height: 51px;
  background-repeat: no-repeat;
  /*background-position-y: 50%;*/
  background-color: transparent;
  overflow: hidden;
}
.myOwlLoga1 .owl-carousel > .owl-nav > button:before {
  display: block;
  position: absolute;
  font-family: myFa3;
  font-size: 40px;
  line-height: 32px;
  height: 32px;
  width: 21px;
  top: 0px;
  bottom: 0px;
  left: -2px;
  margin: auto;
  color: var(--mycolor1H);
}
.myOwlLoga1 .owl-carousel > .owl-nav > button:hover:before {
  color: var(--mycolor2);
}
.myOwlLoga1 .owl-carousel > .owl-nav > button.owl-prev {
  /*background-image: url(slider/left2.webp);*/
  /*background-position-x: 0%;*/
  right: calc(100% + 10px);
}
.myOwlLoga1 .owl-carousel > .owl-nav > button.owl-prev:before {
  content: "\f104";
}
.myOwlLoga1 .owl-carousel > .owl-nav > button.owl-prev:hover {
  /*background-position-x: 100%;*/
}
.myOwlLoga1 .owl-carousel > .owl-nav > button.owl-next {
  /*background-image: url(slider/right2.webp);*/
  /*background-position-x: 100%;*/
  left: calc(100% - 30px + 10px);
}
.myOwlLoga1 .owl-carousel > .owl-nav > button.owl-next:before {
  content: "\f105";
}
.myOwlLoga1 .owl-carousel > .owl-nav > button.owl-next:hover {
  /*background-position-x: 0%;*/
}
.myOwlLoga1 .owl-carousel > .owl-nav > button > span {
  display: none;
}
/* Loga SLIDER 1 - Content formated */
.myOwlLoga1 .myBlogArt > .myContent img {
  display: block;
  /*width: auto;*/
  /*height: auto;*/
  max-width: 100%;
  object-fit: scale-down;
  margin: auto;
  width: 200px;
  height: auto;
  max-height: 100px;
}