/******************************************************
*
*                 FONT CLASSES
*
******************************************************/
.bold{font-weight:bold !important;}
.italic{font-style:italic !important;}
.oblique{font-style:oblique !important;}
.undeline{text-decoration: underline !important;}
.overline{text-decoration: overline !important;}
.strike{text-decoration: line-through !important;}
.small-caps{font-variant: small-caps !important;}
.uppercase{text-transform: uppercase !important;}
.lowercase{text-transform: lowercase !important;}
.capitalize{text-transform: capitalize !important;}
.normal-case{text-transform: none !important;}



.fs-5{font-size:5px !important;}
.fs-6{font-size:6px !important;}
.fs-7{font-size:7px !important;}
.fs-8{font-size:8px !important;}
.fs-9{font-size:9px !important;}
.fs-10{font-size:10px !important;}
.fs-11{font-size:11px !important;}
.fs-12{font-size:12px !important;}
.fs-13{font-size:13px !important;}
.fs-14{font-size:14px !important;}
.fs-15{font-size:15px !important;}
.fs-16{font-size:16px !important;}
.fs-17{font-size:17px !important;}
.fs-18{font-size:18px !important;}
.fs-19{font-size:19px !important;}
.fs-20{font-size:20px !important;}
.fs-21{font-size:21px !important;}
.fs-22{font-size:22px !important;}
.fs-23{font-size:23px !important;}
.fs-24{font-size:24px !important;}
.fs-25{font-size:25px !important;}
.fs-26{font-size:26px !important;}
.fs-27{font-size:27px !important;}
.fs-28{font-size:28px !important;}
.fs-29{font-size:29px !important;}
.fs-30{font-size:30px !important;}
.fs-31{font-size:31px !important;}
.fs-32{font-size:32px !important;}
.fs-33{font-size:33px !important;}
.fs-34{font-size:34px !important;}
.fs-35{font-size:35px !important;}
.fs-36{font-size:36px !important;}
.fs-37{font-size:37px !important;}
.fs-38{font-size:38px !important;}
.fs-39{font-size:39px !important;}
.fs-40{font-size:40px !important;}
.fs-41{font-size:41px !important;}
.fs-42{font-size:42px !important;}
.fs-43{font-size:43px !important;}
.fs-44{font-size:44px !important;}
.fs-45{font-size:45px !important;}
.fs-46{font-size:46px !important;}
.fs-47{font-size:47px !important;}
.fs-48{font-size:48px !important;}
.fs-49{font-size:49px !important;}
.fs-50{font-size:50px !important;}
.fs-51{font-size:51px !important;}
.fs-52{font-size:52px !important;}
.fs-53{font-size:53px !important;}
.fs-54{font-size:54px !important;}
.fs-55{font-size:55px !important;}
.fs-56{font-size:56px !important;}
.fs-57{font-size:57px !important;}
.fs-58{font-size:58px !important;}
.fs-59{font-size:59px !important;}
.fs-60{font-size:60px !important;}
.fs-61{font-size:61px !important;}
.fs-62{font-size:62px !important;}
.fs-63{font-size:63px !important;}
.fs-64{font-size:64px !important;}
.fs-65{font-size:65px !important;}
.fs-66{font-size:66px !important;}
.fs-67{font-size:67px !important;}
.fs-68{font-size:68px !important;}
.fs-69{font-size:69px !important;}
.fs-70{font-size:70px !important;}
.fs-71{font-size:71px !important;}
.fs-72{font-size:72px !important;}

/******************************************************
*
*					MARGIN CLASSES
*
******************************************************/
.no-margin{margin:0px !important}
.nm{margin:0px !important}

.m-0 {margin:0px !important}
.m-5 {margin:5px !important}
.m-10{margin:10px !important}
.m-15{margin:15px !important}
.m-20{margin:20px !important}
.m-25{margin:25px !important}
.m-30{margin:30px !important}
.m-35{margin:35px !important}
.m-40{margin:40px !important}
.m-45{margin:45px !important}
.m-50{margin:50px !important}
.m-55{margin:55px !important}
.m-60{margin:60px !important}
.m-65{margin:65px !important}
.m-70{margin:70px !important}
.m-75{margin:75px !important}
.m-80{margin:80px !important}
.m-85{margin:85px !important}
.m-90{margin:90px !important}
.m-100{margin:100px !important}

.mt-0 {margin-top:5px !important}
.mt-5 {margin-top:5px !important}
.mt-10{margin-top:10px !important}
.mt-15{margin-top:15px !important}
.mt-20{margin-top:20px !important}
.mt-25{margin-top:25px !important}
.mt-30{margin-top:30px !important}
.mt-35{margin-top:35px !important}
.mt-40{margin-top:40px !important}
.mt-45{margin-top:45px !important}
.mt-50{margin-top:50px !important}
.mt-55{margin-top:55px !important}
.mt-60{margin-top:60px !important}
.mt-65{margin-top:65px !important}
.mt-70{margin-top:70px !important}
.mt-75{margin-top:75px !important}
.mt-80{margin-top:80px !important}
.mt-85{margin-top:85px !important}
.mt-90{margin-top:90px !important}
.mt-100{margin-top:100px !important}

.mb-0 {margin-bottom:0px !important}
.mb-5 {margin-bottom:5px !important}
.mb-10{margin-bottom:10px !important}
.mb-15{margin-bottom:15px !important}
.mb-20{margin-bottom:20px !important}
.mb-25{margin-bottom:25px !important}
.mb-30{margin-bottom:30px !important}
.mb-35{margin-bottom:35px !important}
.mb-40{margin-bottom:40px !important}
.mb-45{margin-bottom:45px !important}
.mb-50{margin-bottom:50px !important}
.mb-60{margin-bottom:60px !important}
.mb-60{margin-bottom:60px !important}
.mb-65{margin-bottom:65px !important}
.mb-70{margin-bottom:70px !important}
.mb-75{margin-bottom:75px !important}
.mb-80{margin-bottom:80px !important}
.mb-85{margin-bottom:85px !important}
.mb-90{margin-bottom:90px !important}
.mb-100{margin-bottom:100px !important}

.mr-0 {margin-right:0px !important}
.mr-5 {margin-right:5px !important}
.mr-10{margin-right:10px !important}
.mr-15{margin-right:15px !important}
.mr-20{margin-right:20px !important}
.mr-25{margin-right:25px !important}
.mr-30{margin-right:30px !important}
.mr-35{margin-right:35px !important}
.mr-40{margin-right:40px !important}
.mr-45{margin-right:45px !important}
.mr-50{margin-right:50px !important}
.mr-55{margin-right:55px !important}
.mr-60{margin-right:60px !important}
.mr-65{margin-right:65px !important}
.mr-70{margin-right:70px !important}
.mr-75{margin-right:75px !important}
.mr-80{margin-right:80px !important}
.mr-85{margin-right:85px !important}
.mr-90{margin-right:90px !important}
.mr-100{margin-right:100px !important}

.ml-0 {margin-left:0px !important}
.ml-5 {margin-left:5px !important}
.ml-10{margin-left:10px !important}
.ml-15{margin-left:15px !important}
.ml-20{margin-left:20px !important}
.ml-25{margin-left:25px !important}
.ml-30{margin-left:30px !important}
.ml-35{margin-left:35px !important}
.ml-40{margin-left:40px !important}
.ml-45{margin-left:45px !important}
.ml-50{margin-left:50px !important}
.ml-55{margin-left:55px !important}
.ml-60{margin-left:60px !important}
.ml-65{margin-left:65px !important}
.ml-70{margin-left:70px !important}
.ml-75{margin-left:75px !important}
.ml-80{margin-left:80px !important}
.ml-85{margin-left:85px !important}
.ml-90{margin-left:90px !important}
.ml-100{margin-left:100px !important}

/******************************************************
*
*					PADDING CLASSES
*
******************************************************/
.p-0 {padding:0px !important}
.p-5 {padding:5px !important}
.p-10{padding:10px !important}
.p-15{padding:15px !important}
.p-20{padding:20px !important}
.p-25{padding:25px !important}
.p-30{padding:30px !important}
.p-35{padding:35px !important}
.p-40{padding:40px !important}
.p-45{padding:45px !important}
.p-50{padding:50px !important}
.p-55{padding:55px !important}
.p-60{padding:60px !important}
.p-65{padding:65px !important}
.p-70{padding:70px !important}
.p-75{padding:75px !important}
.p-80{padding:80px !important}
.p-85{padding:85px !important}
.p-90{padding:90px !important}
.p-100{padding:100px !important}

.pt-0 {padding-top:0px !important}
.pt-5 {padding-top:5px !important}
.pt-10{padding-top:10px !important}
.pt-15{padding-top:15px !important}
.pt-20{padding-top:20px !important}
.pt-25{padding-top:25px !important}
.pt-30{padding-top:30px !important}
.pt-35{padding-top:35px !important}
.pt-40{padding-top:40px !important}
.pt-45{padding-top:45px !important}
.pt-50{padding-top:50px !important}
.pt-60{padding-top:60px !important}
.pt-60{padding-top:60px !important}
.pt-65{padding-top:65px !important}
.pt-70{padding-top:70px !important}
.pt-75{padding-top:75px !important}
.pt-80{padding-top:80px !important}
.pt-85{padding-top:85px !important}
.pt-90{padding-top:90px !important}
.pt-100{padding-top:100px !important}

.pb-0 {padding-bottom:0px !important}
.pb-5 {padding-bottom:5px !important}
.pb-10{padding-bottom:10px !important}
.pb-15{padding-bottom:15px !important}
.pb-20{padding-bottom:20px !important}
.pb-25{padding-bottom:25px !important}
.pb-30{padding-bottom:30px !important}
.pb-35{padding-bottom:35px !important}
.pb-40{padding-bottom:40px !important}
.pb-45{padding-bottom:45px !important}
.pb-50{padding-bottom:50px !important}
.pb-60{padding-bottom:60px !important}
.pb-60{padding-bottom:60px !important}
.pb-65{padding-bottom:65px !important}
.pb-70{padding-bottom:70px !important}
.pb-75{padding-bottom:75px !important}
.pb-80{padding-bottom:80px !important}
.pb-85{padding-bottom:85px !important}
.pb-90{padding-bottom:90px !important}
.pb-100{padding-bottom:100px !important}

.pr-0 {padding-right:0px !important}
.pr-5 {padding-right:5px !important}
.pr-10{padding-right:10px !important}
.pr-15{padding-right:15px !important}
.pr-20{padding-right:20px !important}
.pr-25{padding-right:25px !important}
.pr-30{padding-right:30px !important}
.pr-35{padding-right:35px !important}
.pr-40{padding-right:40px !important}
.pr-45{padding-right:45px !important}
.pr-50{padding-right:50px !important}
.pr-60{padding-right:60px !important}
.pr-60{padding-right:60px !important}
.pr-65{padding-right:65px !important}
.pr-70{padding-right:70px !important}
.pr-75{padding-right:75px !important}
.pr-80{padding-right:80px !important}
.pr-85{padding-right:85px !important}
.pr-90{padding-right:90px !important}
.pr-100{padding-right:100px !important}

.pl-0 {padding-left:0px !important}
.pl-5 {padding-left:5px !important}
.pl-10{padding-left:10px !important}
.pl-15{padding-left:15px !important}
.pl-20{padding-left:20px !important}
.pl-25{padding-left:25px !important}
.pl-30{padding-left:30px !important}
.pl-35{padding-left:35px !important}
.pl-40{padding-left:40px !important}
.pl-45{padding-left:45px !important}
.pl-50{padding-left:50px !important}
.pl-60{padding-left:60px !important}
.pl-60{padding-left:60px !important}
.pl-65{padding-left:65px !important}
.pl-70{padding-left:70px !important}
.pl-75{padding-left:75px !important}
.pl-80{padding-left:80px !important}
.pl-85{padding-left:85px !important}
.pl-90{padding-left:90px !important}
.pl-100{padding-left:100px !important}

.no-padding{padding-top:0px !important; padding-left:0px !important; padding-bottom:0px !important; padding-right:0px !important}
.no-hpadding{padding-left:0px !important; padding-right:0px !important}
.no-vpadding{padding-top:0px !important; padding-top:0px !important}

@media (min-width: 320px){
  /*Horizontal padding*/
  .no-hpadding-xs{padding-left:0px !important; padding-right:0px !important}
  .no-hpadding-sm{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-md{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-lg{padding-left:15px !important; padding-right:15px !important}
  /*Vertical padding*/
  .no-vpadding-xs{padding-top:0px !important; padding-top:0px !important}
  .no-vpadding-sm{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-md{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-lg{padding-top:15px !important; padding-top:15px !important}

  .container.no-hpadding-xs{ padding-left:2px !important; padding-right:2px !important}
}

@media (min-width: 768px){
  /*Horizontal padding*/
  .no-hpadding-xs{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-sm{padding-left:0px !important; padding-right:0px !important}
  .no-hpadding-md{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-lg{padding-left:15px !important; padding-right:15px !important}
  /*Vertical padding*/
  .no-vpadding-xs{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-sm{padding-top:0px !important; padding-top:0px !important}
  .no-vpadding-md{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-lg{padding-top:15px !important; padding-top:15px !important}
}

@media (min-width: 992px){
  /*Horizontal padding*/
  .no-hpadding-xs{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-sm{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-md{padding-left:0px !important; padding-right:0px !important}
  .no-hpadding-lg{padding-left:15px !important; padding-right:15px !important}
  /*Vertical padding*/
  .no-vpadding-xs{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-sm{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-md{padding-top:0px !important; padding-top:0px !important}
  .no-vpadding-lg{padding-top:15px !important; padding-top:15px !important}
}

@media (min-width: 1440px){
  /*Horizontal padding*/
  .no-hpadding-xs{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-sm{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-md{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-lg{padding-left:0px !important; padding-right:0px !important}
  /*Vertical padding*/
  .no-vpadding-xs{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-sm{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-md{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-lg{padding-top:0px !important; padding-top:0px !important}
}


/******************************************************
*
*               WIDTH CLASSES
*
******************************************************/
.w-10{ width:10% !important;}
.w-20{ width:20% !important;}
.w-25{ width:25% !important;}
.w-33{ width:33.3% !important;}
.w-50{ width:100% !important;}
.w-66{ width:66.6% !important;}
.w-75{ width:100% !important;}
.w-80{ width:80% !important;}
.w-90{ width:90% !important;}
.w-100{ width:100% !important;}

/******************************************************
*
*               WIDTH CLASSES
*
******************************************************/
.h-10{ height: 10px !important;}
.h-20{ height: 20px !important;}
.h-25{ height: 25px !important;}
.h-33{ height: 33px !important;}
.h-50{ height: 50px !important;}
.h-66{ height: 66px !important;}
.h-75{ height: 75px !important;}
.h-80{ height: 80px !important;}
.h-90{ height: 90px !important;}
.h-100{ height: 100px !important;}
.h-120{ height: 120px !important;}
.h-150{ height: 150px !important;}
.h-200{ height: 200px !important;}
.h-300{ height: 300px !important;}


/******************************************************
*
*					OPACITY CLASSES
*
******************************************************/
.op-95{opacity: 95%; filter: alpha(opacity = 95);}
.op-90{opacity: 90%; filter: alpha(opacity = 90);}
.op-85{opacity: 85%; filter: alpha(opacity = 85);}
.op-80{opacity: 80%; filter: alpha(opacity = 80);}
.op-75{opacity: 75%; filter: alpha(opacity = 75);}
.op-70{opacity: 70%; filter: alpha(opacity = 70);}
.op-65{opacity: 65%; filter: alpha(opacity = 65);}
.op-60{opacity: 60%; filter: alpha(opacity = 60);}
.op-55{opacity: 55%; filter: alpha(opacity = 55);}
.op-50{opacity: 50%; filter: alpha(opacity = 50);}
.op-45{opacity: 45%; filter: alpha(opacity = 45);}
.op-40{opacity: 40%; filter: alpha(opacity = 40);}
.op-35{opacity: 35%; filter: alpha(opacity = 35);}
.op-30{opacity: 30%; filter: alpha(opacity = 30);}
.op-25{opacity: 25%; filter: alpha(opacity = 25);}
.op-20{opacity: 20%; filter: alpha(opacity = 20);}
.op-15{opacity: 15%; filter: alpha(opacity = 15);}
.op-10{opacity: 10%; filter: alpha(opacity = 10);}
.op-5{opacity: 5%; filter: alpha(opacity = 5);}


/******************************************************
*
*           VISIBILITY AND DISPLAY CLASSES
*
******************************************************/
.hidden{display: none;}
.hd{display: none;}
.hidden-holder{visibility: hidden;}
.hh{visibility: hidden;}

.block{display: block;}
.inline{display: inline;}
.iblock{display: inline-block;}
.flex{display: flex;}
.inline-flex{display: inline-flex;}




/******************************************************
*
*                 LINK CLASSES
*
******************************************************/
.pointer{cursor:pointer;}
.flat-link{text-decoration:none; cursor:pointer;}
.flat-link:hover{text-decoration:none; cursor:pointer;}

.white-link{color: #fff;}
.white-link:hover{color: #fff;}
.white-link:active{color: #fff;}

/******************************************************
*
*               CONTAINER CLASSES
*
******************************************************/
.flex-row{
  display:flex;
  flex-wrap: wrap;
}

/*Ficex width item masonry width*/
.masonry-row { 
  display: flex;
  flex-flow: row wrap;
  margin-left: -8px; /* Adjustment for the gutter */
  width: 100%;
}

.masonry-brick {
  flex: auto;
  height: 250px;
  min-width: 150px;
  margin: 0 8px 8px 0; /* Some gutter */
}

/*Multi width item masonry width*/
.masonry-row-mw{
  display: flex;
  flex-flow: row wrap;
  margin-left: -8px; /* Adjustment for the gutter */
  width: 100%;
}

.masonry-row-mw > .masonry-brick:nth-child(4n+1) {
  width: 250px;
}
.masonry-row-mw > .masonry-brick:nth-child(4n+1):nth-child(4n+2) {
  width: 325px;
}
.masonry-row-mw > .masonry-brick:nth-child(4n+1):nth-child(4n+3) {
  width: 180px;
}
.masonry-row-mw > .masonry-brick:nth-child(4n+1):nth-child(4n+4) {
  width: 380px;
}

/******************************************************
*
*				SQUARE BOX CLASSES
*
******************************************************/
.sq-box{position: relative; }
.sq-box:before{content: ""; display: block; padding-top: 100%;}
.sq-box-content{position:  absolute; top: 0; left: 0; bottom: 0; right: 0; float: left; padding: 15px !important}


/******************************************************
*
*                 BUTTON CLASSES
*
******************************************************/
.btn-standard{min-width: 120px !important}
.btn-standard.btn-xs{min-width: 80px !important}
.btn-standard.btn-sm{min-width: 100px !important}
.btn-standard.btn-lg{min-width: 140px !important}


.ellipsis-container{
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
}

.img-sq-32{height:32px; width:32px; object-fit:cover; border-radius:4px;}
.img-sq-48{height:48px; width:48px; object-fit:cover; border-radius:6px;}
.img-sq-64{height:64px; width:64px; object-fit:cover; border-radius:8px;}
.img-sq-96{height:96px; width:96px; object-fit:cover; border-radius:12px;}
.img-sq-128{height:128px; width:128px; object-fit:cover; border-radius:16px;}


.center-vertical {
  display: flex;
  flex-direction: column; /* Alinea los elementos verticalmente */
  justify-content: center; /* Centra el contenido a lo largo del eje principal (verticalmente) */
  align-items: center; /* Centra el contenido a lo largo del eje cruzado (horizontalmente) */
  height: 100%; /* Asegúrate de que el contenedor tenga una altura para que el centrado vertical tenga efecto */
}