/* BLOCKS */
.webtecore-animate {
  visibility: hidden;
}
.webtecore-animate.animated {
  visibility: visible;
}
.webtecore-shortcode.has-inline-css {
  visibility: hidden;
}
.webtecore-block-image {
  position: relative;
}
.webtecore-block-image:not(.webtecore-block-image-rounded):not(.webtecore-original-ratio) .webtecore-block-img {
  position: absolute;
  top: 0;
  left: 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  object-fit: cover;
  width: 100%;
  height: 100%!important;
}
.webtecore-block-image.webtecore-original-ratio .webtecore-block-img {
  width: 100%;
  display: block;
}
.webtecore-hidden-opacity {
  opacity: 0!important;
}
.webtecore-block:not(.webtecore-block-infos-absolute) .webtecore-block-image.webtecore-original-ratio.webtecore-no-image {
  display: none;
}
.webtecore-block-image-rounded .webtecore-block-img {
  position: absolute;
  top: 0;
  left: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%!important;
}
.webtecore-image-copyrights {
  position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.2);
    display: block;
    padding: 0 10px;
    line-height: 40px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.webtecore-block-image.webtecore-no-image:not(.webtecore-original-ratio):before {
  background-size: cover;
   position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  content: "";
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.3))
}

.is-sticky .sticky-hide {
  display: none!important;
}
.is-sticky .sticky-no-padding .vc_column-inner {
  padding-top: 0!important;
  padding-bottom: 0!important;
  margin: 0!important;
}

.webtecore-block-link, .webtecore-block-color-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 1;
  opacity: 0.8;
}
.webtecore-block-link {
  z-index: 34;
}
.webtecore-block-color-layer {
  z-index: 1;
 
}

.webtecore-block-image.rwd-lazy-background {
  transition: opacity ease-in-out .5s;
  opacity: 0.5;
}
.webtecore-block-image.rwd-lazy-background-loaded {
  opacity: 1;
}
.webtecore-line-clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  visibility: visible;
  -webkit-box-pack: end;
}

.webtecore-line-clamp.webtecore-line-clamp-1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.webtecore-line-clamp.webtecore-line-clamp-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.webtecore-line-clamp.webtecore-line-clamp-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.webtecore-line-clamp.webtecore-line-clamp-4 {
  -webkit-line-clamp: 4;
  line-clamp: 4;
}
.webtecore-line-clamp.webtecore-line-clamp-5 {
  -webkit-line-clamp: 5;
  line-clamp: 5;
}
.webtecore-line-clamp.webtecore-line-clamp-6 {
  -webkit-line-clamp: 6;
  line-clamp: 6;
}
.webtecore-line-clamp.webtecore-line-clamp-7 {
  -webkit-line-clamp: 7;
  line-clamp: 7;
}
.webtecore-line-clamp.webtecore-line-clamp-8 {
  -webkit-line-clamp: 8;
  line-clamp: 8;
}
.webtecore-line-clamp.webtecore-line-clamp-9 {
  -webkit-line-clamp: 9;
  line-clamp: 9;
}
.webtecore-line-clamp.webtecore-line-clamp-10 {
  -webkit-line-clamp: 10;
  line-clamp: 10;
}
.webtecore-line-clamp.webtecore-line-clamp-11 {
  -webkit-line-clamp: 11;
  line-clamp: 11;
}
.webtecore-line-clamp.webtecore-line-clamp-12 {
  -webkit-line-clamp: 12;
  line-clamp: 12;
}
.webtecore-clear {
  clear: both;
}
.webtecore-block-number {
  float: left;
}
.webtecore-block-image.marged-image-in-border-block {
  margin-left: -15px;
  margin-top: -15px;
  margin-bottom: -15px;
}
.webtecore-block-separator {
  height: 1px;
  margin-top: 15px;
  border-top: 1px var(--borders-color) solid;
}
.webtecore-big-separator {
  height: 2px;
  border-width: 2px;
}
.webtecore-no-margin-separator {
  margin-top: 0!important;
}
 .bottom-spaced {
  margin-bottom: 14px;
}
.border-block .webtecore-block-image.bottom-spaced {
  margin-bottom: 0!important;
}
.webtecore-block-grid.webtecore-small-spacing .webtecore-block-image.bottom-spaced {
  margin-bottom: 5px;
}
.webtecore-block-infos-background .webtecore-block-image.bottom-spaced {
  margin-bottom: 0;
}

.webtecore-block-top-left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.webtecore-block-top-left .onsale {
  margin: 5%;
}
body.rtl .webtecore-block-top-left {
  left: auto;
  right: 0;
}
.webtecore-block-top-right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 44;
  font-size: 1em;
  pointer-events: none;
}
body.rtl .webtecore-block-top-right {
  left: 0;
  right: auto;
}
.webtecore-block-center-center {
  position: absolute;
   display: flex;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 44;
    justify-content: center;
    pointer-events: none;
}
.webtecore-block-center-center .webtecore-format-icon,
.webtecore-block-top-right .webtecore-format-icon {
  pointer-events: all;
}
.webtecore-block-center-center .webtecore-block-infos-meta.webtecore-block-infos-meta-inline {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.star-rating {
  white-space: nowrap;
}
.webtecore-block-infos-meta .star-rating {
  width: auto;
}
.centered-infos .webtecore-block-infos-meta > * {
  text-align: center;
  justify-content: center;
}
.centered-infos .webtecore-product-ac-qv {
  justify-content: center;
}
.webtecore-after-title {
  margin-top: 8px;
  
}
.webtecore-block-infos-absolute .webtecore-after-title {
  margin-top: .9em;
}
.webtecore-block-infos-absolute .webtecore-before-title {
  margin-top: .6em;
}
.webtecore-after-title, .webtecore-before-title {
  font-size: calc( 10px + .2em );
  margin-top: .8em;
}
.webtecore-after-title {
  padding-top: .8em;
  border-top: 1px solid var(--borders-color);
}
.webtecore-before-title {
  margin-top: 0;
  margin-bottom: .8em;
}
.centered-infos .webtecore-after-title,
.centered-infos .webtecore-before-title  {
  justify-content: center;
  display: flex;
  align-items: center;
}


.webtecore-block-order-number {
  border-left: 4px solid;
  width: 30%;
  display: block;
  max-width: 55px;
  font-size: 2rem;
  position: relative;
}
body.rtl .webtecore-block-order-number {
  border-left: 0;
  border-right: 4px solid;
}
.webtecore-block-image .webtecore-block-order-number {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 26px;
  border-radius: 2px;
  font-size: 1.25rem;
  border-left: none!important;
  z-index: 12;
  font-size: .875rem;
  border-right: none!important;
  background: var(--principal-color);
  color: var(--principal-color-text-color);
}
body.rtl .webtecore-block-image .webtecore-block-order-number {
  left: auto;
  right: 0;
}
.webtecore-block-image {
  height: auto;
  overflow: hidden;
  transition: all .5s linear;
  backface-visibility: hidden;
    perspective: 1000;
}
.webtecore-slider-block .webtecore-block-image {
  border:none;
}
.webtecore-slider-block:not(.slick-initialized) .webtecore-block-img {
  visibility: hidden;
}
.webtecore-slider-block.slick-initialized .webtecore-block-img {
  visibility: visible;
}
.border-block .webtecore-block-image {
  border: none;
}

.webtecore-block-image.webtecore-block-image-rounded img {
  clip-path: circle();
}
.webtecore-block-image.webtecore-block-image-rounded .webtecore-block-order-number,
.webtecore-block-image.webtecore-block-image-rounded:after,
.webtecore-block-image.webtecore-block-image-rounded:before {
  border-radius: 50%;
}
.webtecore-block-image.webtecore-block-image-rounded .webtecore-block-order-number:before {
  display: none;
}

.webtecore-block-image:not(.webtecore-original-ratio):after {
  content: "";
  display: block;
  padding-bottom: 56.5%;
}

.webtecore-block-infos-absolute .webtecore-block-image.webtecore-no-image.webtecore-original-ratio:after {
  content: "";
  display: block;
  padding-bottom: 56.5%;
}
.webtecore-block-image.webtecore-1-2:after {
  padding-bottom: 50%;
}

.webtecore-block-image.webtecore-16-9:after {
  padding-bottom: 56.5%;
}

.webtecore-block-image.webtecore-2-3:after {
  padding-bottom: 66.66%;
}

.webtecore-block-image.webtecore-1-1:after {
  padding-bottom: 100%;
}

.webtecore-block-image.webtecore-4-3:after {
  padding-bottom: 75%;
}
.webtecore-block-image.webtecore-3-4:after {
  padding-bottom: 125%;
}
.webtecore-block-image.webtecore-9-16:after {
  padding-bottom: 156.5%;
}
.webtecore-block-image.webtecore-3-2:after {
  padding-bottom: 166.66%;
}
.webtecore-block-image.webtecore-2-1:after {
  padding-bottom: 200%;
}


.webtecore-pagination-buttons {
  font-size: 0;

}
.webtecore-pagination-buttons > span {
  font-size: .8rem;
  display: inline-block;
}
.webtecore-pagination-buttons ul {
  font-size: 1rem;
}
.webtecore-pagination-button {
  border: 1px solid var(--borders-color);
    padding: 6px 16px;
    display: inline-block;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: bolder;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}
.webtecore-read-more {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    color: var(--principal-color)!important;
    line-height: 1;
    backface-visibility: hidden;
    perspective: 1000;
    gap: 5px;
    letter-spacing: 1px;
}
.webtecore-read-more:after {
  content: "\f19c";
  font-family: 'Material-Design-Iconic-Font';
  z-index: 0;
  display: block;
  transition: all .5s ease-in-out;
  font-weight: 100;
  font-size: 1.2em;
}
.webtecore-read-more:hover:after {
  content: "\f301";
  opacity: 1;
}
body.rtl .webtecore-read-more:hover:after {
  content: "\f2ff";
}
.webtecore-read-more:hover {
  color: var(--principal-color);
  border-color: var(--principal-color);
  gap: 7px;
}
.webtecore-read-more:hover:after {
}
.webtecore-read-more {
  margin-top: 20px;
}


.webtecore-button-next-to-button {
  margin-left: 16px;
}
body.rtl .webtecore-button-next-to-button {
  margin-left: 0;
  margin-right: 16px;
}
.webtecore-pagination-button.loading .webtecore-loading-icon {
  display: block;
  line-height: 1;
}
body.site-body .webtecore-site-container .webtecore-pagination-button:hover {
  border-color: inherit;
}
.webtecore-block-image .webtecore-block-order-number:before {
  content: '';
    position: absolute;
    left: 0;
    z-index: 0;
    bottom: -9px;
    border-top: 10px solid var(--principal-color);
    border-right: 8px solid transparent;
}
body.rtl .webtecore-block-image .webtecore-block-order-number:before {
    right: 0;
    left: auto;
    border-top: 10px solid var(--principal-color);
    border-left: 8px solid transparent;
    border-right: none;
}
.webtecore-block-order-number span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.webtecore-block-order-number span:after {
  content: ".";
}
.webtecore-block-image .webtecore-block-order-number span:after {
  content: "";
}
.block-infos-title .webtecore-block-order-number {
  margin-right: 10px;
}
body.rtl .block-infos-title .webtecore-block-order-number {
  margin-right: 0;
  margin-left: 10px;
}
.webtecore-block-order-number:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
a.webtecore-format-icon {
      font-size: 1.5em;
    z-index: 44;
    color: #fff;
    display: block;
    max-width: 60px;
    width: 30%;
    background: #fff;
    background: rgba(255,255,255,1);
    box-shadow: 0 0 15px #000;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: .8;
    box-shadow: 0 0 15px #000;
    transition: opacity .5s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000;
    gap: 0;
}
.webtecore-block-image:hover a.webtecore-format-icon {
  opacity: 1;
}
a.webtecore-format-icon img {
  max-width: 30%;
  display: block;
  opacity: .8;
}
a.webtecore-format-icon.format-video img {
  margin-left: 4%;
}
.webtecore-format-icon span {
  position: absolute;
  top: 50%;
  left: 50%;
    transform: translateY(-50%)  translateX(-50%);
    color: #000;
    line-height: 0;
    margin-left: 0.4%;
}

.webtecore-block-top-right a.webtecore-format-icon {
  width: 40px;
  margin: 10px;
  font-size: 1.25rem;
}
.webtecore-block-top-right .wishlist_icon {
      width: 35px;
    margin: 10px;
    height: 35px;
    text-align: center;
    display: flex;
    background: rgba(255,255,255,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border: 1px solid var(--borders-color);
    border-radius: 50%;
}
.webtecore-block-top-right .wishlist_icon:hover {
  color: var(--principal-color);
  border-color: var(--principal-color);
}
.webtecore-format-icon:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}



.webtecore-block-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 12;
}
body.rtl .webtecore-block-bottom-left {
  right: 0;
  left: auto;
}
.webtecore-block-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 12;
}
body.rtl .webtecore-block-bottom-right {
  right: auto;
  left: 0;
}
.webtecore-block-infos {
  font-size: 1rem;
}
.webtecore-block-infos-background .webtecore-block-infos-content {
  padding: 20px;
  -webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,0.4);
       -moz-box-shadow: 0 2px 2px -2px rgba(0,0,0,0.4);
            box-shadow: 0 2px 2px -2px rgba(0,0,0,0.4)s;

}
.webtecore-block-container {
  min-width: 1px;
  min-height: 1px;
}
.webtecore-block-container-padded {
  padding: 25px;
}
.block-infos-title-content {
  width: 100%;
}
.block-infos-title-wrapper.tiny  {
  font-size: 7px;
}
.block-infos-title-wrapper.small {
  font-size: 9px;
}
.block-infos-title-wrapper.normal {
  font-size: 12px;
}
.block-infos-title-wrapper.medium {
  font-size: 14px;
}
.block-infos-title-wrapper.big {
  font-size: 18px;
}
.block-infos-title-wrapper.large {
  font-size: 22px;
}
.block-infos-title-wrapper.huge {
  font-size: 26px;
}

.block-infos-title-wrapper .block-infos-title > a {
  font-family: inherit;

}
.block-infos-title{
  margin: 0;
  padding: 0;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: start;
}

.webtecore-product-block .block-infos-title .title-display,
.centered-infos .block-infos-title .title-display {
  padding: 0; 
  border: none;

}
.webtecore-slabtext-block,
.webtecore-block-infos-custom-content {
  font-size: 1.56em;
}
.webtecore-block-infos-subtitle {
  margin-top: 10px;
}
.webtecore-block-infos-content.full-height {
  height: 100%;
  display: flex;
  align-items: center;
}
.webtecore-block-infos-content.full-height.bordered {
  height: 90%;
}
.webtecore-block-infos-content.full-height > div {
  width: 100%;
}
.webtecore-block-infos-content.centered-infos {
  margin: 0 auto;
}
.webtecore-block-infos-absolute .webtecore-block-infos-content.centered-infos {
  margin: 0;
}

.webtecore-block-infos-content.centered-infos .block-infos-title-content {
  text-align: center;
}
.webtecore-block-infos-content.centered-infos .webtecore-stars-rating {
  margin: 0 auto;
}
.webtecore-rounded-number, .webtecore-square-number, .webtecore-number {
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  margin-right: 15px;
  display: block;
  flex-basis: 30px;
    flex-shrink: 0;
}
body.rtl .webtecore-rounded-number, body.rtl .webtecore-square-number, body.rtl .webtecore-number {
  margin-right: 0;
  margin-left: 15px;
}
.webtecore-number {
  width: 20px;
  margin-right: 10px;
}
.webtecore-number:after {
  content: ".";

}
.webtecore-rounded-number {
  border-radius: 50%;
  font-family: sans-serif;
}
.webtecore-title-thumbnail-container {
  width: 60px;
  height: 60px;
  flex-basis: 60px;
    flex-shrink: 0;
  background-size: cover;
  margin-right: 15px;
  border:2px #fff solid;
}

.webtecore-rounded-number.big, .webtecore-square-number.big,  .webtecore-number.big  {
  font-size: 20px;
  height: 50px;
  width: 50px;
  line-height: 50px;
}
.webtecore-number.big {
  width: 40px;
}
.webtecore-rounded-number.white, .webtecore-square-number.white {
  background: #eee;
  color: #000;
}
.webtecore-number.white  {
  color: #fff;
}
.webtecore-rounded-number.dark, .webtecore-square-number.dark {
  background: var(--principal-color);
  color: var(--principal-color-text-color);
}
.webtecore-number.dark  {
  color: #000;
}

.webtecore-before-title > .webtecore-block-infos-meta.webtecore-block-infos-meta-inline {
  margin-top: 0;
}
.webtecore-block-infos-views i {
  color: inherit!important;
}

.webtecore-block-infos-meta.webtecore-block-infos-meta-inline:empty,
.webtecore-block-image .webtecore-block-infos-meta.webtecore-block-infos-meta-inline {
  margin: 0;
}
.webtecore-block-infos-meta {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 6px;
  flex-wrap: wrap;
}

.webtecore-meta-item-time span {
  font-weight: bold;
}
.webtecore-block-infos-meta-multiline {
  display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
.centered-infos .webtecore-block-infos-meta,
.centered-infos .webtecore-block-infos-meta-multiline {
  justify-content: center;
  align-items: center;
}

.centered-infos .webtecore-block-infos-meta .webtecore-block-infos-comments {
  margin-left: 4px;
}
/*.webtecore-block-infos-meta > span,
.webtecore-block-infos-meta > img,
.webtecore-block-infos-meta > i,
.webtecore-block-infos-meta > a,
.webtecore-block-infos-meta > div {
  margin:  0;
  display: block;
  text-transform: uppercase;
  display: block;
  
  font-weight: normal;
  display: flex;
  align-items: center;
  gap: .5em;
}*/
.webtecore-meta-item {
  margin:  0;
  display: block;
  text-transform: uppercase;
  display: block;
  font-weight: normal;
  display: flex;
  align-items: center;
  gap: .3em;
}
.webtecore-block-infos-meta > a > span,
.webtecore-block-infos-meta > div > span {
  display: block;
}
.webtecore-block-infos-meta .webtecore-format-icon.format-video {
  gap: 0;
  margin: 0 auto;
}
.webtecore-block-infos-meta > .star-rating {
  gap: 0px;
}
.webtecore-block-infos-meta .webtecore-block-infos-comments {
  flex-shrink: 0;
  text-overflow: unset;
  display: flex;
  align-items: center;
  line-height: 1;
}

.webtecore-ticker-date .webtecore-block-infos-meta > * {
  font-size: inherit!important;
  margin: 0!important;
}
.webtecore-ticker-date .webtecore-block-infos-meta {
  margin: 0!important;
}


.webtecore-block-infos-meta > div {
  float: none;
}


.webtecore-block-infos-meta .product-price {
  flex-shrink: 0;
}



.webtecore-format-icon-simple {
  background: #000;
  color: #fff;
  padding: 5px 8px;
  line-height: 1!important;
  position: relative;
  border-radius: 4px;
}
.webtecore-before-title .block-infos-category,
.webtecore-before-title .block-infos-category-text,
.block-infos-multi-categories .block-infos-category  {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  width: auto;
  font-weight: lighter;
  border-bottom: none;
  position: relative;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 4px;
  background: var(--principal-color);
  color: var(--principal-color-text-color);
  padding: 4px 8px;
}


.webtecore-block-infos-absolute .webtecore-before-title .block-infos-category,
.webtecore-block-infos-absolute .webtecore-before-title .block-infos-category-text,
.webtecore-block-infos-absolute .block-infos-multi-categories .block-infos-category  {

    background: var(--accent-color);
    color: var(--accent-color-text-color);
    font-weight: lighter;
    line-height: 1.3;
    border: none;
    opacity: 1;
    font-weight: bold;
    border-bottom: none;
    padding: 3px 8px;
    font-weight: normal;
    position: relative;
}
.webtecore-block-infos-absolute .webtecore-before-title .block-infos-category:before,
.webtecore-block-infos-absolute .webtecore-before-title .block-infos-category-text:before,
.webtecore-block-infos-absolute .block-infos-multi-categories .block-infos-category:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0  0px;
  border-color:  var(--accent-color) transparent transparent transparent;
  position: absolute;
  bottom: -8px;
  left: 0;
}
body.rtl .webtecore-block-infos-absolute .webtecore-before-title .block-infos-category:before,
body.rtl .webtecore-block-infos-absolute .webtecore-before-title .block-infos-category-text:before,
body.rtl .webtecore-block-infos-absolute .block-infos-multi-categories .block-infos-category:before {
  border-width: 0px 10px 10px  0px;
  border-color:  transparent var(--principal-color) transparent  transparent;
  right: 0;
  left: auto;
}
.centered-infos .webtecore-before-title .block-infos-category-text:after,
.centered-infos .webtecore-before-title .block-infos-category:after {
  margin: 5px auto;
}


a.block-infos-category {
  text-transform: uppercase;

}
.block-infos-multi-categories {
  display: flex;
  align-items: center;
  gap: 10px;
}


.block-infos-multi-categories .block-infos-category:last-child {
  margin-right: 0;
}
body.rtl .block-infos-multi-categories .block-infos-category {
  margin-right: 0;
  margin-left: 8px;
}
body.rtl .block-infos-multi-categories .block-infos-category:last-child {
  margin-right: 0;
  margin-left: 0;
}
.webtecore-block-infos-meta  .webtecore-format-icon-simple {
  background: #e42323;
  margin: 0!important;
}
.block-infos-category-text {
  text-transform: uppercase!important;
  font-size: 12px;
}
.webtecore-block-image .webtecore-block-infos-meta a.block-infos-category {
  border-radius: 0;
}
.webtecore-block-infos-meta .webtecore-block-infos-comments {
  margin-left: auto;
}
body.rtl .webtecore-block-infos-meta .webtecore-block-infos-comments {
  margin-left: 4px;
  margin-right: auto;
}
body.rtl .centered-infos .webtecore-block-infos-meta .webtecore-block-infos-comments {
  margin-left: 4px;
  margin-right: 0;
}
.webtecore-block-infos-meta > div.product-price {
  font-weight: 700;
  font-size: 1.25em;
}


.webtecore-block-infos-meta > .product-price > del {
  opacity: 0.6;
}
.webtecore-block-infos-meta .woocommerce-onsale {
  padding: 5px 10px;
  font-size: .75rem;
} 


.webtecore-meta-avatar {
  border:1px #fff solid;
  width:20px!important;
  height:20px!important;
  flex-shrink: 0;
  border-radius: 500%!important;
  box-shadow: 0 0 5px rgba(0 0 0 / 20%);
}
.webtecore-block-infos-absolute:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.01), rgba(0,0,0,0.3));
  pointer-events: none;
  z-index: 2;
}
.webtecore-block-infos-bordered, .webtecore-block-infos-with-background, .webtecore-block-infos-absolute > .webtecore-block-infos {
  padding: 20px;
}
.webtecore-block-infos-bordered {
  border: 1px var(--borders-color) solid;
}
.webtecore-block-infos-with-background {
  background: #fff;
}
.webtecore-block-infos-absolute .webtecore-block-infos-with-background {
  background: #000;
  background: rgba(0,0,0,0.5);
}
body.theme-dark .webtecore-block-infos-bordered {
  color: #fff;
  border:1px #000 solid;
}
body.theme-dark .webtecore-block-infos-with-background {
  background: #333;
}
.webtecore-block {
  position: relative;
}
.webtecore-block-description {
  font-size: 0.5em;
}
.webtecore-block-description-hover,
.webtecore-block-description-hover+.webtecore-read-more {
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out;
  backface-visibility: hidden;
    perspective: 1000;
  height: 0;
  overflow: hidden;
}

.webtecore-block-infos:hover .webtecore-block-description-hover,
.webtecore-block-infos:hover .webtecore-block-description-hover+.webtecore-read-more {
  display: block;
  margin-bottom: 0;
  visibility: visible;
  opacity: 1;
  height: auto;
  overflow: initial;
}
.webtecore-block-infos:hover .webtecore-block-description-hover+.webtecore-read-more {
  display: inline-flex;
}
.webtecore-block-infos-absolute > .webtecore-block-infos {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.webtecore-block-infos-content.centered-infos {
  text-align: center;
}
.webtecore-block-infos-content.centered-infos .block-infos-title {
  justify-content: center;
}
.webtecore-block-infos.vertical-centered-infos {
  display: flex;
  align-items: center;
}
.webtecore-block-infos-absolute.center-center > .webtecore-block-infos,
.webtecore-block-infos-absolute.left-center > .webtecore-block-infos,
.webtecore-block-infos-absolute.right-center > .webtecore-block-infos,
.webtecore-block-infos-absolute.center-top > .webtecore-block-infos,
.webtecore-block-infos-absolute.left-top > .webtecore-block-infos,
.webtecore-block-infos-absolute.right-top > .webtecore-block-infos,
.webtecore-block-infos-absolute.center-bottom > .webtecore-block-infos,
.webtecore-block-infos-absolute.left-bottom > .webtecore-block-infos,
.webtecore-block-infos-absolute.right-bottom > .webtecore-block-infos {
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
}
body.site-body .light-text {
    --borders-color: rgba(255,255,255,0.1);
    --text-color: #f8f8f8;
    --links-color: #ffffff;
    --from-background-color: rgba(0,0,0,0.5);
    --links-hover-color:#eeeeee;
    color: var(--text-color);
}
.webtecore-shop-grid-categories:not(.webtecore-shop-grid-only-categories) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--borders-color);
}

.webtecore-block-infos-absolute .webtecore-block-infos-content {
  max-width: 100%;
  padding: 20px;
  padding: calc(1% + 20px);
  position: relative;
  z-index: 35;
  width: 100%;
}
@media ( min-width: 540px ) {
  .webtecore-slider-with-bottom-thumbs .webtecore-block-infos-content {
    padding-bottom: 100px;
  }
}
.webtecore-slider-thumbs-bottom .webtecore-side-infos.webtecore-block-infos-right .webtecore-block-image,
.webtecore-slider-thumbs-bottom .webtecore-side-infos.webtecore-block-infos-left .webtecore-block-image {
  flex: 0 0 60px;
  width: 60px;
}
/*.webtecore-block-infos-absolute.center-center > .webtecore-block-infos > .webtecore-block-infos-content,
.webtecore-block-infos-absolute.left-center > .webtecore-block-infos > .webtecore-block-infos-content,
.webtecore-block-infos-absolute.right-center > .webtecore-block-infos > .webtecore-block-infos-content,
.webtecore-block-infos-absolute.center-top > .webtecore-block-infos > .webtecore-block-infos-content,
.webtecore-block-infos-absolute.left-top > .webtecore-block-infos > .webtecore-block-infos-content,
.webtecore-block-infos-absolute.right-top > .webtecore-block-infos > .webtecore-block-infos-content,
.webtecore-block-infos-absolute.center-bottom > .webtecore-block-infos > .webtecore-block-infos-content,
.webtecore-block-infos-absolute.left-bottom > .webtecore-block-infos > .webtecore-block-infos-content,
.webtecore-block-infos-absolute.right-bottom > .webtecore-block-infos > .webtecore-block-infos-content {
  padding: 20px;
  max-width: 100%;
}*/
.webtecore-block-infos-absolute.center-center > .webtecore-block-infos,
.webtecore-block-infos-absolute.center-top > .webtecore-block-infos,
.webtecore-block-infos-absolute.center-bottom > .webtecore-block-infos {
  justify-content: center;
}
.webtecore-block-infos-absolute.center-center > .webtecore-block-infos,
.webtecore-block-infos-absolute.left-center > .webtecore-block-infos,
.webtecore-block-infos-absolute.right-center > .webtecore-block-infos {
  align-items: center;
}

.webtecore-block-infos-absolute.right-bottom > .webtecore-block-infos,
.webtecore-block-infos-absolute.right-center > .webtecore-block-infos,
.webtecore-block-infos-absolute.right-top > .webtecore-block-infos {
  justify-content: flex-end;
}
.webtecore-block-infos-absolute.left-bottom > .webtecore-block-infos,
.webtecore-block-infos-absolute.left-center > .webtecore-block-infos,
.webtecore-block-infos-absolute.left-top > .webtecore-block-infos {
  justify-content: flex-start;
}
.webtecore-block-infos-absolute.center-top > .webtecore-block-infos,
.webtecore-block-infos-absolute.left-top > .webtecore-block-infos,
.webtecore-block-infos-absolute.right-top > .webtecore-block-infos {
  align-items: flex-start;
}
.webtecore-block-infos-absolute.center-bottom > .webtecore-block-infos,
.webtecore-block-infos-absolute.left-bottom > .webtecore-block-infos,
.webtecore-block-infos-absolute.right-bottom > .webtecore-block-infos {
  align-items: flex-end;
}



.webtecore-block-infos-absolute .webtecore-block-infos-content.white-background {
  background: #fff;
  background: rgba(255,255,255,.9);
  padding: 30px;
}
.webtecore-block.dark-background-modern .webtecore-block-infos:after,
.webtecore-block.white-background-modern .webtecore-block-infos:after {
  background: #000;

  width: 50%;
  transition: all .2s ease;
  backface-visibility: hidden;
    perspective: 1000;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;

}
.webtecore-block.white-background-modern .webtecore-block-infos:after {
  background: #fff;
  background: rgba(255,255,255,0.7);
  background: linear-gradient(to bottom, rgba(255,255,255,0.4), #fff)
}
.webtecore-block.dark-background-modern:hover .webtecore-block-infos:after,
.webtecore-block.white-background-modern:hover .webtecore-block-infos:after {
  width: 100%;
}

.webtecore-block-infos-absolute .webtecore-block-infos .webtecore-block-infos-content.dark-background {
  background: rgba(0,0,0,0.5);
  padding: calc(1% + 20px);
}
.webtecore-block-rounded .webtecore-block-infos-content.dark-background,
.webtecore-block-rounded .webtecore-block-infos:before,
.webtecore-block-rounded .webtecore-block-color-layer {
  border-radius: 50%;
}
.webtecore-block-infos-content.big-border-top-infos {
  border-top: 5px solid;
}
.webtecore-block-infos-absolute > .webtecore-block-infos > .webtecore-block-infos-content.bordered {
  padding: calc(1% + 20px);
  margin: 5%;
  border: 2px solid;
}


.webtecore-block-vertical-spacer {
  height: 20px;
}
.webtecore-block-description p {
  margin: 0;
  padding: 0;
  font-size: .875rem;
}

.webtecore-block.border-block {
  border:1px var(--borders-color) solid;
}
.webtecore-block.border-block .webtecore-block-infos-content {
  padding: calc( 1% + 20px);
}


.webtecore-block:last-child {
  margin-bottom: 0;
}
.author-upper {
  text-transform: uppercase!important;
  font-weight: bold;
}
.webtecore-load-more {
  font-size: 1.5rem;
}
.webtecore-view-all {
  margin-top: 30px;
}
/* Infos Side */

.webtecore-side-infos.webtecore-block-infos-right-classic,
.webtecore-side-infos.webtecore-block-infos-left-classic,
.webtecore-side-infos.webtecore-block-infos-left-right-classic {
  display: block;
}

.border-block.webtecore-side-infos .webtecore-block-image {
  border: none;
  border-bottom: 1px solid var(--borders-color);
}
.webtecore-side-infos.webtecore-block-infos-right-classic .webtecore-block-image,
  .webtecore-side-infos.webtecore-block-infos-left-classic .webtecore-block-image,
  .webtecore-side-infos.webtecore-block-infos-left-right-classic .webtecore-block-image {
    margin-bottom: 20px;
  }

@media only screen and ( min-width: 768px ) {

  .webtecore-side-infos.webtecore-block-infos-right-classic  .webtecore-block-image,
  .webtecore-side-infos.webtecore-block-infos-left-classic .webtecore-block-image {
    flex: 0 0 48%;
    margin-bottom: 0;
  }

  .webtecore-side-infos.webtecore-block-infos-right-classic,
  .webtecore-side-infos.webtecore-block-infos-left-classic,
  .webtecore-side-infos.webtecore-block-infos-left-right-classic {
    display: flex;
    align-items: center;
  }
  
  .webtecore-side-infos.webtecore-block-infos-right-classic .webtecore-block-infos,
 .webtecore-odd-column .webtecore-side-infos.webtecore-block-infos-left-right-classic .webtecore-block-infos {
    flex-grow: 1;
  }
  .webtecore-side-infos.border-block.webtecore-block-infos-left-classic .webtecore-block-infos,
  .webtecore-even-column .webtecore-side-infos.border-block.webtecore-block-infos-left-right-classic .webtecore-block-infos
  {
    flex-grow: 1;
  }
  .webtecore-side-infos.border-block.webtecore-block-infos-right-classic .webtecore-block-infos,
  .webtecore-odd-column .webtecore-side-infos.border-block.webtecore-block-infos-left-right-classic .webtecore-block-infos
  {
    flex-grow: 1;
  }

  .webtecore-block-infos-left .webtecore-block-infos, .webtecore-block-infos-right .webtecore-block-infos,
  .webtecore-block-infos-right-flex .webtecore-block-infos, .webtecore-block-infos-left-flex .webtecore-block-infos {
    flex-grow: 1;
  }
  .border-block.webtecore-side-infos .webtecore-block-image {
    border: none;
    border-right: 1px solid var(--borders-color);
  }
  .border-block.webtecore-block-infos-right .webtecore-block-image,
  .border-block.webtecore-block-infos-right-classic .webtecore-block-image {
    border-right: none;
    border-left: 1px solid var(--borders-color);
  }
   
  
}

.webtecore-side-infos:not(.border-block) {
  gap: 4%;
}
.webtecore-side-infos.webtecore-block-infos-right,
.webtecore-side-infos.webtecore-block-infos-left {
  display: flex;
  align-items: center;
}
.webtecore-side-infos.webtecore-block-infos-right .webtecore-block-image,
.webtecore-side-infos.webtecore-block-infos-left .webtecore-block-image {
  width: 30%;
  flex: 0 0 30%;
}



.webtecore-block-infos-right-flex .webtecore-block-image,
.webtecore-block-infos-right .webtecore-block-image,
.webtecore-block-infos-right-classic .webtecore-block-image {
  margin-left: auto;
  order: 2;
}



/* Marged infos */

.marged-infos .webtecore-block-infos {
  margin: -10% 10% 0;
    z-index: 34;
    position: relative;
    padding: calc(1% + 20px);
    background: #fff;
    box-shadow: 0px -17px 20px rgb(0 0 0 / 7%);
}
.marged-infos .webtecore-block-image {
  margin: 0!important;
}
.marged-infos .webtecore-block-infos .webtecore-block-infos-content {
  background-color: transparent!important;
  background-image: none!important;
}

.small-marged-infos.marged-infos .webtecore-block-infos {
  margin: -40px 20px 0 20px;
  padding: 15px;
}
.webtecore-block-infos.border-infos {
  border:1px var(--borders-color) solid;
  padding: 25px;
}
.webtecore-block-infos.border-infos.small-padding {
  padding: 15px;
}
.elementor-section-full_width .webtecore-block-infos.site-content-width {
  padding: 0 15px;
}
@media only screen and ( min-width: 960px ) {
  .elementor-section-full_width .webtecore-block-infos.site-content-width {
    padding: 0 30px;
  }
}
/* PRODUCT  BLOCK */

.webtecore-product-block .webtecore-block-image {
  overflow: hidden;
  margin-bottom: 15px;
}

.webtecore-product-block-content {
  border:1px solid;
  width: 100%;

}
.webtecore-side-infos .webtecore-product-block-content {
  border:none;

}
.webtecore-side-infos .webtecore-product-block-content .webtecore-block-image {
  bottom: 20px;
}
.webtecore-side-infos.webtecore-product-block {
  margin-bottom: 20px;
  border-bottom: 1Px solid;
  padding-bottom: 20px;
}
.rating-price {
  display: flex;
  justify-content: space-between;
}

.webtecore-product-block-content .webtecore-block-image {
  margin-bottom: 0;
}

.webtecore-product-block-content .webtecore-block-infos {
  padding: 10px;

}
.webtecore-product-block-content .title-display {
  margin: 0 auto;
}
.webtecore-side-infos .webtecore-product-block-content .title-display {
  margin: 0;
}
@media only screen and (min-width: 540px ) {
  .webtecore-product-block-content .webtecore-block-infos {
    padding: 20px;
    
  }
}
.webtecore-side-infos .webtecore-block-infos {
  padding: 0;
}
.webtecore-product-block .woocommerce-LoopProduct-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.webtecore-product-block .block-infos-title-wrapper {
  margin-bottom: 15px;
}
.webtecore-add-to-cart {
  margin-top: 15px;

}

.webtecore-product-block:hover .webtecore-quick-view a,
.webtecore-product-block:hover .webtecore-add-to-cart a {
  margin-bottom: 0;
  opacity: 1;
}
.webtecore-quick-view {
  position: absolute;
  bottom: 5%;
  left: 5%;
  right: 5%;

}
.webtecore-quick-view a {
  margin-bottom: -30px;
  opacity: 0;
  transition: all .5s ease;
  backface-visibility: hidden;
    perspective: 1000;
  font-size: 12px;
  border-radius: 20px;
}




i.added_to_wishlist:before,
a.added_to_wishlist i:before {
  content: "\f15f";
  font-family: "Material-Design-Iconic-Font";
}

.add_to_cart_button:before,
.ajax_add_to_cart:before,
.single_add_to_cart_button:before {
  content: "\f1cb";
  font-family: 'Material-Design-Iconic-Font';
  display: inline-block;
  font-weight: 100;
  font-size: 1.2em;
  
  line-height: 1;
}


.add_to_cart_button.loading:before,
.single_add_to_cart_button.loading:before {
  content: "\f1ce";
  font-family: 'FontAwesome'!important;
  font-weight: 100!important;
  -webkit-animation: spin 4s infinite linear;
}
.add_to_cart_button.added:before,
.single_add_to_cart_button.added:before {
  content: "\f26b";
}
.webtecore-product-block .yith-wcwl-wishlistexistsbrowse,
.webtecore-product-block .yith-wcwl-wishlistaddedbrowse {
  display: none;
}
.webtecore-stock-label {
  position: absolute;
    line-height: 40px;
    width: 70%;
    left: 0;
    background: rgba(0,0,0,0.4);
    border-radius: 10px;
    color: #fff;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -35%;
    text-transform: uppercase;
    display: block;
    text-align: center;
}
.webtecore-stock-single {
  padding: 0 20px;
  line-height: 30px;
  display: inline-block;
  background: red;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 14px;
}
.webtecore-product-ac-qv {
  display: flex;
  align-items: center;
  margin: 0 -5px;
  margin-top: 20px;

}
.webtecore-product-ac-qv > * {
  margin: 5px;
}

.webtecore-product-ac-qv-overlay {
  position: absolute;
    bottom: 0;
    font-size: 12px;
    top: 10px;
    right: 10px;
    
    z-index: 35;

    
}
body.rtl .webtecore-product-ac-qv-overlay {
  right: auto;
  left: 10px;
}

.webtecore-product-ac-qv-overlay > a.compare {
    font-size: 0;
}
.webtecore-product-ac-qv-overlay > a.compare:before {
    content: "\f3b8";
    font-family: 'Material-Design-Iconic-Font';
}

.webtecore-block:hover .webtecore-product-ac-qv-overlay > * {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}
.marged-infos .webtecore-product-sale-countdown {
  right: 0;
  margin: 0 10%;
  bottom: 15%;
  padding: 0;
}
.webtecore-block-infos-absolute .webtecore-product-sale-countdown {
  display: none;
}
.webtecore-product-ac-qv-overlay > a,
.webtecore-product-ac-qv-overlay > div {
   width: 30px;
   height: 30px;
   line-height: 30px;
   margin-bottom: 3px;
   padding: 0;
   display: block;
   text-align: center;
    font-size: 0;
    margin: 0;
    line-height: 1;
    background: var(--from-background-color);
    color: var(--links-color)!important;
    border: 1px solid var(--borders-color);
    transition: all .2s linear;
    visibility: hidden;
    opacity: 0;
    margin-top: 30px;
}
.webtecore-product-ac-qv-overlay > div {
  visibility: visible;
  opacity: .5;
  margin-top: 0;

}
.webtecore-product-ac-qv-overlay > div * {
  margin: 0!important;
  display: block;
}
.webtecore-product-ac-qv-overlay .add_to_wishlist span {
  display: none;
}
.webtecore-product-ac-qv-overlay a i, .webtecore-product-ac-qv-overlay a:before,
.webtecore-product-ac-qv-overlay .add_to_wishlist a i,
.webtecore-product-ac-qv-overlay .yith-wcwl-wishlistexistsbrowse span i,
.webtecore-product-ac-qv-overlay .yith-wcwl-add-to-wishlist.exists:before {
  font-size: 15px;
  margin: 0!important;
  padding: 0!important;
  line-height: 30px;
}
.webtecore-product-ac-qv-overlay .yith-wcwl-add-to-wishlist.exists:before,
.webtecore-product-ac-qv-overlay .yith-wcwl-add-to-wishlist.exists .yith-wcwl-icon:before {
  content: "\f15f"!important;
  font-family: 'Material-Design-Iconic-Font'!important;
}
.webtecore-product-ac-qv-overlay .yith-wcwl-add-to-wishlist .yith-wcwl-icon:before {
  content: "\f15e"!important;
  font-family: 'Material-Design-Iconic-Font'!important;
}
.webtecore-product-ac-qv-overlay .yith-wcwl-add-to-wishlist.exists > div {
  display: none!important;
}
.webtecore-product-ac-qv-overlay > a,
  .webtecore-product-ac-qv-overlay > div {
    margin-bottom: 3px;
  }
@media only screen and ( min-width:  560px ) {
  .webtecore-product-ac-qv-overlay > a,
  .webtecore-product-ac-qv-overlay > div {
     width: 40px;
     height: 40px;
     line-height: 40px;
     margin-bottom: 10px;
  }
  .webtecore-product-ac-qv-overlay a i, .webtecore-product-ac-qv-overlay a:before,
  .webtecore-product-ac-qv-overlay .add_to_wishlist a i,
  .webtecore-product-ac-qv-overlay .yith-wcwl-wishlistexistsbrowse span i,
  .webtecore-product-ac-qv-overlay .yith-wcwl-add-to-wishlist.exists:before {
    font-size: 22px;
    line-height: 40px;
  }
}
.webtecore-product-sale-countdown {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  font-size: 14px;
}
.webtecore-sale-countdown {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.webtecore-sale-countdown .webtecore-cdi {
  display: table-cell;
  width: 22%;
  padding: 10px;
  background: var(--principal-color);
  color: var(--principal-color-text-color);
  font-size: 16px;
  text-align: center;
}
@media only screen and (max-width: 480px ) {
  .webtecore-sale-countdown .webtecore-cdi {
    padding: 3px;
    font-size: 12px;
  }

}
.webtecore-sale-countdown span:not(.webtecore-cdi) {
  width: 3%;
  font-size: 16px;
  display: table-cell;
  text-align: center;
}
.webtecore-block:hover .webtecore-product-ac-qv-overlay+.webtecore-product-sale-countdown {
  display: none;
}
.webtecore-progress-bar {
    display: block;
    width: 100%;
    height: 10px;
    background: var(--background-in-style);
    position: relative;
}
.webtecore-progress-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--webtecore-progress-bar-width);
    background: var(--principal-color);
}
.webtecore-stock-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.webtecore-stock-status {
  width: 100%;
  display: block;
  margin-top: 15px;

}
.webtecore-stock-status .webtecore-progress-bar {
  height: 5px;
}
.webtecore-side-infos .webtecore-stock-status .webtecore-progress-bar {
  height: 10px;
}
.webtecore-stock-available {
  color: green;
}
.webtecore-stock-available.stock-alert {
  color: red;
}
@media only screen and ( max-width: 480px ) {
  .webtecore-stock-status {
    font-size: 9px;
  }
}

/*---- BEGIN BLOCK TITLE ----*/

.block-title-wrapper {
  margin: 0;
  margin-bottom:30px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  line-height: 1;
}
.block-title {
  text-transform: uppercase;
}
.webtecore-special-heading-shortcode .block-title-wrapper {
  margin-bottom: 0;
}
.webtecore-special-heading-shortcode .block-title {
  flex-grow: 1;
} 
.block-title-wrapper .block-title {
  font-size: 1.2rem;
  position: relative;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.block-title-wrapper .ui-accordion-header-icon {
    position: absolute;
    right: 0;
    padding: 10px;
}
body.rtl .block-title-wrapper .ui-accordion-header-icon {
  right: auto;
  left: 0;
}
.block-title-wrapper .ui-accordion-header-icon:before {
  content: '\f2fc';
  font-family: 'Material-Design-Iconic-Font';
}
.block-title-wrapper .ui-accordion-header-icon.ui-accordion-header-icon.ui-icon-triangle-1-e:before {
  content: '\f2f9';
  font-family: 'Material-Design-Iconic-Font';
}
.webtecore-widget .block-title-wrapper .block-title {
  font-size: 1rem;
}
.block-title-wrapper .webtecore-block-filters {
  text-align: right;
  flex-grow: 1;
  order: 3;
  max-width: 80%;
  white-space: nowrap;
  visibility: hidden;
  margin-left: auto;
  overflow: hidden;
}

body.rtl .block-title-wrapper .webtecore-block-filters {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}

.webtecore-block-filters.flexmenu-init {
  overflow: visible;
  white-space: normal;
  visibility: visible;
  
}
.vertical-tabs .webtecore-block-filters li a {
  display: block;
}

body.rtl .block-title-wrapper nav {
  text-align: left;
}

.block-title-wrapper.style-1 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.block-title-wrapper.style-1:after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--borders-color);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.block-title-wrapper.style-1 .block-title:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  width: 40px;
  background: var(--principal-color);
  height: 4px;
}
.block-title-wrapper.style-2 {
  padding: 10px 0;
}
.block-title-wrapper.style-2:before {
  content: "";
  display: block;
  position: absolute;
  bottom:-4px;
  width: 100%;
  border-bottom: 4px solid var(--borders-color);
}
.block-title-wrapper.style-2 .block-title:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -14px;
  width: 100%;
  background: var(--principal-color);
  height: 4px;
}
.block-title-wrapper.style-3 .block-title {
  padding-left: 10px;
  border-left-width: 10px;
  border-left-style: solid;
  border-color: red;
}
body.rtl .block-title-wrapper.style-3 .block-title {
  border-left: 0;
  padding-left: 0;
  padding-right: 10px;
  border-right-style: solid;
  border-right-width: 10px;
}
.block-title-wrapper.style-4 {
  padding: 10px 0;
  border-top: 3px red solid;
}
.block-title-wrapper.style-4:before {
  border-bottom: 1px solid var(--borders-color);
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
}
.block-title-wrapper.style-5 {
  border-bottom: 4px red solid;
}
.block-title-wrapper.style-5 .block-title {
  background: var(--principal-color);
  color: var(--principal-color-text-color);
  padding: 10px 15px;
}
.block-title-wrapper.style-5 nav {
  padding: 10px 0;
}
.block-title-wrapper.style-6 {
  padding: 10px;
  border-left: 7px red solid;
}
.block-title-wrapper.style-6:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--borders-color);
  border-left: none;
  content: "";
  position: absolute;
  pointer-events: none;
}
.block-title-wrapper.style-7 {
  padding: 10px 15px;
  background: var(--principal-color);
}
.block-title-wrapper.style-7 a, .block-title-wrapper.style-7 a:active, .block-title-wrapper.style-7 a:focus, .block-title-wrapper.style-7 a:visited {
  color: var(--principal-color-text-color);
}
.block-title-wrapper.style-7 .block-title {
  color: var(--principal-color-text-color);
}
.block-title-wrapper.style-7 .block-title:before {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid red;
  bottom: -19px;
  content: "";
  position: absolute;
}
.block-title-wrapper.style-7 .webtecore-block-filters.flexmenu-init, .block-title-wrapper.style-7 .webtecore-block-filters.flexmenu-init li,
.block-title-wrapper.style-7 .webtecore-block-filters.flexmenu-init .flexMenu-popup {
  background: inherit;
}
.block-title-wrapper.style-7 nav li.ui-state-active, .block-title-wrapper.style-7 nav li a,
.block-title-wrapper.style-7 li a:hover, .block-title-wrapper.style-7 nav li a:focus,
.block-title-wrapper.style-7 nav li a:visited, .block-title-wrapper.style-7 li a:active {
  color: inherit;
}
.block-title-wrapper.style-8 {
  font-size: 1.2rem;
  text-transform: uppercase;
  padding-top: 10px;
 border-bottom: 1px solid var(--borders-color);
}
.block-title-wrapper.style-8 .block-title {
   display: flex;
  align-items: center;
  gap: 10px;
}
.block-title-wrapper.style-8 .block-title:before {
  content: "";
  width: 0;
height: 0;
border-style: solid;
border-width: 0 0 40px 40px;
border-color: transparent transparent var(--principal-color) transparent;
}
.block-title-wrapper.style-9 .block-title {
  padding: 0 15px;
  padding-left: 25px;
  flex-grow: 0;
  min-width: unset;
  min-height: unset;
}
.block-title-wrapper.style-10 .block-title {
  flex-grow: 0;
  min-width: unset;
  min-height: unset;
}
body.rtl .block-title-wrapper.style-9 .block-title {
  padding-left: 15px;
  padding-right: 25px;
}
.block-title-wrapper.style-9 .block-title:before {
  width: 16px;
  height: 16px;
  background: var(--principal-color);
  color: var(--principal-color-text-color);
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  border: 3px solid rgba(255, 255, 255, .6);
}
body.rtl .block-title-wrapper.style-9 .block-title:before {
  right: 0;
  left: auto;
}
.block-title-wrapper.style-9 nav {
  order:3;
  flex-grow: unset;
}
.block-title-wrapper.style-9:after {
    border-top: 2px solid var(--borders-color);
    border-bottom: 4px solid;
    right: 0;
    height: 10px;
    top: 0;
    content: "";
    display: block;
    flex-grow: 1;
    order: 2;
    min-width: 20%;
}

.block-title-wrapper.style-10 .block-title {
  padding: 0 10px;
  padding-left: 20px;
}
body.rtl .block-title-wrapper.style-10 .block-title {
  padding-left: 10px;
  padding-right: 20px;
}
.block-title-wrapper.style-10 .block-title:before {
  width: 12px;
  height: 20px;
  background: var(--principal-color);
  color: var(--principal-color-text-color);
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
}
body.rtl .block-title-wrapper.style-10 .block-title:before {
  left: auto;
  right: 0;
}
.block-title-wrapper.style-10 nav {
  order:3;
  flex-grow: unset;
}
.block-title-wrapper.style-10:after {
  opacity: .4;
    border-bottom: 4px solid;
    right: 0;
    height: 4px;
    top: 0;
    content: "";
    display: block;
    flex-grow: 1;
    order: 2;
    min-width: 30%;
}
.block-title-wrapper.style-10 .block-title {
  padding: 0 10px;
  padding-left: 20px;
}


.block-title-wrapper.style-10 nav {
  order:3;
  flex-grow: unset;
}


.block-title-wrapper.style-9 .webtecore-block-filters, .block-title-wrapper.style-10 .webtecore-block-filters,
.block-title-wrapper.style-11 .webtecore-block-filters {
  flex-grow: 0;
  min-width: unset;
  min-height: unset;
}
body.rtl .block-title-wrapper.style-10:after {
    margin-left: 0;
    margin-right: 10px;
}
.block-title-wrapper.style-11 .block-title {
  position: initial;
  white-space: nowrap;
  border:2px solid red;
  padding: 5px 10px;
}
.block-title-wrapper.style-11 nav {
  flex-grow: unset;
  order:3;
}
.block-title-wrapper.style-11:after {
  opacity: 1;
  border-top: 2px solid red;
  right: 0;
  top: 0;
  content: "";
  display: block;
  flex-grow: 1;
  order: 2;
  min-width: 30%;
}
.block-title-wrapper.style-12 {
  display: block;
  text-align: center;
}
.block-title-wrapper.style-12 .block-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  min-width: unset;
  min-height: unset;
  font-size: 2rem;
}
.block-title-wrapper.style-12 .webtecore-block-filters,
body.rtl .block-title-wrapper.style-12 .webtecore-block-filters {
  text-align: center;
  margin-top: 10px;
  margin: 0 auto;
}

.block-title-wrapper.style-12 nav li a {
  padding: 5px;
  margin: 5px;
  border-radius: 3px;
}
.block-title-wrapper.style-12 nav li {
  padding: 0;
  margin: 5px;
}

.block-title-wrapper.style-12 .block-title:before, .block-title-wrapper.style-12 .block-title:after {
  content: "";
  border-bottom: 3px solid;
  flex-grow: 0.1;
  margin: 0 15px;
  min-width: unset;
  min-height: unset;
}
 .block-title-wrapper.style-12 .webtecore-block-filters > li {
  padding: 10px;
    border: 1px solid;
    margin: 5px;
    border-radius: 15px;
 }
 .webtecore-block-filters > li a {
  display: block;
 }
 .webtecore-widget .block-title-wrapper.style-12 .block-title  {
    font-size: 15px;
 }
.block-title-wrapper.style-13 {
  border: 1px solid red;
  padding: 10px 15px;
  color: red;
}
.block-title-wrapper.style-14 {
  background: rgba(0,0,0,0.06);
  padding: 10px 15px;
  border-left-width: 5px;
  border-left-style: solid;
  border-color: red;
}
.dark-skin .block-title-wrapper.style-14 {
  background: rgba(255,255,255,0.06);

}
body.rtl .block-title-wrapper.style-14 {
  border-left: 0;
  border-right-width: 5px;
  border-right-style: solid;
}

.block-title-wrapper.style-15 {
  position: relative;
  font-weight: bolder;
}



.block-title-wrapper.style-16 {
  background: var(--principal-color);
  color: var(--principal-color-text-color);
  padding: 10px 15px;
}

.block-title-wrapper.style-17 .block-title {
  background: var(--principal-color);
  color: var(--principal-color-text-color);
  padding: 10px 15px;
  margin-right: 40px;
}
body.rtl .block-title-wrapper.style-17 .block-title {
  margin-right: 0;
  margin-left: 40px;
}
.block-title-wrapper.style-17 .block-title:after {
  content: '';
    position: absolute;
    right: -9px;
    top: 0;
    width: 40px;
    height: 100%;
    background-color: var(--principal-color);
    color: var(--principal-color-text-color);
    -webkit-transform: skew(30deg) translateX(20px);
    -ms-transform: skew(30deg) translateX(20px);
    transform: skew(30deg) translateX(20px);
}
body.rtl .block-title-wrapper.style-17 .block-title:after {
  right: auto;
  left: -9px;
  -webkit-transform: skew(-30deg) translateX(-20px);
    -ms-transform: skew(-30deg) translateX(-20px);
    transform: skew(-30deg) translateX(-20px);  
}
.block-title-wrapper nav li.ui-state-active {
  text-decoration: underline;
}
.block-title-wrapper nav li a, 
.block-title-wrapper nav li a:visited {
  color: inherit;
}
.block-title-wrapper nav li.ui-state-active,
.block-title-wrapper nav li a:hover,
.block-title-wrapper nav li a:active,
.block-title-wrapper nav li a:focus {
  opacity: 0.9;
  text-decoration: underline;
  color: red;
}
/* -- END BLOCK TITLE  --*/


/* PRODUCTS GRID */

.webtecore-products-grid {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.webtecore-products-grid .product  {
 
  text-align: center;
}
.wc-layered-nav-rating .star-rating,
.woocommerce-rating {
  margin: 0 auto;
}

.webtecore-block-column.column {
  width: 100%;
}
.webtecore-block-buttons {
  margin-top: 18px;
  border-top: 1px solid;
  padding-top: 18px;
}
.next-prev-pagination {
  display: flex;
  align-items: center;
}
.next-prev-pagination .webtecore-button-next-to-button {
  margin-left: auto;
  text-transform: uppercase;
  font-size: 12px;
}
body.rtl .next-prev-pagination .webtecore-button-next-to-button {
  margin-left: 0;
  margin-right: auto;
}
.webtecore-block-buttons .add_to_cart_button,
.webtecore-block-buttons .added_to_cart {
  width: 100%;
}

.webtecore-block-buttons .added_to_cart {
  margin-top: 10px;
}
.webtecore-grid-20 .webtecore-block-infos.border-infos, .webtecore-grid-25 .webtecore-block-infos.border-infos {
  padding: 15px;
}

.webtecore-button {
  display: inline-block;
}
.webtecore-button, .nav-previous a, .nav-next a {
  padding: 10px 15px;
  background: #eee;
  font-size: .875rem;
  line-height: 1.1;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  font-family: arial, sans-serif;
}

.webtecore-styled-button {
  padding: 5px 15px;
  line-height: 1;
  border-radius: 5px;
  font-size: 1.25rem;
  display: inline-block;
  text-align: center;
}
.webtecore-styled-button.big {
  padding: 15px 25px;
  font-size: 1.25rem;
}
.webtecore-load-more {
  font-size: 1.2rem;
    border-radius: 20px;
    padding: 0 30px;
    line-height: 40px;
    display: block;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--borders-color);

}
/*.webtecore-load-more-container:before, .webtecore-load-more-container:after {
  content: "";
  opacity: 0.1;
  display: block;
  border-top: 2px solid;
  width: 30%;
}*/
.webtecore-button-next-to-button {
  border: none;
}
.webtecore-loading-icon {
  display: none;
}
.webtecore-button.loading {
  font-size: 0;
}
.webtecore-button.loading > .webtecore-loading-icon,
.webtecore-styled-button.loading > .webtecore-loading-icon,
.webtecore-load-more.loading > .webtecore-loading-icon {
  display: block;
  margin: 0 10px;
}
.webtecore-loading-icon i {
  font-size: 1.1em;
}
.button.loading > .webtecore-loading-icon {
  display: inline-block;
  margin: 0 5px;
}
.webtecore-button.loading > .webtecore-loading-icon i {
  display: block;
  margin: 0;
  padding: 0;
}
.webtecore-button.loading > .webtecore-loading-icon img {
}
.webtecore-button-disabled {
  opacity: 0.4;
}
.webtecore-fnavl-button {
  display: block;
  text-align: center;
  padding: 10px 20px;
}

.webtecore-slabtext-block .slabtext {
  font-family: arial!important;

}
/* SLIDER */

/* SLICK */
.slick-slider:hover button.slick-arrow {
  opacity: 1;
}
button.slick-arrow {
  font-size: 0;
  background: var(--from-background-color);
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 22;
  border: 0;
  opacity: 0;
  transition: all .5s linear;
  border-left: none;
  cursor: pointer;
  margin-top: -15px;
  color: var(--links-color);
}
.rewak-scrolling-box button.slick-arrow {
  background: var(--principal-color)!important;
  color: var(--principal-color-text-color);
}
.slick-list {
  overflow: hidden;
}
button.slick-arrow:before {
  content: "\f2fa";
  font-family: 'Material-Design-Iconic-Font';
  font-size: 16px;
}
.slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
button.slick-arrow.slick-next {
  right: 0;
  left: auto;

}
button.slick-arrow.slick-next:before {
  content: "\f2fb";
}
@media only screen and (min-width: 960px) {
  button.slick-arrow {
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }
  body.rtl button.slick-arrow {
    left: auto;
  }
  button.slick-arrow.slick-next {
    left: auto;
  }
  body.rtl button.slick-arrow.slick-next {
    left: auto;
  }
  button.slick-arrow:before {
    font-size: 26px;

  }
}
.slick-vertical .slick-slide {
  border:0;
}
.webtecore-slider-block-container {
  min-width: 100%;
  height: 100%;
  position: relative;
}
.webtecore-slick-block {
  margin: 0;
  padding: 0;
  list-style: none;
}
.webtecore-slick-block > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.webtecore-slick-block.slick-initialized, .webtecore-slider-thumbs-content.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.webtecore-slider-thumbs-content {
  text-transform: uppercase;
}
.webtecore-slick-block > .webtecore-slider-item, .webtecore-slick-block > .webtecore-carousel-item {
  display: none;
}
.webtecore-slick-block > .webtecore-slider-item:first-child, .webtecore-slick-block > .webtecore-carousel-item:first-child {
  display: block;
}
.webtecore-slick-block.webtecore-grid-50 > .webtecore-carousel-item:nth-of-type(-n+2) {
  display: inline-block;
}
.webtecore-slick-block.webtecore-grid-33 > .webtecore-carousel-item:nth-of-type(-n+3) {
  display: inline-block;
}
.webtecore-slick-block.webtecore-grid-25 > .webtecore-carousel-item:nth-of-type(-n+4) {
  display: inline-block;
}
.webtecore-slick-block.webtecore-grid-16 > .webtecore-carousel-item:nth-of-type(-n+5) {
  display: inline-block;
}

.webtecore-slider-block-centered .webtecore-slider-item {
  padding: 0 10px;
  opacity: 0.4;
  transition: opacity 1s linear;
  backface-visibility: hidden;
    perspective: 1000;
}
.webtecore-slider-block-centered .webtecore-slider-item > div {
  max-width: 100%;
}
.webtecore-slider-block-centered .slick-current .webtecore-slider-item {
  opacity: 1;
}

.webtecore-slider-arrows {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 14;
  pointer-events: none;
}
.webtecore-slider-arrows-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.webtecore-slider-prev, .webtecore-slider-next {
  height: 30px;
  width: 30px;
  color: #fff;
  background: rgba(0, 0, 0, .4);
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 1.2em;
  width: 0;
  transition: all .4s linear;
  opacity: 0;
  cursor: pointer;
  display: block;
  float: left;
  pointer-events: auto;
  visibility: hidden;
  position: relative;
}

.webtecore-slider-arrows-free .webtecore-slider-prev, .webtecore-slider-arrows-free .webtecore-slider-next {
  position: absolute;
  top: 50%;
  margin-top: -20px;
}
.webtecore-slider-block-container:hover .webtecore-slider-prev,
.webtecore-slider-block-container:hover .webtecore-slider-next {
  width: 30px;
  opacity: 1;
  visibility: visible;
}

.webtecore-slider-arrows-free .webtecore-slider-next  {
  right: 0;
}
.webtecore-slider-arrows-free .webtecore-slider-prev {
  left: 0;
}
@media only screen and (min-width:960px) {
  .webtecore-slider-arrows-free .webtecore-slider-next {
    width: 40px;
  }
  .webtecore-slider-arrows-free .webtecore-slider-prev {
    width: 40px;
  }
  .webtecore-slider-prev, .webtecore-slider-next {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
  .webtecore-slider-block-container:hover .webtecore-slider-prev,
  .webtecore-slider-block-container:hover .webtecore-slider-next {
    width: 40px;
  }
}
.webtecore-slider-thumbs-bottom {
  position: absolute;
  max-width: 100%;
  top: auto;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0;
  font-size: 0;
  background: linear-gradient( to bottom, transparent, rgba(0,0,0,0.8) );
}
.webtecore-slider-thumbs-bottom .webtecore-slider-thumbs-content {
  transition: all .8s linear;
  margin: 0 auto;
}
.webtecore-slider-thumbs-bottom .webtecore-slider-thumbs-content:not(.slick-initialized) {
  display: flex;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  margin-bottom: -100%;
  
}
.webtecore-slider-thumbs-right .webtecore-slider-thumbs-content:not(.slick-initialized) {
  opacity: 0;
}
.webtecore-slider-thumbs-bottom .webtecore-slider-thumb-item {
  padding: 14px 20px;
  vertical-align: top;
  position: relative;
  display: inline-block;
  font-size: 1rem;
  flex-shrink: 0;
}
.webtecore-slider-thumbs-bottom .webtecore-slider-thumbs-content.slick-initialized {
  visibility: visible;
  opacity: 1;
  margin-bottom: 0;
}

@media only screen and ( min-width: 480px ) {
  .webtecore-slider-thumbs-bottom .webtecore-slider-thumbs-content:not(.slick-initialized) .webtecore-slider-thumb-item {
    width: 50%;
  }
}
@media only screen and ( min-width: 768px ) {
  .webtecore-slider-thumbs-bottom .webtecore-slider-thumbs-content:not(.slick-initialized) .webtecore-slider-thumb-item {
    width: 33.3333%;
  }
}
@media only screen and ( min-width: 960px ) {
  .webtecore-slider-thumbs-bottom .webtecore-slider-thumbs-content:not(.slick-initialized) .webtecore-slider-thumb-item {
    width: 25%;
  }
}
.webtecore-slider-thumbs-bottom .webtecore-slider-thumb-item {
  border-top: 5px solid rgba(0, 0, 0, .0);
}
.webtecore-slider-thumbs-bottom .slick-current .webtecore-slider-thumb-item {
    background: rgba(0, 0, 0, .3);
    border-top: 5px solid var(--principal-color);
}
.webtecore-slider-thumbs-container {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.webtecore-slider-thumbs-right {
  position: absolute;
  width: 30%;
  max-width: 300px;
  margin: 20px;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  direction: ltr;
}
body.rtl .webtecore-slider-thumbs-right {
  left: 0;
  right: auto;
}
.elementor-section-full_width .webtecore-slider-thumbs-container.site-content-width .webtecore-slider-thumbs-right  {
  right: 15px;
}
body.rtl .elementor-section-full_width .webtecore-slider-thumbs-container.site-content-width .webtecore-slider-thumbs-right  {
  right: auto;
  left: 15px;
}
@media only screen and ( min-width: 960px ) {
  .elementor-section-full_width .webtecore-slider-thumbs-container.site-content-width .webtecore-slider-thumbs-right  {
    right: 30px;
  }
  body.rtl .elementor-section-full_width .webtecore-slider-thumbs-container.site-content-width .webtecore-slider-thumbs-right  {
    right: auto;
    left: 30px;
  }
}
.elementor-section-full_width .webtecore-slider-thumbs-bottom .webtecore-slider-thumbs-content.site-content-width  {
  padding: 0 15px;
}
@media only screen and ( min-width: 960px ) {
  .elementor-section-full_width .webtecore-slider-thumbs-bottom .webtecore-slider-thumbs-content.site-content-width  {
    padding: 0 30px;
  }
}
.webtecore-slider-thumbs-right.only-thumb {
  max-width: 10%;
}
.webtecore-slider-thumbs-right .webtecore-slider-thumb-item {
  padding: 5%;
  position: relative;
  pointer-events: auto;
  overflow: hidden;
}
.webtecore-slider-thumbs-right.only-thumb .webtecore-slider-thumb-item {
  padding: 10px;
  border-radius: 50%;
}
.webtecore-slider-thumbs-right.only-thumb .slick-current .webtecore-slider-thumb-item {
  background: rgba(255, 255, 255, .5);
}
.webtecore-slider-thumbs-right .webtecore-slider-thumb-item .webtecore-block-infos {
  display: flex;
  align-items: center;
  min-height: 60px;
  overflow: hidden;
}
.webtecore-slider-thumbs-right.only-thumb .webtecore-slider-thumb-item .webtecore-block-infos {
  display: block;
}
.webtecore-slider-thumbs-right.only-thumb .webtecore-slider-thumb-item .block-infos-title-content {
  display: none;
}
.webtecore-slider-thumbs-right .slick-current .webtecore-slider-thumb-item {
  background: rgba(0,0,0,0.2);
}
.webtecore-slider-item .webtecore-block, .webtecore-slider-thumb-item .webtecore-block {
  margin-bottom: 0!important;
}

@media only screen and ( max-width: 800px ) {
  .webtecore-slider-thumbs-right:not(.only-thumb) {
    display: none;
  }

  .webtecore-slider-thumbs-right {
    max-width: 84px;
  }
  .webtecore-slider-thumbs-right.webtecore-slider-thumbs-number {
    max-width: 70px
  }
  .webtecore-slider-thumbs-right .webtecore-slider-thumb-item .webtecore-title-thumbnail-container, .webtecore-slider-thumbs-right .webtecore-slider-thumb-item .webtecore-rounded-number {
    margin-right: 0;
  }
  
}
@media only screen and ( max-width: 540px ) {
  .webtecore-slider-thumbs-bottom {
    display: none;
  }
  .webtecore-slider-thumbs-right .webtecore-slider-thumb-item .webtecore-title-thumbnail-container {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }
  .webtecore-slider-thumbs-right.only-thumb {
    max-width: 42px;
  }
  .webtecore-slider-thumbs-right .webtecore-slider-thumb-item .webtecore-block-infos {
    min-height: 30px;
  }
  .webtecore-slider-thumbs-right .webtecore-slider-thumb-item {
    height: 40px;
    padding: 5px;
  }
}
@media only screen and ( max-width: 700px ) {
  .webtecore-slider-thumbs-right:not(.only-thumb) {
    display: none;
  }
}

.slick-dots {
  margin: 30px 0;
  padding: 0;
  width: 100%;
  bottom: 9px;
  display: block;
  text-align: center;
  padding: 0;
  list-style: none;
  height: 12px;
}
.webtecore-dots-absolute .slick-dots {
  position: absolute;
  z-index: 9;
  margin: 15px 0;
  height: 15px;
}
.webtecore-dots-absolute .slick-dots {
  margin-right: -3px;
  margin-left: -3px;
}
.webtecore-dots-absolute .slick-dots li {
  margin: 0 3px;
  padding: 0;
  width: 14px;
  height: 14px;
  box-shadow: 0 0 1px #000;
}
.webtecore-dots-top-center .slick-dots {
  top: 0;
}
.webtecore-dots-top-left .slick-dots {
  top: 0;
  text-align: left;
  left: 20px;
}
.webtecore-dots-top-right .slick-dots {
  top: 0;
  right: 20px;
  text-align: right;
}
ul.slick-dots {
  margin: 0;
  padding: 0;
}
.slick-dots li {
  width: 12px;
    height: 12px;
    margin: 0 4px;
    position: relative;
    border-radius: 6px;
    display: inline-block;
    white-space: nowrap;
    background: var(--principal-color);
    padding: 0;
    list-style: none;
    opacity: 0.5;
    transition: all .2s linear;
    backface-visibility: hidden;
    perspective: 1000;
}
.slick-dots li.slick-active {
  opacity: 1;
  border-color: var(--principal-color);
}
.slick-dots li button {
  display: none;
}
.slick-dots li:hover {
  cursor: pointer;
  opacity: 0.8;
}
.webtecore-dots-absolute .slick-dots li {
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px rgba(255, 255, 255, 0.1) solid;
}
.webtecore-dots-absolute .slick-dots li.slick-active {
  background-color: rgba(255, 255, 255, 0.6);
  border: 2px rgba(255, 255, 255, 1) solid;
}
.webtecore-dots-absolute .slick-dots li:hover {
  background-color: rgba(255, 255, 255, 0.7);
  border: 2px rgba(255, 255, 255, 0.9) solid;
}
/* Section */

.webtecore-section-container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.mega-menu .webtecore-section-container {
  padding-left: 30px;
  padding-right: 30px;
}


.webtecore-block-pagination ul {
  padding: 0;
}

.nav-next {
  float: right;
}
body.rtl .nav-next {
  float: left;
}
.nav-previous {
  float: left;
}
body.rtl .nav-previous {
  float: right;
}
.webtecore-block-data-container {
  position: relative;
}
.webtecore-block-data-container.loading {
  opacity: .5;
}
.webtecore-block-data-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  align-items: center;
  justify-content: center;
  display: none;
  font-size: 1.125rem;
}
.webtecore-block-data-container.loading > .webtecore-block-data-loader {
  display: flex;
}
.webtecore-block-data-container.loading > .webtecore-block-data-content {
  opacity: 0.4;
}

.webtecore-no-content {
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px;
    color: inherit;
    border: 1px solid var(--borders-color);
    opacity: 0.5;
    text-transform: uppercase;
    justify-content: center;
    min-height: 200px;
}
.webtecore-no-content span {
  margin: 0 10px;
  display: block;
}
.webtecore-no-content:before {
  content: '\f1f1';
  font-family: 'Material-Design-Iconic-Font';
  font-size: 1.875rem;
}
/* TEXT TICKER */
.webtecore-text-ticker-content {
  text-transform: uppercase;
  font-size: 2rem;
  overflow: hidden;
}

/* ADS PRO FIX */

.webtecore-block-infos .apMainContainer {
  display: none!important;
}
/* Carousel / Slider */

.slick-list {
  font-size: 0;
}
.slick-slide > div > * {
  font-size: 1rem;
}
.webtecore-slider-item {
  font-size: 1rem;
}

.webtecore-block-carousel .slick-list {
  margin: 0 -10px;
}
.webtecore-no-spacing.webtecore-block-carousel .slick-list {
  margin: 0;
}
.webtecore-small-spacing.webtecore-block-carousel .slick-list {
  margin: 0 -4px;
}
.webtecore-normal-spacing.webtecore-block-carousel .slick-list {
  margin: 0 -10px;
}
.webtecore-medium-spacing.webtecore-block-carousel .slick-list {
  margin: 0 -8px;
}
.webtecore-extended-spacing.webtecore-block-carousel .slick-list {
  margin: 0 -16px;
}
.webtecore-wide-spacing.webtecore-block-carousel .slick-list {
  margin: 0 -20px;
}
.webtecore-big-spacing.webtecore-block-carousel .slick-list {
  margin: 0 -26px;
}
.webtecore-block-carousel .slick-slide{
  padding: 0 10px;
}
.webtecore-no-spacing.webtecore-block-carousel .slick-slide {
  padding: 0;
}
.webtecore-small-spacing.webtecore-block-carousel .slick-slide {
  padding: 0 4px;
}
.webtecore-normal-spacing.webtecore-block-carousel .slick-slide {
  padding: 0 10px;
}
.webtecore-medium-spacing.webtecore-block-carousel .slick-slide {
  padding: 0 8px;
}
.webtecore-extended-spacing.webtecore-block-carousel .slick-slide {
  padding: 0 16px;
}
.webtecore-wide-spacing.webtecore-block-carousel .slick-slide {
  padding: 0 20px;
}
.webtecore-big-spacing.webtecore-block-carousel .slick-slide {
  padding: 0 26px;
}
@media only screen and ( max-width: 960px ) {
  .webtecore-wide-spacing.webtecore-block-carousel .slick-list {
    margin: 0 -15px;
  }
  .webtecore-big-spacing.webtecore-block-carousel .slick-list {
    margin: 0 -15px;
  }
  .webtecore-wide-spacing.webtecore-block-carousel .slick-slide {
    padding: 0 15px;
  }
  .webtecore-big-spacing.webtecore-block-carousel .slick-slide {
    padding: 0 15px;
  }
}
/* block filters */

.webtecore-block-filters {
  font-size: 0;
  white-space: nowrap;
}

.webtecore-box-filter.vertical-tabs .webtecore-block-filters {
  visibility: visible;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.webtecore-block-filters, .webtecore-block-filters li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.webtecore-block-filters > li {
  display: inline-block;
  padding: 0 8px;
  font-size: 1rem;
  font-size: .8rem;
  text-transform: uppercase;
  font-weight: bold;
}
.webtecore-block-filters.buttons {
  margin-bottom: 20px;
  text-align: center;
  margin-top: -4px;
}
.webtecore-block-filters.buttons > li {
  padding: 13px 20px;
    border: 2px solid;
    margin: 4px;
    text-transform: uppercase;
    border-radius: 10px;
}
.webtecore-block-filters > li a i {
  margin-right: 5px;
}
body.rtl .webtecore-block-filters > li a i {
  margin-right: 0;
  margin-left: 5px;
}
body:not(.wp-customizer) .webtecore-box-filter-panel {
  min-height: 200px;
}

.webtecore-box-filter-panel {
  display: none;
}
.block-title-wrapper + .webtecore-box-filter-panel {
  display: block;
}
.webtecore-box-filter.vertical-tabs {
  position: relative;
  display: flex;
  align-items: stretch;
}
.webtecore-box-filter.vertical-tabs ul.webtecore-block-filters {
  padding: 20px 0;
  flex: 0 0 200px;
  
}
.webtecore-box-filter.vertical-tabs .webtecore-box-filter-panel {
  border-left: 1px solid var(--borders-color);
}
body.rtl .webtecore-box-filter.vertical-tabs .webtecore-box-filter-panel {
  border-left: 0;
  border-right: 1px solid var(--borders-color);
}
.webtecore-box-filter.vertical-tabs ul.webtecore-block-filters li {
  margin: 5px 12px;
  border-radius: 5px;
}
.webtecore-box-filter.vertical-tabs ul.webtecore-block-filters li.ui-state-active {
  
  background: var(--background-in-style);
}
.webtecore-box-filter.vertical-tabs ul.webtecore-block-filters li.ui-state-active a {
  color: inherit!important;
}


.webtecore-box-filter.vertical-tabs ul.webtecore-block-filters li {
  display: block;
  padding: 10px 15px;
}
.slabtexted .slabtext {
  display: -moz-inline-box;
  display: inline-block;
  white-space: nowrap;
  visibility: hidden;
}

.webtecore-tabs-panel {
  padding: 20px;
  overflow: hidden;
  flex-grow: 1;
}


.webtecore-box-filter-tabs .webtecore-block-filters li {
  padding: 10px 20px; 
}
.webtecore-widget .webtecore-box-filter-tabs .webtecore-block-filters li {
  padding: 10px;
}
/* ANIMATIONS */

[data-animation-classes] {
  visibility: hidden;
}
.wp-customizer [data-animation-classes] {
  visibility: visible;
}
[data-animation-classes].viewed {
  visibility: visible;
}
[data-animation-classes]:not(.viewed) .webtecore-line-clamp {
  opacity: 0;
}
/* DEFAULT LOADING */

.webtecore-loader-container {
  width: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.875rem;
  font-size: 13px;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--principal-color);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
.webtecore-review-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25px;
  z-index: 14;
  background: rgba(255,255,255,0.3);
}
.webtecore-review-score .star-rating:before,
.webtecore-block-infos-meta .star-rating:before {
  content: "";
}
.webtecore-block-infos-meta > .onsale {
  display: block;
  line-height: 40px;
  padding: 0;
  position: initial;
}
.webtecore-block-infos-meta > .webtecore-wishlist {
  overflow: initial;
}
.webtecore-meta-item > * {
  line-height: inherit;
}

.webtecore-meta-item > i {
  font-size: 1.35em;
  margin: 0 1px;
}

.webtecore-review-score-display {
  padding: 7px;
  font-size: 1.125rem;
}
.webtecore-review-score-display.circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--principal-color);
  color: var(--principal-color-text-color);
  border-radius: 500%;
  width: 44px;
  height: 44px;
  right: 10px;
  top: 10px;
}
body.rtl .webtecore-review-score-display.circle {
  right: auto;
  left: 10px;
  top: 10px;
}
.webtecore-review-score-display.bar {
  padding: 0;
  height: 100%;
  width: 0;
  transition: width .4s linear;
  backface-visibility: hidden;
    perspective: 1000;
  opacity: 0.9;
}
.webtecore-review-score-display.bar .webtecore-review-score {
  padding: 0 15px;
  font-size: 1rem;
  line-height: 25px;
}
.webtecore-review-score-display.bar .webtecore-review-score:after {
  content: "%";
  font-size: .875rem;
}
.webtecore-review-score-display.stars {
  font-size: .75rem;
  background: rgba(255,255,255,.8);
  padding: 3px;
}
.webtecore-review-score-display.circle .webtecore-review-score {
  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1rem;
    color: #fff;
    color: var(--principal-color-text-color);
}

/* EXTRA */


/* PAGE NUMBERS */

ul.page-numbers, .page-numbers li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.page-numbers > li.prev-page-link {
  float: left;
}
.page-numbers > li.next-page-link {
  float: right;
}
ul.page-numbers {
  margin: -5px;
}
ul.page-numbers.page-numbers li {
  display: inline-block;
}

ul.page-numbers.page-numbers li > a, ul.page-numbers.page-numbers li > span {
  display: block;
    font-size: 1rem;
    font-weight: 100;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 5px;
    font-weight: lighter;
    font-family: arial;
    border: 1px solid;
}


.webtecore-stacked-icon {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  position: relative;
  font-size: 1.4em;
  display: block;
  flex: 0 0 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--principal-color);
  color: var(--principal-color-text-color);
}
.webtecore-stacked-icon:after {
  content: "";
  padding-bottom: 100%;
}
.webtecore-stacked-icon i {

  
    font-size: .8em;
}


.star-rating .star-full:before {
    content: "\f27d";
}

.star-rating .star-half:before {
    content: "\f27b";
}

.star-rating .star-empty:before {
    content: "\f27c";
}

.star-rating .star {
    color: #f3c729;
    display: inline-block;
    font-family: 'Material-Design-Iconic-Font';
    font-style: normal;
    font-weight: 400;
    text-align: center;
    text-decoration: inherit;
    vertical-align: top;
}
/* SPIN */

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.animate-spin {
  -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}

/* GRID CSS */
.webtecore-grid {
  margin: -10px;
    font-size: 0;
}
ul.webtecore-grid {
  padding: 0;
}
ul.webtecore-grid > li {
  margin: 0;
}
.webtecore-no-spacing.webtecore-grid {
  margin: 0;
}
.webtecore-no-spacing > .webtecore-column > .webtecore-block-separator {
  margin-top: 0;
}
.webtecore-tiny-spacing.webtecore-grid {
  margin: -2px;
}
.webtecore-small-spacing.webtecore-grid {
  margin: -5px;
}
.webtecore-block-separator {
  margin-top: 20px;
}
.webtecore-small-spacing > .webtecore-column > .webtecore-block-separator {
  margin-top: 10px;
}
.webtecore-block-content > .webtecore-column:last-child > .webtecore-block-separator {
  display: none;
}
.webtecore-tiny-spacing > .webtecore-column >  .webtecore-block-separator {
  margin-top: 4px;
}
.webtecore-big-spacing.webtecore-grid {
  margin: -26px;
}
.webtecore-big-spacing > .webtecore-column >  .webtecore-block-separator {
  margin-top: 52px;
}
.webtecore-extended-spacing > .webtecore-column >  .webtecore-block-separator {
  margin-top: 32px;
}
.webtecore-medium-spacing.webtecore-grid {
  margin: -8px;
}
.webtecore-extended-spacing.webtecore-grid {
  margin: -16px;
}
.webtecore-wide-spacing.webtecore-grid {
  margin: -20px;
}
.webtecore-medium-spacing > .webtecore-column >  .webtecore-block-separator {
  margin-top: 16px;
}
.webtecore-wide-spacing > .webtecore-column >  .webtecore-block-separator {
  margin-top: 40px;
}
.webtecore-normal-spacing.webtecore-grid {
  margin: -10px;
}

.webtecore-normal-spacing > .webtecore-column >  .webtecore-block-separator {
  margin-top: 20px;
}
.webtecore-flex-grid {
  display: flex;
  justify-content: space-between;
}
.webtecore-builder-row.webtecore-grid-equal-height {
  display: flex;
  flex-wrap: wrap;
}
.webtecore-builder-row.webtecore-grid-equal-height .webtecore-builder-column-content {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.webtecore-builder-row.webtecore-grid-equal-height .webtecore-builder-column-content > * {
  width: 100%;
}
.webtecore-column {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  width: 100%;
  font-size: 1rem;
}
.webtecore-grid-100 .webtecore-column {
  width: 100%;
}
.webtecore-grid-side-infos .webtecore-column {
  width: 100%;
}
.webtecore-grid-middle > .webtecore-column {
  vertical-align: middle;
}
.webtecore-right-aligned-column {
  text-align: right;
}
.webtecore-full-column {
  width: 100%!important;
}

.webtecore-border-bottom-column > .webtecore-block {
  padding-bottom: 30px;
  border-bottom: 1px var(--borders-color) solid;
}
.webtecore-no-spacing > .webtecore-column {
  padding: 0;
}
.webtecore-small-spacing > .webtecore-column {
  padding: 5px;
}
.webtecore-tiny-spacing > .webtecore-column {
  padding: 2px;
}
.webtecore-normal-spacing > .webtecore-column {
  padding: 10px;
}
.webtecore-normal-spacing > .webtecore-border-bottom-column > .webtecore-block {
  padding-bottom: 20px;
}
.webtecore-medium-spacing > .webtecore-column {
  padding: 8px;
}
.webtecore-medium-spacing > .webtecore-border-bottom-column > .webtecore-block {
  padding-bottom: 15px;
}
.webtecore-extended-spacing > .webtecore-column {
  padding: 16px;
}
.webtecore-extended-spacing > .webtecore-border-bottom-column > .webtecore-block {
  padding-bottom: 22px;
}
.webtecore-wide-spacing > .webtecore-column {
  padding: 20px;
}
.webtecore-wide-spacing > .webtecore-border-bottom-column > .webtecore-block {
  padding-bottom: 30px;
}
.webtecore-big-spacing > .webtecore-column {
  padding: 26px;
}
.webtecore-big-spacing > .webtecore-border-bottom-column > .webtecore-block {
  padding-bottom: 50px;
}

.webtecore-column > .webtecore-block {
  margin-bottom: 0;
}
@media only screen and ( max-width: 960px ) {
  .webtecore-wide-spacing > .webtecore-column {
    padding: 15px;
  }
  .webtecore-wide-spacing.webtecore-grid {
    margin: -15px;
  }
  .webtecore-big-spacing > .webtecore-column {
    padding: 15px;
  }
  .webtecore-big-spacing.webtecore-grid {
    margin: -15px;
  }
}

@media only screen and (min-width: 576px ) {
  .webtecore-grid-masonry .webtecore-column {
    float: left;
    display: block;
    break-inside: avoid;
  }
  .webtecore-grid-50.webtecore-grid-masonry {
    column-count: 2;
  }
  .webtecore-grid-33.webtecore-grid-masonry {
    column-count: 2;
  }
  .webtecore-grid-25.webtecore-grid-masonry {
    column-count: 2;
  }
  .webtecore-grid-20.webtecore-grid-masonry {
    column-count: 2;
  }
  .webtecore-grid-16.webtecore-grid-masonry {
    column-count: 2;
  }
  .webtecore-grid-50:not(.webtecore-grid-masonry) > .webtecore-column {
    width: 50%;
  }
  .webtecore-grid-33:not(.webtecore-grid-masonry) > .webtecore-column {
    width:50%;
  }
  .webtecore-grid-25:not(.webtecore-grid-masonry) > .webtecore-column {
    width: 50%;
  }
  .webtecore-grid-20:not(.webtecore-grid-masonry) >  .webtecore-column {
    width: 50%;
  }
  .webtecore-grid-16:not(.webtecore-grid-masonry) >  .webtecore-column {
    width: 50%;
  }
  .webtecore-grid-66-33 > .webtecore-column:first-child {
    width: 66.6666%;
  }

  .webtecore-grid-66-33 > .webtecore-column {
    width: 33.3333%;
  }
  .webtecore-grid-80-20 > .webtecore-column:first-child {
    width: 80%;
  }
  .webtecore-grid-80-20 > .webtecore-column {
    width: 20%;
  }
  .webtecore-grid-33-66  > .webtecore-column:first-child {
    width: 33.3333%;
  }
  .webtecore-grid-33-66  > .webtecore-column {
    width: 66.6666%;
  }

  .webtecore-column-33 {
    width: 33.3333%;
  }
  .webtecore-column-66 {
    width: 66.6666%;
  }
  .webtecore-column-25 {
    width: 33.33333%;
  }
  .webtecore-column-20 {
    width: 33.33333%;
  }
  .webtecore-column-16 {
    width: 33.33333%;
  }
  .webtecore-column-83 {
    width: 83.33333%;
  }
  .webtecore-column-80 {
    width: 80%;
  }
  .webtecore-column-60 {
    width: 60%;
  }
  .webtecore-column-75 {
    width: 75%;
  }
  .webtecore-column-50 {
    width: 50%;
  }
  .webtecore-column-40 {
    width: 40%;
  }
  .webtecore-column-30 {
    width: 30%;
  }

}
@media only screen and (min-width: 768px ) {
  .webtecore-grid-50.webtecore-grid-masonry {
    column-count: 2;
  }
  .webtecore-grid-33.webtecore-grid-masonry {
    column-count: 3;
  }
  .webtecore-grid-25.webtecore-grid-masonry {
    column-count: 3;
  }
  .webtecore-grid-20.webtecore-grid-masonry {
    column-count: 3;
  }
  .webtecore-grid-16.webtecore-grid-masonry {
    column-count: 3;
  }
  .webtecore-grid-50:not(.webtecore-grid-masonry) > .webtecore-column {
    width: 50%;
  }
  .webtecore-grid-33:not(.webtecore-grid-masonry) > .webtecore-column {
    width: 33.3333%;
  }
  .webtecore-grid-25:not(.webtecore-grid-masonry) > .webtecore-column {
    width: 33.33333%;
  }
  .webtecore-grid-20:not(.webtecore-grid-masonry) >  .webtecore-column {
    width: 33.33333%;
  }
  .webtecore-grid-16:not(.webtecore-grid-masonry) >  .webtecore-column {
    width: 33.33333%;
  }
  .webtecore-grid-66-33 > .webtecore-column:first-child {
    width: 66.6666%;
  }

  .webtecore-grid-66-33 > .webtecore-column {
    width: 33.3333%;
  }
  .webtecore-grid-80-20 > .webtecore-column:first-child {
    width: 80%;
  }
  .webtecore-grid-80-20 > .webtecore-column {
    width: 20%;
  }
  .webtecore-grid-33-66  > .webtecore-column:first-child {
    width: 33.3333%;
  }
  .webtecore-grid-33-66  > .webtecore-column {
    width: 66.6666%;
  }

  .webtecore-column-33 {
    width: 33.3333%;
  }
  .webtecore-column-66 {
    width: 66.6666%;
  }
  .webtecore-column-25 {
    width: 33.33333%;
  }
  .webtecore-column-20 {
    width: 33.33333%;
  }
  .webtecore-column-16 {
    width: 33.33333%;
  }
  .webtecore-column-83 {
    width: 83.33333%;
  }
  .webtecore-column-80 {
    width: 80%;
  }
  .webtecore-column-60 {
    width: 60%;
  }
  .webtecore-column-75 {
    width: 75%;
  }
  .webtecore-column-50 {
    width: 50%;
  }
  .webtecore-column-40 {
    width: 40%;
  }
  .webtecore-column-30 {
    width: 30%;
  }

}
@media only screen and (min-width: 1024px ) {

  .webtecore-grid-50.webtecore-grid-masonry {
    column-count: 2;
  }
  .webtecore-grid-33.webtecore-grid-masonry {
    column-count: 3;
  }
  .webtecore-grid-25.webtecore-grid-masonry {
    column-count: 4;
  }
  .webtecore-grid-20.webtecore-grid-masonry {
    column-count: 5;
  }
  .webtecore-grid-16.webtecore-grid-masonry {
    column-count: 6;
  }
  .webtecore-grid-50:not(.webtecore-grid-masonry) > .webtecore-column {
    width: 50%;
  }
  .webtecore-grid-33:not(.webtecore-grid-masonry) > .webtecore-column {
    width: 33.3333%;
  }
  .webtecore-grid-25:not(.webtecore-grid-masonry) > .webtecore-column {
    width: 25%;
  }
  .webtecore-grid-20:not(.webtecore-grid-masonry) >  .webtecore-column {
    width: 20%;
  }
  .webtecore-grid-16:not(.webtecore-grid-masonry) >  .webtecore-column {
    width: 16.666666%;
  }
  .webtecore-grid-66-33 > .webtecore-column:first-child {
    width: 66.6666%;
  }

  .webtecore-grid-66-33 > .webtecore-column {
    width: 33.3333%;
  }
  .webtecore-grid-80-20 > .webtecore-column:first-child {
    width: 80%;
  }
  .webtecore-grid-80-20 > .webtecore-column {
    width: 20%;
  }
  .webtecore-grid-33-66  > .webtecore-column:first-child {
    width: 33.3333%;
  }
  .webtecore-grid-33-66  > .webtecore-column {
    width: 66.6666%;
  }

  .webtecore-column-33 {
    width: 33.3333%;
  }
  .webtecore-column-66 {
    width: 66.6666%;
  }
  .webtecore-column-25 {
    width: 25%;
  }
  .webtecore-column-20 {
    width: 20%;
  }
  .webtecore-column-16 {
    width: 16.66666%;
  }
  .webtecore-column-83 {
    width: 83.33333%;
  }
  .webtecore-column-80 {
    width: 80%;
  }
  .webtecore-column-60 {
    width: 60%;
  }
  .webtecore-column-75 {
    width: 75%;
  }
  .webtecore-column-50 {
    width: 50%;
  }
  .webtecore-column-40 {
    width: 40%;
  }
  .webtecore-column-30 {
    width: 30%;
  }

}

.webtecore-grid-50.webtecore-not-responsive-grid > .webtecore-column {
  width: 50%;
}
.webtecore-grid-33.webtecore-not-responsive-grid > .webtecore-column {
  width: 33.3333%;
}
.webtecore-grid-25.webtecore-not-responsive-grid > .webtecore-column {
  width: 25%;
}
.webtecore-grid-20.webtecore-not-responsive-grid >  .webtecore-column {
  width: 20%;
}
.webtecore-grid-16.webtecore-not-responsive-grid >  .webtecore-column {
  width: 16.666666%;
}
.webtecore-grid-66-33.webtecore-not-responsive-grid > .webtecore-column:first-child {
  width: 66.6666%;
}
.webtecore-grid-66-33.webtecore-not-responsive-grid  > .webtecore-column {
  width: 33.3333%;
}
.webtecore-grid-80-20.webtecore-not-responsive-grid  > .webtecore-column:first-child {
  width: 80%;
}
.webtecore-grid-80-20.webtecore-not-responsive-grid  > .webtecore-column {
  width: 20%;
}
.webtecore-grid-33-66.webtecore-not-responsive-grid   > .webtecore-column:first-child {
  width: 33.3333%;
}
.webtecore-grid-33-66.webtecore-not-responsive-grid   > .webtecore-column {
  width: 66.6666%;
}
@media only screen and ( min-width: 320px ) and ( max-width: 468px ) {
  .webtecore-grid-50-mobile > .webtecore-column {
    width: 50%;
  }
}
@media only screen and ( min-width: 480px ) and ( max-width: 768px ) { 

  .webtecore-tablet-33 .webtecore-column {
    width: 33.333333%!important;
  }
  .webtecore-tablet-50 .webtecore-column {
    width: 50%!important;
  }
  .webtecore-tablet-25 .webtecore-column {
    width: 25%!important;
  }
  .webtecore-tablet-20 .webtecore-column {
    width: 20%!important;
  }
  .webtecore-tablet-16 .webtecore-column {
    width: 16.66666666%!important;
  }
  .webtecore-tablet-100 .webtecore-column {
    width: 100%!important;
  }
}
@media only screen and ( min-width: 0px ) and ( max-width: 479px ) { 

  .webtecore-mobile-33 .webtecore-column {
    width: 33.333333%!important;
  }
  .webtecore-mobile-50 .webtecore-column {
    width: 50%!important;
  }
  .webtecore-mobile-25 .webtecore-column {
    width: 25%!important;
  }
  .webtecore-mobile-20 .webtecore-column {
    width: 20%!important;
  }
  .webtecore-mobile-16 .webtecore-column {
    width: 16.66666666%!important;
  }
  .webtecore-mobile-100 .webtecore-column {
    width: 100%!important;
  }
}
.webtecore-33-container .webtecore-grid-33-66 .webtecore-column, 
.webtecore-25-container .webtecore-column-50, 
.webtecore-33-container .webtecore-grid-33-66  > .webtecore-column:first-child {
  width: 100%;
}

.webtecore-25-container .webtecore-column-50-mobile {
  width: 50%;
}
.webtecore-25-container .webtecore-column-100-mobile,
.webtecore-50-container .webtecore-column-100-tablet,
.webtecore-25-container .webtecore-column-100-tablet,
.webtecore-33-container .webtecore-column-100-tablet,
.webtecore-66-container .webtecore-column-100-tablet,
.webtecore-66-container .webtecore-column-100-tablet:first-child {
  width: 100%;
}

.webtecore-25-container .webtecore-grid.webtecore-small-spacing-mobile,
.webtecore-33-container .webtecore-grid.webtecore-small-spacing-mobile {
  margin: -5px;
}
.webtecore-25-container .webtecore-grid.webtecore-small-spacing-mobile > .webtecore-column,
.webtecore-33-container .webtecore-grid.webtecore-small-spacing-mobile > .webtecore-column {
  padding: 5px;
}

@media only screen and (min-width: 320px) and (max-width: 768px ) {
  .webtecore-grid.webtecore-grid-100-tablet:not(.webtecore-grid-masonry) >  .webtecore-column {
    width: 100%;
  }
  .webtecore-grid .webtecore-column-100-tablet.webtecore-column {
    width: 100%;
  }
}



/*------------------------------------*/
/*-----------  ICON BOX --------------*/
/*------------------------------------*/
.webtecore-icon-box-shortcode {
  font-size: 14px;
  line-height: 1;
  display: flex;
  flex-direction: column;
  --icon-box-gap:1em;
  gap: var(--icon-box-gap);
  position: relative;
  align-items: center;
  text-align: center;
}
.webtecore-icon-box-shortcode.webtecore-icon-box-only-icon {
  display: block;
}
.webtecore-icon-box-shortcode.webtecore-icon-box-only-icon .webtecore-icon-box-icon {
  position: relative;
}

.webtecore-icon-badge-number {
    position: absolute;
    top: -.2em;
    right: -.2em;
    background: var(--principal-color);
    color: var(--principal-color-text-color);
    display: block;
    font-size: .2em;
    font-size: calc( .12em + 10px );
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: .4em;
    border-radius: 100%;
    border: 2px solid;

}
.webtecore-icon-square .webtecore-icon-badge-number,
.webtecore-icon-square-bordered .webtecore-icon-badge-number {
  border-radius: 0;
  top: -.8em;
  right: -.8em;
}
.webtecore-icon-simple .webtecore-icon-badge-number {
  top: -1.8em;
  right: -1.8em;
  font-size: .27em;
}
.webtecore-icon-box-content {
  display: flex;
  flex-direction: column;
  gap: calc( var(--icon-box-gap) / 2  );
  flex-grow: 1;
  line-height: 1.3;
  align-items: inherit;
}
.webtecore-icon-box-button {
  margin-top: calc( var(--icon-box-gap) / 3 );
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  position: relative;
  padding-bottom: 5px;
  border-bottom: 1px solid;
}

.webtecore-icon-box-shortcode.webtecore-icon-box-shortcode-beside {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: initial;
  flex-direction: row;
}
.webtecore-icon-box-shortcode.webtecore-icon-box-shortcode-beside.has-description {
  align-items: flex-start;
}
.webtecore-icon-box-shortcode.webtecore-icon-box-shortcode-beside .webtecore-icon-box-content {
  align-items: flex-start;
}
.webtecore-icon-box-shortcode.webtecore-icon-box-shortcode-beside .webtecore-icon-box-image {
  flex-shrink: 6;
}

.webtecore-icon-box-shortcode.webtecore-icon-box-shortcode-beside .webtecore-icon-box-image {
  min-width: 100px;
}

.webtecore-icon-box-number {
  font-size: 4em;
  color: transparent;
  -webkit-text-stroke: 1px var(--text-color);
  font-weight: bolder;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: .7;
}

body.rtl .webtecore-icon-box-shortcode.webtecore-icon-box-shortcode-beside .webtecore-icon-box-icon,
body.rtl .webtecore-icon-box-shortcode.webtecore-icon-box-shortcode-beside  .webtecore-icon-box-image {
  margin-right: 0;
  margin-left: 1.2em;
}
.webtecore-icon-box-icon.webtecore-icon {
  font-size: 100px;
  display: inline-flex;
}
.webtecore-icon-box-icon {
    position: relative;
    display: block;
}
.webtecore-icon-box-icon:not(.webtecore-icon-simple) svg, .webtecore-icon-box-icon:not(.webtecore-icon-simple) i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.webtecore-icon-box-icon i, .webtecore-icon-box-icon i:before {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  font-size: .7em;
}

.webtecore-icon-box-title {
  font-size: 1.35rem;
  font-weight: bold;
  line-height: 1;
  color: var(--links-color);
}
.webtecore-icon-box-description {
  font-size: 1rem;
}
.webtecore-icon {
  font-size: 4em;
  color: var(--icon-box-color)
}
.webtecore-icon-shortcode {
  --icon-box-color: var(--principal-color);
    --icon-box-icon-color: var(--principal-color-text-color);
    flex-grow: 0;
    min-width: unset;
  min-height: unset;
}


.webtecore-icon-circle,
.webtecore-icon-square,
.webtecore-icon-circle-bordered,
.webtecore-icon-square-bordered {
    margin: 0 auto;
    background: var(--icon-box-color);
    color: var(--icon-box-icon-color);
    line-height: 0;
    padding: 0.57em;
}

.webtecore-icon-circle-bordered,
.webtecore-icon-square-bordered {    
    background: transparent;
    color: var(--icon-box-color);
    border: 2px var(--icon-box-color) solid;
}
.webtecore-icon-circle,
.webtecore-icon-circle-bordered {
  border-radius: 50%;
}
.webtecore-icon svg {
  width: .6em;
  height: auto;
  display: block;
}
.webtecore-icon-simple.webtecore-icon svg {
  width: 1em;
}
.webtecore-social-icon-item.webtecore-social-column .webtecore-icon-box-shortcode-background .webtecore-icon-box-icon,
.webtecore-social-icon-item.webtecore-social-column .webtecore-icon-box-shortcode-bordered .webtecore-icon-box-icon {
  width: 100%;
  height: auto;
  padding: 0;
}
.webtecore-icon-box-shortcode-background .webtecore-icon-box-icon:after,
.webtecore-icon-box-shortcode-bordered .webtecore-icon-box-icon:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.webtecore-social-icon-item:not(.webtecore-social-icon-item-flexible) .webtecore-icon-box-icon i {
  font-size: 50cqw;
}
.webtecore-social-icon-item.webtecore-social-icon-item-flexible .webtecore-icon-box-icon i {
  font-size: 4em;
}
.webtecore-icon-box-shortcode-background.with-radius .webtecore-icon-box-icon,
.webtecore-icon-box-shortcode-bordered.with-radius .webtecore-icon-box-icon {
  border-radius: 1em;
}
.webtecore-icon-box-shortcode-background.full-circle .webtecore-icon-box-icon,
.webtecore-icon-box-shortcode-bordered.full-circle .webtecore-icon-box-icon,
.webtecore-icon-box-shortcode.full-circle .webtecore-icon-box-icon {
  border-radius: 50%;
}

.webtecore-icon-box-shortcode-bordered .webtecore-icon-box-icon {
  border-width: .2em;
  border-style: solid;
}
.webtecore-icon-box-shortcode-background .webtecore-icon-box-icon { 
  color:#fff;
}
/*------------------------------------*/
/*-----------  ICON Shortcode --------------*/
/*------------------------------------*/
.webtecore-icon-only-shortcode {
  text-align: center;
  font-size: 14px;
  line-height: 1;
}
.webtecore-icon-only-shortcode.webtecore-icon-only-shortcode-beside {
  display: flex;
  align-items: flex-start;
  text-align: initial;
}
.webtecore-icon-only-shortcode.webtecore-icon-only-shortcode-beside.has-description {
  align-items: flex-start;
}
.webtecore-icon-only-shortcode.webtecore-icon-only-shortcode-beside .webtecore-icon-only-image {
  flex-shrink: 6;
}
.webtecore-icon-only-shortcode.webtecore-icon-only-shortcode-beside .webtecore-icon-only-icon,
.webtecore-icon-only-shortcode.webtecore-icon-only-shortcode-beside .webtecore-icon-only-image {
  margin-right: 1.2em;
}
.webtecore-icon-only-shortcode.webtecore-icon-only-shortcode-beside .webtecore-icon-only-image {
  min-width: 100px;
}
.webtecore-icon-only-shortcode.webtecore-icon-only-shortcode-above .webtecore-icon-only-content {
  margin-top: 1.2em;
}
body.rtl .webtecore-icon-only-shortcode.webtecore-icon-only-shortcode-beside .webtecore-icon-only-icon,
body.rtl .webtecore-icon-only-shortcode.webtecore-icon-only-shortcode-beside  .webtecore-icon-only-image {
  margin-right: 0;
  margin-left: 1.2em;
}
.webtecore-icon-only-icon {
  display: inline-block;
  
}
.webtecore-icon-only-content {
  display: block;
  flex-grow: 1;
  line-height: 1.3;
}

.webtecore-icon-only-icon i, .webtecore-icon-only-icon i:before {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

.webtecore-icon-only-title {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}
.webtecore-icon-only-description {
  font-size: 12px;
  margin-top: 1em;
}
.webtecore-icon-only-shortcode-background .webtecore-icon-only-icon,
.webtecore-icon-only-shortcode-bordered .webtecore-icon-only-icon {
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 4em;
    height: 4em;
    flex: 0 0 4em;
    padding: 4em;
}
.webtecore-social-icon-item.webtecore-social-column .webtecore-icon-only-shortcode-background .webtecore-icon-only-icon,
.webtecore-social-icon-item.webtecore-social-column .webtecore-icon-only-shortcode-bordered .webtecore-icon-only-icon {
  width: 100%;
  height: auto;
  padding: 0;
}
.webtecore-icon-only-shortcode-background .webtecore-icon-only-icon:after,
.webtecore-icon-only-shortcode-bordered .webtecore-icon-only-icon:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.webtecore-social-icon-item:not(.webtecore-social-icon-item-flexible) .webtecore-icon-only-icon i {
  font-size: 50cqw;
}
.webtecore-social-icon-item.webtecore-social-icon-item-flexible .webtecore-icon-only-icon i {
  font-size: 4em;
}
.webtecore-icon-only-shortcode-background.with-radius .webtecore-icon-only-icon,
.webtecore-icon-only-shortcode-bordered.with-radius .webtecore-icon-only-icon {
  border-radius: 1em;
}
.webtecore-icon-only-shortcode-background.full-circle .webtecore-icon-only-icon,
.webtecore-icon-only-shortcode-bordered.full-circle .webtecore-icon-only-icon,
.webtecore-icon-only-shortcode.full-circle .webtecore-icon-only-icon {
  border-radius: 50%;
}

.webtecore-icon-only-shortcode-bordered .webtecore-icon-only-icon {
  border-width: .2em;
  border-style: solid;
}
.webtecore-icon-only-shortcode-background .webtecore-icon-only-icon { 
  color:#fff;
}
/*------------------------------------*/
/*----------- SOCIAL ICONS -----------*/
/*------------------------------------*/
.webtecore-social-grid,
.webtecore-social-icons-shortcode-flex {
  font-size: 0;
  margin: -5px;
}
.webtecore-social-grid > .webtecore-social-column {
  display: inline-block;
  font-size: 8px;
  vertical-align: top;
  padding: 5px;
}
.webtecore-social-icons-shortcode-flex > .webtecore-social-icon-item {
  padding: 5px;
}
.webtecore-social-grid.no-spacing, .webtecore-social-icons-shortcode-flex.no-spacing {
  margin: 0px;
}
.webtecore-social-grid.no-spacing > .webtecore-social-column,
.webtecore-social-icons-shortcode-flex.no-spacing > .webtecore-social-icon-item {
  padding: 0;
}
.webtecore-social-grid.small-spacing, .webtecore-social-icons-shortcode-flex.small-spacing {
  margin: -2px;
}
.webtecore-social-grid.small-spacing > .webtecore-social-column,
.webtecore-social-icons-shortcode-flex.small-spacing > .webtecore-social-icon-item {
  padding: 2px;
}
.webtecore-social-grid.big-spacing, .webtecore-social-icons-shortcode-flex.big-spacing {
  margin: -15px;
}
.webtecore-social-grid.big-spacing > .webtecore-social-column,
.webtecore-social-icons-shortcode-flex.big-spacing > .webtecore-social-icon-item {
  padding: 15px;
}
.webtecore-social-grid-100 > .webtecore-social-column {
  width: 100%;
}
.webtecore-social-grid-50 > .webtecore-social-column {
  width: 100%;
}
.webtecore-social-grid-25 > .webtecore-social-column {
  width: 100%;
}
.webtecore-social-grid-33 > .webtecore-social-column {
  width: 100%;
}
.webtecore-social-grid-20 > .webtecore-social-column {
  width: 100%;
}
.webtecore-social-grid-16 > .webtecore-social-column {
  width: 100%;
}

  .webtecore-social-grid-50 > .webtecore-social-column {
    width: 50%;
  }
  .webtecore-social-grid-25 > .webtecore-social-column {
    width: 25%;
  }
  .webtecore-social-grid-33 > .webtecore-social-column {
    width: 33%;
  }
  .webtecore-social-grid-20 > .webtecore-social-column {
    width: 20%;
  }
  .webtecore-social-grid-16 > .webtecore-social-column {
    width: 16.66666666666667%;
  }



.only_icon .webtecore-social-column .webtecore-item-icon,
.icons_infos_bellow .webtecore-social-column .webtecore-item-icon   {
  max-width: 100px;
  margin: 0 auto;
  font-size: 13px;
}
.webtecore-social-icons-shortcode {
  display: flex;
  flex-wrap: wrap;
}
.webtecore-social-icons-shortcode.centered-icons {
  align-items: center;
  justify-content: center;
}
.webtecore-social-icon-item {
  font-size: 8px;
}


.webtecore-social-icon-item .webtecore-item-icon,
.webtecore-social-icon-item .webtecore-social-icon-count,
.webtecore-social-icon-item .webtecore-social-icon-title {
  display: block;
}
.icons_infos_bellow .webtecore-social-icon-item .webtecore-item-icon,
.icons_infos_bellow .webtecore-social-icon-item .webtecore-social-icon-title-count,
.icons_infos_bellow .webtecore-social-icon-item .webtecore-social-icon-action {
  display: block;
  text-align: center;
  text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    
}
.webtecore-social-icon-item:not(.webtecore-social-icon-item-flexible) .webtecore-item-icon {

    container-type: inline-size;
    
}
.icons_infos_bellow .webtecore-social-icon-item .webtecore-social-icon-action {
  opacity: .6;
}
.icons_infos_beside .webtecore-social-icon-item .webtecore-item-icon,
.icons_infos_beside .webtecore-social-icon-item .webtecore-social-icon-count {
  margin: 0;
  margin-right: 10px;
}
body.rtl .icons_infos_beside .webtecore-social-icon-item .webtecore-item-icon,
body.rtl .icons_infos_beside .webtecore-social-icon-item .webtecore-social-icon-count {
  margin-right: 0;
  margin-left: 10px;
}
.webtecore-social-icon-item .webtecore-social-icon-count {
  margin-top: 10px;
  font-weight: bold;
}
.webtecore-social-icon-item .webtecore-social-icon-count,
.webtecore-social-icon-item .webtecore-social-icon-title {
  font-size: 1.3em;
  opacity: 0.8;
  text-overflow: ellipsis;
    overflow: hidden;
}
.webtecore-social-icon-content {
  padding: 1.2em;
  color: #fff;
  display: block;
  box-sizing: border-box;
}
.icons_infos_beside .webtecore-social-icon-title {
  font-size: 12px;
}

.icons_infos_beside .webtecore-social-icon-action {
  text-align: right;
      white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 35%;
  
}
.webtecore-social-icon-title-count {
  text-transform: uppercase;
  line-height: 1.2;
}
.icons_infos_beside .webtecore-social-icon-title-count {
  flex-grow: 1;
  text-align: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.icons_infos_beside .webtecore-social-icon-content,
.icons_infos_beside .webtecore-social-icon-content-simple {
  display: flex;
  align-items: center;
  padding: 10px;
  font-size: 16px!important;
}
.webtecore-item-icon {

}
.icons_infos_beside .webtecore-item-icon {
  flex: 0 0 50px;
  text-align: center;
}
.icons_infos_beside .webtecore-social-icon-content-simple .webtecore-item-icon {
  flex: 0 0 40px;
}
.icons_infos_beside_2  .webtecore-social-icon-content-simple .webtecore-item-icon {
  flex: 0 0 60px;
} 
.icons_infos_beside .webtecore-icon-box-icon {
  width: 50px!important;
  font-size: 6px;
}

.icons_infos_beside_2 .webtecore-icon-box-icon  {
  width: 60px;
  font-size: 10px;
}
.icons_infos_beside .webtecore-social-icon-content-simple .webtecore-icon-box-icon {
  width: 40px!important;
}
.icons_infos_beside_2 .webtecore-social-icon-content-simple .webtecore-icon-box-icon {
  width: 50px!important;
} 
.webtecore-social-icon-item {
  position: relative;
  opacity: 0.8;
  transition: opacity .4s ease;
  backface-visibility: hidden;
    perspective: 1000;
}
.webtecore-social-icon-item-content, .webtecore-social-icon-content-simple {
  position: relative;
  display: block;
}
.webtecore-social-icon-item:hover {
  opacity: 1;
}
.icons_infos_beside .webtecore-social-icon-item-content:before,
.icons_infos_beside .webtecore-social-icon-content-simple:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  opacity: 0.2;
  border: 1px solid;
}
.webtecore-social-icon-link {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  content: "";
  display: block;
  z-index: 1;
}
.icons_infos_beside_1 .webtecore-social-icon-title-count {
  display: flex;
  align-items: center;
} 
.icons_infos_beside .webtecore-social-icon-content-simple .webtecore-icon-box-shortcode-simple .webtecore-icon-box-icon  {
  border-right: 1px solid;
}
body.rtl .icons_infos_beside .webtecore-social-icon-content-simple .webtecore-icon-box-shortcode-simple .webtecore-icon-box-icon  {
  border-right: 0;
  border-left: 1px solid;
}

/*------------------------------------*/
/*-----------   PADDING   ------------*/
/*------------------------------------*/
.webtecore-content-padding {
  margin-left: 5%;
  margin-right: 5%;
}

/*------------------------------------*/
/*------- YIKES SUBSCRIBE FORMS ------*/
/*------------------------------------*/


.yikes-easy-mc-form {
  position: relative;
}
@media only screen and (  min-width: 768px ) {
  .webtecore-mailchimp-form-inline .yikes-easy-mc-form {
    display: flex;
    align-items: flex-end;
  }
  
}
.empty-form-inline-label .empty-label {
  display: none!important;
}
.yikes-easy-mc-form input[type=email], .yikes-easy-mc-form input[type=number], .yikes-easy-mc-form input[type=text], .yikes-easy-mc-form input[type=url], .yikes-easy-mc-form select,
.yikes-easy-mc-form label, .yikes-easy-mc-form button {
  display: block;
  width: 100%;
}
.yikes-easy-mc-form label span {
  margin-bottom: 7px;
  display: block;
}
.yikes-easy-mc-submit-button span {
  margin-bottom: 0!important;
}
@media only screen and (  min-width: 768px ) {
  .webtecore-mailchimp-form-inline .yikes-easy-mc-form input[type=email],
  .webtecore-mailchimp-form-inline .yikes-easy-mc-form input[type=number],
  .webtecore-mailchimp-form-inline  .yikes-easy-mc-form input[type=text],
  .webtecore-mailchimp-form-inline  .yikes-easy-mc-form input[type=url],
  .webtecore-mailchimp-form-inline  .yikes-easy-mc-form select,
  .webtecore-mailchimp-form-inline .yikes-easy-mc-form label,
  .webtecore-mailchimp-form-inline .yikes-easy-mc-form button {
    margin-right: 10px;
  }
}
@media only screen and (  max-width: 768px ) {
  .webtecore-mailchimp-form-inline .yikes-easy-mc-form input[type=email],
  .webtecore-mailchimp-form-inline .yikes-easy-mc-form input[type=number],
  .webtecore-mailchimp-form-inline  .yikes-easy-mc-form input[type=text],
  .webtecore-mailchimp-form-inline  .yikes-easy-mc-form input[type=url],
  .webtecore-mailchimp-form-inline  .yikes-easy-mc-form select,
  .webtecore-mailchimp-form-inline .yikes-easy-mc-form label,
  .webtecore-mailchimp-form-inline .yikes-easy-mc-form button {
    margin-bottom: 20px;
  }
}
body.rtl .webtecore-mailchimp-form-inline .yikes-easy-mc-form input[type=email],
body.rtl .webtecore-mailchimp-form-inline .yikes-easy-mc-form input[type=number],
body.rtl .webtecore-mailchimp-form-inline  .yikes-easy-mc-form input[type=text],
body.rtl .webtecore-mailchimp-form-inline  .yikes-easy-mc-form input[type=url],
body.rtl .webtecore-mailchimp-form-inline  .yikes-easy-mc-form select,
body.rtl .webtecore-mailchimp-form-inline .yikes-easy-mc-form label,
body.rtl .webtecore-mailchimp-form-inline .yikes-easy-mc-form button {
  margin-right: 0;
  margin-left: 10px;
}
.webtecore-mailchimp-form-inline .yikes-easy-mc-form button {
  margin-right: 0;
  margin-left: 0;
}
.webtecore-mailchimp-form-block .yikes-easy-mc-form input[type=email],
.webtecore-mailchimp-form-block .yikes-easy-mc-form input[type=number],
.webtecore-mailchimp-form-block  .yikes-easy-mc-form input[type=text],
.webtecore-mailchimp-form-block .yikes-easy-mc-form input[type=url],
.webtecore-mailchimp-form-block .yikes-easy-mc-form select,
.webtecore-mailchimp-form-block .yikes-easy-mc-form label,
.webtecore-mailchimp-form-block .yikes-easy-mc-form button,
.webtecore-mailchimp-form-block .yikes-easy-mc-form .g-recaptcha {
  margin-bottom: 20px;
}
.webtecore-mailchimp-form-stacked-inputs .yikes-easy-mc-form label  {
  margin-right: 0;
}
body.rtl .webtecore-mailchimp-form-stacked-inputs .yikes-easy-mc-form label {
  margin-left: 0;
}
.webtecore-mailchimp-form-stacked-inputs .yikes-easy-mc-form .yikes-easy-mc-checkbox-label,
.webtecore-mailchimp-form-stacked-inputs .yikes-easy-mc-form label input,
.webtecore-mailchimp-form-stacked-inputs .yikes-easy-mc-form button,
.webtecore-mailchimp-form-stacked-inputs .yikes-easy-mc-form label select {
  border-radius: 0;
  border-right: 0;
}
body.rtl .webtecore-mailchimp-form-stacked-inputs .yikes-easy-mc-form .yikes-easy-mc-checkbox-label,
body.rtl .webtecore-mailchimp-form-stacked-inputs .yikes-easy-mc-form label input,
body.rtl .webtecore-mailchimp-form-stacked-inputs .yikes-easy-mc-form button,
body.rtl .webtecore-mailchimp-form-stacked-inputs .yikes-easy-mc-form label select {
  border-right: 1px solid;
  border-left: 0;
}
.webtecore-mailchimp-form-inline .yikes-easy-mc-form .submit-button-inline-label,
.webtecore-mailchimp-form-inline .yikes-easy-mc-form > .yikes-easy-mc-submit-button {
  flex: 0 0 20%;
}
.yikes-easy-mc-checkbox-label {
  margin-bottom: 10px;
}
.yikes-mailchimp-preloader {
  position: absolute;
  top: 50%;
  right: 50%;
  margin: 0;
  padding: 0;
  margin-top: -50px;
  margin-right: -50px;
  display: block;
  height: 100px;
  width: 100px;
}
.webtecore-mailchimp-call-for-subscribe {
  text-align: center;
}


.webtecore-mailchimp-icon {
  font-size: 5rem;
  line-height: 1;
  margin-bottom: 20px;
}

.webtecore-mailchimp-title {
  font-size: 2rem;
  margin: 0;
  margin-bottom: 20px;
}


.webtecore-mailchimp-shortcode .submit-button-inline-label, .webtecore-mailchimp-shortcode .submit-button-inline-label button {
  margin-bottom: 0!important;
}




/* MEDIA SHORTCODE */
.webtecore-media-shortcode {
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.webtecore-media-shortcode-content.full-rounded img {
  clip-path: circle();
}
.webtecore-media-shortcode-content.nice-rounded img {
  border-radius: 20px;
}
.webtecore-media-shortcode-left {
  float: left;
  margin: 30px;
  margin-left: 0;
  margin-bottom: 0;
}
.webtecore-media-shortcode-right {
  float: right;
  margin: 30px;
  margin-right: 0;
  margin-bottom: 0;
}
.webtecore-media-shortcode-center {
  margin: 0 auto;
}
.webtecore-media-shortcode-audio {
  min-height: 300px;
}
.webtecore-media-shortcode-title {
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 20px;
    position: relative;
}
.webtecore-media-title {
  font-size: 1.25rem;
  font-weight: 400;
}
.webtecore-media-shortcode-title .webtecore-media-shortcode-icon {
  position: absolute;
    right: 20px;
    font-size: 1.8rem;
    line-height: 50px;
    top: 50%;
    margin-top: -25px;
}
.webtecore-media-shortcode-author {
  opacity: 0.6;
  font-size: 1rem;
}
.webtecore-media-shortcode-audio .webtecore-media-shortcode-icon {
  color: #fff;
    font-size: 3rem;
    width: 90px;
    line-height: 90px;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    left: 50%;
    text-align: center;
    margin-left: -45px;
    background: rgba(255,255,255,0.3);
    color: #000;
    box-shadow: 0 0 10px #000;
}
.webtecore-media-shortcode-audio > .plyr {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  border-top: 2px rgba(255,255,255, 0.5) solid;
}
body.site-body .plyr--audio .plyr__controls {
  background: rgba(255,255,255, 0.6);
  background: linear-gradient(to bottom, rgba(0,0,0, 0.5), #000);
  color: #fff;
}
.webtecore-media-shortcode-content iframe {
  max-height: 100%;
}
.webtecore-audio-shortcode-cover {
  background: #242424;
  min-height: 250px;
  position: relative;
  background-position: center center;
  background-size: cover;
}
.webtecore-audio-shortcode-cover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.4);
  z-index: 1;
}
.webtecore-audio-shortcode-cover .audio-icon {
  position: absolute;
  font-size: 1.8rem;
  padding: 10px;
  line-height: 30px;
  top: 0;
  right: 0;
  background: #fff;
  color: #000;
  z-index: 2;
}
.webtecore-media-shortcode  .wp-video, .webtecore-media-shortcode .mejs-video.wp-video-shortcode, .webtecore-media-shortcode .mejs-container.mejs-video {
    margin: 0 auto;
}
.webtecore-media-shortcode .mejs-container, .webtecore-media-shortcode .mejs-embed, .webtecore-media-shortcode .mejs-embed body {
  background: transparent!important;
}
.webtecore-media-shortcode .mejs-audio.mejs-container {
  position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
.webtecore-full-image .webtecore-media-shortcode .mejs-audio.mejs-container {
  right: 30px;
    left: 30px;
    max-width: 100%;
    max-width: calc(100% - 60px); 
}

body.site-body .webtecore-media-shortcode .mejs-controls {
  display: flex;
  align-items: center;
  opacity: 0.9;
}
body.site-body .webtecore-media-shortcode .mejs-controls:hover {
  opacity: 1;
}
body.site-body .webtecore-media-shortcode .mejs-controls .mejs-button button {
  
}
.webtecore-media-shortcode .mejs-container.mejs-video:after {
  content: "";
  display: block;
    padding-top: 56.25%;
}
.webtecore-media-shortcode .wp-video, .webtecore-media-shortcode video.wp-video-shortcode {
    
    margin: 0 auto;
}
.webtecore-media-shortcode video.wp-video-shortcode {
    position: relative;
}
.webtecore-media-shortcode .mejs-mediaelement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
}
.webtecore-media-shortcode .mejs-audio .mejs-mediaelement {
  display: none;
}
.webtecore-media-shortcode .mejs-controls {
    display: none;
}
.webtecore-media-shortcode .mejs-overlay-play {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
}
/* REVIEW SHORTCODE */

.webtecore-review-shortcode {
  text-align: initial;
  font-size: 1rem;
}
.webtecore-review-cretiria {
  padding: 15px 0;
}
.webtecore-review-cretiria.stars {
  border-bottom: 1px solid;
}
.webtecore-review-cretiria-infos {
  display: flex;
  align-items: center;
}
.webtecore-review-cretiria-name {
  flex-grow: 1;
  font-weight: bold;
}
.webtecore-review-score-summary {
  align-items: center;
  margin-bottom:15px;
  padding-bottom: 15px;
  border-bottom: 1px solid;
}
@media only screen and ( min-width: 768px ) {
  .webtecore-review-score-summary {
    display: flex;
    margin-bottom:15px;
    padding-bottom: 15px;
    border-bottom: 1px solid;
  }
}

.webtecore-review-score-content {
  width: 110px;
  height: 110px;
  border-radius: 500%;
  position: relative;
  padding: 5px;
    margin: 0 auto;
}
.webtecore-review-score-content.stars {
  width: auto;
  height: auto;
}
.webtecore-review-summary {
  margin-bottom: 15px;
}
@media only screen and ( min-width: 960px ) {
  
  .webtecore-review-summary {
    flex-grow: 1;
    margin-right: 30px;
    margin-bottom: 0;
  }
  body.rtl .webtecore-review-summary {
    margin-left: 30px;
    margin-right: 0;
  }
}
.webtecore-review-score-content .webtecore-stars-rating {
  margin: 0 auto;
}

.webtecore-score-highlight {
  font-size: 1.8rem;
  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.webtecore-score-highlight.stars {
  position: relative;
}
.webtecore-score-comment {
  width: 100px;
    border: 1px solid;
    border-radius: 40px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 15px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.webtecore-score-highlight.percent:after {
  content: "%";
  
  font-size: .76rem;

}
.webtecore-review-score.stars {
  padding: 16px;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    border-radius: 16px;
    background: linear-gradient(45deg, #e2e2e24d, transparent);
}

.webtecore-score-highlight.stars {
  line-height: 1;
}
.webtecore-stars-rating {
  display:  block;
}

.webtecore-review-cretiria-bar {
  height: 10px;
  background: #eee;
  width: 100%;
  margin-top: 10px;
  border-radius: 3px;
}
.webtecore-review-cretiria-bar-note {
  height: 100%;
  border-radius: 3px;
  display: block;
  width: 0%;
  transition: width ease-in-out .5s;
}
.webtecore-review-cretiria-infos .webtecore-stars-rating {
  font-size: 1.7rem;
}

/* flexMenu styles */

.more-menu-link {
  position: relative;
}
body.rtl .flexMenu-viewMore {
}
.more-menu-link ul, .more-menu-link li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.more-menu-link li {
  display: block;
  text-align: initial;
  padding: 5px 10px;
}
.more-menu-link > a {
  display: block;
}

.more-menu-link .more-menu {
  list-style-type: none;
  padding: 0;
  background-color: var(--from-background-color);
  margin: 0;
  display: none;
  position: absolute;
  right: 0;
  min-width: 200%;
  z-index: 99;
  box-shadow: -4px 9px 14px 1px rgba(0,0,0,.7);
}
.block-title-wrapper .webtecore-block-filters:hover {
  overflow: initial;
}
.more-menu-link:hover .more-menu {
  display: block;
}
body.rtl .more-menu {
  right: auto;
  left: 0;
}
.more-menu-link > a:after {
  content: "\f2f9";
  font-family: 'Material-Design-Iconic-Font';
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  font-size: .7rem;
}
body.rtl .more-menu-link > a:after {
  margin-right: 8px;
  margin-left: 0;
}
.more-menu-link li a {
  display: block;
  line-height: 2;
}

/* Recent Comments */
.webtecore-comment-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.webtecore-recent-comments-list > .webtecore-comment-item:last-child {
  margin-bottom: 0;
}
.webtecore-comment-avatar {
  margin-right: 5%;
}
body.rtl .webtecore-comment-avatar {
  margin-right: 0;
  margin-left: 5%;
}
.webtecore-comment-content b {
  display: block;
}
.webtecore-comment-avatar img {
  display: block;
  border-radius: 50%!important;
}
/* Contact infos */
.webtecore-contact-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}
.webtecore-contact-infos-shortcode-default .webtecore-contact-item  {
    word-wrap: break-word;
}
.vertical-align-start.webtecore-contact-item {
  align-items: flex-start;
} 
.vertical-align-start.webtecore-contact-item:not(.webtecore-contact-item-has-title) {
  align-items: center;
}
.vertical-align-center.webtecore-contact-item {
  align-items: center;
} 
.webtecore-contact-item i, .webtecore-contact-item span {
  display: block;

}
.webtecore-contact-infos-shortcode-inline {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.webtecore-contact-infos-shortcode-inline {
  margin: -.7em;
}
.webtecore-contact-infos-shortcode-inline .webtecore-contact-item {
  margin-bottom: 0;
  margin: .7em;
}
.webtecore-contact-item-icon {
  margin-right: .7em;
  font-size: 1.4em;
  text-align: center;
}

.webtecore-contact-item-has-title .webtecore-contact-item-icon {
  font-size: 2em;
}
.webtecore-contact-item-title {
  margin-bottom: .4em;
    text-transform: uppercase;
    font-weight: 500;
}
.webtecore-contact-item-infos {
  line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    text-transform: uppercase;
}
.webtecore-contact-item-icon.webtecore-stacked-icon {
  font-size: 1.7em;
}
body.rtl .webtecore-contact-item-icon {
  margin-right: 0;
  margin-left: .7em;
}
.webtecore-contact-item-text {
  opacity: .7;
}

/* Video Playlist */
.webtecore-video {
  display: none;
}
.webtecore-video-playlist-player {
  position: relative;
  overflow: hidden;
}
.webtecore-video-playlist-player:after {
  padding-bottom: 56.25%;
  content: "";
  display: block;
  
}
.plyr__poster {
  background-size: cover!important;
}
.webtecore-video-playlist-player > div, .webtecore-video-playlist-player > video {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.webtecore-video-playlist {
  background: #333;
  width: 100%;
  color: var(--borders-color);
  position: relative;
}

.webtecore-video-playlist-player {
  height: 100%;
}
.webtecore-video-playlist-list {
  background: #222222;
  
}


.webtecore-video-playlist-title {
  background: #000000;
  padding: 20px;
}
.webtecore-video-playlist-title > span {
  display: block;
}

.webtecore-video-playlist-item {
  padding: 10px;
  border-bottom: 1px rgba(255,255,255, .45) solid;
  cursor: pointer;
  transition: background .3s linear;
  backface-visibility: hidden;
    perspective: 1000;
  display: flex;
  align-items: center;
}
.webtecore-video-playlist-item:hover, .webtecore-video-playlist-item.selected-video {
  background: #000;
}
.webtecore-video-playlist-item.video-playing .webtecore-video-playlist-thumb > i.video-play {
  display: block;
}
.webtecore-video-playlist-item.video-paused .webtecore-video-playlist-thumb > i.video-pause {
  display: block;
}
.webtecore-video-playlist-thumb {
  width: 60px;
  height: 40px;
  flex:0 0 60px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.webtecore-video-playlist-thumb > i {
  display: none;
}
body.rtl .webtecore-video-playlist-thumb {
  margin-right: 0;
  margin-left: 15px;
}
.webtecore-video-playlist-item-title, .webtecore-video-playlist-item-duration {
  display: block;
}
.webtecore-playlist-title {
  font-size: 1rem;
  font-weight: 600;
}
.webtecore-video-playlist-item-title {
  font-size: 1rem;
}
.webtecore-video-playlist-item-infos {
  font-size: .75rem;
}
.webtecore-video-playlist-title {
  display: flex;
  align-items: center;

}

body.rtl .webtecore-playlist-icon {
  margin-right: 0;
  margin-left: 15px;
}
.webtecore-video-playlist-infos > span {
  display: block;
}

body.site-body .plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px rgba(255,255,255,.5);
}

.webtecore-playlist-icon {
  font-size: 2em;
  margin-right: 15px;
  font-weight: lighter;
}
.webtecore-video-playlist-thumb video {
  position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}
@media only screen and (min-width: 800px ) {
  .webtecore-video-playlist {
    display: flex;
    align-items: center;
  }
  .webtecore-video-playlist-player {
    width: 70%;
  }
  .webtecore-video-playlist-list {
    width: 30%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
  body.rtl .webtecore-video-playlist-list {
    right: auto;
    left: 0;
  }
  .webtecore-video-playlist-items {
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 90px;
    right: 0;
    left: 0;
    bottom: 0;
    max-height: none;
  }
  .webtecore-playlist-icon {
    font-size: 2.6em;
  }
  .webtecore-playlist-title {
    font-size: 1.4em;
  }
  .webtecore-video-playlist-title {
    height: 90px;
  }
  .webtecore-video-playlist-thumb {
    width: 80px;
    height: 60px;
    flex:0 0 80px;
  }
}

/* SEARCH FORM */

.webtecore-search-form {
  display: flex;
  align-items: center;
}
.webtecore-search-form .webtecore-search-field {
  flex-grow: 1;
}
.webtecore-search-form .webtecore-search-submit {
  position: relative;
}
.webtecore-search-form .webtecore-search-submit:after {
  content: '\f1c3';
  font-family: 'Material-Design-Iconic-Font';
}

/* TICKER */

.webtecore-news-ticker {
  overflow: hidden;
  white-space: nowrap;
}

.webtecore-news-ticker.ticker-init {
  display: block;
}

body.rtl .webtecore-news-ticker.ticker-init {
  direction: ltr;
  text-align: right;
}
.webtecore-news-ticker-container {
  display: flex;
  align-items: center;
  line-height: 1;
    text-transform: uppercase;
}

.webtecore-ticker-date {
  opacity: 0.7;
  font-size: inherit;
  font-weight: normal;
}

.webtecore-ticker-date, .webtecore-ticker-item {
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
body.rtl .webtecore-ticker-date, body.rtl .webtecore-ticker-item {
  margin-right: 0;
  margin-left: 10px;
  direction: rtl;

}
.webtecore-ticker-item, body.rtl .webtecore-ticker-item {
  margin: 0;
}
.webtecore-ticker-date i {
}
body.rtl .webtecore-ticker-date i {
  margin-right: 0;
  margin-left: 5px;
}
.webtecore-news-ticker-title {
  white-space: nowrap;
  padding: 8px 12px;
  font-size: 1.2em;
  background: var(--principal-color);
  color: var(--principal-color-text-color);
}

.webtecore-news-ticker-content {
  overflow: hidden;
}
.webtecore-news-ticker-title {
  text-transform: uppercase;
  margin-right: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-shrink: 0;
}

.webtecore-news-ticker-title .webtecore-news-ticker-icon {
  font-size: 1.1em;
  line-height: 1;
  width: auto;
  height: auto;
  max-width: 25%;
  
}
.webtecore-news-ticker-title .webtecore-news-ticker-icon img {
  display: block;
}
body.rtl .webtecore-news-ticker-title .webtecore-news-ticker-icon {
  margin-left: 5px;
  margin-right: 0;
}
body.rtl .webtecore-news-ticker-title {
  margin-right: 0;
  margin-left: 10px;
}
.webtecore-news-ticker-title i {
  margin-left: 5px;
}
@media only screen and ( max-width: 480px ) {
  .webtecore-news-ticker-title {
    padding: 2px 5px;
    line-height: 1;
  }
  .webtecore-news-ticker-title .webtecore-news-ticker-icon {
    font-size: 1em;
  }
}
.webtecore-ticker-item:after {
  padding: 0 10px;
  content: "|";
  height: 100%;
}

/* WP MENU */
.webtecore-menu-grid-100 .menu > li {
  width: 100%;
}
.webtecore-menu-grid-50 .menu > li {
  width: 50%;
}
.webtecore-menu-grid-33 .menu > li {
  width: 33.33333%;
}
.webtecore-menu-grid-25 .menu > li {
  width: 25%;
}
.webtecore-menu-grid-20 .menu > li {
  width: 20%;
}
.webtecore-simple-menu .menu {
  font-size: 0;
  margin: -15px!important;
}
.webtecore-simple-menu .menu > li {
  display: inline-block;
  padding: 15px!important;
  font-size: 1rem;
}
.webtecore-simple-menu .menu, .webtecore-simple-menu .menu li, .webtecore-simple-menu .menu li ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.webtecore-simple-menu .menu > li > a {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid;
  display: block;
  font-weight: 900;
}
.webtecore-simple-menu .menu li a {
  padding: .5em 0;
  display: block;
}
.webtecore-simple-menu .menu .sub-menu {
  background: transparent!important;
}

/* SPINKIT CSS */

.sk-rotating-plane{width:4em;height:4em;margin:auto;background-color:#337ab7;animation:sk-rotating-plane 1.2s infinite ease-in-out}@keyframes sk-rotating-plane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{width:4em;height:4em;position:relative;margin:auto}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#337ab7;opacity:.6;position:absolute;top:0;left:0;animation:sk-double-bounce 2s infinite ease-in-out}.sk-double-bounce .sk-double-bounce-2{animation-delay:-1s}@keyframes sk-double-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.sk-wave{width:6em;height:4em;margin:auto;text-align:center;font-size:1em}.sk-wave .sk-rect{background-color:#337ab7;margin:2px;height:100%;width:.5em;display:inline-block;animation:sk-wave-stretch-delay 1.2s infinite ease-in-out}.sk-wave .sk-rect-1{animation-delay:-1.2s}.sk-wave .sk-rect-2{animation-delay:-1.1s}.sk-wave .sk-rect-3{animation-delay:-1s}.sk-wave .sk-rect-4{animation-delay:-.9s}.sk-wave .sk-rect-5{animation-delay:-.8s}@keyframes sk-wave-stretch-delay{0%,100%,40%{transform:scaleY(.4)}20%{transform:scaleY(1)}}.sk-wandering-cubes{width:4em;height:4em;position:relative;margin:auto}.sk-wandering-cubes .sk-cube{background-color:#337ab7;width:1em;height:1em;position:absolute;top:0;left:0;animation:sk-wandering-cubes 1.8s ease-in-out -1.8s infinite both}.sk-wandering-cubes .sk-cube-2{animation-delay:-.9s}@keyframes sk-wandering-cubes{0%{transform:rotate(0)}25%{transform:translateX(2em) rotate(-90deg) scale(.5)}50%{transform:translateX(2em) translateY(2em) rotate(-179deg)}50.1%{transform:translateX(2em) translateY(2em) rotate(-180deg)}75%{transform:translateX(0) translateY(2em) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg)}}.sk-spinner-pulse{width:4em;height:4em;margin:auto;background-color:#337ab7;border-radius:100%;animation:sk-spinner-pulse 1s infinite ease-in-out}@keyframes sk-spinner-pulse{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.sk-chasing-dots{width:4em;height:4em;position:relative;margin:auto;text-align:center;animation:sk-chasing-dots-rotate 2s infinite linear}.sk-chasing-dots .sk-child{width:2em;height:2em;display:inline-block;position:absolute;top:0;background-color:#337ab7;border-radius:100%;animation:sk-chasing-dots-bounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot-2{top:auto;bottom:0;animation-delay:-1s}@keyframes sk-chasing-dots-rotate{100%{transform:rotate(360deg)}}@keyframes sk-chasing-dots-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.sk-three-bounce{width:8em;margin:auto;text-align:center}.sk-three-bounce .sk-child{width:2em;height:2em;background-color:#337ab7;border-radius:100%;display:inline-block;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-three-bounce .sk-bounce-1{animation-delay:-.32s}.sk-three-bounce .sk-bounce-2{animation-delay:-.16s}@keyframes sk-three-bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.sk-circle-bounce{width:4em;height:4em;position:relative;margin:auto}.sk-circle-bounce .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle-bounce .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#337ab7;border-radius:100%;animation:sk-circle-bounce-delay 1.2s infinite ease-in-out both}.sk-circle-bounce .sk-circle-2{transform:rotate(30deg)}.sk-circle-bounce .sk-circle-3{transform:rotate(60deg)}.sk-circle-bounce .sk-circle-4{transform:rotate(90deg)}.sk-circle-bounce .sk-circle-5{transform:rotate(120deg)}.sk-circle-bounce .sk-circle-6{transform:rotate(150deg)}.sk-circle-bounce .sk-circle-7{transform:rotate(180deg)}.sk-circle-bounce .sk-circle-8{transform:rotate(210deg)}.sk-circle-bounce .sk-circle-9{transform:rotate(240deg)}.sk-circle-bounce .sk-circle-10{transform:rotate(270deg)}.sk-circle-bounce .sk-circle-11{transform:rotate(300deg)}.sk-circle-bounce .sk-circle-12{transform:rotate(330deg)}.sk-circle-bounce .sk-circle-2:before{animation-delay:-1.1s}.sk-circle-bounce .sk-circle-3:before{animation-delay:-1s}.sk-circle-bounce .sk-circle-4:before{animation-delay:-.9s}.sk-circle-bounce .sk-circle-5:before{animation-delay:-.8s}.sk-circle-bounce .sk-circle-6:before{animation-delay:-.7s}.sk-circle-bounce .sk-circle-7:before{animation-delay:-.6s}.sk-circle-bounce .sk-circle-8:before{animation-delay:-.5s}.sk-circle-bounce .sk-circle-9:before{animation-delay:-.4s}.sk-circle-bounce .sk-circle-10:before{animation-delay:-.3s}.sk-circle-bounce .sk-circle-11:before{animation-delay:-.2s}.sk-circle-bounce .sk-circle-12:before{animation-delay:-.1s}@keyframes sk-circle-bounce-delay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.sk-cube-grid{width:4em;height:4em;margin:auto}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#337ab7;float:left;animation:sk-cube-grid-scale-delay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube-1{animation-delay:.2s}.sk-cube-grid .sk-cube-2{animation-delay:.3s}.sk-cube-grid .sk-cube-3{animation-delay:.4s}.sk-cube-grid .sk-cube-4{animation-delay:.1s}.sk-cube-grid .sk-cube-5{animation-delay:.2s}.sk-cube-grid .sk-cube-6{animation-delay:.3s}.sk-cube-grid .sk-cube-7{animation-delay:0s}.sk-cube-grid .sk-cube-8{animation-delay:.1s}.sk-cube-grid .sk-cube-9{animation-delay:.2s}@keyframes sk-cube-grid-scale-delay{0%,100%,70%{transform:scale3D(1,1,1)}35%{transform:scale3D(0,0,1)}}.sk-fading-circle{width:4em;height:4em;position:relative;margin:auto}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#337ab7;border-radius:100%;animation:sk-fading-circle-delay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle-2{transform:rotate(30deg)}.sk-fading-circle .sk-circle-3{transform:rotate(60deg)}.sk-fading-circle .sk-circle-4{transform:rotate(90deg)}.sk-fading-circle .sk-circle-5{transform:rotate(120deg)}.sk-fading-circle .sk-circle-6{transform:rotate(150deg)}.sk-fading-circle .sk-circle-7{transform:rotate(180deg)}.sk-fading-circle .sk-circle-8{transform:rotate(210deg)}.sk-fading-circle .sk-circle-9{transform:rotate(240deg)}.sk-fading-circle .sk-circle-10{transform:rotate(270deg)}.sk-fading-circle .sk-circle-11{transform:rotate(300deg)}.sk-fading-circle .sk-circle-12{transform:rotate(330deg)}.sk-fading-circle .sk-circle-2:before{animation-delay:-1.1s}.sk-fading-circle .sk-circle-3:before{animation-delay:-1s}.sk-fading-circle .sk-circle-4:before{animation-delay:-.9s}.sk-fading-circle .sk-circle-5:before{animation-delay:-.8s}.sk-fading-circle .sk-circle-6:before{animation-delay:-.7s}.sk-fading-circle .sk-circle-7:before{animation-delay:-.6s}.sk-fading-circle .sk-circle-8:before{animation-delay:-.5s}.sk-fading-circle .sk-circle-9:before{animation-delay:-.4s}.sk-fading-circle .sk-circle-10:before{animation-delay:-.3s}.sk-fading-circle .sk-circle-11:before{animation-delay:-.2s}.sk-fading-circle .sk-circle-12:before{animation-delay:-.1s}@keyframes sk-fading-circle-delay{0%,100%,39%{opacity:0}40%{opacity:1}}.sk-folding-cube{width:4em;height:4em;position:relative;margin:auto;transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#337ab7;animation:sk-folding-cube-angle 2.4s infinite linear both;transform-origin:100% 100%}.sk-folding-cube .sk-cube-2{transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube-3{transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube-4{transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube-2:before{animation-delay:.3s}.sk-folding-cube .sk-cube-3:before{animation-delay:.6s}.sk-folding-cube .sk-cube-4:before{animation-delay:.9s}@keyframes sk-folding-cube-angle{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0);opacity:1}100%,90%{transform:perspective(140px) rotateY(180deg);opacity:0}}

/* Slabtext */

.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:normal !important;*word-spacing:normal !important}.slabtextdone .slabtext{display:block}

/* TEXT ROTATER */

.webtecore-text-rotator {
  text-align: center;
    font-size: 3em;
}

/* FEAUTURED SLIDER */

.webtecore-featured-slider > .webtecore-featured-slider-item {
  display: none;
}
.webtecore-featured-slider-item .webtecore-section-heading-before-title {
  padding-left: .5em;
  border-left: .2em solid var(--principal-color);
}
.webtecore-featured-slider-item .webtecore-section-heading-title {
  margin-bottom: .5em;
  padding-bottom: .5em;
  border-bottom: 1px solid;
}
.webtecore-featured-slider > .webtecore-featured-slider-item:first-child {
  display: block;
}
.webtecore-featured-slider-image  {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.webtecore-featured-slider-item {
  position: relative;
}
.webtecore-featured-slider-image > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.webtecore-featured-slider-image.black-white img {
  filter: grayscale(100%);
}
.webtecore-featured-slider-image:before {
  content: "";
   background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}
@media only screen and ( min-width: 1100px ) {
  .webtecore-featured-slider-image {
    font-size: 18px;
  }
}
@media only screen and ( min-width: 720px ) and (max-width:1099px ) {
  .webtecore-featured-slider-image {
    font-size: 14px;
  }
}
.webtecore-featured-slider-item:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  pointer-events: none;
}
.webtecore-featured-slider-item-infos {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  pointer-events: none;
}
.webtecore-featured-slider-item-infos-content {
   width: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
  position: relative;
}
.webtecore-featured-slider-item.center-item .webtecore-featured-slider-item-infos-content-inner,
.webtecore-featured-slider-item.center-item .webtecore-featured-slider-item-infos-content {
    margin: 0 auto;
    text-align: center;
}

.webtecore-featured-slider-item.center-item .webtecore-featured-slider-before-title span.before-title {
  justify-content: center;
  flex-direction: column;
  gap: .5em;
}
.webtecore-featured-slider-item.center-item .webtecore-featured-slider-before-title span.before-title:before {
      height: 30px;
    border: none;
    margin: 0 auto;
    width: 4px;
    background: var(--principal-color);
}
@media only screen and ( min-width:  960px ) {
  .webtecore-featured-slider-item.center-item .webtecore-featured-slider-before-title span.before-title:before {
    height: 40px;
  }
}
.webtecore-featured-slider-item-infos-content-inner {
  position: relative;
  display: flex;
  flex-direction: column;
}
.webtecore-featured-slider-badge {
  
  display: flex;
  align-items: center;
  font-size: 1em;
  border-radius: 100%;
  justify-content: center;
  background: #000;
  color: #fff;
  padding: 1em;
  border-radius: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.webtecore-featured-slider-before-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--principal-color);
}

.webtecore-featured-slider-item-infos-content h3.webtecore-featured-slider-title,
.webtecore-featured-slider-item-infos-content .webtecore-featured-slider-sub-title,
.webtecore-featured-slider-item-infos-content .webtecore-featured-slider-before-title span.before-title {
  margin: 0;
  padding: 0;
}
.webtecore-featured-slider-item-infos-content h3.webtecore-featured-slider-title,
.webtecore-featured-slider-item-infos-content .webtecore-featured-slider-sub-title {
}
.webtecore-featured-slider-item-infos-content .webtecore-featured-slider-before-title {
  font-size: 1em;
  margin-bottom: .5em;
}
.webtecore-featured-slider-item-infos-content .webtecore-featured-slider-sub-title {
  font-size: 3em;
  background-color: transparent!important;
  color: transparent!important;
  -webkit-text-stroke: 1px var(--links-color);
  font-weight: bolder;
}
.webtecore-featured-slider-item-infos-content h3.webtecore-featured-slider-title {
  font-size: 3em;
  font-weight: bolder;
  margin: -.07em;
}

.webtecore-featured-slider-item-infos-content .webtecore-featured-slider-before-title  span.before-title {
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-grow: 1;
}
.webtecore-featured-slider-item-infos-content .webtecore-featured-slider-before-title span.before-title:before {
  content: "";
  width: 5%;
  height: 2px;
  border-top: 1px solid;
  margin-right: 10px;
}


.webtecore-featured-slider-title > *,
.webtecore-featured-slider-title > * > * {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: inherit!important;
  font-size: inherit!important;
}
.webtecore-featured-slider-item-infos-content .webtecore-featured-slider-sub-title,
.webtecore-featured-slider-item-infos-content .webtecore-featured-slider-title {
  line-height: 1.2;
}

.webtecore-featured-slider-item-infos-content .webtecore-featured-slider-sub-title:before {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid;
  display: block;
  width: 60%;
  opacity: .5;
}
.webtecore-featured-slider-item-infos-content .webtecore-featured-slider-button {
    display: inline-block;
    margin-top: 2.5em;
    pointer-events: auto;
    border-radius: 3px;
    background-color: var(--principal-color);
    color: var(--principal-color-text-color);
 }


 .webtecore-featured-slider-container {
  position: relative;
 }
.webtecore-featured-slider-thumbs-container,
.webtecore-featured-slider-dots-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.webtecore-featured-slider-thumbs-container .slick-slide ,
.webtecore-featured-slider-dots-container .slick-slide  {

  pointer-events: auto;
}
.webtecore-featured-slider-thumbs-container.webtecore-featured-slider-thumbs-beside {
  top: 0;
}
.webtecore-featured-slider-thumbs-content:not(.slick-initialized) {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.webtecore-featured-slider-thumbs-bottom_text .slick-slide {
  margin: 0 10px;
}
.webtecore-featured-slider-thumbs-bottom_text .slick-list {
  margin: 0 -10px;
}
.webtecore-featured-slider-dots-content
.webtecore-featured-slider-thumbs-bottom .webtecore-featured-slider-thumbs-content .webtecore-featured-slider-thumbs-item {
  flex-grow: 1;
}
.webtecore-featured-slider-thumbs-bottom .webtecore-featured-slider-thumb-img {
  order: 1;
}
.webtecore-featured-slider-dots-container .slick-dots {
  text-align: initial;
  pointer-events: none;
  margin: 15px 0;
}
.webtecore-featured-slider-dots-container .slick-dots li {
  margin: 0 3px;
  padding: 0;
  width: 14px;
  height: 14px;
  box-shadow: 0 0 1px #000;
  pointer-events: auto;
}
.webtecore-featured-slider-dots-container .slick-dots li {
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px rgba(255, 255, 255, 0.1) solid;
}
.webtecore-featured-slider-dots-container .slick-dots li.slick-active {
  background-color: rgba(255, 255, 255, 0.6);
  border: 2px rgba(255, 255, 255, 1) solid;
}
.webtecore-featured-slider-dots-container .slick-dots li:hover {
  background-color: rgba(255, 255, 255, 0.7);
  border: 2px rgba(255, 255, 255, 0.9) solid;
}
 .webtecore-featured-slider-thumbs-container.webtecore-featured-slider-thumbs-beside .webtecore-featured-slider-thumbs {
  height: 100%;
  display: flex;
  visibility: hidden;
  align-items: center;
  justify-content: flex-end;
 }
 @media ( min-width: 560px ) {
  .webtecore-featured-slider-thumbs-container.webtecore-featured-slider-thumbs-beside .webtecore-featured-slider-thumbs {
    visibility: visible;
  }
 }
 .webtecore-featured-slider-thumbs-container.webtecore-featured-slider-thumbs-beside .webtecore-featured-slider-thumbs-content {
    pointer-events: auto;
    max-width: 50px;
   }
 
 
 .webtecore-featured-slider-thumbs-container.webtecore-featured-slider-thumbs-beside .webtecore-featured-slider-thumbs-content .webtecore-featured-slider-thumb-item-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-transform: uppercase;
  opacity: .4;
  transition: all .4s ease;
  margin: 10px 0;
  font-size: 1rem;
  padding-bottom: 20px;
  border-bottom: 1px solid;
  gap: 1em;
 }

 .webtecore-featured-slider-thumbs-container.webtecore-featured-slider-thumbs-bottom .webtecore-featured-slider-thumbs-content .webtecore-featured-slider-thumb-item-content {
  display: flex;
  align-items: center;
  gap: 1em;
 }
.webtecore-featured-slider-thumbs-container {
  background: rgba(0, 0, 0, .2);
}
.webtecore-featured-slider-thumbs-container.webtecore-featured-slider-thumbs-bottom .webtecore-featured-slider-thumbs-item {
  padding: 20px;
}
.webtecore-featured-slider-thumbs-container.webtecore-featured-slider-thumbs-bottom .webtecore-featured-slider-thumbs-item {
  --text-color: #ffffff;
  --links-color: #ffffff;
  --borders-color: #eeeeee;
  color: #ffffff;
  border-top: 5px solid;
}
.webtecore-featured-slider-thumbs-container.webtecore-featured-slider-thumbs-bottom .slick-current .webtecore-featured-slider-thumbs-item {
  border-color: var(--principal-color);
  background: #ffffff;
  --text-color: #000000;
  --links-color: #000000;
  --borders-color: #eeeeee;
  color: #000000;
}
 .webtecore-featured-slider-thumbs-container.webtecore-featured-slider-thumbs-beside .webtecore-featured-slider-thumbs-content .slick-slide:last-child .webtecore-featured-slider-thumb-item-content {
  border-bottom: none;
 }
 .webtecore-featured-slider-item-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
 }
.webtecore-featured-slider-thumbs-content .webtecore-featured-slider-thumb-item-content:hover,
     .slick-current > div > .webtecore-featured-slider-thumbs-item > .webtecore-featured-slider-thumb-item-content {
      opacity: 1!important;
      
     }
    .webtecore-thumbs-item .webtecore-block-infos-left {
      align-items: center;
    }

 .webtecore-featured-slider-thumb-item-content {
  font-size: 1rem;
  text-transform: uppercase;
 }
 .webtecore-featured-slider-thumb-item-content .thumb-title {
  font-size: 1.5em;
  font-weight: bold;
 }
 .webtecore-featured-slider-thumb-item-content span {
  display: block;
 }
 .webtecore-featured-slider-thumb-item-content span.thumb-infos {
  order:1;
  flex-grow: 1;
 }
 @media ( max-width: 960px ) {
  .webtecore-featured-slider-thumb-item-content span.thumb-infos {
  display: none;
 }
 }
.webtecore-featured-slider-thumb-img {
  width: 50px;
  height: 50px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100%;
  border:2px #fff solid;
  flex-shrink: 0;
  order: 2;
}
  .webtecore-featured-slider-thumb-img img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .webtecore-featured-dots-arrows-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
  }
.webtecore-featured-dots-arrows-container .slick-dots li {
  pointer-events: auto;
}
  .webtecore-featured-slider-container .webtecore-featured-slider-arrow {
    width: 30px;
    height: 30px;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -15px;
    color:  #ffffff;
    text-align: center;
  }
  @media only screen and ( min-width:  540px ) {

    .webtecore-featured-slider-container .webtecore-featured-slider-arrow {
      width: 50px;
      height: 50px;
      font-size: 50px;
      position: absolute;
      
      margin-top: -25px;
      
    }
  }
  .webtecore-featured-slider-container .webtecore-featured-slider-arrow.webtecore-featured-slider-next {
    right: 0;
    left: auto;
  }
  
  
  .webtecore-featured-slider-dots-arrows  {
    position: relative;
     min-height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
  }
@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(300px);
    transform: translateY(300px);
  }
  
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.flex-no-grow {
  flex-grow: 0!important;
  width: auto!important;
  min-width: unset;
  min-height: unset;
}
.flex-default-grow, .flex-yes-grow {
  flex-grow: 1;
}
.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}
.webtecore-featured-slider-item-infos-content {
  opacity: 0;
}
.webtecore-featured-slider-item-infos-content .webtecore-section-heading {
  font-size: 1.2em;
  line-height: 1.2;
}
.slick-active .webtecore-featured-slider-item-infos-content {
  animation-name: fadeInUpSD;
  animation-duration: 1s;
  opacity: 1;
 
}
  @media only screen and ( min-width: 960px ) {
    .webtecore-featured-slider-item-infos-content {
        width: 60%;
      }
     
      .webtecore-featured-slider-item-infos-content {
        min-width: 400px;
      }
      
      .webtecore-featured-slider-arrows {
        margin-top: 0;
      }
  }
  @media only screen and ( min-width: 960px ) {
      .webtecore-featured-slider-arrow {
        width: 0;
        line-height: 50px;

      }
      .webtecore-featured-slider-container:hover .webtecore-featured-slider-arrow {
        width: 50px;
      }
      .webtecore-featured-slider-thumb-img {
        width: 80px;
        height: 80px;
      }
      .webtecore-featured-slider-item-infos {
        padding-top: 180px;
        padding-bottom: 180px;
      }
      .webtecore-featured-slider-dots-container .slick-dots {
        margin: 30px 0;
      }

    .webtecore-featured-slider-thumbs-container.webtecore-featured-slider-thumbs-beside .webtecore-featured-slider-thumbs-content {
      max-width: 20%;
      pointer-events: auto;
     }
     
  }

  .webtecore-featured-dots-arrows-container.thumbs-bottom,
  .webtecore-featured-dots-arrows-container.thumbs-bottom_text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .webtecore-featured-dots-arrows-container.thumbs-bottom .webtecore-featured-slider-dots-arrows,
  .webtecore-featured-dots-arrows-container.thumbs-bottom_text .webtecore-featured-slider-dots-arrows {
      display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .webtecore-featured-dots-arrows-container.thumbs-bottom .slick-dots,
  .webtecore-featured-dots-arrows-container.thumbs-bottom_text .slick-dots {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: auto;
  }
  .webtecore-featured-slider-thumbs-container.webtecore-featured-slider-thumbs-bottom_text {
    padding-bottom: 60px;
  }
  .slider-item-infos-bottom_text {
    margin-bottom: 120px;
  }
  .webtecore-featured-slider-thumbs-container.webtecore-featured-slider-thumbs-bottom_text {
    background: transparent;
  }
  .webtecore-featured-slider-thumbs-bottom_text .webtecore-featured-slider-thumbs-content .thumb-infos  {
    border-top: 4px solid rgba(255, 255, 255, .2);
  }
  .webtecore-featured-slider-thumbs-bottom_text .webtecore-featured-slider-thumbs-content .slick-current .thumb-infos {
    border-top: 4px solid #fff;

  }

  .webtecore-featured-slider-thumbs-bottom_text .thumb-infos {
    padding: 30px 0;
  }
  .webtecore-featured-slider-thumbs-bottom_text .slick-slide {
    color: #fff;
  }
  /* CONTENT BOX */
  .webtecore-content-box-container {
    line-height: 1.45;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
  }
  .webtecore-content-box-container-content {
    position: relative;
    z-index: 3;
  }
  .webtecore-content-box-container:before {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: "";
      z-index: 2;
      pointer-events: none;
  }
  .webtecore-content-box-container span {
    display: block;
  }
  .content-box-text-1 {
    font-size: .8em;
  }
  .content-box-text-2 {
    font-size: 2em;
  }
  .content-box-text-3 {
    font-size: 1em;
    opacity: .7;
  }
  .webtecore-content-box-container .content-box-button-content {
    line-height: 2;
    margin-top: 20px;
    display: inline-block;
  }
  [data-count-down] {
    font-size: 2em;
  }

  /* CLIENTS */
  .webtecore-shortcode-clients {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
  }
  .webtecore-shortcode-clients button.slick-arrow  {
    margin-left: 20px;
    margin-right: 20px;
  }
  .webtecore-shortcode-clients-container {
    margin: -20px;
  }
.webtecore-shortcode-clients-item {
  flex: 0 0 var(--columns);
  padding: 20px;
}

  .webtecore-shortcode-clients-img {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
  }


  .webtecore-image-grayscale img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: all .8s ease;
    backface-visibility: hidden;
    perspective: 1000;
    opacity: .8;
    max-height: 80px;
    display: block;
    margin: 0 auto;
  }
  .webtecore-image-grayscale img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;
  }
 

 .webtecore-layout-filters {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 10px;
 }
 body.site-body .webtecore-layout-filters li.bordered-button {
  border: 1px var(--borders-color) solid;
 }
 body.site-body .webtecore-layout-filters li.webtecore-filter-layout-active.bordered-button {
  border: 1px var(--principal-color) solid;

 }
 /* MEDIA POPUPS */
 .webtecore-media-popups {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  flex-wrap: wrap;
  text-transform: uppercase;
 }
 .webtecore-media-popups a i {
  font-size: 1.2em;
 }
  .webtecore-media-popups a {
    display: flex;
    align-items: center;
    gap:.4em;
  }

/* LINK ICONS */
.webtecore-icon-link {
  position: relative;
  font-size: 40px;
}

.webtecore-count-label {
   position: absolute;
    top: .2em;
    right: -.5em;
    font-size: .4em;
    font-weight: 400;
    font-family: monospace;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1em;
    line-height: 1;
    width: 1.5em;
    height: 1.5em;
    font-style: normal;
    background: var(--principal-color);
    color: var(--principal-color-text-color);
}
.webtecore-icon-stacked .webtecore-count-label {
  top: -.2em;
    right: -.5em;

}
.webtecore-icon-link.webtecore-icon-simple i {
}
.webtecore-icon-link.webtecore-icon-simple .webtecore-count-label {
font-size: .4em;
    top: 0;
    right: -.3em;
    background: transparent;
    border: 1px solid var(--borders-color);
    z-index: 2;
    color: inherit;
}
.webtecore-icon-circle-border .webtecore-count-label,
.webtecore-icon-circle-background .webtecore-count-label {
  top: 0;
}
.webtecore-icon-circle-border .webtecore-count-label {
  top: -.2em;
}
.webtecore-icon-square-border .webtecore-count-label,
.webtecore-icon-square-background .webtecore-count-label {
  top: -.5em;
  right: -.8em;
}
.webtecore-icon-square-border .webtecore-count-label {
      top: -.7em;
    right: -.9em;
}

body.rtl .webtecore-count-label {
    right: auto;
    left: -.9em;
}
.webtecore-icon-circle-background,
.webtecore-icon-square-background,
.webtecore-icon-circle-border,
.webtecore-icon-square-border {
  background: var(--principal-color);
  
  width: 1em;
  height: 1em;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}
.webtecore-icon-link.webtecore-icon-simple {
  background: transparent!important;
  width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.webtecore-icon-circle-background,
.webtecore-icon-square-background,
.webtecore-icon-circle-background:hover,
.webtecore-icon-square-background:hover {
  color: var(--principal-color-text-color);
}

.webtecore-icon-link i {
  font-size: .6em;
}
.webtecore-icon-circle-border,
.webtecore-icon-square-border {
  background: transparent!important;
  border: calc(1px + .05em) solid var(--borders-color);
}

.webtecore-icon-circle-background,
.webtecore-icon-circle-border {
  border-radius: 50%;
}



/* webtecore-responsive-grid */

.webtecore-responsive-grid {
  --webtecore-grid-columns: 4;
  --webtecore-grid-columns-tablet: 2;
  --webtecore-grid-columns-mobile: 1;
  --webtecore-grid-gap: 20px;
  --webtecore-grid-gap-margin: -20px;
  word-wrap: break-word;
  gap: var(--webtecore-grid-gap);
  display: flex;
  flex-wrap: wrap;
  --webtecore-grid-gap-d: calc( (var(--webtecore-grid-columns) - 1) * var(--webtecore-grid-gap) );
  --webtecore-grid-gap-t: calc( (var(--webtecore-grid-columns-tablet) - 1 ) * var(--webtecore-grid-gap) );
  --webtecore-grid-gap-m: calc( (var(--webtecore-grid-columns-mobile) - 1 ) * var(--webtecore-grid-gap) );
}
.webtecore-playlist-view .webtecore-list-view.webtecore-responsive-grid {
  --webtecore-grid-columns: 1;
  --webtecore-grid-columns-tablet: 1;
  --webtecore-grid-columns-mobile: 1;
  --webtecore-grid-gap: 0px;
  --webtecore-grid-gap-margin: 0px;
}
.webtecore-responsive-grid.slick-initialized {
  display: block;
  margin: 0;
}
.webtecore-responsive-grid.slick-initialized .slick-list {
  margin: calc( -1 * var(--webtecore-grid-gap) / 2 );
}
.webtecore-responsive-grid.slick-initialized.webtecore-carousel-center-mode .slick-list  {
  margin: 0;
} 
.webtecore-responsive-grid.webtecore-simple-carousel:not(.slick-initialized) {
  flex-wrap: nowrap;
  overflow: hidden;
}
.webtecore-responsive-grid.webtecore-simple-carousel.webtecore-carousel-center-mode:not(.slick-initialized) {
  padding-left:  var(--webtecore-center-mode-padding);
  padding-right: var(--webtecore-center-mode-padding);
  justify-content: center;
} 
.webtecore-simple-carousel.webtecore-scrolling-box {
  overflow: hidden;

}
.webtecore-simple-carousel.webtecore-scrolling-box button.slick-arrow {
  left: 0;
  border-radius: 0;
  box-shadow: none;
}
.webtecore-simple-carousel.webtecore-scrolling-box button.slick-arrow.slick-next {
  right: 0;
  left: auto;
}

.webtecore-simple-carousel.webtecore-scrolling-box .slick-list {
  overflow: initial;
  padding-right: 10vw;
}
.webtecore-simple-carousel.webtecore-scrolling-box:not(.slick-initialized) {
  padding-right: 10vw;
}
body.rtl .webtecore-simple-carousel.webtecore-scrolling-box .slick-list {
  padding-right: 0;
  padding-left: 10vw;
}
body.rtl .webtecore-simple-carousel.webtecore-scrolling-box:not(.slick-initialized) {
  padding-right: 0;
  padding-left: 10vw;
}
.webtecore-simple-carousel.webtecore-scrolling-box .slick-dots  {
  display: table;
  height: 6px;

}
.webtecore-simple-carousel.webtecore-scrolling-box .slick-dots li {
  border-radius: 0;
  transition: none;
  display: table-cell;
  width: auto;
  height: 6px;
}
.webtecore-simple-carousel.webtecore-scrolling-box .slick-dots li.slick-active {
  width: auto;
}
.webtecore-simple-carousel  .slick-track {
  display: flex!important;
}
.webtecore-simple-carousel .slick-slide {
  height: inherit;
  flex-shrink: 0;
  flex-grow: 0;
  min-width: unset;
  min-height: unset;
  margin: calc( var(--webtecore-grid-gap) /2);
}
.slick-track {
  backface-visibility: hidden;
  perspective: 1000;
}
.webtecore-simple-carousel  .slick-slide > div {
  height: 100%;
}

.webtecore-simple-carousel.slick-initialized .webtecore-responsive-grid-item {
  height: 100%;
}
.webtecore-responsive-grid-item {
  font-size: 1rem;
  display: inline-block;
  flex: 0 0 calc( ( 100% - var(--webtecore-grid-gap-m) ) / var(--webtecore-grid-columns-mobile) );
  vertical-align: top;

}
@media only screen and ( min-width: 480px ) {
  .webtecore-responsive-grid-item {
    flex: 0 0 calc( ( 100% - var(--webtecore-grid-gap-t) ) / var(--webtecore-grid-columns-tablet) );
  }
}
@media only screen and ( min-width: 960px ) {
  .webtecore-responsive-grid-item {
    flex: 0 0 calc( ( 100% - var(--webtecore-grid-gap-d) ) / var(--webtecore-grid-columns) );
  }
}

.webtecore-responsive-grid.slick-initialized .webtecore-responsive-grid-item {
  padding: 0;
}

/* PLAYLIST VIEW */
.webtecore-playlist-view {
  display: block;
  position: relative;
}

.webtecore-playlist-view .webtecore-playlist-playback {
  flex: 0 0 70%;
  position: relative;
}

.webtecore-playlist-view .webtecore-list-view {
  overflow: auto;
  max-height: 100%;
  margin: 0!important;
  border: 1px solid var(--borders-color);
  max-height: 300px;
}

@media only screen and ( min-width: 960px ) {
  .webtecore-playlist-view {
    display: flex;
  }
  .webtecore-playlist-view .webtecore-list-view  {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: auto;
    width: 30%;
    max-height: initial;
  }
  .webtecore-playlist-playback-popup .webtecore-playlist-view {
    display: block;
  }
  .webtecore-playlist-playback-popup .webtecore-playlist-view .webtecore-list-view.webtecore-responsive-grid {
    position: relative;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    --webtecore-grid-columns: 2;
    --webtecore-grid-columns-tablet: 2;
    --webtecore-grid-columns-mobile: 1;
    --webtecore-grid-gap: 0px;
    --webtecore-grid-gap-margin: 0px;
  }

}

.webtecore-playlist-view {
  font-size: 12px;
}
.webtecore-playlist-view h3 {
  font-size: 14px;
}
body.rtl .webtecore-playlist-view .webtecore-list-view {
  right: auto;
  left: 0;
}
.webtecore-list-view .webtecore-responsive-grid-item {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--borders-color);
}
.webtecore-list-view .webtecore-responsive-grid-item.current {
  background: var(--background-in-style);
}
.webtecore-list-view .webtecore-view-item {
  display: flex;
  align-items: flex-start;
}
.webtecore-list-view .webtecore-view-image {
  flex:0 0 100px;
  margin-right: 20px;
}
body.rtl .webtecore-list-view .webtecore-view-image {
  margin-right: 0;
  margin-left: 5%;
}
.webtecore-list-view .webtecore-view-infos {
  padding: 0;
  margin: 0;
}

/* IMAGE LOAD ANIMATION */

.webtecore-image-load-container {
  background:var(--background-in-style);
  position: relative;
}
.webtecore-no-image:after {
  background: var(--image-placeholder);
  background-size: cover;
  background-position: center;
}
.webtecore-logo-load-animation:before,
.webtecore-image-load-container:before {
  background-image: var(--animation-logo);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 33;
  display: block;
  animation: webtecore-logo-pulse 2s infinite linear;
}

.webtecore-image-load-container:not(.loaded) .webtecore-format-icon {
  opacity: 0!important;
}
.webtecore-image-load-container.loaded .webtecore-format-icon {
  opacity: 1;
}
.webtecore-image-load-container {
  overflow: hidden;
}
.webtecore-image-load-container .webtecore-image-load {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    width: auto;
    max-height: 101%;
    max-width: initial;
}
.webtecore-image-load-container > img {
  opacity: 0;
  width: 100%;
}
.webtecore-image-load-container.no-image > img {
  opacity: 0!important;
  visibility: hidden;
}
.webtecore-image-load-container.loaded > img {
  opacity: 1;
}
.webtecore-image-load-container.loaded:before {
  display: none;
}
@keyframes webtecore-logo-pulse {
    0% {
        transform: scale(.5);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
    }
}
/* DIRECT CHECKOUT */

.webtecore-direct-checkout-billing input,
.webtecore-direct-checkout-billing label,
.webtecore-direct-checkout-billing select {
  width: 100%;
}
.webtecore-direct-checkout-variation-item > * {
  display: block;
  text-align: center;
  margin: 0 auto;
}
.webtecore-direct-checkout-variation-label > * {
  display: block;
  margin: 0 auto;
  text-align: center;
  white-space: nowrap;
}
.webtecore-direct-checkout-variations {
  display: flex;
  margin: -10px;
  flex-wrap: wrap;
}
.webtecore-direct-checkout-variations-container {
  margin-bottom: 30px;
}
.webtecore-direct-checkout-variation-item {
  font-size: 20px;
  flex: 0 0 100%;
  width: 100%;
  padding: 10px;
}
@media only screen and ( min-width: 540px ) {
  .webtecore-direct-checkout-variation-item {
    flex: 0 0 50%;
    width: 50%;
  }
}
@media only screen and ( min-width: 720px ) {
  .webtecore-direct-checkout-variation-item {
    flex: 0 0 33.3333%;
    width: 33.3333%;
  }
}
@media only screen and ( min-width: 960px ) {
  .webtecore-direct-checkout-variation-item {
    flex: 0 0 25%;
    width: 25%;
  }
}
@media only screen and ( min-width: 1100px ) {
  .webtecore-direct-checkout-variation-item {
    flex: 0 0 20%;
    width: 20%;
  }
}
.webtecore-direct-checkout-variation-item img {
  margin-bottom: 10px;
}
.webtecore-direct-checkout-variation-item input[type=radio] {
  appearance:none;
  position: fixed;
  opacity: 0;
  width: 0;
  height: 0;
}
.webtecore-direct-checkout-variation-item input[type=radio] + label {
  padding: 20px;
  border: 1px var(--borders-color) solid;
}
.webtecore-direct-checkout-variation-item input[type=radio] + label:after {
  content: "\f26c";
  font-family: 'Material-Design-Iconic-Font';
}
.webtecore-direct-checkout-variation-item input[type=radio]:checked + label:after {
  content: "\f26e";
  color: var(--principal-color);
}

.webtecore-direct-checkout-variation-item input {
  margin: 0 auto!important;
}
.webtecore-direct-checkout-alert {
  padding: 20px;
  border: 1px solid var(--borders-color);
  background: var(--background-in-style);
  margin: 20px 0;
  display: flex;
  align-items: flex-start;
  gap:20px;
  font-size: 12px;
}
.webtecore-direct-checkout-alert i {
  display: block;
  font-size: 2em;
  line-height: 1
}
.webtecore-direct-checkout-alert span {
  display: block;
}
.checkout-alert-title {
  font-weight: bold;
}
.form-row span.error {
  color: red;
  padding: 10px;
  margin-top: 10px;
  border: 1px solid;
  display: block;
}
.webtecore-direct-checkout-submit {
  font-size: 1.3em!important;
  padding: .5em!important;
  display: block;
  width: 100%;
}
.webtecore-direct-checkout-product {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px var(--borders-color) solid;
  margin-bottom: 30px;
  background: var(--background-in-style)
}
.webtecore-direct-checkout-product:before {
  content: "\f26e";
  color: var(--principal-color);
  font-family: 'Material-Design-Iconic-Font';
  font-size: 22px;
}
.webtecore-direct-checkout-product-image {
  flex: 0 0 100px;
}
.webtecore-direct-checkout-product-image img {
  padding: 10px;
  display: block;
  background: #fff;
  border: 1px solid var(--borders-color);
}
.webtecore-direct-checkout-product-infos > * {
  font-size: 22px;
  display: block;
}
@media only screen and (  min-width: 720px ) {
  .webtecore-direct-checkout-product-image {
    flex: 0 0 120px;
  }
  .webtecore-direct-checkout-product:before {
    font-size: 30px;
  }
  .webtecore-direct-checkout-product-infos > * {
    font-size: 30px;
  }
  .webtecore-direct-checkout-product {
    padding: 20px;
    gap:20px;
  }
}
@media only screen and (  min-width: 960px ) {
  .webtecore-direct-checkout-product-image {
    flex: 0 0 150px;
  }
  .webtecore-direct-checkout-product:before {
    font-size: 36px;
  }
  .webtecore-direct-checkout-product-infos > * {
    font-size: 36px;
  }
}
.webtecore-direct-checkout-order {
  padding: 30px;
  border: 1px solid var(--borders-color);
}
/* TESTIMONIALS */
.webtecore-testimonials {
  --testimonial-gap: 1.5em;
}
.testimonial-icon {
  max-width: 5em;
  margin-bottom: var(--testimonial-gap);
}
.testimonial-icon svg, .testimonial-icon svg * {
}
.testimonial-title  {
  font-size: 1.3em;
  font-weight: bold;
  color: var(--links-color);
}
.testimonial-desc {
  font-size: 1.1em;
}
.webtecore-testimonials-item {
  display: flex!important;
  flex-direction: column;
  gap: var(--testimonial-gap);
  font-size: 1rem;
  position: relative;
}
.webtecore-testimonials-client {
  display: flex;
  gap: calc( var(--testimonial-gap) / 2);
  align-items: center;
}
.webtecore-testimonials-client-infos {
  display: flex;
  flex-direction: column;
}
.testimonial-client-img {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.testimonial-icon {
  position: absolute;
  top: 0;
  right: 0;
  
}
.testimonial-icon-transparent {
  opacity: .1;
  
}
.testimonial-icon-transparent:not(.testimonial-icon-svg) {
  font-size: 100px;
}
.testimonial-icon-top {
  width: 1.2em;
  height: 1.2em;
  padding: .6em;
  background: var(--principal-color);
  border-radius: 50%;
  line-height: 0;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--principal-color-text-color);
}

.testimonial-client-img img {
  max-width: 7em;
  border-radius: 50%;
  border: 2px #fff solid;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  display: block;
  margin-bottom: var(--testimonial-gap);
}
.webtecore-testimonials-client .testimonial-client-img img {
  max-width: 4em;
  margin: 0!important;
}
.testimonial-client-name {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--principal-color);
}
.webtecore-testimonials-center {
  text-align: center;
}
.webtecore-testimonials-center .testimonial-icon-top,
.webtecore-testimonials-center .testimonial-client-img img {
  margin-left: auto;
  margin-right: auto;
}
.webtecore-testimonials-center .testimonial-icon-transparent {
  position: absolute;
  top: -2em;
  right: 0;
  left: 50%;
  transform: translateX(-50%);
}
.webtecore-testimonials-center .testimonial-icon-transparent:not(.testimonial-icon-svg) {
  position: absolute;
  top: -80px;

}
.webtecore-testimonials-center .webtecore-testimonials-client {
  justify-content: center;
}
.testimonial-client-img + .webtecore-testimonials-client-infos {
  text-align: initial!important;
}
.testimonial-client-thumbs {
  display: flex;
  align-items: center;
   width: max-content;
  margin: 0 auto;
  max-width: 100%;
}
.testimonial-client-thumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.testimonial-client-thumb img {
  max-width: 5vw;
  min-width: 60px;
  width: auto;
  border-radius: 50%;
  border: 2px #fff solid;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  display: block;
  transition: all .1s linear;
  margin-left: -1vw;
}
.testimonial-client-thumb.current img {
  max-width: 6vw;
  min-width: 70px;
}
/* TEAM MEMBER */
.webtecore-team-member-image img {
  display: block;
}
.webtecore-team-member-infos {
  position: relative;
  padding: 30px;
}
.webtecore-team-member-infos span {
  display: block;
  font-size: 14px;
}
.webtecore-team-member-infos {
  text-align: center;
}
.webtecore-team-member-infos .webtecore-team-member-name {
  color: var(--links-color);
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 600;
}
.webtecore-team-member-infos .webtecore-team-member-position {
      padding-top: 5px;
    margin-top: 5px;
    border-top: 1px solid var(--borders-color);
    text-transform: uppercase;
    color: var(--principal-color);
}
.webtecore-team-member-image {
  position: relative;
}
.webtecore-team-member-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .5);
  opacity: 0;
  transition: all .5s linear;
}
.webtecore-team-member-social {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  z-index: 2;
}
.webtecore-team-member-social {
  animation-delay: 150ms;
  animation: .9s linear 0s wslideUp;
  animation-delay: 0s;
  animation-name: wslideUp;
  display: none;
}
.webtecore-team-member-social a {
  display: block;
  color: #fff;
  border: 2px solid;
  padding: .8em;
  border-radius: 50%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4em;
  height: 2.4em;
  line-height: 1;
}
.webtecore-team-member-social a:hover {
  background: #fff;
  color: #000;
  border-color: #fff;
}
.webtecore-team-member-content:hover  .webtecore-team-member-social {
  display: flex;
}
.webtecore-team-member-content:hover  .webtecore-team-member-image:before  {
  opacity: 1;
}
@keyframes wslideUp {
    0%,
    50% {
      transform: translateY(100%);
      opacity: 0;
    }
     
    60%,
    100% {
      transform: translateY(0);
      opacity: 1;
    
    }
  }
/*------------------------------------*/
/*------------ GALLERY ---------------*/
/*------------------------------------*/
.webtecore-gallery-shortcode {
    display: none;
}

.article-content .webtecore-gallery-shortcode {
    margin: 2em 0;
    clear: both;
}

/*------------------------------------*/
/*------------ MEMBER ---------------*/
/*------------------------------------*/
.webtecore-member-shortcode.solid {
    border: 2px solid;
    padding: 20px;
}



.webtecore-member-shortcode.dotted {
    border: 4px dotted;
    padding: 20px;
}

.webtecore-member-shortcode.dashed {
    border: 2px dashed;
    padding: 20px;
}

.webtecore-member-shortcode.double {
    border: 4px double;
    padding: 20px;
}

.webtecore-member-shortcode.top-bottom {
    border: 1px solid;
    padding: 20px;
    position: relative;
    margin-bottom: 6px;
    margin-left: 6px;
}

.webtecore-member-shortcode.top-bottom:after {
    position: absolute;
    left: -6px;
    bottom: -6px;
    border-left: 6px solid;
    border-bottom: 6px solid;
    content: "";
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0.4;
}

.webtecore-member-name {
    font-size: 1.25rem;
}

.webtecore-member-company {
    font-size: 0.6rem;
    display: block;
    margin-top: 5px;
}

.webtecore-member-bio p {
    font-size: 1rem;
    margin: 22px 0;
}

.webtecore-member-name {
    margin: 0;
}

.webtecore-member-name-company-social {
    margin: 0;
    margin-bottom: 10px;
}

.webtecore-member-name-company-social>* {
    margin-bottom: 10px;
}

.webtecore-author-img {
    display: block;
    position: relative;
}

.webtecore-member-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
}

.webtecore-member-shortcode.image-above .webtecore-author-img {
    margin-bottom: 15px;
}

.webtecore-member-shortcode.image-above .webtecore-member-bio p {
    font-size: 1.1rem;
}

.webtecore-member-shortcode.rounded-image-member .webtecore-author-img {
    border-radius: 50%;
    max-width: 250px;
}

.webtecore-member-shortcode.image-above.rounded-image-member .webtecore-author-img {
    margin-left: auto;
    margin-right: auto;
}

.webtecore-member-shortcode.image-above.rounded-image-member .webtecore-social-icons-shortcode {
    justify-content: center;
}

.webtecore-member-shortcode.image-above.rounded-image-member .webtecore-member-data {
    text-align: center;
}

.webtecore-author-img {
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center center;
}

.webtecore-author-img:after {
    content: "";
    padding-bottom: 50%;
    display: block;
}

.webtecore-member-shortcode.rounded-image-member .webtecore-author-img:after,
.webtecore-member-shortcode.image-beside-title .webtecore-author-img:after,
.webtecore-member-shortcode.image-beside .webtecore-author-img:after {
    padding-bottom: 100%;
}

.webtecore-member-shortcode.image-beside-title .webtecore-author-img {
    flex: 0 0 100px;
}

.webtecore-member-shortcode.image-beside .webtecore-author-img {
    flex: 0 0 120px;
}

@media only screen and (max-width: 480px) {
    .webtecore-member-shortcode.image-beside-title .webtecore-author-img {
        flex: 0 0 60px;
    }

    .webtecore-member-shortcode.image-beside .webtecore-author-img {
        flex: 0 0 75px;
    }
}

.webtecore-member-shortcode.image-beside-title,
.webtecore-member-shortcode.image-beside,
.webtecore-member-shortcode.image-beside-title .webtecore-member-name-company-social {
    text-align: center;
}

.webtecore-member-shortcode.image-beside-title .webtecore-author-img,
.webtecore-member-shortcode.image-beside .webtecore-author-img {
    margin: 0 auto;
    max-width: 146px;
}

.webtecore-member-shortcode.image-beside-title .webtecore-social-icons-shortcode {
    justify-content: center;
}

@media only screen and (min-width: 600px) {

    .webtecore-member-shortcode.image-beside-title,
    .webtecore-member-shortcode.image-beside,
    .webtecore-member-shortcode.image-beside-title .webtecore-member-name-company-social {
        display: flex;
        width: 100%;
        align-items: flex-start;
        text-align: initial;
    }

    .webtecore-member-shortcode.image-beside-title .webtecore-member-data,
    .webtecore-member-shortcode.image-beside .webtecore-member-data,
    .webtecore-member-shortcode.image-beside-title .webtecore-member-name-company-social .webtecore-member-data {
        flex-grow: 1;
    }

    .webtecore-member-shortcode.image-beside-title .webtecore-author-img,
    .webtecore-member-shortcode.image-beside .webtecore-author-img {
        margin-right: 20px;
    }

    body.rtl .webtecore-member-shortcode.image-beside-title .webtecore-author-img,
    body.rtl .webtecore-member-shortcode.image-beside .webtecore-author-img {
        margin-right: 0;
        margin-left: 20px;
    }
}

.webtecore-member-shortcode.image-beside-title .webtecore-member-name-company-social {
    flex-wrap: wrap;
    align-items: center;
}

.webtecore-member-shortcode:not(.image-beside-title) .webtecore-member-social-links {
    margin-top: 7px;
}

.webtecore-member-name {
    flex-grow: 1;
}

.webtecore-member-shortcode.image-beside {
    align-items: center;
}



.webtecore-member-name a:hover {
    text-decoration: underline;
}

.webtecore-awesome-button {
    font-size: 1rem;
    display: inline-flex;
    transition: all .1s ease;
    cursor: pointer;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased;
    text-transform: uppercase;
    --button-gap : .7em;
    gap: var(--button-gap);
}

.webtecore-awesome-button a,
.webtecore-awesome-button a:visited,
.webtecore-awesome-button a:active,
.webtecore-awesome-button a:hover {
    color: inherit;
}


.webtecore-awesome-button.webtecore-btn-flat {
    padding: .4em 1.5em;
    background: var(--principal-color);
    color: var(--principal-color-text-color);
    border: 2px solid transparent;
}
.webtecore-awesome-button.webtecore-btn-border-bottom  {
  border-bottom: 2px solid;
  background: transparent;

}
.webtecore-awesome-button.webtecore-btn-border-bottom-hover,
.webtecore-awesome-button.webtecore-btn-border-bottom {
  border-radius: 0px!important;
  --principal-color: var(--links-color);
  color: var(--principal-color);
}
.webtecore-awesome-button. webtecore-btn-border-bottom:hover {
  color: var(--principal-color);
}
.webtecore-awesome-button.webtecore-btn-border-bottom-hover {
  background: transparent;
  border-bottom: 2px solid transparent;
}
.webtecore-awesome-button.webtecore-btn-border-bottom-hover:hover {
  color: var(--principal-color);
  border-bottom: 2px solid;
}
.webtecore-awesome-button.webtecore-btn-flat:hover,
.webtecore-awesome-button.webtecore-btn-borderd-hover {
  color: var(--principal-color-text-color);
}
.webtecore-awesome-button.webtecore-btn-borderd-hover {
  padding: .4em 1.5em;
  border: 2px var(--principal-color) solid;
  background: var(--principal-color);
}
.webtecore-awesome-button.webtecore-btn-bordered {
    padding: .4em 1.5em;
    color: var(--principal-color);
    border-color: var(--principal-color);
    border: 2px var(--principal-color) solid;
    background: transparent;
}
.webtecore-awesome-button.webtecore-btn-borderd-hover:hover {
    background: transparent;
    color: var(--principal-color);
}
.webtecore-awesome-button.webtecore-btn-bordered:hover {
    background: var(--principal-color);
    color: var(--principal-color-text-color);
}
.webtecore-awesome-button.small-rounded {
    border-radius: .2em;
}

.webtecore-awesome-button.medium-rounded {
    border-radius: .5em;
}

.webtecore-awesome-button.big-rounded {
    border-radius: 3em;
}

.webtecore-awesome-button.tiny {
    font-size: .6rem;
}

.webtecore-awesome-button.small {
    font-size: .8rem;
}

.webtecore-awesome-button.medium {
    font-size: 1.2rem;
}

.webtecore-awesome-button.big {
    font-size: 1.5rem;
}

.webtecore-awesome-button.huge {
    font-size: 2rem;
}

.webtecore-awesome-button.webtecore-btn-gradient {
    background-image: linear-gradient(to bottom, #000, #505050);
    border: 1px rgba(0, 0, 0, 0.4) solid;
}

.webtecore-awesome-button.webtecore-btn-gradient:hover {
    background-image: linear-gradient(to bottom, #505050, #000);
}





.webtecore-button-shortcode.button-full .webtecore-awesome-button,
.webtecore-button-shortcode.button-full {
    display: block;
    width: 100%;
    text-align: center;
}


/*------------------------------------*/
/*--------------- TABS ---------------*/
/*------------------------------------*/
.webtecore-tabs-container {
  display: none;
}
.webtecore-tabs-shortcode {
  position: relative;
}

.webtecore-tabs-shortcode ul {
  font-size: 0;
  background: rgba(0,0,0,0.02);
}
@media only screen and (min-width:  1100px) {
  .webtecore-tabs-shortcode.vertical-tabs {
    width: 100%;
    display: flex;
  }
  .webtecore-tabs-shortcode.vertical-tabs ul.webtecore-tabs-shortcode-list {
    width: 200px;
    top: 1px;
    left: 1px;
    bottom: 1px;
    flex-shrink: 0;
  }
  .webtecore-tabs-shortcode.vertical-tabs .webtecore-tabs-shortcode-content {
    flex-grow: 1;
  }
  .webtecore-tabs-shortcode.vertical-tabs .webtecore-tabs-shortcode-content p {
    margin-top: 0;
  }
}
.webtecore-tabs-shortcode ul.webtecore-tabs-shortcode-list {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  border: 1px solid var(--borders-color);
}
.webtecore-tabs-shortcode ul.webtecore-tabs-shortcode-list ul, .webtecore-tabs-shortcode ul.webtecore-tabs-shortcode-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.webtecore-tabs-shortcode ul.webtecore-tabs-shortcode-list li a {
  font-size: 1rem;
  padding: 15px 25px;
  border-right: 1px solid;
  border-right: none;
  border-bottom: 0;
  display: block;
}
.webtecore-tabs-shortcode ul.webtecore-tabs-shortcode-list li  {
  display: block;
  width: 100%;
}
.webtecore-tabs-shortcode ul.webtecore-tabs-shortcode-list li.ui-tabs-active {
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: var(--principal-color);
}
.webtecore-tabs-shortcode.vertical-tabs ul.webtecore-tabs-shortcode-list li.ui-tabs-active {
  border-top: 0;
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: var(--principal-color);
}
.webtecore-tabs-shortcode.vertical-tabs ul.webtecore-tabs-shortcode-list li:not(.ui-tabs-active) a {
  padding-left: 29px;
}
.webtecore-tabs-shortcode.vertical-tabs ul.webtecore-tabs-shortcode-list li  {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1100px ) {
  .webtecore-tabs-shortcode ul.webtecore-tabs-shortcode-list li {
    display: inline-block;
    width: auto;
  }
}
.webtecore-tabs-shortcode-content {
  border-top: none;
  display: none;
}
.webtecore-tabs-shortcode-content > p {
  padding-bottom: 0;
  margin-bottom: 30px;
}
.webtecore-accordion-shortcode-content > *:nth-last-child(2), .webtecore-tabs-shortcode-content > *:nth-last-child(2) {
  margin-bottom: 0;
}
/*------------------------------------*/
/*--------------- TABS ---------------*/
/*------------------------------------*/
.webtecore-accordion-shortcode {
  font-size: .9rem;
  margin-bottom: 30px;
}
.webtecore-accordion-shortcode-title {
  padding: 15px;
  margin: 0;
  border: 1px solid;
  cursor: pointer;
  position: relative;
  outline: none;
  margin-top: 20px;
}
.webtecore-accordion-shortcode-content {
  padding: 15px;
  border: 1px solid;
  border-top: 0;
}
.webtecore-accordion-shortcode-content p {
  margin: 0;
}
.webtecore-accordion-shortcode-content p + p {
  margin-top: 20px;
}
.webtecore-accordion-shortcode-title:after {
  content: '\f1ce';
  position: absolute;
    right: 10px;
    font-family: 'FontAwesome';
    font-size: 0.8em;
    opacity: 0.5;
    line-height: 30px;
    top: 50%;
    margin-top: -15px;
}
.webtecore-accordion-shortcode-title.ui-state-active:after {
  content: '\ef99';
}

/* OFF CANVAS SIDEBAR */

.webtecore-sidebar {
    background: #fff;
    z-index: 999999;
    display: none;
    max-width: 80vw;
    overflow-x: hidden;
    overflow-y: auto;
}
.webtecore-sidebar-content {
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.webtecore-sidebar-content > div {
    height: 100%;
}
.widget_shopping_cart_content {
    flex-grow: 1;
}
.webtecore-sidebar-scroll {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 30px;
}
.webtecore-sidebar-title {
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
}
.webtecore-sidebar-title {
    padding: 10px 20px;
    border-bottom: 1px solid;
    margin: -20px;
    margin-bottom: 20px;
    font-size: 1.2em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media only screen and (min-width:480px) {

    .webtecore-sidebar-title {
        padding: 10px 30px;
        margin: -30px;
        margin-bottom: 30px;
    }
}
.webtecore-mobile-sidebar-content {
  padding: 30px;
}

.webtecore-sidebar-close.webtecore-sidebar-close-fixed {
  
    position: absolute;
    top: 0;
    right: 0;
    line-height: 30px;
    background: #eee;
    font-size: 12px;
    width: 30px;
    text-align: center;
}

.webtecore-sidebar-close,
.webtecore-sidebar-opener {
    cursor: pointer
}

.webtecore-fitvids {
  display: none;
}
.webtecore-fitvids.fitvids-init {
  display: block;
}
/* GRID TIMELINE */

.webtecore-block-infos-timeline {
   padding-left: 20px;
  border-left: 2px solid var(--borders-color);
  margin-left: 7px;
}
body.rtl .webtecore-block-infos-timeline {
  padding-left: 0px;
  border-left: none;
  margin-left: 0px;
  padding-right: 20px;
  border-right: 2px solid var(--borders-color);
  margin-right: 7px;
}
.webtecore-grid-timeline-item {
  font-size: 1.2em;
  margin-bottom: 10px;
  line-height: 1;
}
.webtecore-grid-timeline .webtecore-block-infos-timeline:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: -8px;
  background: var(--principal-color);
  display: block;
  border-radius: 500%;
  z-index: 44;
}
body.rtl .webtecore-grid-timeline .webtecore-block-infos-timeline:before {
  left: auto;
  right: -8px;
}

/* TITLES */

h1.block-infos-title {
  font-size: calc( 1.2vw + 1.5em );
}
h2.block-infos-title {
  font-size: calc(.8vw + 1.5em);
}
h3.block-infos-title {
  font-size: calc(.5vw + 1.5em);
}
h4.block-infos-title {
  font-size: calc(.3vw + 1.5em);
}
h5.block-infos-title {
  font-size: calc(.2vw + 1.5em);
}
h6.block-infos-title {
  font-size: calc(.1vw + 1.5em);
}


/* ELEMENTOR */

.elementor-widget-social-icons .elementor-grid {
  width: 100%;
}
body.site-body .elementor-progress-bar {
  background-color: var(--principal-color);
}

/* TAGS LIST */
.webtecore-trending-tags {
    text-align: center
}

.webtecore-trending-tags-content {
    position: relative
}

.webtecore-tags-list {
    margin: -8px
}

.webtecore-trending-tags-item {
    display: inline-block;
    padding: 10px;
    margin: 8px;
    border: 1px solid;
    border-radius: 5px
}

.webtecore-trending-tags-inline {
    text-align: initial
}

.webtecore-trending-tags-inline .webtecore-trending-tags-list {
    overflow: hidden;
    white-space: nowrap
}
.webtecore-trending-tags-list.ticker-init {
  direction: ltr;
}
.webtecore-trending-tags-title {
    padding: 0;
    white-space: nowrap;
    text-align: center;
    margin: 0;
}

.webtecore-trending-tags-inline .webtecore-trending-tags-content {
    display: flex;
    align-items: center;
    gap: 30px;
}

body {
  --principal-color: #319de6;
  --principal-color-text-color: #ffffff;
  --principal-color: var(--principal-color);
  --principal-color-text-color: var(--principal-color-text-color);
  --text-color: #666666;
  --links-color: #333333;
  --links-hover-color: var(--principal-color);
  --borders-color: #f5f5f5;
}


.webtecore-block-image:not(.webtecore-block-image-rounded) {
  background: rgba(0, 0, 0, .05);
}

.webtecore-block-image.lazy-loading {
  background: linear-gradient(-45deg, #eeeeee,#ffffff, #eeeeee);
  background-size: 400% 400%;
  animation: gradient 2s ease-in-out infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 50% 75%;
  }
  75% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 50%;
  }
}
img[data-src] {
  opacity: 0;
}
.webtecore-format-icon img[data-src] {
  opacity: 0;
  height: 0px;
}
img[data-src].lazy-loaded {
  transition: opacity .5s ease;
  opacity: 1;
}
.webtecore-format-icon img[data-src].lazy-loaded  {
  opacity: .8;
  height: auto;
}
body.lazy-load-css {
    opacity: 0;
    transition: opacity  .3s linear;
}
body.load-complete {
  opacity: 1;
}


/* POPULAR CATEGORIES */

.webtecore-popular-categories-list, .webtecore-popular-categories-list li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.webtecore-popular-categories-list li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    font-size: 13px;
}
.webtecore-popular-categories-list li a {
    flex-grow: 1;
    margin: 0 8px;
}
.webtecore-popular-categories-list li .webtecore-term-count {
    padding: 4px 8px;
    font-family: arial;
    background: var(--principal-color);
    color: #fff;
}
.webtecore-tabbed-widget ul.webtecore-tabs-shortcode-list li {
    display: table-cell!important;
    width: 33.3333%!important;
}

.webtecore-tabbed-widget ul.webtecore-tabs-shortcode-list li a {
    font-size: 14px;
    padding: 15px 10px!important;
    text-align: center;
}
.webtecore-tabbed-widget ul.webtecore-tabs-shortcode-list li a i {
    font-size: 26px;
    margin-right: 5px;
}
body.rtl .webtecore-tabbed-widget ul.webtecore-tabs-shortcode-list li a i {
    margin-right: 0;
    margin-left: 5px;
}
.webtecore-tabbed-widget .webtecore-tabs-shortcode-list {
    display: table;
    width: 100%;
}

/* RESPONSIVE MENU */

.webtecore-menu-responsive .webtecore-menu-desktop {
  display: none;
}
.webtecore-menu-responsive .webtecore-menu-mobile {
  display: flex;
}
@media ( min-width: 1025px ) {
  .webtecore-menu-responsive.webtecore-menu-responsive-1024 .webtecore-menu-desktop {
      display: block; 
  }
  .webtecore-menu-responsive.webtecore-menu-responsive-1024 .webtecore-menu-mobile {
      display: none; 
  }
}
@media ( min-width: 961px ) {
  .webtecore-menu-responsive.webtecore-menu-responsive-960 .webtecore-menu-desktop {
      display: block; 
  }
  .webtecore-menu-responsive.webtecore-menu-responsive-960 .webtecore-menu-mobile {
      display: none; 
  }
}
@media ( min-width: 769px ) {
  .webtecore-menu-responsive.webtecore-menu-responsive-768 .webtecore-menu-desktop {
      display: block; 
  }
  .webtecore-menu-responsive.webtecore-menu-responsive-768 .webtecore-menu-mobile {
      display: none; 
  }
}
@media ( min-width: 541px ) {
  .webtecore-menu-responsive.webtecore-menu-responsive-540 .webtecore-menu-desktop {
      display: block; 
  }
  .webtecore-menu-responsive.webtecore-menu-responsive-540 .webtecore-menu-mobile {
      display: none; 
  }
}
@media ( min-width: 481px ) {
  .webtecore-menu-responsive.webtecore-menu-responsive-480 .webtecore-menu-desktop {
      display: block; 
  }
  .webtecore-menu-responsive.webtecore-menu-responsive-480 .webtecore-menu-mobile {
      display: none; 
  }
}

/* BDT - Element pack pro fixes */

body.site-body .bdt-ep-advanced-icon-box-icon-wrap svg {
  width: 1em;
  height: 1em;
}
body.site-body .bdt-ep-advanced-icon-box-icon-wrap svg * {
  fill: inherit;
  stroke: inherit;
}

/* ELEMENTOR & BDT */

.elementor-icon.elementor-social-icon {
    display: inline-flex!important;
}

body.site-body .bdt-ep-advanced-icon-box-icon-wrap svg {
  width: 1em;
  height: 1em;
}
body.site-body .bdt-ep-advanced-icon-box-icon-wrap svg  * {
  fill: inherit;
  stroke: inherit;
}

body.site-body .bdt-button.bdt-button-primary {
    background: var(--principal-color);
    color: var(--principal-color-text-color);
    text-transform: uppercase;
}

body.site-body .bdt-ep-advanced-progress-bar-item {
    color: var(--text-color);
}



body.site-body .bdt-ep-advanced-icon-box-icon-wrap svg {
    fill: transparent;
    stroke: var(--principal-color);
}
body.site-body .bdt-ep-advanced-progress-bar-fill {
    background-color: var(--principal-color);
}
body.site-body .skin-band .bdt-member-icon:hover i {
    color: var(--principal-color);
}
body.site-body .skin-band .bdt-member-icon:before {
    background-color: var(--principal-color);
    color: var(--principal-color-text-color);
}
body.site-body .bdt-price-table-header {
    background: var(--principal-color);
    color: var(--principal-color-text-color);
}
body.site-body .bdt-price-table-image svg * {
    fill: transparent;
    stroke: var(--principal-color);
}
.bdt-price-table-icon svg {
  max-width: 30%;
  height: auto;
}
.bdt-price-table-icon svg * {
    fill: transparent;
    stroke: var(--principal-color);
}
.bdt-price-table-icon {
  padding: 20px 0;
}
.bdt-price-table-icon i {
  font-size: 4em;
  color: var(--principal-color);
}

.elementor-button {
  background: var(--principal-color);
  color: var(--principal-color-text-color);
}
.elementor-icon-list-icon {
  color: var(--principal-color);
}
/* SECTION HEADING */

.webtecore-section-heading-before-title {
  font-size: 1em;
  text-transform: uppercase;
  color: var(--principal-color);
  margin-bottom: .5em;
  display: inline-block;
}
.section-heading-center {
  text-align: center;
}
.webtecore-section-heading-before-title.section-heading-before,
.webtecore-section-heading-before-title.section-heading-after,
.webtecore-section-heading-before-title.section-heading-after_before {
  
  
}

.webtecore-section-heading-before-title.section-heading-before,
.webtecore-section-heading-before-title.section-heading-after,
.webtecore-section-heading-before-title.section-heading-after_before {
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-grow: 1;
  gap: .5em;
}
.webtecore-section-heading-before-title.section-heading-before:before,
.webtecore-section-heading-before-title.section-heading-after_before:before,
.webtecore-section-heading-before-title.section-heading-after:after,
.webtecore-section-heading-before-title.section-heading-after_before:after {
  content: "";
  width: 5%;
  height: 2px;
  border-top: 1px solid;
}
.webtecore-section-heading-before-title.section-heading-background,
.webtecore-image-box-before-title {
  color: var(--principal-color);
  padding: 0.1em 1.2em;
  position: relative;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 2;
  display: inline-flex;
  gap: 10px;
}
.webtecore-section-heading-before-title.section-heading-background:before,
.webtecore-image-box-before-title:before {
  content: "\f192";
  font-family: 'Font Awesome 6 Free';
  animation: webtecore-video-popup-blink 1.33s ease-out infinite;
}
.webtecore-section-heading-before-title.section-heading-background:after,
.webtecore-image-box-before-title:after {
  background: var(--principal-color);
  content: "";
  opacity: .2;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.webtecore-section-heading-before-title.section-heading-bottom,
.webtecore-section-heading-before-title.section-heading-top {
  display: flex;
  flex-direction: column;
  gap: .5em;
}
.webtecore-section-heading-before-title.section-heading-top:before,
.webtecore-section-heading-before-title.section-heading-bottom:after {
  content: "";
  width: 10%;
  height: 2px;
  border-top: .1em solid;
}
.webtecore-section-heading {
  position: relative;
}
.webtecore-section-heading-title {
  font-size: 3em;
  margin: 0;
  padding: 0;
  margin: -.07em;
}

.webtecore-section-heading-sub-title {
  font-size: 2em;
  margin: 0;
  padding: 0;
  margin: -.05em;
}



.webtecore-section-heading-sub-title.section-heading-stroke {
  color: transparent;
  -webkit-text-stroke: 1px var(--links-color);
  font-weight: bolder;
}
.webtecore-section-heading-title.section-heading-title-stroke {
  color: transparent;
  -webkit-text-stroke: 1px var(--links-color);
  font-weight: bolder;
}
.webtecore-section-heading.section-heading-creative .webtecore-section-heading-title {
  font-size: 5em;
  line-height: 1;
}
.webtecore-section-heading.section-heading-creative .webtecore-section-heading-title::first-letter {
  color: var(--principal-color);
}
.webtecore-section-heading.section-heading-creative .webtecore-section-heading-sub-title {
    position: absolute;
    top: 50%;
    font-size: 5em;
    line-height: 1;
    opacity: .25;
    /* white-space: nowrap; */
    top: 50%;
    /* left: 50%; */
    transform: translateY(-50%);
}
.section-heading-center.section-heading-creative .webtecore-section-heading-sub-title {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.section-heading-center .webtecore-section-heading-before-title {
  margin-left: auto;
  margin-right: auto;
}
.section-heading-center .webtecore-section-heading-before-title.section-heading-before,
.section-heading-center .webtecore-section-heading-before-title.section-heading-after,
.section-heading-center .webtecore-section-heading-before-title.section-heading-after_before {
  justify-content: center;
}
.section-heading-right .webtecore-section-heading-before-title.section-heading-before,
.section-heading-right .webtecore-section-heading-before-title.section-heading-after,
.section-heading-right .webtecore-section-heading-before-title.section-heading-after_before {
  justify-content: flex-end;
}
.section-heading-right {
  text-align: right;
}
body.rtl .section-heading-right {
  text-align: left;
}
.section-heading-right.section-heading-creative .webtecore-section-heading-sub-title {
  right: 0;
}
body.rtl .section-heading-right.section-heading-creative .webtecore-section-heading-sub-title {
  left: 0;
}
.section-heading-center:before,
.section-heading-center:after {
  margin-left: auto;
  margin-right: auto;
}
.section-heading-line-top:before {
  content: "";
  border-top: 1px solid var(--principal-color);
  width: 10%;
  margin-bottom: .7em;
  height: 2px;
  display: block;
}
.section-heading-line-top_vertical:before {
  content: "";
  border-left: 1px solid var(--principal-color);
  width: 10%;
  margin-bottom: .7em;
  width: 2px;
  display: block;
  height: 50px;
}
.section-heading-line-bottom:after {
  content: "";
  border-top: .2em solid var(--principal-color);
  width: 10%;
  margin-top: 1.5em;
  height: 2px;
  display: block;
}

.section-heading-line-top_angle:before {
      content: "";
    border-left: 1px solid var(--principal-color);
    width: 10%;
    margin-bottom: 0.7em;
    width: 2px;
    display: block;
    height: 4em;
    width: 4em;
    border-top: 1px solid var(--principal-color);
    position: absolute;
    top: -1em;
    left: -1em;
}

body.site-body svg {
  max-width: 100%;
  height: auto;
}

/* UNLIMITED ELEMENTS FIXES */

.unlimited-elements-background-overlay.uc-bg-front {
  pointer-events: none;
}
.webtecore-mega-slider .owl-dots {
  position: absolute!important;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 20px 0;
}
.webtecore-mega-slider .owl-dots .owl-dot {
  border-radius: 50%;
  width: 12px!important;
  height: 12px!important;
  position: relative;
}

.webtecore-mega-slider .owl-dots .owl-dot.active:after {
  width: 22px;
    height: 22px;
    border: 1px solid;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
/* VC FRONTEND */
.vc_row {
  position: relative;
}
@media ( max-width: 960px ) {
  .vc_row.vc_row-o-equal-height > .vc_row_content > .vc_row_content_inner {
    align-items: stretch;
    display: flex;
  }

}

.vc_row.vc_row-o-equal-height > .vc_row_content > .vc_row_content_inner {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}
.vc_editor .vc_row.vc_row-o-equal-height > .vc_row_content > .vc_row_content_inner > .vc_column_container,
.vc_editor .vc_row.vc_row-o-equal-height > .vc_row_content > .vc_row_content_inner > .vc_element > .vc_column_container {
  height: 100%;
}
.vc_row.vc_row-o-equal-height > .vc_row_content > .vc_row_content_inner > .vc_column_container > .vc_column-inner,
.vc_row.vc_row-o-equal-height > .vc_row_content > .vc_row_content_inner > .vc_element > .vc_column_container > .vc_column-inner {
  height: 100%;
}
.vc_row-o-content-middle:not(.vc_row.vc_row-o-equal-height)  > .vc_row_content > .vc_row_content_inner,
.vc_row.vc_row-o-equal-height.vc_row-o-content-middle > .vc_row_content > .vc_row_content_inner > .vc_column_container > .vc_column-inner,
.vc_row.vc_row-o-equal-height.vc_row-o-content-middle > .vc_row_content > .vc_row_content_inner > .vc_element > .vc_column_container > .vc_column-inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.vc_row.vc_row-o-content-middle>.vc_vc_column>.vc_column_container>.vc_column-inner > .wpb_wrapper,
.vc_row.vc_row-o-content-middle>.vc_vc_column_inner>.vc_column_container>.vc_column-inner > .wpb_wrapper {
  justify-content: center;
}
.vc_row.vc_row-flex>.vc_vc_column>.vc_column_container>.vc_column-inner > .wpb_wrapper,
.vc_row.vc_row-flex>.vc_vc_column_inner>.vc_column_container>.vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}
.vc_row.vc_row-flex[data-vc-stretch-content] {
 display: block;
}
.vc_row.vc_row-flex.vc_row-o-content-middle {
  align-items: center;
}
.vc_row.vc_row-o-equal-height {
    align-items: stretch!important;
    display: flex;
  }
.vc_row.vc_row-flex.vc_row-o-content-top {
  align-items: flex-start;
}
.vc_row.vc_row-flex.vc_row-o-content-bottom {
  align-items: flex-end;
}
body.site-body .wpb_wrapper {
  flex-grow: 1;
}
.vc_row-o-content-top:not(.vc_row.vc_row-o-equal-height)  > .vc_row_content > .vc_row_content_inner,
.vc_row.vc_row-o-equal-height.vc_row-o-content-top > .vc_row_content > .vc_row_content_inner > .vc_column_container > .vc_column-inner,
.vc_row.vc_row-o-equal-height.vc_row-o-content-top > .vc_row_content > .vc_row_content_inner > .vc_element > .vc_column_container > .vc_column-inner {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
}
.vc_row-o-content-bottom:not(.vc_row.vc_row-o-equal-height)  > .vc_row_content > .vc_row_content_inner,
.vc_row.vc_row-o-equal-height.vc_row-o-content-bottom > .vc_row_content > .vc_row_content_inner > .vc_column_container > .vc_column-inner,
.vc_row.vc_row-o-equal-height.vc_row-o-content-bottom > .vc_row_content > .vc_row_content_inner > .vc_element > .vc_column_container > .vc_column-inner  {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
}
.vc_row_content_inner {
  height: 100%;
}
body.site-body .vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
body.site-body .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
body.site-body .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
body.site-body .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
body.site-body .vc_row-has-fill>.vc_column_container>.vc_column-inner,
body.site-body .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
body.site-body .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
body.site-body .vc_section.vc_section-has-fill,
body.site-body .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
body.site-body .vc_section.vc_section-has-fill+.vc_section {
    padding-top: 0;
}

body.site-body .vc_column_container>.vc_column-inner,
body.site-body .vc_vc_column, body.site-body .vc_vc_column_inner {
  padding-left: 0;
  padding-right: 0;
  flex-grow: 1;
}

body.site-body .vc_row {
  margin-left: 0px;
  margin-right: 0px;
}
body.site-body .vc_row.vc_inner {
  margin: calc( -1 * var(--vc-column-gap))!important;
}
body.site-body .vc_row:not(.vc_inner) > .vc_row_content > .vc_row_content_inner {
  margin: calc( -1 * var(--vc-column-gap))!important;
  display: flex;
  flex-wrap: wrap;
}

body.site-body .vc_row>.vc_row_content > .vc_row_content_inner>.vc_column_container,
body.site-body .vc_row>.vc_column_container,
body.site-body .vc_row>.vc_row_content > .vc_row_content_inner>.vc_element>.vc_column_container,
body.site-body .vc_row>.vc_element>.vc_column_container {
  padding: var(--vc-column-gap)!important;
}
body.site-body .vc_row.vc_row-flex>.vc_column_container>.vc_column-inner {
  z-index: auto;
}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner>.wpb_wrapper {
  flex-grow: unset;
}
body.site-body .vc_col-sm-1,
body.site-body .vc_col-sm-10,
body.site-body .vc_col-sm-11,
body.site-body .vc_col-sm-12,
body.site-body .vc_col-sm-2,
body.site-body .vc_col-sm-3,
body.site-body .vc_col-sm-4,
body.site-body .vc_col-sm-5,
body.site-body .vc_col-sm-6,
body.site-body .vc_col-sm-7,
body.site-body .vc_col-sm-8,
body.site-body .vc_col-sm-9 {
    display: inline-block;
    vertical-align: top;
    float: none;
    flex-grow: 1;
}


body.site-body .vc_column-inner,
body.site-body .vc_column-container {
  position: static;
  pointer-events: none;
}
body.site-body:not(.vc_editor) .vc_row {
  pointer-events: none;
}
body.site-body:not(.vc_editor) .vc_row.vc_inner,
body.site-body:not(.vc_editor) .vc_row.vc_inner > .vc_column_container {
  pointer-events: none;
}
body.site-body:not(.vc_editor) .wpb_wrapper {
  pointer-events: none;
}
body.site-body  .vc_column-inner > .wpb_wrapper > *:not(.vc_row):not(.vc_column_container) {
  pointer-events: auto;
}
body.site-body .vc_row.vc_inner > .vc_column_container > .vc_column-inner {
  pointer-events: auto;
}
body.site-body .vc_column-inner {
  pointer-events: auto;
}

.wpb_wrapper .vertical-menu li.menu-item-has-mega-menu-full .mega-menu.sub-menu {
    left: var(--vc-column-gap);
    right: var(--vc-column-gap);
    width: calc(100% - (var(--vc-column-gap) * 2 ));
}
.wpb_wrapper .vertical-menu li.menu-item-has-mega-menu-full .mega-menu.sub-menu .full-section-content {
    padding: 0;
}
.vc_add-element-not-empty-button {
  position: relative;
  z-index: 2;
}

/* SHOTING LIGHTS */

.webtecore-shooting-lights {
  position:absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  overflow:hidden;
}
.webtecore-shooting-lights .webtecore-shooting-light {
    position: absolute;
    width: 0px;
    opacity: .75;
    background-color: white;
    box-shadow: var(--light-color) 0px 0px 20px 2px;
    opacity: 0;
    top: 100vh;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}
.webtecore-shooting-lights .webtecore-shooting-x1{
  -webkit-animation: floatUp 4s infinite linear;
  -moz-animation: floatUp 4s infinite linear;
  -o-animation: floatUp 4s infinite linear;
  animation: floatUp 4s infinite linear;
   -webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
   -o-transform: scale(1.0);
  transform: scale(1.0);
}
.webtecore-shooting-lights .webtecore-shooting-x2{
  -webkit-animation: floatUp 7s infinite linear;
  -moz-animation: floatUp 7s infinite linear;
  -o-animation: floatUp 7s infinite linear;
  animation: floatUp 7s infinite linear;
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -o-transform: scale(1.6);
  transform: scale(1.6);
  left: 15%;
}
.webtecore-shooting-lights .webtecore-shooting-x3{
  -webkit-animation: floatUp 2.5s infinite linear;
  -moz-animation: floatUp 2.5s infinite linear;
  -o-animation: floatUp 2.5s infinite linear;
  animation: floatUp 2.5s infinite linear;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
  left: -15%;
}
.webtecore-shooting-lights .webtecore-shooting-x4{
  -webkit-animation: floatUp 4.5s infinite linear;
  -moz-animation: floatUp 4.5s infinite linear;
  -o-animation: floatUp 4.5s infinite linear;
  animation: floatUp 4.5s infinite linear;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  left: -34%;
}
.webtecore-shooting-lights .webtecore-shooting-x5{
  -webkit-animation: floatUp 8s infinite linear;
  -moz-animation: floatUp 8s infinite linear;
  -o-animation: floatUp 8s infinite linear;
  animation: floatUp 8s infinite linear;
  -webkit-transform: scale(2.2);
  -moz-transform: scale(2.2);
  -o-transform: scale(2.2);
  transform: scale(2.2);
  left: -57%;
}
.webtecore-shooting-lights .webtecore-shooting-x6{
  -webkit-animation: floatUp 3s infinite linear;
  -moz-animation: floatUp 3s infinite linear;
  -o-animation: floatUp 3s infinite linear;
  animation: floatUp 3s infinite linear;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
  left: -81%;
}
.webtecore-shooting-lights .webtecore-shooting-x7{
  -webkit-animation: floatUp 5.3s infinite linear;
  -moz-animation: floatUp 5.3s infinite linear;
  -o-animation: floatUp 5.3s infinite linear;
  animation: floatUp 5.3s infinite linear;
  -webkit-transform: scale(3.2);
  -moz-transform: scale(3.2);
  -o-transform: scale(3.2);
  transform: scale(3.2);
  left: 37%;
}
.webtecore-shooting-lights .webtecore-shooting-x8{
  -webkit-animation: floatUp 4.7s infinite linear;
  -moz-animation: floatUp 4.7s infinite linear;
  -o-animation: floatUp 4.7s infinite linear;
  animation: floatUp 4.7s infinite linear;
  -webkit-transform: scale(1.7);
  -moz-transform: scale(1.7);
  -o-transform: scale(1.7);
  transform: scale(1.7);
  left: 62%;
}
.webtecore-shooting-lights .webtecore-shooting-x9{
  -webkit-animation: floatUp 4.1s infinite linear;
  -moz-animation: floatUp 4.1s infinite linear;
  -o-animation: floatUp 4.1s infinite linear;
  animation: floatUp 4.1s infinite linear;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  left: 85%;
}

@-webkit-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@-moz-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@-o-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}

/* BOKEH BACKGROUND */
.webtecore-bokeh-background {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow:hidden;
}

.webtecore-bokeh-background span {
  width: 20vmin;
  height: 20vmin;
  border-radius: 20vmin;
  backface-visibility: hidden;
  position: absolute;
  animation-name: move;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.webtecore-bokeh-background span:nth-child(1) {
  color: var(--color_one);
  top: 45%;
  left: 93%;
  animation-duration: 13.1s;
  animation-delay: -0.3s;
  transform-origin: 18vw 6vh;
  box-shadow: 40vmin 0 12.4766265861vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(2) {
  color: var(--color_two);
  top: 50%;
  left: 46%;
  animation-duration: 13s;
  animation-delay: -4.3s;
  transform-origin: -7vw 16vh;
  box-shadow: 40vmin 0 14.2246966606vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(3) {
  color: var(--color_three);
  top: 51%;
  left: 14%;
  animation-duration: 11.5s;
  animation-delay: -8.8s;
  transform-origin: -20vw -4vh;
  box-shadow: 40vmin 0 12.5144669247vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(4) {
  color: var(--color_three);
  top: 40%;
  left: 39%;
  animation-duration: 12s;
  animation-delay: -4s;
  transform-origin: 1vw 20vh;
  box-shadow: 40vmin 0 5.7165544803vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(5) {
  color: var(--color_three);
  top: 2%;
  left: 1%;
  animation-duration: 16s;
  animation-delay: -10.8s;
  transform-origin: -15vw 22vh;
  box-shadow: 40vmin 0 6.9459640115vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(6) {
  color:var(--color_three);
  top: 91%;
  left: 37%;
  animation-duration: 15.3s;
  animation-delay: -0.3s;
  transform-origin: 15vw -2vh;
  box-shadow: -40vmin 0 11.3854123599vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(7) {
  color: var(--color_three);
  top: 36%;
  left: 31%;
  animation-duration: 13.4s;
  animation-delay: -10s;
  transform-origin: 24vw 23vh;
  box-shadow: -40vmin 0 5.2588904597vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(8) {
  color: var(--color_one);
  top: 99%;
  left: 38%;
  animation-duration: 11.4s;
  animation-delay: -8s;
  transform-origin: -11vw -6vh;
  box-shadow: 40vmin 0 14.4682144119vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(9) {
  color: var(--color_one);
  top: 86%;
  left: 64%;
  animation-duration: 13.9s;
  animation-delay: -0.3s;
  transform-origin: -4vw 19vh;
  box-shadow: 40vmin 0 8.6436091864vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(10) {
  color: var(--color_two);
  top: 71%;
  left: 27%;
  animation-duration: 10.8s;
  animation-delay: -10.7s;
  transform-origin: -8vw -16vh;
  box-shadow: 40vmin 0 13.2643421429vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(11) {
  color: var(--color_one);
  top: 49%;
  left: 43%;
  animation-duration: 14s;
  animation-delay: -7.7s;
  transform-origin: -8vw 9vh;
  box-shadow: 40vmin 0 10.4930763969vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(12) {
  color: var(--color_one);
  top: 98%;
  left: 60%;
  animation-duration: 10.1s;
  animation-delay: -15.5s;
  transform-origin: 25vw 8vh;
  box-shadow: 40vmin 0 7.8101564871vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(13) {
  color: var(--color_two);
  top: 90%;
  left: 33%;
  animation-duration: 12.7s;
  animation-delay: -5.3s;
  transform-origin: 7vw 4vh;
  box-shadow: -40vmin 0 5.4841804637vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(14) {
  color:var(--color_one);
  top: 72%;
  left: 60%;
  animation-duration: 15.8s;
  animation-delay: -1.9s;
  transform-origin: -15vw -1vh;
  box-shadow: -40vmin 0 11.3062738309vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(15) {
  color: var(--color_two);
  top: 5%;
  left: 95%;
  animation-duration: 14.6s;
  animation-delay: -11.4s;
  transform-origin: 21vw -9vh;
  box-shadow: -40vmin 0 6.3363081479vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(16) {
  color: var(--color_two);
  top: 51%;
  left: 75%;
  animation-duration: 15.5s;
  animation-delay: -1.6s;
  transform-origin: 19vw 18vh;
  box-shadow: -40vmin 0 9.3017118222vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(17) {
  color: var(--color_one);
  top: 89%;
  left: 58%;
  animation-duration: 14.3s;
  animation-delay: -16s;
  transform-origin: -3vw -22vh;
  box-shadow: 40vmin 0 12.061520596vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(18) {
  color: var(--color_two);
  top: 91%;
  left: 75%;
  animation-duration: 13s;
  animation-delay: -3.5s;
  transform-origin: 8vw 21vh;
  box-shadow: 40vmin 0 7.3960595715vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(19) {
  color: var(--color_one);
  top: 85%;
  left: 81%;
  animation-duration: 14.3s;
  animation-delay: -15.3s;
  transform-origin: -20vw 11vh;
  box-shadow: 40vmin 0 8.2545553935vmin currentColor;
}
.webtecore-bokeh-background span:nth-child(20) {
  color: var(--color_three);
  top: 71%;
  left: 7%;
  animation-duration: 14.8s;
  animation-delay: -15.1s;
  transform-origin: 5vw -15vh;
  box-shadow: -40vmin 0 5.2055890985vmin currentColor;
}

@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}

.webtecore-squares-bg-container {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    width:100%;
}

.webtecore-squares-bg-container .webtecore-squares-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.webtecore-squares-bg-container .webtecore-squares-bg span{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background-color:var(--square_bg);
    opacity:var(--opacity);
    animation: var(--animation) var(--speed) linear infinite;
    bottom: -150px;
    border-radius:var(--radius);
    
}

.webtecore-squares-bg-container .webtecore-squares-bg span:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.webtecore-squares-bg-container .webtecore-squares-bg span:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.webtecore-squares-bg-container .webtecore-squares-bg span:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.webtecore-squares-bg-container .webtecore-squares-bg span:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.webtecore-squares-bg-container .webtecore-squares-bg span:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.webtecore-squares-bg-container .webtecore-squares-bg span:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.webtecore-squares-bg-container .webtecore-squares-bg span:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.webtecore-squares-bg-container .webtecore-squares-bg span:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.webtecore-squares-bg-container .webtecore-squares-bg span:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.webtecore-squares-bg-container .webtecore-squares-bg span:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}

.webtecore-backrgound-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.vc_column_container > .webtecore-backrgound-overlay {
  top: var(--vc-column-gap);
  left: var(--vc-column-gap);
  right: var(--vc-column-gap);
  bottom: var(--vc-column-gap);
  width: auto;
  height: auto;
}

@keyframes animate-bg-squares-up {

  
    0%{
        transform: translateY(0) rotate(0deg);
    }

    100%{
        transform: translateY(-2000px) rotate(720deg);
    }

  

  
}
@keyframes animate-bg-squares-down {

    0%{
        transform: translateY(-2000px) rotate(720deg);
    }

    100%{
        transform: translateY(0) rotate(0deg);
    }
  
}
@media (min-width: 1025px ) {
  body.site-body.vc_editor .webtecore-hide-desktop {
    opacity: .5;
  }
  body.site-body:not(.vc_editor) .webtecore-hide-desktop {
    display: none;
  }
}
@media (max-width: 1024px ) and ( min-width: 769px ) {

  body.site-body.vc_editor .webtecore-hide-tablet-landscape {
    opacity: .5;
  }
  body.site-body:not(.vc_editor) .webtecore-hide-tablet-landscape {
    display: none;
  }
}
@media (max-width: 768px ) and ( min-width: 481px ) {
  body.site-body.vc_editor .webtecore-hide-tablet {
    opacity: .5;
  }
  body.site-body:not(.vc_editor) .webtecore-hide-tablet {
    display: none;
  }
}
@media (max-width: 480px ) and ( min-width: 321px ) {
  .webtecore-hide-mobile-landscape {
    opacity: .5;
  }
  body.site-body:not(.vc_editor) .webtecore-hide-mobile-landscape {
    display: none;
  }
}
@media (max-width: 320px ) {
  body.site-body.vc_editor .webtecore-hide-mobile {
    opacity: .5;
  }
  body.site-body:not(.vc_editor) .webtecore-hide-mobile {
    display: none;
  }
}
body.site-body.vc_editor {
  margin-top: 70px;
}


/*------------------------------------*/
/*------------ QUOTE ---------------*/
/*------------------------------------*/

.quote-author-infos {
  font-size: 1em;
}
.quote-autor-company {
  font-size: .8rem;
}
.quote-container {
  line-height: 1.3;
  font-size: 1.2rem;
  margin: 20px;
  clear: both;
}
.quote-quotation {
  font-size: 1.2em;
  font-weight: bold;
}
.quote-quotation:after, .quote-quotation:before {
  font-style: normal;
}
.quote-container a, .quote-container a:visited, .quote-container a:active, .quote-container a:hover {
  color: inherit;
}
.quote-container a:hover {
  opacity: 0.9;
  text-decoration: underline;
}
.quote-container.quote-float-left {
  float: left;
  margin: .4em 1.5em 1em 0;
  display: inline;
}

.quote-container.quote-float-right {
  float: right;
  margin: .4em 0 0 1.5em;
}
@media only screen and (max-width: 560px ) {
  .quote-container.quote-float-left, .quote-container.quote-float-right {
    float: none;
    width: auto!important;
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}
.quote-container.quote-center {
  margin-left: auto;
  margin-right: auto;
}
.quote-container {
  position: relative;
  box-sizing: border-box;
}
.quote-author-img {
  width: 3em;
  height: 3em;
  display: block;
  margin-right: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  border: 3px #eee solid;
  border-radius: 50%;
  flex: 0 0 3em;
}
body.rtl .quote-author-img {
  margin-right: 0;
  margin-left: 10px;
}

.quote-container.style-2 .quote-author:before {
  border-top: 1px solid;
    content: "";
    display: block;
    margin: 20px 0;
    opacity: 0.5;
    width: 130%;
}


.quote-container.style-2 .quote-author:before {
   border-top: 1px solid;


}

.quote-container.style-2  .quote-author {
  display: inline-block;
  margin-top: 0;
}

.quote-container:not(.style-6):not(.style-5) .quote-quotation:before {
  content: '\f10d';
  font-family: FontAwesome;
  opacity: 0.35;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
  font-size: 2.5rem;
  display: block;
  line-height: 1;
  font-weight: lighter;
}
.quote-container:not(.style-6):not(.style-5).style-3 .quote-quotation:before {
  display: none;
}
.quote-container.style-1 .quote-quotation {
  display: flex;
}
.quote-container.style-1 .quote-quotation:before {
  display: none!important;
}
.quote-container.style-1 {
  display: flex;
}
.quote-container.style-1 .quote-author {
  margin-top: 20px;
} 
.quote-container.style-1 .quote-author-infos {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid;
}
.quote-container.style-1:before {
  content: '\f10d';
  font-family: FontAwesome;
  opacity: 0.35;
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 10px;
  font-size: 4.5rem;
  display: block;
  line-height: 1;
  font-weight: lighter;
}
body.rtl .quote-container:not(.style-6):not(.style-5) .quote-quotation:before,
body.rtl .quote-container.style-1:before {
  content: '\f10e';
  margin-right: 0;
  margin-left: 20px;
}
.quote-container .quote-quotation:after {
  float: right;
  clear: left;
}
.quote-container:after {

}


.quote-author-content {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.quote-autor-name {
  font-weight: bolder;
  text-decoration: none;
  display: block;
}

.quote-container.style-2 {
  border: none;
  padding: 0 30px;
    border-left: 8px double;
    border-right: 4px solid;
}

/* STYLE 3 */
.quote-container.style-3 .quote-quotation:before {
  display: none;
}
.quote-container.style-3 {
  border: 0;
  padding: 0;
}
.quote-container.style-3 .quote-quotation {
  padding: 30px;
  border: 0;
  border:3px solid;
}
.quote-container.style-3 .quote-author {
  position: relative;
  padding: 20px;
  margin-top: 0;
  display: flex;
  align-items: center;
}
.quote-container.style-3:before {
  display: none;
}
.quote-container.style-3 .quote-author:before {
  content: "\f10e";
    font-size: 2.5rem;
    font-family: fontAwesome;
    order: 2;
    opacity: 0.35;
}
body.rtl .quote-container.style-3 .quote-author:before {
  left: 30px;
  right: auto;
  content: "\f10d";
}
.quote-container.style-3 .quote-quotation {
  position: relative;
  border-radius: 10px;
}

.quote-container.style-3 .quote-author::after {
    border-color: transparent transparent transparent transparent;
    border-top-color: inherit;
    border-image: none;
    border-style: solid;
    border-width: 12px;
    top: 0;
    content: " ";
    display: block;
    left: 35px;
    position: relative;
    position: absolute;

}
body.rtl .quote-container.style-3 .quote-author::after {
  left: auto;
  right: 35px;
}
/* STYLE 4 */

.quote-container.style-4:before {
  position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: -10px;
    opacity: 0.5;
    left: -10px;
    background: inherit;
    pointer-events: none;
    z-index: 0;
}
.quote-container.style-4 .quote-quotation:before {
  display: none;
}
.quote-container.style-4 {
  border: 0;
  padding: 0;
  background: rgba(0,0,0,0.08);
}
body.dark-skin .quote-container.style-4 {
  background: rgba(255,255,255,0.08);
}
.quote-container.style-4 .quote-quotation {
  padding: 30px;
  border: 0;
  
}
.quote-container.style-4 .quote-author {
  position: relative;
  display: flex;
  align-items: center;
}
.quote-container.style-4 .quote-author:before {
  opacity: 0.35;
    z-index: 10;
    font-size: 2rem;
    content: '\f10e';
    font-family: FontAwesome;
    float: right;
    order: 2;
}
body.rtl .quote-container.style-4 .quote-author:before {
  float: left;
  content: '\f10d';

}
.quote-container.style-4 .quote-quotation {
  position: relative;
}
.quote-container.style-4 .quote-author {
  margin-top: 0;
  padding: 10px 30px;
  background: rgba(0,0,0,0.05);
  position: relative;
}
body.dark-skin .quote-container.style-4 .quote-author {
  background: rgba(255,255,255,0.05);
}

/* STYLE 5 */
.quote-container.style-5 {
  padding: 0;
  border: 0;
  text-align: center;
  
  margin-top: 2em;
}
.quote-container.style-5 .quote-quotation {
  padding: 30px;
  position: relative;
  padding-top: 2em;
  background: #eee;
  border-radius: 1em;
}
body.dark-skin .quote-container.style-5 .quote-quotation {
  background: #3c3c3c;
}
.quote-container.style-5 .quote-author {
  padding: 10px;
    margin: 0;
    text-align: center;
    min-width: 30%;
    margin: 0 auto;
    border-top: 4px solid;
    display: inline-block;
}
.quote-container.style-5 .quote-author-infos {
  text-align: center;
}
.quote-container.style-5 .quote-quotation:before {
  content: '\f10d';
    font-family: FontAwesome;
    opacity: 1;
    z-index: 10;
    left: 50%;
    margin-left: -1em;
    top: -1em;
    width: 2em;
    font-size: 4em;
    height: 2em;
    text-align: center;
    line-height: 2em;
    font-size:2.4rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    color: inherit;
}
body.dark-skin .quote-container.style-5 .quote-quotation:before {
  background: #5d5d5d;
}
/* STYLE 6 */
.quote-container.style-6 {
  border:none;
  padding: 0;
  text-align: center;
}
.quote-container.style-6 .quote-author-content,
.quote-container.style-5 .quote-author-content {
  justify-content: center;
  text-align: initial;
} 

.quote-container.style-6:before {
  opacity: 1;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
  font-size: 3rem;
  border-radius: 50%;
  position: relative;
}
body.rtl .quote-container.style-6:before {
  left: 0;
  right: 0;
}
.quote-container.style-6:before {
  content: '\f10d';
  font-family: fontAwesome;
  font-size: 3rem;
  line-height: 1;
}
.quote-container.style-6 .quote-quotation:before, .quote-container.style-6 .quote-quotation:after {
  content: "";
  border-top: 5px solid;
  width: 70%;
  margin: 0 auto;
  display: block;
  margin: 20px auto;
  float: none;
  opacity: 1;
}
.quote-container.style-6 .quote-author {
  margin-top: 10px;
}
.quote-container.style-6 .quote-author-infos {
  text-align: center;
}
.quote-container.style-6 .quote-autor-name {
  display: block;
}

/* STYLE 7 */
.quote-container.style-7 {
  border: none;
  border-left: 4px solid;
  padding: 0;
  padding-left: 23px;
}
body.rtl .quote-container.style-7 {
  border-left: 0;
  border-right: 7px solid;
  padding-right: 23px;
}

.quote-container.style-7 .quote-author {
  display: inline-block;
  margin-top: 0;
}
.quote-container.style-7 .quote-author:before {
  border-top: 1px double;
  content: "";
  display: block;
  margin: 20px 0;
}
/* STYLE 8 */
.quote-container.style-8 {
  border: none;
  border: 10px solid;
  padding: 23px;
}

body.rtl .quote-container.style-8:before {
  right: auto;
  left: 23px;
}
.quote-container.style-8 .quote-author {
  display: inline-block;
  margin-top: 0;
}
.quote-container.style-8 .quote-author:before {
  border-top: 3px dashed;
  content: "";
  display: block;
  margin: 20px 0;
}
/* STYLE 9 */
.quote-container.style-9 {
  padding-right: 5em;
}

.quote-container.style-9 {
  border: 0;
  padding: 0;
}
.quote-container.style-9 .quote-quotation,
.quote-container.style-10 .quote-quotation {
  position: relative;
  padding: 30px;
}
.quote-container.style-9:before {
  position: absolute;
  content: "";
  width: 50%;
  height: 50%;
  bottom: 0;
  left: 0;
  border-left: 4px double;
  border-bottom: 4px double;
  pointer-events: none;
  z-index: 0;
}
body.rtl .quote-container.style-9:before {
  left: auto;
  right: -10px;
  border-left: none;
  border-right: 4px double;
}

.quote-container.style-9:after {
  position: absolute;
  content: "";
  width: 50%;
  height: 50%;
  right: 0;
  top: 0;
  border-right: 4px double;
  border-top:4px double;
  pointer-events: none;
  z-index: 0;
  min-width: 30%;
}
body.rtl .quote-container.style-9:after {
  border-right: 0;
  border-left: 4px double;
  left: 0;
  right: auto;
}
.quote-container.style-9 .quote-author {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 30px;
  padding-bottom: 30px;
  flex-wrap: wrap;
}
.quote-container.style-9 .quote-author:after {
  opacity: 0.35;
    z-index: 10;
    font-size: 2rem;
    content: '\f10e';
    font-family: FontAwesome;
}
.quote-container.style-9 .quote-author:before {
  border-top: 1px solid;
  content: "";
  display: block;
  width: 100%;
  margin-bottom: 20px;
  float: none;
}
body.rtl .quote-container.style-9 .quote-author:after {
  float: left;
  content: '\f10d';

}
/* STYLE 10 */

.quote-container.style-10 {
  padding-right: 5em;
}

.quote-container.style-10 {
  border: 0;
  padding: 0;
}

.quote-container.style-10:before {
  position: absolute;
  content: "";
  width: 50%;
  height: 50%;
  bottom: 0;
  left: 0;
  border-left: 5px solid;
  border-bottom: 5px solid;
  pointer-events: none;
  z-index: 0;
}
body.rtl .quote-container.style-10:before {
  left: auto;
  right: -10px;
  border-left: none;
  border-right: 5px solid;
}

.quote-container.style-10:after {
  position: absolute;
  content: "";
  width: 50%;
  height: 50%;
  right: 0;
  top: 0;
  border-right: 5px solid;
  border-top: 5px solid;
  pointer-events: none;
  z-index: 0;
}
body.rtl .quote-container.style-10:after {
  border-right: 0;
  border-left: 5px solid;
  left: 0;
  right: auto;
}
.quote-container.style-10 .quote-author {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 30px;
  padding-bottom: 30px;
  flex-wrap: wrap;
}
.quote-container.style-10 .quote-author:after {
  opacity: 0.35;
    z-index: 10;
    font-size: 2rem;
    content: '\f10e';
    font-family: FontAwesome;
}
.quote-container.style-10 .quote-author:before {
  border-top: 1px dashed;
  content: "";
  display: block;
  width: 100%;
  margin-bottom: 20px;
  float: none;
}
body.rtl .quote-container.style-10 .quote-author:after {
  float: left;
  content: '\f10d';

}
/* STYLE 10 */ 
.quote-container.style-11 {
  border-style: double;
  border-width: 8px;
  padding: 30px;
}
.quote-container.style-11 .quote-author:before {
  border-top: 3px solid;
  content: "";
  display: block;
  margin: 20px 0;

}
body.rtl .quote-container.style-11 .quote-author:before {
  margin-right: -30px;
  margin-left: 0;
}
.quote-container.style-11 .quote-author {
  display: inline-block;
  margin-top: 0;
}
/* TEXT TICKER */
.webtecore-text-ticker-shortcode {
  overflow: hidden;
}
/* IMAGE */
.webtecore-shortcode-image img {
  display: inline-block;
}

.webtecore-shortcode-image.has-mask img {
  mask-image: var(--mask-image);
  mask-repeat: no-repeat;
  mask-size: cover;
}

.webtecore-svg > svg,
.webtecore-svg > img {
  width: 1em;
  height: 1em;
}
.webtecore-svg > img {
  height: auto;
}
/* IMAGE BOX */
.webtecore-image-box-image-left,
.webtecore-image-box-image-right {
  display: flex;
}
.webtecore-image-box-beside .webtecore-image-box-image {
  flex: 0 0 30%;
}
.webtecore-image-box-image-right .webtecore-image-box-image {
  order: 2;
}
.webtecore-image-box-beside .webtecore-image-box-infos {
  flex-grow: 1;
}
.webtecore-image-box-beside .webtecore-image-box-infos-content {
  height: 100%;
}
.webtecore-image-box-text-overlay {
  position: relative;
}
.webtecore-image-box-text-overlay .webtecore-image-box-image:after {
  content: "";
  background: rgba(0, 0, 0, .1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.webtecore-block-image.black-white-yes {
  filter: grayscale(100%);
}
.webtecore-image-box-text-overlay .webtecore-image-box-infos {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
}
.webtecore-image-box-infos-content {
  display: flex;
  flex-direction: column;
  padding: 30px;
  border: 1px solid var(--borders-color);
  --image-box-gap: 15px;
  gap: var(--image-box-gap);
  line-height: 1;
  position: relative;
  align-items: flex-start;
}
.webtecore-image-box-text-overlay .webtecore-image-box-infos-content {
  border: none;
}
.webtecore-image-box-infos-content .webtecore-awesome-button {
  line-height: 2;
  margin-top: calc( var(--image-box-gap) * 2 );
} 
.webtecore-image-box-title {
  font-size: 2rem;
    font-weight: bold;
    color: var(--links-color);
}

.webtecore-image-box-before-title span {
  display: block;
}

.webtecore-image-box-description {
  margin-top: var(--image-box-gap);
}
.webtecore-image-box-subtitle {
  font-size: .8rem;
}

/* PRICING TABLE */


    .webtecore_icon_solid_pricing_table
    {
      overflow:hidden;
      position:relative;
      border: 1px solid var(--borders-color);
    }
    .webtecore_icon_solid_pricing_table .webtecore_pricing_badge
    {
      position: absolute;
        top: 16px;
        padding: 5px 0px;
        width: 200px;
        text-align: center;
        box-sizing: border-box;
        z-index:2;
    }
    .webtecore_pricing_above_header, .webtecore_ispt_header, .webtecore_ispt_container_main, .webtecore_pricing_table_footer {
      padding: 20px 0;
    }
    .webtecore_icon_solid_pricing_table .webtecore_pricing_badge.badge-right
    {
   
        right: -70px;
        transform: rotate(45deg);
    }
    .webtecore_pricing_badge.badge-left {
        left: -70px;transform: rotate(-45deg);

    }
    .webtecore_pricing_badge
    {
      font-size:10px;
      line-height:1em;
    }

    .webtecore_ispt_header_title{
      font-size:26px;
    }
    .webtecore_icon_solid_pricing_table .webtecore_ispt_container .webtecore_ispt_container_main{
      position:relative;
      z-index:1;
    }
    .webtecore_icon_solid_pricing_table .webtecore_ispt_container_icon{
      display:flex;
        align-items:center;
        justify-content:center;
      text-align:center;
        line-height:1em;
        overflow:hidden;
    }
    .webtecore_icon_solid_pricing_table .webtecore_ispt_container_icon svg
    {
      height:1em;
      width:1em;
    }

    .webtecore_ispt_container_price{
      font-size:35px;
    }
    .webtecore_ispt_container_price .webtecore_ispt_sub{
      font-size:15px;
      display:inline-block;
    }      
    .webtecore_icon_solid_pricing_table  .webtecore_ispt_btn{
      text-decoration:none;
        text-align:center;
      transition:all 0.3s ease;
      padding: .5em 1.5em;
      border-radius: 2em;
    }
    .webtecore_old_price
    {
      text-decoration: line-through;
    }
    .webtecore_icon_solid_pricing_table .webtecore_ispt_header_content
    {
      display:flex;
    }
    .webtecore_ispt_header.with-shape .webtecore_ispt_header_content {
      margin-bottom: 7%;
    }
    .webtecore_icon_solid_pricing_table .webtecore_pricing_above_header
    {
      display:flex;
    }
    .webtecore_icon_solid_pricing_table .webtecore_ispt_container_list_row
    {
      display:flex;
      align-items:center;
    }
    .webtecore_icon_solid_pricing_table .webtecore_ispt_container_list_row_spacing
    {
      flex-grow:0;
      flex-shrink:0;
    }
    .webtecore_icon_solid_pricing_table .webtecore_ispt_container_list_row_icon
    {
      flex-grow:0;
      flex-shrink:0;
    }
    .webtecore_icon_solid_pricing_table .webtecore_ispt_container_list_row_icon svg
    {
      height:1em;
      width:1em;
    }
    .webtecore_icon_solid_pricing_table .webtecore_pricing_table_content
    {
      display:flex;
      flex-direction:column;
    }

    .webtecore_icon_solid_pricing_table .webtecore_ptable_tooltip{
      display:flex;
      cursor: pointer;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      border: 1px solid var(--borders-color);
    }
    .webtecore_icon_solid_pricing_table .tippy-box {
      --tippy-bg-color: #eeeeee;
      background: var(--tippy-bg-color);
      padding: 5px;
    }
    
    .webtecore_icon_solid_pricing_table .webtecore_ptable_tooltip i {
      font-size: 12px;
    }
    .webtecore_icon_solid_pricing_table .webtecore_ptable_tooltip svg{
      width:1em;
      height:1em;
    }

/* TIPPY */
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:var(--tippy-bg-color);transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:var(--tippy-bg-color);transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:var(--tippy-bg-color);right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:var(--tippy-bg-color);transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;z-index:1}

/* LAYERS */

.webtecore-layer
{
  position:absolute;
}

.webtecore-layer-image img
{
  display:block;
}

.webtecore-layer-icon
{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1em;
}

.webtecore-layer-icon svg
{
  width:1em;
  height:1em;
}


.webtecore-bounce-up-down-effect {
    -webkit-animation: webtecore-bounce-up-down-effect 1s infinite  alternate;
    animation: webtecore-bounce-up-down-effect 1s infinite  alternate;
}

@-webkit-keyframes webtecore-bounce-up-down-effect {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

@keyframes webtecore-bounce-up-down-effect {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

.webtecore-bounce-left-right-effect {
    -webkit-animation: webtecore-bounce-left-right-effect 1s infinite  alternate;
    animation: webtecore-bounce-left-right-effect 1s infinite  alternate;
}

@-webkit-keyframes webtecore-bounce-left-right-effect {
    0% { transform: translateX(0); }
    100% { transform: translateX(-20px); }
}

@keyframes webtecore-bounce-left-right-effect {
    0% { transform: translateX(0); }
    100% { transform: translateX(-20px); }
}

@media (min-width: 1025px ) {
  .webtecore-layer.desktop-hide {
    display: none;
  }
}
@media (max-width: 1024px ) {

  .webtecore-layer.tablet-hide {
    display: none;
  }
}

@media (max-width: 480px ) {
  .webtecore-layer.mobile-hide {
    display: none;
  }
}


.webtecore-layer-image.has-mask img {
  mask-image: var(--mask-image);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center center;
}
.webtecore-layers-stage {
  position: relative;
  height: 100%;
  width: 100%;
}
.webtecore-layer {
  position: absolute;
  top: 0;
  left: 0;
}
.webtecore-layer-image-position {
  width: 100%;
}

/* COUNTER */


.webtecore_counter_box { 
  display:inline-flex;
  width:100%;
  align-items:center;
  justify-content:center;
  margin:0 auto;
  position: relative;
}

.webtecore_counter_box .counter_icon{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  line-height:1em;
  flex-grow:0;
  flex-shrink:0;
  position:relative;
  transition:0.3s;
}

.webtecore_counter_box .counter_icon i{
  transition:0.3s;
}

.webtecore_counter_box .counter_icon svg{
  width:1em;
  height:1em;
  transition:0.3s;
}

.webtecore_counter_box .webtecore_icon_spacer{
  flex-grow:0;
  flex-shrink:0;
}

.webtecore_counter_box .webtecore_divider{
  display:inline-flex;
}

.webtecore_counter_box .webtecore_divider_holder{
  font-size:0px;
}

.webtecore_counter_box .counter_image{
  flex-grow:0;
  flex-shrink:0;
  display:inline-flex;
}

.webtecore_counter_box .counter_image img{
  width:100%;
}

.webtecore_counter_box .webtecore_image_spacer{
  flex-grow:0;
  flex-shrink:0;
}

.webtecore_counter_box .counter:not(.is-visible) {
  visibility: hidden;
}

.webtecore_counter_box .webtecore_box_counter-link{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.counter_label {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  visibility: visible;
  -webkit-box-pack: end;
  text-transform: uppercase;
}

/* PLAY BUTTON */


.webtecore_play_button_bg {
  display: flex;
  justify-content: center;
  width:100%;
  position: relative;
}
.webtecore_play_button_bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.webtecore_play_button_content a
{
  display:inline-block;
  transition:0.5s;
  text-decoration:none;
}
.webtecore_play_button_content {
  text-align:center;
}

.webtecore_play_button_container a:hover
{
  transform:scale(1.1,1.1);
}

.webtecore_play_button_content a span.webtecore-video-button
{
  display:inline-block;
  align-items: center;
  justify-content: center;
  flex-direction: column; 
  display:flex;
  position:relative;
  transition:0.3s;
  line-height:1em;
  z-index: 1;
}
body.site-body .vc_video-bg {
  top: var(--vc-column-gap);
  right: var(--vc-column-gap);
  bottom: var(--vc-column-gap);
  left: var(--vc-column-gap);
  width: auto;
}
.webtecore-play-bg{
  background-size:cover;
  background-position:center;
  background-repeat:none;
  max-width:100%; 
}

.webtecore_play_button_container a span.webtecore-video-button svg
{
  height:1em;
  width:1em;
}

.webtecore_play_button_container i
{

  vertical-align:middle;
  transition:0.3s;
}

.webtecore-ripple-yes a span:before
{
  content: '';
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    border-radius: inherit;
    border: 1px solid var(--ripple-color);
    -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    border-color: var(--ripple-color);
}

@keyframes btnIconRipple {
  0% {
    border-width: 4px;
            transform: scale(1);
  }
  80% {
    border-width: 1px;
            transform: scale(1.35);
  }
  100% {
    opacity: 0;
  }
}


.webtecore-play-bg
{
  display:flex;
  align-items:center;
  justify-content:center;
}

.webtecore-video-popup-waggle .webtecore_play_button {
  animation: webtecore-video-popup-waggle 5s infinite;
}

@keyframes webtecore-video-popup-waggle {
  0% {
      transform: none;
  }

  10% {
      transform: rotateZ(-20deg) scale(1.2);
  }

  13% {
      transform: rotateZ(25deg) scale(1.2);
  }

  15% {
      transform: rotateZ(-15deg) scale(1.2);
  }

  17% {
      transform: rotateZ(15deg) scale(1.2);
  }

  20% {
      transform: rotateZ(-12deg) scale(1.2);
  }

  22% {
      transform: rotateZ(0) scale(1.2);
  }

  25%,
  100% {
      transform: rotateZ(0) scale(1);
  }
}

.webtecore-video-popup-fade .webtecore_play_button {
  animation: webtecore-video-popup-fade 5s infinite;
}

@keyframes webtecore-video-popup-fade {
  5% {
      opacity: .25;
  }

  10% {
      opacity: 1;
  }

  15% {
      opacity: .25;
  }

  20%,
  100% {
      opacity: 1;
  }
}

.webtecore-video-popup-blink .webtecore_play_button {
  animation: webtecore-video-popup-blink 1.33s ease-out infinite;
}

@keyframes webtecore-video-popup-blink {
  0% {
      opacity: 1;
  }

  20% {
      opacity: .5;
  }

  100% {
      opacity: 1;
  }
}

.webtecore-video-popup-grow .webtecore_play_button {
  animation: webtecore-video-popup-grow .4s ease infinite alternate;
}

@keyframes webtecore-video-popup-grow {
  0% {
      transform: scale(1);
      border-radius: 50%;
  }

  100% {
      transform: scale(1.1);
      border-radius: 50%;
  }
}

.webtecore-video-popup-bounce .webtecore_play_button {
  animation: webtecore-video-popup-bounce 5s infinite cubic-bezier(.84, -.54, .31, 1.19);
}

@keyframes webtecore-video-popup-bounce {
  0% {
      transform: none;
  }

  10% {
      transform: translateY(-1em);
  }

  100%,
  20% {
      transform: none;
  }
}

.webtecore-video-popup-spin .webtecore_play_button {
  animation: webtecore-video-popup-spin 5s infinite cubic-bezier(.56, -.35, .22, 1.5);
}

@keyframes webtecore-video-popup-spin {
  10% {
      transform: rotateZ(-20deg);
      animation-timing-function: ease;
  }

  100%,
  20% {
      transform: rotateZ(360deg);
  }
}
.webtecore-video-popup-shine .webtecore_play_button {
  position: relative;
  overflow: hidden;
  border-radius:80px;
}
.webtecore-video-popup-shine .webtecore_play_button:after {
  animation: webtecore-video-popup-shine 5s infinite;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent, var(--shine-color) 50%, transparent);
  transform: rotateZ(60deg) translate(0, 5em);
}
@keyframes webtecore-video-popup-shine {
  20%,
  100% {
      transform: rotateZ(60deg) translate(0, -80px);
  }
}


/* PROGRESS BAR */

.webtecore-pb-mega-bar-counter-number-inside.webtecore-pb-vertical .webtecore-pb-border-bar {
    margin: 0 auto;
}
.webtecore-pb-mega-bar-counter-number-inside .webtecore-pb-border-bar {
   position: relative;
   height: 20px;
}
.webtecore-pb-bar-graphic-el-yes .webtecore_pb_graphic_el_wrapper{
  display: block;
}
.webtecore-pb-bar-graphic-el-yes .webtecore_pb_graphic_el {
  display:inline-flex;
  align-items: center;
  justify-content: center;
  overflow:hidden;
}

.webtecore-pb-mega-bar-counter-number-inside * { 
  margin: 0; 
  padding: 0; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
}
.webtecore-pb-mega-bar-counter-number-inside{
  font-family: inherit;
  color:#000000;
  font-size:17px;
  line-height:22px;
  padding-bottom: 10px;
}
.webtecore-pb-mega-bar-counter-number-inside.webtecore-pb-vertical .webtecore-pb-bar-row{
  position:relative;
  display: inline-block;
}
.webtecore-pb-mega-bar-counter-number-inside .webtecore-pb-bar-title{
  width: 100%;
  text-align: center;
  padding: 5px;
} 
.webtecore-pb-mega-bar-counter-number-inside .webtecore-pb-border-bar-percentage{
  width: auto;
  text-align: center;
  margin: 5px 0;
  display: inline-block;
}
.webtecore-pb-mega-bar-counter-number-inside .webtecore-pb-bar-heading{
  padding:10px 10px;
  line-height: normal;
}
.webtecore-pb-mega-bar-counter-number-inside.webtecore-pb-vertical .webtecore-pb-border-bar{
  display:block;
  width: 200px;
  height: 300px;
  position: relative;
  margin: 0 0 5px;
}
.webtecore-pb-mega-bar-counter-number-inside.webtecore-pb-vertical .webtecore-pb-border-progress-bar{
  height:0;
  display:block;
  width: 0;
  -webkit-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.webtecore-pb-mega-bar-counter-number-inside.webtecore-pb-horizontal .webtecore-pb-border-progress-bar{
  height:20px;
  width: 0;
  -webkit-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* Animated Feature box */

.webtecore_animated_feature_box {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:100%;
    --feature-box-gap: 20px;
    gap: var(--feature-box-gap);
}

.webtecore_animated_feature_box {
  text-align: center;
}
.webtecore_animated_feature_box:hover {
  transition: all 0.5s;
}


.webtecore_animated_feature_box .webtecore_feature_box_title  {
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  transition: all 0.5s;
}


.webtecore_animated_feature_box .webtecore_feature_box_content {
  opacity: 0;
  height: 0;
}
.webtecore_animated_feature_box .webtecore_feature_box_content {
  transform: translateY(calc( 2 * var(--feature-box-gap)));
}
.webtecore_animated_feature_box:hover .webtecore_feature_box_content {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.5s, opacity 0.4s;
  height: auto;
  padding: 0 var(--feature-box-gap);
  padding-top: var(--feature-box-gap);
}
.webtecore_animated_feature_box .webtecore_feature_box_icon {
  transform: translateY(calc(-1 * var(--feature-box-gap)));
 transition: all 0.5s;
}
.webtecore_animated_feature_box:hover .webtecore_feature_box_icon {
 transform: translateY(0);
}
.webtecore_animated_feature_box .webtecore_feature_box_icon, .webtecore_animated_feature_box .webtecore_feature_box_icon * {
    line-height:1em;
  transition: all 0.2s;
}

.webtecore_animated_feature_box .webtecore_feature_box_icon svg {
    height:1em;
  width:1em;
}

.webtecore_animated_feature_box .webtecore_feature_box_title::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, calc( -1 * var(--feature-box-gap)) );
  transition: all 0.55s;
  top: 0;
}
.webtecore_animated_feature_box:hover .webtecore_feature_box_title::before {
  transition: all 0.55s;
  transform: translate(-50%, var(--feature-box-gap));
  
  top: auto;
  bottom: 0;
}
.webtecore_animated_feature_box .webtecore_feature_box_title {
  position: relative;
  transition: all 0.2s;
}
.webtecore_animated_feature_box .webtecore_feature_box_content {
  display: block;
  transition: all 0.2s;
}

/* FLIP BOX */

.webtecore-flip-box__panel--front-overlay, .webtecore-flip-box__panel--back-overlay {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  z-index:-1;
}
.webtecore-flip-box__panel--front .webtecore-flip-box__icon img {
  max-width: none;
}
.webtecore-flip-box__panel--back .webtecore-flip-box__icon img {
  max-width: none;
}

.webtecore-flip-box__panel.webtecore-flip-box__panel--front,
.webtecore-flip-box__panel.webtecore-flip-box__panel--back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; 
}

/* TEAM MEMBER HOVER BOX */

.team_member_hover_box
{
  overflow:hidden;
  position:relative;
}
.team_member_hover_box_title {
  font-weight: bold;
}
.team_member_hover_box *{
  box-sizing: border-box;
}

.team_member_hover_box img{
  width:100%;
    object-fit: cover;
    display:block;
    transition:0.3s;
}

.team_member_hover_box.zoom-hover:hover img
{
  transform:scale(1.1,1.1);
}



.team_member_hover_box .webtecore_overlay{
  width:100%;
  height:100%;
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}


.team_member_hover_box .webtecore_social a{
  display:inline-flex;
  text-align:center;
  border-radius:50%;
  transition:all 0.3s;
    align-items:center;
    justify-content:center;
  }
  
  
  
.team_member_hover_box .webtecore_container_overlay_text{
  
  width:100%;
  text-align: center; 
  position:absolute;
  left:0px;
  z-index:101;
  opacity: 0;
    visibility: hidden;
  transition:all 0.3s ease 0s;
}
 .team_member_hover_box.overlay_top .webtecore_container_overlay_text{

  top:0px;

} 
 .team_member_hover_box.overlay_bottom .webtecore_container_overlay_text{

  bottom:0px;

} 
.team_member_hover_box:hover .webtecore_container_overlay_text{
  visibility:inherit;
  opacity:1;
  } 
  

.team_member_hover_box .webtecore_container_holder
{
  position:relative;
  overflow:hidden;
}

.team_member_hover_box .team-member-image-overlay
{
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  display:flex;
  flex-direction:column;
  opacity:0;
  transition:all 0.5s ; 
  z-index:2;
}

.team_member_hover_box:hover .team-member-image-overlay
{
 
  opacity:1;
}


.team_member_box_overlay_title
{
  font-size:21px;
}

/* LOGO GRID */

.webtecore-logo-grid {
  display: grid;
}
.webtecore-logo-grid .webtecore-logo-title
{
  width:100%;
  position:absolute;
  bottom:0;
  text-align:center;
  left:0;
}

.webtecore-logo-grid div.logo-grid-item
{
text-align:center;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
overflow:hidden;
  position:relative;
  transition:0.3s;

}

.webtecore-logo-grid div.logo-grid-item img
{
width:100%;
  object-fit: contain;
  display:block;
  mix-blend-mode: var(--logo_blending_options);
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  height:100%;
  transition:0.3s;
}
.webtecore-logo-grid div.logo-grid-item:hover img
{

  mix-blend-mode: var(--logo_blending_options_hover);

}


.webtecore-logo-grid a
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  cursor:pointer;
  display:flex;
justify-content:center;
align-items:center;
}

/* SLICK DOTS ARROWS */

.webtecore-slick-arrow {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: var(--from-background-color, #ffffff);
  color: var(--links-color, #000000);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  border: 1px solid;
}




/* WEBTECORE SLICK */
.webtecore-slick {
  --slide-gap: 10px;
}
ul.webtecore-dots, .webtecore-dots li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.webtecore-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 10px;
}
.webtecore-dots li button {
  display: none;
}
.webtecore-dots li:after {
  width: 14px;
  height: 14px;
  border: 2px var(--principal-color, #000000 ) solid;
  background: transparent;
  content: "";
  display: block;
  border-radius: 50%;
}
.webtecore-dots li.slick-active:after {
  background: var(--principal-color, #000000 );
  border: 2px transparent solid;
}
.webtecore-slick .slick-slide {
    margin: 0 var(--slide-gap);
}
.webtecore-slick .slick-list {
    margin: 0 calc( -1 * var(--slide-gap) );
}
/* FIX FOR SLICK SLIDER IN WPBAKERY */
.wpb_wrapper,
.wpb_wrapper > * {
   min-width: 0;
  min-height: 0;
}

/* SIDE IMAGE BLOCKQUOTE */

.webtecore_side-image-blockquote * { 
  margin: 0; 
  padding: 0; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
}


i {
  min-width: unset;
  min-height: unset;
}
.webtecore_side-image-blockquote{
  font-family: inherit;
  color:var(--links-color);
  font-weight:300;
  font-size:18px;
  position: relative;
  line-height: 1.3;

  }
.webtecore_side-image-blockquote .webtecore_blockquote_item{
  font-size:36px;
  font-weight:700;
  overflow:hidden;
  background: var(--from-background-color, #ffffff);
  --bloquote-padding-left: 30px;
  --bloquote-padding-right: 30px;
  --bloquote-padding-bottom: 30px;
  padding: 30px;
  }


.webtecore_side-image-blockquote .webtecore_blockquote_pic{
  background-repeat:no-repeat;
  background-position:top center;
  width:35%;
  background-size:cover;
  background-position:center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
 }
.webtecore_side-image-blockquote .webtecore_blockquote_content{
  padding-right: 5%;
  width:65%;
}
.blockquote-slides .webtecore_blockquote_content {
  margin-bottom: 80px;
}
.webtecore_side-image-blockquote .webtecore-slick-arrows-container {
  position: absolute;
  bottom: var(--bloquote-padding-bottom, 30px);
  left: var(--bloquote-padding-left, 30px);
  display: flex;
  align-items: center;
  gap: 10px;
}
.webtecore_side-image-blockquote .webtecore-dots {
  position: absolute;
  bottom: var(--bloquote-padding-bottom);
  left: var(--bloquote-padding-left);
  width: auto;
} 
.webtecore_side-image-blockquote .webtecore_blockquote_author{
  font-size:15px;
  line-height:25px;
  color:var(--principal-color);
  font-weight:300;
  display:block;
  margin:20px 0 0 0;
}
.webtecore_side-image-blockquote .webtecore_blockquote_item{
  position:relative;
}   


body.rtl .webtecore_side-image-blockquote .slick-next,
body.rtl .webtecore_side-image-blockquote .slick-prev,
body.rtl .webtecore_side-image-blockquote .webtecore-dots {
  left: auto;
  right: var(--bloquote-padding-right);
}
.webtecore_blockquote_icon {
  font-size: 1.5em;
  opacity: .2;
  line-height: 1;

}
.webtecore_blockquote_icon svg {
  width: 1em;
  height: 1em;

}
/* BLOCKQUOTE CAROUSEL */

.webtecore_blockquote-carousel-slick * { 
  margin: 0; 
  padding: 0; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
}

.webtecore_blockquote-carousel-slick {
  font-family: inherit;
  color:var(--links-color, #000000);
  position:relative;
  
  
  }


.webtecore_blockquote-carousel-slick .webtecore_blockquote_carousel_content {
  padding:50px 45px 50px;
  font-size:20px;
  line-height:32px;
  margin-bottom: 20px;
  background: var(--from-background-color, #ffffff);
  position: relative;
  margin-top: 25px;
  }

  .webtecore_blockquote-carousel-container {
    position: relative;
    margin-bottom: 60px;
  }
.webtecore_blockquote_carousel_icon i{
    background: var(--principal-color);
    color: var(--principal-color-text-color);
    text-align: center;
    line-height: 50px;
    width: 1em;
    height: 1em;
    font-size: 50px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -.5em;
    top: -.5em;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .webtecore_blockquote_carousel_icon i:before,
  .webtecore_blockquote_carousel_icon i:after,
  .webtecore_blockquote_carousel_icon i svg {
    font-size: .5em;
  }
  
.webtecore_blockquote-carousel-slick .webtecore_blockquote_carousel_content .webtecore_blockquote_carousel_author{
  font-size:15px;
  line-height:25px;
  margin:14px 0 0 0;
  color: var(--principal-color);
  }


/* THEME FIXES */

.header-container  {
  z-index: 999;
  position: relative;
}

/* SMALL SQUARE ICON BOX */

.webtecore_square_icon_box * { 
  box-sizing: border-box; 
}

.webtecore_square_icon_box {
  font-family: inherit;
    transition:0.3s;
    position:relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.webtecore_square_icon_box .webtecore-boxed-small-square-icon-box-icon{
  
  position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    transform:rotate(var(--icon_rotate));
    z-index:2;
}
.webtecore_square_icon_box .webtecore-icon {
  display:inline-block;
}
.webtecore_square_icon_box .webtecore-boxed-small-square-icon-box-icon > div{
  
  position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    transform:rotate(var(--icon_rotate));
}
.webtecore_square_icon_box .webtecore-icon-inner{
    line-height:1em;
  }   


.webtecore_square_icon_box .webtecore-icon-inner svg{
    height:1em;
    width:1em;
  }   
  
.webtecore-boxed-small-square-icon-box-heading{
  font-size:21px;
  }


.webtecore_square_icon_box:hover
{
  position:relative;
  z-index:1;
}


.webtecore_square_icon_box .webtecore_box_button
{
  text-align:center;
  text-decoration:none;
  display:var(--button_style);
  transition:0.3s;
  padding: 10px 15px;
  font-size: 1rem;
}


.webtecore_square_icon_box span.line
{
  display:block;
  position:absolute;
  left:0;
  width:0px;
  transition:0.3s;
}
.webtecore_square_icon_box-top span.line {
  top: 0;
}
.webtecore_square_icon_box-bottom span.line {
  bottom: 0;
}
.webtecore_square_icon_box:hover span.line
{
  width:100%;
}

.webtecore_square_icon_box .webtecore-title-separator span
{
  display:inline-block;
  transition:0.3s;
}


.webtecore_square_icon_box.webtecore_square_icon_box-badge-yes
{
  overflow:hidden;
  position: relative;
    z-index: 1;
}

.webtecore_square_icon_box .webtecore-small-square-icon-box-badge
{
  position: absolute;
    top: 20px;
    padding: 5px 0px;
    width: 200px;
    text-align: center;
    box-sizing: border-box;
    z-index:2;
}
.webtecore_square_icon_box-badge-right .webtecore-small-square-icon-box-badge
{
   right: -70px;transform: rotate(45deg);
   
}
.webtecore_square_icon_box-badge-left .webtecore-small-square-icon-box-badge
{
    left: -70px;transform: rotate(-45deg);

}
.webtecore_badge
{
  font-size:10px;
  line-height:1em;
}



  .webtecore_square_icon_box .webtecore_box_link_overlay
 {
   position:absolute;
   display:block;
   top:0;
   bottom:0;
   right:0;
   left:0;
 }


/* CIRCLE NUMBER BOX */

.circle_number_widget_container .circle_number_widget_layout
{
  display:flex;
  gap: 20px;
}
.circle-number-row .circle_number_widget_layout
{
  align-items:center;
  justify-content: flex-start;
}
.circle-number-column .circle_number_widget_layout
{
  justify-content:center;
  text-align: center;
}

.circle_number_widget_container .circle_number_widget
{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  transform:rotate(var(--number-rotate));
  background-color: var(--principal-color);
  color: var(--principal-color-text-color);
}
.circle_number_widget_container.pulse-effect-yes .circle_number_widget {
  position: relative;
}
.circle_number_widget_container.pulse-effect-yes .circle_number_widget:before {
  animation: circle_number_pulse 1.5s infinite;
  box-shadow: 0 0 0 0 var(--pulse-color);
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  opacity: .5;
}
.circle_number_widget_container .circle_number_text
{
  transform:rotate(var(--number-rotate));

}
.circle_number_widget_container .webtecore-number-container, .circle_number_widget_container .webtecore-spacing
{
  flex-grow:0;
  flex-shrink:0;
}

.circle_number_widget
{
  font-size:32px;
}
.webtecore-circle-number-title
{
  font-weight: bold;
  text-transform: uppercase;
}
@keyframes circle_number_pulse {
   0% {
    transform: scale(.95);
    box-shadow: 0 0 0 0 var(--pulse-color);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 2px var(--pulse-color);
  }
  
  100% {
    transform: scale(.95);
    box-shadow: 0 0 0 0 var(--pulse-color);
  }
}

/* CONTACT FORM 7 */

.webtecore_contact_form_7 {
  display: flex;  
  flex-direction: column;
}
.webtecore_contact_form_7 .wpcf7-list-item {
    margin: 0 0 0 8px;
}

.webtecore_contact_form_7 .wpcf7-form p:has(.wpcf7-submit){
  display:flex;
  flex-wrap: wrap;
}

.webtecore_contact_form_7 .webtecore_contact_form_7 label{
  display: block;
}

.webtecore_contact_form_7.checkbox_style_yes .wpcf7-checkbox, .webtecore_contact_form_7.checkbox_radio_yes .wpcf7-radio{
  display:flex;
  flex-wrap: wrap;
}

.webtecore_contact_form_7.checkbox_style_yes .wpcf7-form-control-wrap{
  display:flex;
  width:100%;
  flex-wrap: wrap;
}


.webtecore_contact_form_7.checkbox_style_yes .wpcf7-checkbox .wpcf7-list-item-label{
  display: flex;
  align-items: center;
}
.webtecore_contact_form_7.checkbox_style_yes .wpcf7-checkbox input{
  position: absolute;
  opacity: 0;
}
.webtecore_contact_form_7.checkbox_style_yes .wpcf7-checkbox input + .wpcf7-list-item-label{
  position: relative;
  cursor: pointer;
  padding: 0;
}
.webtecore_contact_form_7.checkbox_style_yes .wpcf7-checkbox input + .wpcf7-list-item-label:before{
  content: "";
  display: inline-block;
  vertical-align: text-top;
  transition-duration: 300ms;
}

.webtecore_contact_form_7.checkbox_style_yes .wpcf7-checkbox input:checked + .wpcf7-list-item-label:after {
  content: "";
  position: absolute;
  width:2px;
  height:2px;
  background: var(--check_color, var(--principal-color));
  box-shadow: 2px 0 0 var(--check_color, var(--principal-color)), 4px 0 0 var(--check_color, var(--principal-color)), 4px -2px 0 var(--check_color, var(--principal-color)), 4px -4px 0 var(--check_color, var(--principal-color)), 4px -6px 0 var(--check_color, var(--principal-color)), 4px -8px 0 var(--check_color, var(--principal-color));
  transform: rotate(45deg);
}

.webtecore_contact_form_7.radio_style_yes .wpcf7-radio * {
  transition: 300ms;
}
.webtecore_contact_form_7.radio_style_yes .wpcf7-radio .wpcf7-list-item-label{
  display: flex;
  align-items: center;
}
.webtecore_contact_form_7.radio_style_yes .wpcf7-radio input{
  position: absolute;
  opacity: 0;
}
.webtecore_contact_form_7.radio_style_yes .wpcf7-radio input + .wpcf7-list-item-label{
  position: relative;
  cursor: pointer;
  padding: 0;
}
.webtecore_contact_form_7.radio_style_yes .wpcf7-radio input + .wpcf7-list-item-label:before{
  content: "";
  display: inline-block;
  vertical-align: text-top;
  transition-duration: 300ms;
}

.webtecore_contact_form_7.radio_style_yes .wpcf7-radio input:checked + .wpcf7-list-item-label:after {
  content: "";
  transform: translate(-50%);
  position: absolute;
  border-radius:50%;
}

.wpcf7-not-valid-tip {
  display: block;
  width: 100%;
}
.webtecore_contact_form_7.acceptance_style_yes .wpcf7-acceptance .wpcf7-list-item-label{
  display: flex;
  align-items: center;
}

.webtecore_contact_form_7.acceptance_style_yes .wpcf7-acceptance input{
  position: absolute;
  opacity: 0;
}
.webtecore_contact_form_7.acceptance_style_yes .wpcf7-acceptance input + .wpcf7-list-item-label{
  position: relative;
  cursor: pointer;
  padding: 0;
}
.webtecore_contact_form_7.acceptance_style_yes .wpcf7-acceptance input + .wpcf7-list-item-label:before{
  flex-shrink: 0;
  content: "";
  display: inline-block;
  vertical-align: text-top;
  transition-duration: 300ms;
}

.webtecore_contact_form_7.acceptance_style_yes .wpcf7-acceptance input:checked + .wpcf7-list-item-label:after {
  flex-shrink: 0;
  content: "";
  position: absolute;
  width:2px;
  height:2px;
  background: var(--acc_check_color, var(--principal-color));
  box-shadow: 2px 0 0 var(--acc_check_color, var(--principal-color)), 4px 0 0 var(--acc_check_color, var(--principal-color)), 4px -2px 0 var(--acc_check_color, var(--principal-color)), 4px -4px 0 var(--acc_check_color, var(--principal-color)), 4px -6px 0 var(--acc_check_color, var(--principal-color)), 4px -8px 0 var(--acc_check_color, var(--principal-color));
  transform: rotate(45deg);
}

.webtecore_contact_form_7 p > label{
  line-height: inherit;
}

/* ELEGANT ICON BOX */

.webtecore_elegant_icon_box * {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.webtecore_elegant_icon_box{
  width: 100%;
}
.webtecore_elegant_icon_box .webtecore_tg_search_category{
  z-index: 1;
  width: 100%;
  height: 280px;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin: 0 auto;
}
.webtecore_elegant_icon_box .webtecore_tg_search_category:hover{
  cursor: pointer;
}
.webtecore_elegant_icon_box .webtecore_tg_search_category:hover:after,
.webtecore_elegant_icon_box .webtecore_tg_search_category:hover:before{
  width: 100%;
  height: 100%;
  visibility: visible;
}
.webtecore_elegant_icon_box .webtecore_tg_search_category:after,
.webtecore_elegant_icon_box .webtecore_tg_search_category:before{
  content: '';
  z-index: 2;
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute;
  -webkit-transition: all 800ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
}

.webtecore_elegant_icon_box .webtecore_tg_search_category .webtecore_tg_displaytable {
  border: 5px solid #ddd;
  width: 100%;
  height: 100%;
  display: table;
}
.webtecore_elegant_icon_box .webtecore_tg_search_category .webtecore_tg_displaytable .webtecore_tg_displaytablecell{
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle
}

.webtecore_elegant_icon_box .webtecore_tg_search_category .webtecore_tg_displaytable .webtecore_tg_displaytablecell .webtecore_tg_box{
  z-index: 3;
  padding: 0 60px;
  overflow: hidden;
}
.webtecore_elegant_icon_box .webtecore_tg_search_category .webtecore_tg_displaytable .webtecore_tg_displaytablecell .webtecore_tg_box h3{
  font-weight: 400;
  font-style: normal;
  text-transform:uppercase;
  font-size: 20px;
  color: #5d5955;
  margin: 0 0 25px;
  padding: 0 0 18px;
  line-height: 20px;
}
.webtecore_elegant_icon_box .webtecore_tg_search_category .webtecore_tg_displaytable .webtecore_tg_displaytablecell .webtecore_tg_box i.fa{
  display: block;
  font-size: 80px;
  line-height: 80px;
}

.webtecore_elegant_icon_box .webtecore_tg_search_category .webtecore_tg_displaytable .webtecore_tg_displaytablecell .webtecore_tg_box .icon-stethoscope:before {
    content: "\e91a";
}

.webtecore_elegant_icon_box .webtecore_tg_search_category:hover .webtecore_tg_displaytable .webtecore_tg_displaytablecell .webtecore_tg_box .webtecore_tg_show {
  right: 0;
  bottom: 0;
  opacity: 1;
  visibility: visible;
}


.webtecore_elegant_icon_box .webtecore_tg_search_category:after{
  top: 0;
  left: 0;
  border-top: 5px solid var(--border_hover_color);
  border-left: 5px solid var(--border_hover_color);
}
.webtecore_elegant_icon_box .webtecore_tg_search_category:before{
  bottom: 0;
  right: 0;
  border-bottom:5px solid var(--border_hover_color);
  border-right: 5px solid var(--border_hover_color);
}

.webtecore_elegant_icon_box .webtecore_tg_search_category .webtecore_tg_displaytable .webtecore_tg_displaytablecell .webtecore_tg_box h3{
  border-bottom: 5px solid var(--brdr_btm_clr);
}

/* GRADINET HEADING */

.webtecore-gradient-heading .webtecore_gradient_text{
  color: var(--color_one);
}

@supports ((background-clip: text) or (-webkit-background-clip: text)) and ((text-fill-color: transparent) or (-webkit-text-fill-color: transparent)) {
  .webtecore-gradient-heading .webtecore_gradient_text{
    background-image: 
    linear-gradient( var(--gradient_angle), var(--color_one) 0%, var(--color_two) 100% );
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display:inline-block;
    
  }
  .webtecore-gradient-heading .webtecore_gradient_text::selection {
    -webkit-text-fill-color: var(--selection_color);
  }
}

/* ICON HOVER BOX */

.webtecore-icon-hover-box-container
{
  display:block;
  padding:50px 40px;
  text-align:center;
  text-decoration:none;
  color:black;
  transition:1s ease-in-out;
}

.webtecore-icon-hover-box-container .webtecore-icon-hover-box-icon
{
  line-height:1em;
  padding-bottom:20px;
  display:block;
  width:100%;
  transition:1s ease-in-out;
  transform:translateY(40px);
}
.webtecore-icon-hover-box-icon svg {
  max-width: 1em!important;
}
.webtecore-icon-hover-box-container .webtecore-icon-hover-box-icon svg
{
  height:1em;
  width:1em;
}

.webtecore-icon-hover-box-container .webtecore-icon-hover-box-title
{
  white-space: nowrap;
  transition:1s ease-in-out;
  width:100%;
  padding-bottom:14px;
  transform:translateY(40px);
}

.webtecore-icon-hover-box-title
{
  font-size:32px; 
}

.webtecore-icon-hover-box-container .webtecore-icon-hover-box-text
{
  opacity:0;
  transition:1s ease-in-out;
  transform:translateY(30px);
}


.webtecore-icon-hover-box-container:hover .webtecore-icon-hover-box-title
{
  width:0%;
  transform:translateY(0px);
}

.webtecore-icon-hover-box-container:hover .webtecore-icon-hover-box-icon
{
  width:0%;
  transform:translateY(0px);
}

.webtecore-icon-hover-box-container:hover .webtecore-icon-hover-box-text
{
  opacity:1;
  transform:translateY(0px);
}

/* ICON HOVER HIDE BOX */

.webtecore-icon-hover-hide-box-container  {
  --icon-size: 42px;
  --padding-top: 30px;
  --padding-right: 30px;
  --padding-bottom: 30px;
  --padding-left: 30px;
  --box-gap: 20px;
  --title-size: 22px;
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 1px solid var(--borders-color, #eeeeee);
  transition: all .5s ease-in-out;
  gap: var(--box-gap);
  position: relative;
  overflow: hidden;

}
.webtecore-icon-hover-hide-box-container:hover {
  border-color: var(--principal-color, #000000);
}
.webtecore-icon-hover-hide-box-title
{
  font-size:var(--title-size);
  line-height: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  visibility: visible;
  -webkit-box-pack: end;
  transition: all .5s ease-in-out;
  margin-top: var(--box-gap);
  font-weight: 500;
}
.webtecore-icon-hover-hide-box-icon {
  line-height: 1;
  opacity: 1;
  transition: opacity .5s ease-in-out;
  font-size: var(--icon-size);


}
.webtecore-icon-hover-hide-box-content {
  transition: top .5s ease-in-out;
  position: relative;
  top: 0;
}
.webtecore-icon-hover-hide-box-container:hover .webtecore-icon-hover-hide-box-icon {
  opacity: 0;
}
.webtecore-icon-hover-hide-box-container:hover .webtecore-icon-hover-hide-box-content {
  position: relative;
  top: calc( -1 * ( var(--icon-size) + var(--padding-top) ) );
}
.webtecore-icon-hover-hide-box-container:hover .webtecore-icon-hover-hide-box-title {
}

.webtecore-icon-hover-hide-box-container:hover .webtecore-icon-hover-hide-box-text {
  top: calc( ( var(--title-size)  + var(--box-gap) ) );
  opacity: 1;
}
.webtecore-icon-hover-hide-box-text {
  position: absolute;
  top: calc( ( var(--icon-size) + var(--padding-top)  + var(--title-size) ) );
  left: var(--padding-left);
  right: var(--padding-right);
  transition: all .5s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  display: -webkit-box!important;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  visibility: visible;
  -webkit-box-pack: end;
  max-height: calc( var(--icon-size) + var(--box-gap) );
  opacity: 0;
  margin-top: var(--box-gap);
}

/* ICON BUTTON NUMBER BOX */

.webtecore_icon_button_number_box
{
  position:relative;
  transition:0.3s;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.webtecore_icon_button_number_box:hover
{
  z-index:1;
}

.webtecore_icon_button_number_box .webtecore_icon_button_number_box_number
{
  position:absolute;
  right:0px;
  top:0px;
  font-size: 2em;
  width: 2.2em;
  height: 2.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .2em;
  border:1px solid;
  border-radius: 50%;
}

.webtecore_icon_button_number_box .webtecore_icon_button_number_box-icon-wrapper
{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  line-height:1em;
}

.webtecore_icon_button_number_box .webtecore_icon_button_number_box-icon-wrapper svg
{
  height:1em;
  width:1em;
}

.webtecore_icon_button_number_box-title
{
  font-size:32px;
}


.webtecore_icon_button_number_box .webtecore_icon_button_number_box_button
{
  text-decoration:none;
  transition:0.3s;
}

.webtecore_icon_button_number_box .webtecore_icon_button_number_box-btn-wrapper
{
  margin-top:auto;
  position:relative;
}

.webtecore_icon_button_number_box .webtecore_icon_button_number_box-content-wrapper
{
  position:relative;
}

.webtecore_icon_button_number_box .webtecore_icon_button_number_box-overlay
{
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
}

/* ICON IMAGE CONTENT BOX */

.webtecore_icon_image_content_box *{
  box-sizing: border-box;
}                       
    
.webtecore_icon_image_content_box .webtecore_icon_image_content_box_content_box_area{
  overflow: hidden;
  position: relative;
  text-align:center;
}


.webtecore_icon_image_content_box .webtecore_icon_image_content_box_badge {
  position: absolute;
    top: 16px;
    padding: 5px 0px;
    width: 200px;
    text-align: center;
    box-sizing: border-box;
    z-index:2;
}
.webtecore_icon_image_content_box  .content_box_badge-right {
  right: -70px;transform: rotate(45deg);
}
.webtecore_icon_image_content_box  .content_box_badge-left {
  left: -70px;transform: rotate(-45deg);
}
.webtecore_icon_image_content_box_badge{
  font-size:10px;
  line-height:1em;
}
  

.webtecore_icon_image_content_box .webtecore_icon_image_content_box_thumb img{
  max-width:100%;
  width:100%;
  vertical-align:middle;
    object-fit: cover;
}
  
.webtecore_icon_image_content_box .webtecore_icon_image_content_box_details{
    padding:0 20px 30px;
    position:relative;
    text-align:center;
    transition:all 0.3s ease 0s;
    width:100%;
    font-weight: 400;
    line-height:1.5em;
}
  
.webtecore_icon_image_content_box .webtecore_icon_image_content_box_details .webtecore_icon_image_content_box_details-icon{
    display: block;
  text-align:center;
  position:relative;
    z-index:1;
}
  
.webtecore_icon_image_content_box .webtecore_icon_image_content_box_details .webtecore_icon_image_content_box_details-icon svg{
  height:1em;
  width:1em;
}
  
.webtecore_icon_image_content_box .webtecore_icon_image_content_box_details .webtecore_icon_image_content_box_btn{
    display: inline-block;
    padding:10px 20px;
    position: relative;
  position:relative;
  top:10px;
    transition: all 0.3s ease-in-out 0s;
  text-decoration:none;
}
  
.webtecore_icon_image_content_box .webtecore_icon_image_content_box_content_box_area:hover .webtecore_icon_image_content_box_details{
  top:0px!important;
}
  
.webtecore_icon_image_content_box .webtecore_icon_image_content_box_content_box_area:hover .webtecore_icon_image_content_box_details .webtecore_icon_image_content_box_btn{
  top:0px!important;
}

.webtecore_icon_image_content_box_title{
  font-size:21px;
}

/* IMAGE ACCORDIO */
.webtecore_image_accodion_content {
  width: 100%;
}
.webtecore_image_accodion_content * { 
  box-sizing: border-box; 
}

.webtecore_image_accodion_content.webtecore_image_accodion .webtecore_image_accodion_content .webtecore_image_accodion_holder {
    transition: var(--transition);
}

.webtecore_image_accodion_content a.webtecore_image_accodion_more_btn{
  display:inline-block;
  text-decoration:none;
  border: 1px solid;
  text-transform: uppercase;
}

.webtecore_image_accodion_content {
  display: flex;
  flex-wrap: wrap;
    transform:rotate(var(--item_skew));
}

.webtecore_image_accodion_content .webtecore_image_accodion_holder{
  display: block;
  background-repeat: no-repeat;
  flex: 1;
  text-align: center;
  position: relative;
  text-decoration: none;
  transition: var(--transition);
    overflow:hidden;
    transform:skew(var(--item_skew));
}

.webtecore_image_accodion_content .webtecore_image_accodion_holder.webtecore_image_accodion_hover{
  flex: var(--size_of_open_item, 2);
}

.webtecore_image_accodion_content .webtecore_image_accodion_holder .webtecore_image_accodion_overlay > * {
    transform:skew(calc(-1 * var(--item_skew) ) )  rotate(calc(-1 * var(--item_skew) ) );
}

.webtecore_image_accodion_content .webtecore_image_accodion_holder .webtecore_image_accodion_overlay {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition:var(--transition);
}
.webtecore_image_accodion_title {
  font-size: 1.5em;
  font-weight: bold;
}
.webtecore_image_accodion_content .webtecore_image_accodion_overlay .webtecore_image_accodion_overlay_inner {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.webtecore_image_accodion_content .webtecore_image_accodion_overlay .webtecore_image_accodion_title-wrapper {   
  opacity: 0;
    visibility: hidden;
}

.webtecore_image_accodion_content .webtecore_image_accodion_holder.webtecore_image_accodion_hover .webtecore_image_accodion_title-wrapper {
    opacity: 1;
    visibility: visible;
    transition: var(--transition);
}

  .webtecore_image_accodion_content.always_show_title-yes .webtecore_image_accodion_holder .webtecore_image_accodion_overlay .webtecore_image_accodion_overlay_inner .webtecore_image_accodion_title-wrapper {
      opacity: 1;
      visibility: visible;
      transition: var(--transition);
  }

.webtecore_image_accodion_content .webtecore_image_accodion_overlay .webtecore_image_accodion_overlay_inner div.webtecore_image_accodion-content {
  transform: translate3d(0,60px,0);
  opacity: 0;
    visibility: hidden;
}

.webtecore_image_accodion_content .webtecore_image_accodion_holder.webtecore_image_accodion_hover .webtecore_image_accodion_overlay .webtecore_image_accodion_overlay_inner div.webtecore_image_accodion-content {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: var(--transition);
}


   .webtecore_image_accodion_content.direction-vertical{ 
    flex-direction: column;
}

.webtecore_image_accodion_content .webtecore_image_accodion_item_icon{
  line-height:1em;
  width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: top 1s ease;
}
.webtecore_image_accodion_hover .webtecore_image_accodion_item_icon {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  
}
.webtecore_image_accodion_content .webtecore_image_accodion_item_icon svg{
  height:1em;
  width:1em;
}

.webtecore_image_accodion_content .webtecore_image_accodion_subtitle{
  display:block;
}

  .webtecore_image_accodion_content.title_layout_type-vertical .webtecore_image_accodion_title{
  writing-mode: vertical-lr;
  }

.webtecore_image_accodion_content .webtecore_image_accodion_item_link{
  position: absolute;
  top: 0;
  left: ;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}
  .webtecore_image_accodion_content.show_title-yes .webtecore_image_accodion_title-wrapper {
      transition: all var(--transition);
  }

/* IMAGE CONTENT BOX */

.webtecore_image_content_box_image-wrapper * {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
}

.webtecore_image_content_box_image-wrapper {
    display:block;
    width:100%;
    text-align:center;
    overflow:hidden;
    position: relative;
}

.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_content img.webtecore_image_content_box_image-content-box-image{
   display:block;
    height: auto;
    vertical-align:top;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_content {
    overflow: hidden;
}

.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_overlay, .webtecore_image_content_box_image-content-box .webtecore_image_content_box_portfolio_overlay a, 
.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_overlay a .webtecore_image_content_box_porfolio_detail, .webtecore_image_content_box_image-content-box .webtecore_image_content_box_portfolio_overlay a div.webtecore_image_content_box-title, 
.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_overlay a div.webtecore_image_content_box-text,.webtecore_image_content_box_image-content-box .webtecore_image_content_box_portfolio_overlay a .webtecore_image_content_box_portfolio_link{
    opacity: 0;
    transform: scale(0.5);
}
.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_overlay {
    bottom: 0;
    color: #fff;
    height: 100%;
    left: 0;
    padding:30px;
    position: absolute;
    transition: all 0.3s ease-out 0s;
    width: 100%;
  text-align:left;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_overlay a {
  text-decoration:none;
}

.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_overlay a .webtecore_image_content_box_porfolio_detail {
  color:#fff;
  transition: all 0.3s ease-out 0.25s;
}


.webtecore_image_content_box_image-wrapper .webtecore_image_content_box-icon
{
  line-height:1em;
}

.webtecore_image_content_box_image-wrapper .webtecore_image_content_box-icon svg
{
  height:1em;
  width:1em;
}

.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_overlay div.webtecore_image_content_box-title{
    position: relative;
    transition: all 0.3s ease-out 0.15s;
}
.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_overlay div.webtecore_image_content_box-text {
    position: relative;
    transition: all 0.3s ease-out 0.25s;
}

.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_content:hover .webtecore_image_content_box_portfolio_overlay, 
.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_content:hover .webtecore_image_content_box_portfolio_overlay a,   
.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_content:hover .webtecore_image_content_box_portfolio_overlay a .webtecore_image_content_box_porfolio_detail, 
.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_content:hover .webtecore_image_content_box_portfolio_overlay a div.webtecore_image_content_box-title, 
.webtecore_image_content_box_image-wrapper .webtecore_image_content_box_portfolio_content:hover .webtecore_image_content_box_portfolio_overlay a div.webtecore_image_content_box-text
{
  opacity:1;
  transform:scale(1);
}




.webtecore_image_content_box_image-wrapper .webtecore_image_content_box-graphic-element
{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1em;
  overflow:hidden;
}

.webtecore_image_content_box_image-wrapper .webtecore_image_content_box-graphic-element svg
{
  height:1em;
  width:1em;
}

.webtecore_image_content_box_image-wrapper .webtecore_image_content_box-graphic-element img
{
  display:block;
}

/* LIST MARQUEE */

.webtecore_list_marquee-marquee {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  direction:ltr;
}
.webtecore_list_marquee-marquee.marquee-rtl .webtecore_list_marquee-marquee-tag {
  direction: rtl;
}
.webtecore_list_marquee-marquee .webtecore_list_marquee-marquee-content {
  display: flex;
  will-change: transform;
  animation-delay: 250ms;
}
.webtecore_list_marquee-marquee.marquee-up .webtecore_list_marquee-marquee-content,
.webtecore_list_marquee-marquee.marquee-down .webtecore_list_marquee-marquee-content {
  flex-direction: column;
  width: 100%;
}
.webtecore_list_marquee-marquee.marquee-pause_on_hover .webtecore_list_marquee-marquee-content:hover {
  animation-play-state: paused;
}

.webtecore_list_marquee-marquee .webtecore_list_marquee-marquee-tag {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.webtecore_list_marquee-marquee .webtecore_list_marquee-marquee-tag a {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  -webkit-text-stroke: {{item_stroke_width}}px {{item_stroke_color}};
}
.webtecore_list_marquee-marquee .webtecore_list_marquee-marquee-graphic{
  overflow:hidden;
}
.webtecore_list_marquee-marquee .webtecore_list_marquee-marquee-tag-icon {
  flex-grow: 0;   
  flex-shrink: 0;
  line-height:1em;
}
.webtecore_list_marquee-marquee .webtecore_list_marquee-marquee-tag-image {
  flex-grow: 0;   
  flex-shrink: 0;
  line-height:1em;
}

.webtecore_list_marquee-marquee .webtecore_list_marquee_marq_text_wrap{
  display:flex;
  flex-direction: row;
  align-items: center;
}
.webtecore_list_marquee-marquee.marquee-up,
.webtecore_list_marquee-marquee.marquee-down {
  white-space: normal;
}
@keyframes marquee {
  0% {
  -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
  }
}

@keyframes marquee-reverse {
  0% {
  -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translate(0%);
    transform: translate(0%);
  }
}

@keyframes marquee-up {
  from {transform: translate(0, 25%)}
  to {transform: translate(0, -25%)}
}

@keyframes marquee-down {
  from {transform: translate(0, -25%)}
  to {transform: translate(0, 25%)}
}