@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


@keyframes marqueeL {
    0% { transform:translateX(0);  }
    100% { transform:translateX(-100%);  }
}



body{
    font-size: 16px;
}

a{
    text-transform: none;
    text-decoration: none;
}

[class^="col-"]{
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
    width: 100%;
    flex: 0 0 auto;
}

.row.thinner-padding{
    margin-left: -10px;
    margin-right: -10px;
}

.row.thinner-padding > [class^="col-"]{
    padding-left: 10px;
    padding-right: 10px;
}

.container-fluid{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.container,.site-main{
    margin: auto;
    display: table;
    width: 100%;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}
.container-flex{
    display: flex;
}

.container-1020{
    max-width: 1020px;
}


.marqueel-animation{
    -webkit-animation-name: marqueeL;
    animation-name: marqueeL;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    will-change: transform;

}


.d-flex{ display: flex; }
.d-block{ display: block; }
.d-table{ display: table; }
.d-grid{ display: grid; }
.d-inline-block{ display: inline-block;  }
.pull-right{  float: right; }
.pull-left{  float: left; }
.m-auto{margin: auto;}
.m-0{margin: 0;}
.m-1{margin: .7em;}
.m-2{margin: 1em;}
.m-3{margin: 1.5em;}
.m-4{margin: 2em;}
.text-italic{font-style: italic;}


.mt-auto{margin-top: auto!important;}
.mt-0{margin-top: 0!important;}
.mt-1{margin-top: 0.7em!important;}
.mt-2{margin-top: 1em!important;}
.mt-3{margin-top: 1.5em!important;}
.mt-4{margin-top: 2em!important;} 
.mt-5{margin-top: 3em!important;} 
.mt-6{margin-top: 4em!important;} 

.mb-auto{margin-bottom: auto!important;} 
.mb-0{margin-bottom: 0!important} 
.mb-1{margin-bottom: 0.7em!important;} 
.mb-2{margin-bottom: 1em!important;} 
.mb-3{margin-bottom: 1.5em!important;} 
.mb-4{margin-bottom: 2em!important;}
.mb-5{margin-bottom: 3em!important;}
.mb-6{margin-bottom: 4em!important;} 


.mr-auto{margin-right: auto!important;} 
.mr-0{margin-right: 0!important} 
.mr-1{margin-right: 0.7em!important;} 
.mr-2{margin-right: 1em!important;} 
.mr-3{margin-right: 1.5em!important;} 
.mr-4{margin-right: 2em!important;} 
.mr-5{margin-right: 3em!important;} 
.mr-6{margin-right: 4em!important;} 


.ml-auto{margin-left: auto!important;}  
.ml-0{margin-left: 0!important;} 
.ml-1{margin-left: 0.7em!important;} 
.ml-2{margin-left: 1em!important;} 
.ml-3{margin-left: 1.5em!important;} 
.ml-4{margin-left: 2em!important;} 
.ml-5{margin-left: 3em!important;} 
.ml-6{margin-left: 4em!important;} 


.p-auto{padding: auto;}
.p-0{padding: 0;}
.p-1{padding: .7em;}
.p-2{padding: 1em;}
.p-3{padding: 1.5em;}
.p-4{padding: 2em;}
.p-5{padding: 3em;}
.p-6{padding: 4em;}

.pt-0{padding-top: 0!important;}
.pt-1{padding-top: 0.7em!important;}
.pt-2{padding-top: 1em!important;}
.pt-3{padding-top: 1.5em!important;}
.pt-4{padding-top: 2em!important;} 
.pt-5{padding-top: 3em!important;} 
.pt-6{padding-top: 4em!important;} 

.pb-0{padding-bottom: 0!important;} 
.pb-1{padding-bottom: 0.7em!important;} 
.pb-2{padding-bottom: 1em!important;} 
.pb-3{padding-bottom: 1.5em!important;} 
.pb-4{padding-bottom: 2em!important;}
.pb-5{padding-bottom: 3em!important;}
.pb-6{padding-bottom: 4em!important;}

.pr-0{padding-right: 0!important;} 
.pr-1{padding-right: 0.7em!important;} 
.pr-2{padding-right: 1em!important;} 
.pr-3{padding-right: 1.5em!important;} 
.pr-4{padding-right: 2em!important;} 
.pr-5{padding-right: 3em!important;} 
.pr-6{padding-right: 4em!important;} 

.pl-0{padding-left: 0!important;} 
.pl-1{padding-left: 0.7em!important;} 
.pl-2{padding-left: 1em!important;} 
.pl-3{padding-left: 1.5em!important;} 
.pl-4{padding-left: 2em!important;}
.pl-5{padding-left: 3em!important;}
.pl-6{padding-left: 4em!important;}

.full-width{ width: 100%!important; }
.full-height{ height: 100%!important;  }
.height-inherit{ height: inherit; }




.w-auto{width: auto;}

.text-white{  color: #fff!important; }
.text-black{  color: #000!important; }
.text-danger{  color: #f00!important; }
.jumbotron{ font-size: 5em; }
.mini-jumbotron{ font-size: 3.7em; }
.mini-mini-jumbotron{ font-size: 3em; }
.font-normal{font-weight: normal;}
.font-bold{font-weight: 600;}

.lh-1{line-height: 1}
.lh-1     {line-height: 1}
.lh-1-1   {line-height: 1.1}
.lh-1-2   {line-height: 1.2}
.lh-1-3   {line-height: 1.3}
.lh-1-4   {line-height: 1.4}
.lh-1-5   {line-height: 1.5}



.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right}
.text-justify{text-align: justify;   }
.bg-dark-gray{ background-color: #4A4A4A; color: #e5e5e5;}
.bg-gray{ background-color: #D0D0D0; color: #000; }
.bg-peach{ background-color: #F9F8F3;  }
.bg-white{ background-color: #fff; }
.bg-white-transparent-{ background-color: #ffffff9c; }

.pos-relative{position: relative;}
.pos-relative-imp{position: relative!important;}
.pos-absolute{ position: absolute;  }
.pos-absolute-imp{position: absolute!important;}
.underscored{
    border-bottom: 2px solid;
    border-color: inherit;
}
.underlined{
    text-decoration: underline;
}
 
.hidden{display: none;}
.pull-left{ float: left; }
.pull-right{ float: right; }
.max-100{ max-width: 100px!important; }
.max-150{ max-width: 150px!important; }
.max-200{ max-width: 200px!important; }
.max-250{ max-width: 250px!important; }
.max-300{ max-width: 300px!important; }
.max-350{ max-width: 350px!important; }
.max-400{ max-width: 400px!important; }
.max-450{ max-width: 450px!important; }
.max-500{ max-width: 500px!important; }
.max-600{ max-width: 600px!important; }
.max-700{ max-width: 700px!important; }
.max-800{ max-width: 800px!important; }
.max-900{ max-width: 900px!important; }
.max-1000{ max-width: 1000px!important; }
.max-100p{max-width: 100%!important;}

.row{ 
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right:-15px;
    margin-left:-15px;
}

.flex-left{ margin-left: 0; margin-right: auto; margin-top: auto; margin-bottom: auto;  }
.flex-right{ margin-right: 0; margin-left: auto; margin-top: auto; margin-bottom: auto;  }




h1{font-size: 2.5em;}
h2{font-size: 2em;}
h3{font-size: 1.7em;}
h4{font-size: 1.4em;};
h5{font-size: 1.2em;}
h6{font-size: 1em;}


.row.row-inverse{
    flex-direction: row-reverse;
}

.img-container{width: 100%;}
.no-style{
    list-style: none;
}


.animated-borders{

}

.animated-zoom{
    position: absolute;
    width: 10%;
    height: 10%;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    transition: ease all 0.5s;
    overflow: hidden;
}

.animatedzoom-trigger:hover .animated-zoom{
    width: 100%;
    height: 100%;
}



.font-7{font-weight: 700;}
.font-6{font-weight: 600;}
.font-5{font-weight: 500;}
/* .font-normal{font-weight: 500;} */

.form-group{
    position: relative;
    margin-bottom: 15px;
}

.form-group input:not([type='radio']):not([type="checkbox"]),
.form-group textarea,
.form-group select
{
     padding: 8px 10px;
    border-radius: 5px;
    border: 1px solid #878787;
    outline: none;
}

.form-group.left-icon .icon,
.form-group.right-icon .icon
{
    position: absolute;
    left: 10px;
    top: calc(50% - 10px);
    font-size: 20px;
    z-index: 3;
    color: #737373;
}

.form-group.right-icon .icon{
    right: 10px;
    left: auto;
}


.form-group.left-icon input:not([type='radio']):not([type="checkbox"]){
    padding-left: 40px;
}
.form-group.right-icon input:not([type='radio']):not([type="checkbox"]){
    padding-right: 40px;
}

.wpcf7 .ajax-loader{display: none;}
.img-container img{
    width:100%;
}




body.modal-show{
    overflow: hidden;
}

.ja-popup-modal{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #000000a8;
}

.ja-popup-modal.show{
    display: block;
}

.ja-popup-modal .modal-content{
        background: #fff;
    width: 90%;
    max-width: 1200px;
    margin: auto;
    max-height: 80%;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    position: relative;
    top: 0;
    margin-top: auto;
    margin-bottom: auto;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    display: inline-table;
}

.ja-popup-modal .modal-container{
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
}

.ja-popup-modal .modal-content.modal-xs{
    width: 100%;
    max-width: 400px;
}

.ja-popup-modal .modal-content.modal-lg{
    width: 100%;
    max-width: 1200px;
}

.ja-popup-modal .modal-content.modal-sm{
    width: 100%;
    max-width: 640px;
}

.ja-popup-modal .modal-content.modal-md{
    width: 100%;
    max-width: 768px;
}

.ja-popup-modal .modal-content.modal-full{
    width: 100%;
    max-width: 90%;
}


.ja-popup-modal .modal-content .modal-body{
    position: relative;
}
.ja-popup-modal .modal-content .content{
    overflow: auto;
    position: relative;
    max-height: 100%;
     padding: 20px;
}



.ja-popup-modal .modal-content .top-dismiss{
    position: absolute;
    right: -25px;
    padding: 10px;
    border: 4px solid #fff;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    margin: auto;
    display: flex;
    background: #e2afc2;
    color: #fff;
    top: -25px;
    cursor: pointer;
    z-index: 99999;
}
.ja-popup-modal .modal-content .top-dismiss i{margin: auto;}

.btn{
    padding: 10px 10px;
}

 


.column-2-img-side {
    display: flex;
    flex-wrap: wrap;
}
.column-2-img-side>* {
    width: 50%;
}

.fs-0-8{ font-size: 0.8em; }
.fs-0-9{ font-size: 0.9em; }
.fs-1{   font-size: 1em; }
.fs-1-1{ font-size: 1.1em; }
.fs-1-2{ font-size: 1.2em; }
.fs-1-3{ font-size: 1.3em; }
.fs-1-4{ font-size: 1.4em; }
.fs-1-5{ font-size: 1.5em; }
.fs-1-6{ font-size: 1.6em; }
.fs-1-7{ font-size: 1.7em; }
.fs-1-8{ font-size: 1.8em; }
.fs-1-9{ font-size: 1.9em; }
.fs-2{   font-size: 2em; }
.fs-2-1{ font-size: 2.1em; }
.fs-2-2{ font-size: 2.2em; }
.fs-2-3{ font-size: 2.3em; }
.fs-2-4{ font-size: 2.4em; }
.fs-2-5{ font-size: 2.5em; }
.fs-2-6{ font-size: 2.6em; }
.fs-2-7{ font-size: 2.7em; }
.fs-2-8{ font-size: 2.8em; }
.fs-2-9{ font-size: 2.9em; }
.fs-3{   font-size: 3em; }
.fs-3-1{ font-size: 3.1em; }
.fs-3-2{ font-size: 3.2em; }
.fs-3-3{ font-size: 3.3em; }
.fs-3-4{ font-size: 3.4em; }
.fs-3-5{ font-size: 3.5em; }
.fs-3-6{ font-size: 3.6em; }
.fs-3-7{ font-size: 3.7em; }
.fs-3-8{ font-size: 3.8em; }
.fs-3-9{ font-size: 3.9em; }
.fs-4{   font-size: 4em; }

.d-none{         display: none!important;}
.d-block{        display: block!important;}
.d-flex{         display: flex!important;}
.d-inline{       display: inline!important;}
.d-contents{     display: contents!important;}
.d-grid{         display: grid!important;}
.d-inline-block{ display: inline-block!important;}
.d-inline-flex{  display: inline-flex!important;}
.d-inline-grid{  display: inline-flex!important;}
.d-inline-table{ display: inline-table!important;}
.d-table{        display: table!important;}
.d-initial{      display: initial!important;}
.d-inherit{      display: inherit!important;}
.no-overflow{overflow: hidden;}

.column-1{  column-count: 1;}
.column-2{  column-count: 2;}
.column-3{  column-count: 3;}
.column-4{  column-count: 4;}
.column-5{  column-count: 5;}
.c-pointer{ cursor: pointer; }


.scrollable-content-horizontal{
    scroll-snap-type: x mandatory;
    scrollbar-color: #333 #b3b2b2;
    scrollbar-width: thin;
    max-width: 100%;
    overflow-y: auto;
}

.brad-0{ border-radius: 0!important;}
.brad-1{ border-radius: 1em!important;}
.brad-2{ border-radius: 2em!important;}
.brad-3{ border-radius: 3em!important;}
.brad-4{ border-radius: 4em!important;}
.brad-5{ border-radius: 5em!important;}
.brad-6{ border-radius: 6em!important;}
.brad-7{ border-radius: 7em!important;}
.brad-8{ border-radius: 8em!important;}
.brad-9{ border-radius: 9em!important;}
.brad-10{ border-radius: 10em!important;}

.obj-fit-cover { object-fit: cover; }
.obj-fit-contain { object-fit: contain; }
.obj-fit-fill { object-fit: fill; }
.obj-fit-none { object-fit: none; }
.obj-fit-scale-down { object-fit: scale-down; }
.obj-fit-position-center { object-position: center; }
.obj-fit-position-top { object-position: top; }
.obj-fit-position-bottom { object-position: bottom; }
.obj-fit-position-left { object-position: left; }
.obj-fit-position-right { object-position: right; }
.obj-fit-position-top-left { object-position: top left; }
.obj-fit-position-top-right { object-position: top right; }
.obj-fit-position-bottom-left { object-position: bottom left; }
.obj-fit-position-bottom-right { object-position: bottom right; }


.f-height-2{ height: 200px;}
.f-height-3{ height: 300px;}
.f-height-4{ height: 400px;}
.f-height-5{ height: 500px;}
.f-height-6{ height: 600px;}
.f-height-7{ height: 700px;}
.f-height-8{ height: 800px;}
.f-height-9{ height: 900px;}
.f-height-10{ height: 1000px;}


.justify-content-center { justify-content: center !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.justify-content-evenly { justify-content: space-evenly !important; }






@media screen and (min-width:991px){
    .hidden-lg{display: none!important;}
    .container,.site-main{
        max-width: 1200px;
    }
}

@media screen and (min-width:769px) and ( max-width: 990px){
    .hidden-md{display: none!important;}
    .reverse-md{  flex-direction: column-reverse; }
}

@media screen and (min-width:641px) and ( max-width: 768px){
    .hidden-sm{display: none!important;}
    .reverse-sm{ flex-direction: column-reverse; }
}

@media screen and (max-width: 640px){
    .hidden-xs{display: none!important;}
    .reverse-xs{flex-direction: column-reverse;}
}





@media screen and (max-width: 400px){
    [class^="col-"]{
        width: 100%;
    }
}


@media screen and (max-width:768px){
    .mt-md-auto{margin-top: auto!important;}
    .mt-md-0{margin-top: 0!important;}
    .mt-md-1{margin-top: 0.7em!important;}
    .mt-md-2{margin-top: 1em!important;}
    .mt-md-3{margin-top: 1.5em!important;}
    .mt-md-4{margin-top: 2em!important;} 
    .mt-md-5{margin-top: 3em!important;} 
    .mt-md-6{margin-top: 4em!important;} 

    .mb-md-auto{margin-bottom: auto!important;} 
    .mb-md-0{margin-bottom: 0!important} 
    .mb-md-1{margin-bottom: 0.7em!important;} 
    .mb-md-2{margin-bottom: 1em!important;} 
    .mb-md-3{margin-bottom: 1.5em!important;} 
    .mb-md-4{margin-bottom: 2em!important;}
    .mb-md-5{margin-bottom: 3em!important;}
    .mb-md-6{margin-bottom: 4em!important;} 


    .mr-md-auto{margin-right: auto!important;} 
    .mr-md-0{margin-right: 0!important} 
    .mr-md-1{margin-right: 0.7em!important;} 
    .mr-md-2{margin-right: 1em!important;} 
    .mr-md-3{margin-right: 1.5em!important;} 
    .mr-md-4{margin-right: 2em!important;} 
    .mr-md-5{margin-right: 3em!important;} 
    .mr-md-6{margin-right: 4em!important;} 


    .ml-md-auto{margin-left: auto!important;}  
    .ml-md-0{margin-left: 0!important;} 
    .ml-md-1{margin-left: 0.7em!important;} 
    .ml-md-2{margin-left: 1em!important;} 
    .ml-md-3{margin-left: 1.5em!important;} 
    .ml-md-4{margin-left: 2em!important;} 
    .ml-md-5{margin-left: 3em!important;} 
    .ml-md-6{margin-left: 4em!important;} 


    .text-left-md      {text-align: left;}
    .text-center-md    {text-align: center;}
    .text-right-md     {text-align: right}
    .text-justify-md   {text-align: justify;}

    .lh-md-1     {line-height: 1}
    .lh-md-1-1   {line-height: 1.1}
    .lh-md-1-2   {line-height: 1.2}
    .lh-md-1-3   {line-height: 1.3}
    .lh-md-1-4   {line-height: 1.4}
    .lh-md-1-5   {line-height: 1.5}

    .p-md-auto{padding: auto;}
    .p-md-0{padding: 0;}
    .p-md-1{padding: .7em;}
    .p-md-2{padding: 1em;}
    .p-md-3{padding: 1.5em;}
    .p-md-4{padding: 2em;}
    .p-md-5{padding: 3em;}
    .p-md-6{padding: 4em;}

    .pt-md-0{padding-top: 0!important;}
    .pt-md-1{padding-top: 0.7em!important;}
    .pt-md-2{padding-top: 1em!important;}
    .pt-md-3{padding-top: 1.5em!important;}
    .pt-md-4{padding-top: 2em!important;} 
    .pt-md-5{padding-top: 3em!important;} 
    .pt-md-6{padding-top: 4em!important;} 

    .pb-md-0{padding-bottom: 0!important;} 
    .pb-md-1{padding-bottom: 0.7em!important;} 
    .pb-md-2{padding-bottom: 1em!important;} 
    .pb-md-3{padding-bottom: 1.5em!important;} 
    .pb-md-4{padding-bottom: 2em!important;}
    .pb-md-5{padding-bottom: 3em!important;}
    .pb-md-6{padding-bottom: 4em!important;}

    .pr-md-0{padding-right: 0!important;} 
    .pr-md-1{padding-right: 0.7em!important;} 
    .pr-md-2{padding-right: 1em!important;} 
    .pr-md-3{padding-right: 1.5em!important;} 
    .pr-md-4{padding-right: 2em!important;} 
    .pr-md-5{padding-right: 3em!important;} 
    .pr-md-6{padding-right: 4em!important;} 

    .pl-md-0{padding-left: 0!important;} 
    .pl-md-1{padding-left: 0.7em!important;} 
    .pl-md-2{padding-left: 1em!important;} 
    .pl-md-3{padding-left: 1.5em!important;} 
    .pl-md-4{padding-left: 2em!important;}
    .pl-md-5{padding-left: 3em!important;}
    .pl-md-6{padding-left: 4em!important;}

    .fs-md-0-5{ font-size: 0.8em; }
    .fs-md-0-6{ font-size: 0.8em; }
    .fs-md-0-7{ font-size: 0.8em; }
    .fs-md-0-8{ font-size: 0.8em; }
    .fs-md-0-9{ font-size: 0.9em; }
    .fs-md-1{   font-size: 1em; }
    .fs-md-1-1{ font-size: 1.1em; }
    .fs-md-1-2{ font-size: 1.2em; }
    .fs-md-1-3{ font-size: 1.3em; }
    .fs-md-1-4{ font-size: 1.4em; }
    .fs-md-1-5{ font-size: 1.5em; }
    .fs-md-1-6{ font-size: 1.6em; }
    .fs-md-1-7{ font-size: 1.7em; }
    .fs-md-1-8{ font-size: 1.8em; }
    .fs-md-1-9{ font-size: 1.9em; }
    .fs-md-2{   font-size: 2em; }
    .fs-md-2-1{ font-size: 2.1em; }
    .fs-md-2-2{ font-size: 2.2em; }
    .fs-md-2-3{ font-size: 2.3em; }
    .fs-md-2-4{ font-size: 2.4em; }
    .fs-md-2-5{ font-size: 2.5em; }
    .fs-md-2-6{ font-size: 2.6em; }
    .fs-md-2-7{ font-size: 2.7em; }
    .fs-md-2-8{ font-size: 2.8; }
    .fs-md-2-9{ font-size: 2.9em; }
    .fs-md-3{   font-size: 3em; }
    .fs-md-3-1{ font-size: 3.1em; }
    .fs-md-3-2{ font-size: 3.2em; }
    .fs-md-3-3{ font-size: 3.3em; }
    .fs-md-3-4{ font-size: 3.4em; }
    .fs-md-3-5{ font-size: 3.5em; }
    .fs-md-3-6{ font-size: 3.6em; }
    .fs-md-3-7{ font-size: 3.7em; }
    .fs-md-3-8{ font-size: 3.8em; }
    .fs-md-3-9{ font-size: 3.9em; }
    .fs-md-4{   font-size: 4em; }

    .d-md-none{         display: none!important;}
    .d-md-block{        display: block!important;}
    .d-md-flex{         display: flex!important;}
    .d-md-inline{       display: inline!important;}
    .d-md-contents{     display: contents!important;}
    .d-md-grid{         display: grid!important;}
    .d-md-inline-block{ display: inline-block!important;}
    .d-md-inline-flex{  display: inline-flex!important;}
    .d-md-inline-grid{  display: inline-flex!important;}
    .d-md-inline-table{ display: inline-table!important;}
    .d-md-table{        display: table!important;}
    .d-md-initial{      display: initial!important;}
    .d-md-inherit{      display: inherit!important;}


    .max-md-100{ max-width: 100px!important; }
    .max-md-150{ max-width: 150px!important; }
    .max-md-200{ max-width: 200px!important; }
    .max-md-250{ max-width: 250px!important; }
    .max-md-300{ max-width: 300px!important; }
    .max-md-350{ max-width: 350px!important; }
    .max-md-400{ max-width: 400px!important; }
    .max-md-450{ max-width: 450px!important; }
    .max-md-500{ max-width: 500px!important; }
    .max-md-600{ max-width: 600px!important; }
    .max-md-700{ max-width: 700px!important; }
    .max-md-800{ max-width: 800px!important; }
    .max-md-900{ max-width: 900px!important; }
    .max-md-1000{ max-width: 1000px!important; }
    .max-md-100p{max-width: 100%!important;}

    .column-md-1{  column-count: 1;}
    .column-md-2{  column-count: 2;}
    .column-md-3{  column-count: 3;}
    .column-md-4{  column-count: 4;}
    .column-md-5{  column-count: 5;}

    .full-width-md{ width: 100%!important; }
    .full-height-md{ height: 100%!important;  }
    .flex-no-wrap-md{ flex-wrap: nowrap!important; }
    .flex-wrap-md{ flex-wrap: wrap!important; }
    .justify-content-center-md { justify-content: center !important; }
    .justify-content-start-md { justify-content: flex-start !important; }
    .justify-content-end-md { justify-content: flex-end !important; }
    .justify-content-between-md { justify-content: space-between !important; }
    .justify-content-around-md { justify-content: space-around !important; }
    .justify-content-evenly-md { justify-content: space-evenly !important; }

    .bg-dark-gray-md{ background-color: #4A4A4A; color: #e5e5e5;}
    .bg-gray-md{ background-color: #D0D0D0; color: #000; }
    .bg-peach-md{ background-color: #F9F8F3;  }
    .bg-white-md{ background-color: #fff; }
    .bg-white-transparent-md{ background-color: #ffffff9c; }

    .pos-relative-md{position: relative;}
    .pos-absolute-md{ position: absolute;  }

    .border-md-none{ border: none!important;}
    .border-md-1{ border: 1px solid!important;}
    .border-md-2{ border: 2px solid!important;}
    .border-md-3{ border: 3px solid!important;}
    .border-md-4{ border: 4px solid!important;}
    .border-md-5{ border: 5px solid!important;}

    .brad-md-0{ border-radius: 0!important;}
    .brad-md-1{ border-radius: 1em!important;}
    .brad-md-2{ border-radius: 2em!important;}
    .brad-md-3{ border-radius: 3em!important;}
    .brad-md-4{ border-radius: 4em!important;}
    .brad-md-5{ border-radius: 5em!important;}
    .brad-md-6{ border-radius: 6em!important;}
    .brad-md-7{ border-radius: 7em!important;}
    .brad-md-8{ border-radius: 8em!important;}
    .brad-md-9{ border-radius: 9em!important;}
    .brad-md-10{ border-radius: 10em!important;}


    .obj-fit-cover-md { object-fit: cover; }
    .obj-fit-contain { object-fit: contain; }
    .obj-fit-fill-md { object-fit: fill; }
    .obj-fit-none-md { object-fit: none; }
    .obj-fit-scale-down-md { object-fit: scale-down; }
    .obj-fit-position-center-md { object-position: center; }
    .obj-fit-position-top-md { object-position: top; }
    .obj-fit-position-bottom-md { object-position: bottom; }
    .obj-fit-position-left-md { object-position: left; }
    .obj-fit-position-right-md { object-position: right; }
    .obj-fit-position-top-left-md { object-position: top left; }
    .obj-fit-position-top-right-md { object-position: top right; }
    .obj-fit-position-bottom-left-md { object-position: bottom left; }
    .obj-fit-position-bottom-right-md { object-position: bottom right; }


    .f-height-2-md { height: 200px; }
    .f-height-3-md { height: 300px; }
    .f-height-4-md { height: 400px; }
    .f-height-5-md { height: 500px; }
    .f-height-6-md { height: 600px; }
    .f-height-7-md { height: 700px; }
    .f-height-8-md { height: 800px; }
    .f-height-9-md { height: 900px; }
    .f-height-10-md { height: 1000px; }
}

@media screen and ( max-width: 640px){
    .col-xs-12{ width: 100%;}
    .col-xs-11{ width: 91.667%;}
    .col-xs-10{ width: 83.33%;}
    .col-xs-9{ width: 75%;}
    .col-xs-8{ width: 66.667%;}
    .col-xs-7{ width: 58.33%;}
    .col-xs-6{ width: 50%;}
    .col-xs-5{ width: 41.667%;}
    .col-xs-4{ width: 33.33%;}
    .col-xs-3{ width: 25%;}
    .col-xs-2{ width: 16.667%;}
    .col-xs-1{ width: 8.33%;}
    .reverse-xs{  flex-direction: column-reverse; }


    .mt-xs-auto{margin-top: auto!important;}
    .mt-xs-0{margin-top: 0!important;}
    .mt-xs-1{margin-top: 0.7em!important;}
    .mt-xs-2{margin-top: 1em!important;}
    .mt-xs-3{margin-top: 1.5em!important;}
    .mt-xs-4{margin-top: 2em!important;} 
    .mt-xs-5{margin-top: 3em!important;} 
    .mt-xs-6{margin-top: 4em!important;} 

    .mb-xs-auto{margin-bottom: auto!important;} 
    .mb-xs-0{margin-bottom: 0!important} 
    .mb-xs-1{margin-bottom: 0.7em!important;} 
    .mb-xs-2{margin-bottom: 1em!important;} 
    .mb-xs-3{margin-bottom: 1.5em!important;} 
    .mb-xs-4{margin-bottom: 2em!important;}
    .mb-xs-5{margin-bottom: 3em!important;}
    .mb-xs-6{margin-bottom: 4em!important;} 


    .mr-xs-auto{margin-right: auto!important;} 
    .mr-xs-0{margin-right: 0!important} 
    .mr-xs-1{margin-right: 0.7em!important;} 
    .mr-xs-2{margin-right: 1em!important;} 
    .mr-xs-3{margin-right: 1.5em!important;} 
    .mr-xs-4{margin-right: 2em!important;} 
    .mr-xs-5{margin-right: 3em!important;} 
    .mr-xs-6{margin-right: 4em!important;} 


    .ml-xs-auto{margin-left: auto!important;}  
    .ml-xs-0{margin-left: 0!important;} 
    .ml-xs-1{margin-left: 0.7em!important;} 
    .ml-xs-2{margin-left: 1em!important;} 
    .ml-xs-3{margin-left: 1.5em!important;} 
    .ml-xs-4{margin-left: 2em!important;} 
    .ml-xs-5{margin-left: 3em!important;} 
    .ml-xs-6{margin-left: 4em!important;} 

    .text-left-xs      {text-align: left;}
    .text-center-xs     {text-align: center;}
    .text-right-xs     {text-align: right}
    .text-justify-xs   {text-align: justify;}

    .lh-xs-1     {line-height: 1}
    .lh-xs-1-1   {line-height: 1.1}
    .lh-xs-1-2   {line-height: 1.2}
    .lh-xs-1-3   {line-height: 1.3}
    .lh-xs-1-4   {line-height: 1.4}
    .lh-xs-1-5   {line-height: 1.5}


    .p-xs-auto{padding: auto!important;}
    .p-xs-0{padding: 0!important;}
    .p-xs-1{padding: .7em!important;}
    .p-xs-2{padding: 1em!important;}
    .p-xs-3{padding: 1.5em!important;}
    .p-xs-4{padding: 2em!important;}
    .p-xs-5{padding: 3em!important;}
    .p-xs-6{padding: 4em!important;}

    .pt-xs-0{padding-top: 0!important;}
    .pt-xs-1{padding-top: 0.7em!important;}
    .pt-xs-2{padding-top: 1em!important;}
    .pt-xs-3{padding-top: 1.5em!important;}
    .pt-xs-4{padding-top: 2em!important;} 
    .pt-xs-5{padding-top: 3em!important;} 
    .pt-xs-6{padding-top: 4em!important;} 

    .pb-xs-0{padding-bottom: 0!important;} 
    .pb-xs-1{padding-bottom: 0.7em!important;} 
    .pb-xs-2{padding-bottom: 1em!important;} 
    .pb-xs-3{padding-bottom: 1.5em!important;} 
    .pb-xs-4{padding-bottom: 2em!important;}
    .pb-xs-5{padding-bottom: 3em!important;}
    .pb-xs-6{padding-bottom: 4em!important;}

    .pr-xs-0{padding-right: 0!important;} 
    .pr-xs-1{padding-right: 0.7em!important;} 
    .pr-xs-2{padding-right: 1em!important;} 
    .pr-xs-3{padding-right: 1.5em!important;} 
    .pr-xs-4{padding-right: 2em!important;} 
    .pr-xs-5{padding-right: 3em!important;} 
    .pr-xs-6{padding-right: 4em!important;} 

    .pl-xs-0{padding-left: 0!important;} 
    .pl-xs-1{padding-left: 0.7em!important;} 
    .pl-xs-2{padding-left: 1em!important;} 
    .pl-xs-3{padding-left: 1.5em!important;} 
    .pl-xs-4{padding-left: 2em!important;}
    .pl-xs-5{padding-left: 3em!important;}
    .pl-xs-6{padding-left: 4em!important;}


    .fs-xs-0-5{ font-size: 0.8em; }
    .fs-xs-0-6{ font-size: 0.8em; }
    .fs-xs-0-7{ font-size: 0.8em; }
    .fs-xs-0-8{ font-size: 0.8em; }
    .fs-xs-0-9{ font-size: 0.9em; }
    .fs-xs-1{   font-size: 1em; }
    .fs-xs-1-1{ font-size: 1.1em; }
    .fs-xs-1-2{ font-size: 1.2em; }
    .fs-xs-1-3{ font-size: 1.3em; }
    .fs-xs-1-4{ font-size: 1.4em; }
    .fs-xs-1-5{ font-size: 1.5em; }
    .fs-xs-1-6{ font-size: 1.6em; }
    .fs-xs-1-7{ font-size: 1.7em; }
    .fs-xs-1-8{ font-size: 1.8em; }
    .fs-xs-1-9{ font-size: 1.9em; }
    .fs-xs-2{   font-size: 2em; }
    .fs-xs-2-1{ font-size: 2.1em; }
    .fs-xs-2-2{ font-size: 2.2em; }
    .fs-xs-2-3{ font-size: 2.3em; }
    .fs-xs-2-4{ font-size: 2.4em; }
    .fs-xs-2-5{ font-size: 2.5em; }
    .fs-xs-2-6{ font-size: 2.6em; }
    .fs-xs-2-7{ font-size: 2.7em; }
    .fs-xs-2-8{ font-size: 2.8em; }
    .fs-xs-2-9{ font-size: 2.9em; }
    .fs-xs-3{   font-size: 3em; }
    .fs-xs-3-1{ font-size: 3.1em; }
    .fs-xs-3-2{ font-size: 3.2em; }
    .fs-xs-3-3{ font-size: 3.3em; }
    .fs-xs-3-4{ font-size: 3.4em; }
    .fs-xs-3-5{ font-size: 3.5em; }
    .fs-xs-3-6{ font-size: 3.6em; }
    .fs-xs-3-7{ font-size: 3.7em; }
    .fs-xs-3-8{ font-size: 3.8em; }
    .fs-xs-3-9{ font-size: 3.9em; }
    .fs-xs-4{   font-size: 4em; }

    .d-xs-none{         display: none;}
    .d-xs-block{        display: block;}
    .d-xs-flex{         display: flex;}
    .d-xs-inline{       display: inline;}
    .d-xs-contents{     display: contents;}
    .d-xs-grid{         display: grid;}
    .d-xs-inline-block{ display: inline-block;}
    .d-xs-inline-flex{  display: inline-flex;}
    .d-xs-inline-grid{  display: inline-flex;}
    .d-xs-inline-table{ display: inline-table;}
    .d-xs-table{        display: table;}
    .d-xs-initial{      display: initial;}
    .d-xs-inherit{      display: inherit;}
    
    .max-xs-100{ max-width: 100px!important; }
    .max-xs-150{ max-width: 150px!important; }
    .max-xs-200{ max-width: 200px!important; }
    .max-xs-250{ max-width: 250px!important; }
    .max-xs-300{ max-width: 300px!important; }
    .max-xs-350{ max-width: 350px!important; }
    .max-xs-400{ max-width: 400px!important; }
    .max-xs-450{ max-width: 450px!important; }
    .max-xs-500{ max-width: 500px!important; }
    .max-xs-600{ max-width: 600px!important; }
    .max-xs-700{ max-width: 700px!important; }
    .max-xs-800{ max-width: 800px!important; }
    .max-xs-900{ max-width: 900px!important; }
    .max-xs-1000{ max-width: 1000px!important; }
    .max-xs-100p{max-width: 100%!important;}

    .column-xs-1{  column-count: 1;}
    .column-xs-2{  column-count: 2;}
    .column-xs-3{  column-count: 3;}
    .column-xs-4{  column-count: 4;}
    .column-xs-5{  column-count: 5;}

    .full-width-xs{ width: 100%!important; }
    .full-height-xs{ height: 100%!important;  }

    .bg-dark-gray-xs{ background-color: #4A4A4A; color: #e5e5e5;}
    .bg-gray-xs{ background-color: #D0D0D0; color: #000; }
    .bg-peach-xs{ background-color: #F9F8F3;  }
    .bg-white-xs{ background-color: #fff; }
    .bg-white-transparent-xs{ background-color: #ffffff9c; }

    .pos-relative-xs{position: relative;}
    .pos-absolute-xs{ position: absolute;  }

    .border-xs-none{ border: none!important;}
    .border-xs-1{ border: 1px solid!important;}
    .border-xs-2{ border: 2px solid!important;}
    .border-xs-3{ border: 3px solid!important;}
    .border-xs-4{ border: 4px solid!important;}
    .border-xs-5{ border: 5px solid!important;}

    .brad-xs-0{ border-radius: 0!important;}
    .brad-xs-1{ border-radius: 1em!important;}
    .brad-xs-2{ border-radius: 2em!important;}
    .brad-xs-3{ border-radius: 3em!important;}
    .brad-xs-4{ border-radius: 4em!important;}
    .brad-xs-5{ border-radius: 5em!important;}
    .brad-xs-6{ border-radius: 6em!important;}
    .brad-xs-7{ border-radius: 7em!important;}
    .brad-xs-8{ border-radius: 8em!important;}
    .brad-xs-9{ border-radius: 9em!important;}
    .brad-xs-10{ border-radius: 10em!important;}

    .flex-no-wrap-xs{ flex-wrap: nowrap!important; }
    .flex-wrap-xs{ flex-wrap: wrap!important; }
    .justify-content-center-xs { justify-content: center !important; }
    .justify-content-start-xs { justify-content: flex-start !important; }
    .justify-content-end-xs { justify-content: flex-end !important; }
    .justify-content-between-xs { justify-content: space-between !important; }
    .justify-content-around-xs { justify-content: space-around !important; }
    .justify-content-evenly-xs { justify-content: space-evenly !important; }

    .obj-fit-cover-xs { object-fit: cover; }
    .obj-fit-contain-xs { object-fit: contain; }
    .obj-fit-fill-xs { object-fit: fill; }
    .obj-fit-none-xs { object-fit: none; }
    .obj-fit-scale-down-xs { object-fit: scale-down; }
    .obj-fit-position-center-xs { object-position: center; }
    .obj-fit-position-top-xs { object-position: top; }
    .obj-fit-position-bottom-xs { object-position: bottom; }
    .obj-fit-position-left-xs { object-position: left; }
    .obj-fit-position-right-xs { object-position: right; }
    .obj-fit-position-top-left-xs { object-position: top left; }
    .obj-fit-position-top-right-xs { object-position: top right; }
    .obj-fit-position-bottom-left-xs { object-position: bottom left; }
    .obj-fit-position-bottom-right-xs { object-position: bottom right; }

    .f-height-2-xs { height: 200px; }
    .f-height-3-xs { height: 300px; }
    .f-height-4-xs { height: 400px; }
    .f-height-5-xs { height: 500px; }
    .f-height-6-xs { height: 600px; }
    .f-height-7-xs { height: 700px; }
    .f-height-8-xs { height: 800px; }
    .f-height-9-xs { height: 900px; }
    .f-height-10-xs { height: 1000px; }

}

@media screen and (max-width: 460px){
    .mt-xxs-auto{margin-top: auto!important;}
    .mt-xxs-0{margin-top: 0!important;}
    .mt-xxs-1{margin-top: 0.7em!important;}
    .mt-xxs-2{margin-top: 1em!important;}
    .mt-xxs-3{margin-top: 1.5em!important;}
    .mt-xxs-4{margin-top: 2em!important;} 
    .mt-xxs-5{margin-top: 3em!important;} 
    .mt-xxs-6{margin-top: 4em!important;} 

    .mb-xxs-auto{margin-bottom: auto!important;} 
    .mb-xxs-0{margin-bottom: 0!important} 
    .mb-xxs-1{margin-bottom: 0.7em!important;} 
    .mb-xxs-2{margin-bottom: 1em!important;} 
    .mb-xxs-3{margin-bottom: 1.5em!important;} 
    .mb-xxs-4{margin-bottom: 2em!important;}
    .mb-xxs-5{margin-bottom: 3em!important;}
    .mb-xxs-6{margin-bottom: 4em!important;} 


    .mr-xxs-auto{margin-right: auto!important;} 
    .mr-xxs-0{margin-right: 0!important} 
    .mr-xxs-1{margin-right: 0.7em!important;} 
    .mr-xxs-2{margin-right: 1em!important;} 
    .mr-xxs-3{margin-right: 1.5em!important;} 
    .mr-xxs-4{margin-right: 2em!important;} 
    .mr-xxs-5{margin-right: 3em!important;} 
    .mr-xxs-6{margin-right: 4em!important;} 


    .ml-xxs-auto{margin-left: auto!important;}  
    .ml-xxs-0{margin-left: 0!important;} 
    .ml-xxs-1{margin-left: 0.7em!important;} 
    .ml-xxs-2{margin-left: 1em!important;} 
    .ml-xxs-3{margin-left: 1.5em!important;} 
    .ml-xxs-4{margin-left: 2em!important;} 
    .ml-xxs-5{margin-left: 3em!important;} 
    .ml-xxs-6{margin-left: 4em!important;} 

    .text-left-xxs      {text-align: left;}
    .text-center-xxs     {text-align: center;}
    .text-right-xxs     {text-align: right}
    .text-justify-xxs   {text-align: justify;}

    .lh-xxs-1     {line-height: 1}
    .lh-xxs-1-1   {line-height: 1.1}
    .lh-xxs-1-2   {line-height: 1.2}
    .lh-xxs-1-3   {line-height: 1.3}
    .lh-xxs-1-4   {line-height: 1.4}
    .lh-xxs-1-5   {line-height: 1.5}


    .p-xxs-auto{padding: auto!important;}
    .p-xxs-0{padding: 0!important;}
    .p-xxs-1{padding: .7em!important;}
    .p-xxs-2{padding: 1em!important;}
    .p-xxs-3{padding: 1.5em!important;}
    .p-xxs-4{padding: 2em!important;}
    .p-xxs-5{padding: 3em!important;}
    .p-xxs-6{padding: 4em!important;}

    .pt-xxs-0{padding-top: 0!important;}
    .pt-xxs-1{padding-top: 0.7em!important;}
    .pt-xxs-2{padding-top: 1em!important;}
    .pt-xxs-3{padding-top: 1.5em!important;}
    .pt-xxs-4{padding-top: 2em!important;} 
    .pt-xxs-5{padding-top: 3em!important;} 
    .pt-xxs-6{padding-top: 4em!important;} 

    .pb-xxs-0{padding-bottom: 0!important;} 
    .pb-xxs-1{padding-bottom: 0.7em!important;} 
    .pb-xxs-2{padding-bottom: 1em!important;} 
    .pb-xxs-3{padding-bottom: 1.5em!important;} 
    .pb-xxs-4{padding-bottom: 2em!important;}
    .pb-xxs-5{padding-bottom: 3em!important;}
    .pb-xxs-6{padding-bottom: 4em!important;}

    .pr-xxs-0{padding-right: 0!important;} 
    .pr-xxs-1{padding-right: 0.7em!important;} 
    .pr-xxs-2{padding-right: 1em!important;} 
    .pr-xxs-3{padding-right: 1.5em!important;} 
    .pr-xxs-4{padding-right: 2em!important;} 
    .pr-xxs-5{padding-right: 3em!important;} 
    .pr-xxs-6{padding-right: 4em!important;} 

    .pl-xxs-0{padding-left: 0!important;} 
    .pl-xxs-1{padding-left: 0.7em!important;} 
    .pl-xxs-2{padding-left: 1em!important;} 
    .pl-xxs-3{padding-left: 1.5em!important;} 
    .pl-xxs-4{padding-left: 2em!important;}
    .pl-xxs-5{padding-left: 3em!important;}
    .pl-xxs-6{padding-left: 4em!important;}

    .fs-xxs-0-5{ font-size: 0.8em; }
    .fs-xxs-0-6{ font-size: 0.8em; }
    .fs-xxs-0-7{ font-size: 0.8em; }
    .fs-xxs-0-8{ font-size: 0.8em; }
    .fs-xxs-0-9{ font-size: 0.9em; }
    .fs-xxs-1{   font-size: 1em; }
    .fs-xxs-1-1{ font-size: 1.1em; }
    .fs-xxs-1-2{ font-size: 1.2em; }
    .fs-xxs-1-3{ font-size: 1.3em; }
    .fs-xxs-1-4{ font-size: 1.4em; }
    .fs-xxs-1-5{ font-size: 1.5em; }
    .fs-xxs-1-6{ font-size: 1.6em; }
    .fs-xxs-1-7{ font-size: 1.7em; }
    .fs-xxs-1-8{ font-size: 1.8em; }
    .fs-xxs-1-9{ font-size: 1.9em; }
    .fs-xxs-2{   font-size: 2em; }
    .fs-xxs-2-1{ font-size: 2.1em; }
    .fs-xxs-2-2{ font-size: 2.2em; }
    .fs-xxs-2-3{ font-size: 2.3em; }
    .fs-xxs-2-4{ font-size: 2.4em; }
    .fs-xxs-2-5{ font-size: 2.5em; }
    .fs-xxs-2-6{ font-size: 2.6em; }
    .fs-xxs-2-7{ font-size: 2.7em; }
    .fs-xxs-2-8{ font-size: 2.8em; }
    .fs-xxs-2-9{ font-size: 2.9em; }
    .fs-xxs-3{   font-size: 3em; }
    .fs-xxs-3-1{ font-size: 3.1em; }
    .fs-xxs-3-2{ font-size: 3.2em; }
    .fs-xxs-3-3{ font-size: 3.3em; }
    .fs-xxs-3-4{ font-size: 3.4em; }
    .fs-xxs-3-5{ font-size: 3.5em; }
    .fs-xxs-3-6{ font-size: 3.6em; }
    .fs-xxs-3-7{ font-size: 3.7em; }
    .fs-xxs-3-8{ font-size: 3.8em; }
    .fs-xxs-3-9{ font-size: 3.9em; }
    .fs-xxs-4{   font-size: 4em; }

    .d-xxs-none{         display: none!important;}
    .d-xxs-block{        display: block!important;}
    .d-xxs-flex{         display: flex!important;}
    .d-xxs-inline{       display: inline!important;}
    .d-xxs-contents{     display: contents!important;}
    .d-xxs-grid{         display: grid!important;}
    .d-xxs-inline-block{ display: inline-block!important;}
    .d-xxs-inline-flex{  display: inline-flex!important;}
    .d-xxs-inline-grid{  display: inline-flex!important;}
    .d-xxs-inline-table{ display: inline-table!important;}
    .d-xxs-table{        display: table!important;}
    .d-xxs-initial{      display: initial!important;}
    .d-xxs-inherit{      display: inherit!important;}
    
    .max-xxs-100{ max-width: 100px!important; }
    .max-xxs-150{ max-width: 150px!important; }
    .max-xxs-200{ max-width: 200px!important; }
    .max-xxs-250{ max-width: 250px!important; }
    .max-xxs-300{ max-width: 300px!important; }
    .max-xxs-350{ max-width: 350px!important; }
    .max-xxs-400{ max-width: 400px!important; }
    .max-xxs-450{ max-width: 450px!important; }
    .max-xxs-500{ max-width: 500px!important; }
    .max-xxs-600{ max-width: 600px!important; }
    .max-xxs-700{ max-width: 700px!important; }
    .max-xxs-800{ max-width: 800px!important; }
    .max-xxs-900{ max-width: 900px!important; }
    .max-xxs-1000{ max-width: 1000px!important; }
    .max-xxs-100p{max-width: 100%!important;}

    .column-xxs-1{  column-count: 1;}
    .column-xxs-2{  column-count: 2;}
    .column-xxs-3{  column-count: 3;}
    .column-xxs-4{  column-count: 4;}
    .column-xxs-5{  column-count: 5;}

    .full-width-xxs{ width: 100%!important; }
    .full-height-xxs{ height: 100%!important;  }

    .bg-dark-gray-xxs{ background-color: #4A4A4A; color: #e5e5e5;}
    .bg-gray-xxs{ background-color: #D0D0D0; color: #000; }
    .bg-peach-xxs{ background-color: #F9F8F3;  }
    .bg-white-xxs{ background-color: #fff; }
    .bg-white-transparent-xxs{ background-color: #ffffff9c; }

    .pos-relative-xxs{position: relative!important;}
    .pos-absolute-xxs{ position: absolute!important;  }

    .hidden-xxs{display: none!important;}

    .flex-no-wrap-xxs{ flex-wrap: nowrap!important; }
    .flex-wrap-xxs{ flex-wrap: wrap!important; }
    .justify-content-center-xxs { justify-content: center !important; }
    .justify-content-start-xxs { justify-content: flex-start !important; }
    .justify-content-end-xxs { justify-content: flex-end !important; }
    .justify-content-between-xxs { justify-content: space-between !important; }
    .justify-content-around-xxs { justify-content: space-around !important; }
    .justify-content-evenly-xxs { justify-content: space-evenly !important; }

    .brad-xxs-0{ border-radius: 0!important; }
    .brad-xxs-1{ border-radius: 1em!important; }
    .brad-xxs-2{ border-radius: 2em!important; }
    .brad-xxs-3{ border-radius: 3em!important; }
    .brad-xxs-4{ border-radius: 4em!important; }
    .brad-xxs-5{ border-radius: 5em!important; }
    .brad-xxs-6{ border-radius: 6em!important; }
    .brad-xxs-7{ border-radius: 7em!important; }
    .brad-xxs-8{ border-radius: 8em!important; }
    .brad-xxs-9{ border-radius: 9em!important; }
    .brad-xxs-10{ border-radius: 10em!important; }
    

    .obj-fit-cover-xxs { object-fit: cover; }
    .obj-fit-contain-xxs { object-fit: contain; }
    .obj-fit-fill-xxs { object-fit: fill; }
    .obj-fit-none-xxs { object-fit: none; }
    .obj-fit-scale-down-xxs { object-fit: scale-down; }
    .obj-fit-position-center-xxs { object-position: center; }
    .obj-fit-position-top-xxs { object-position: top; }
    .obj-fit-position-bottom-xxs { object-position: bottom; }
    .obj-fit-position-left-xxs { object-position: left; }
    .obj-fit-position-right-xxs { object-position: right; }
    .obj-fit-position-top-left-xxs { object-position: top left; }
    .obj-fit-position-top-right-xxs { object-position: top right; }
    .obj-fit-position-bottom-left-xxs { object-position: bottom left; }
    .obj-fit-position-bottom-right-xxs { object-position: bottom right; }

    .f-height-2-xxs { height: 200px; }
    .f-height-3-xxs { height: 300px; }
    .f-height-4-xxs { height: 400px; }
    .f-height-5-xxs { height: 500px; }
    .f-height-6-xxs { height: 600px; }
    .f-height-7-xxs { height: 700px; }
    .f-height-8-xxs { height: 800px; }
    .f-height-9-xxs { height: 900px; }
    .f-height-10-xxs { height: 1000px; }
}


@media screen and (max-width: 375px){
    .mt-xxxs-auto{margin-top: auto!important;}
    .mt-xxxs-0{margin-top: 0!important;}
    .mt-xxxs-1{margin-top: 0.7em!important;}
    .mt-xxxs-2{margin-top: 1em!important;}
    .mt-xxxs-3{margin-top: 1.5em!important;}
    .mt-xxxs-4{margin-top: 2em!important;} 
    .mt-xxxs-5{margin-top: 3em!important;} 
    .mt-xxxs-6{margin-top: 4em!important;} 

    .mb-xxxs-auto{margin-bottom: auto!important;} 
    .mb-xxxs-0{margin-bottom: 0!important} 
    .mb-xxxs-1{margin-bottom: 0.7em!important;} 
    .mb-xxxs-2{margin-bottom: 1em!important;} 
    .mb-xxxs-3{margin-bottom: 1.5em!important;} 
    .mb-xxxs-4{margin-bottom: 2em!important;}
    .mb-xxxs-5{margin-bottom: 3em!important;}
    .mb-xxxs-6{margin-bottom: 4em!important;} 


    .mr-xxxs-auto{margin-right: auto!important;} 
    .mr-xxxs-0{margin-right: 0!important} 
    .mr-xxxs-1{margin-right: 0.7em!important;} 
    .mr-xxxs-2{margin-right: 1em!important;} 
    .mr-xxxs-3{margin-right: 1.5em!important;} 
    .mr-xxxs-4{margin-right: 2em!important;} 
    .mr-xxxs-5{margin-right: 3em!important;} 
    .mr-xxxs-6{margin-right: 4em!important;} 


    .ml-xxxs-auto{margin-left: auto!important;}  
    .ml-xxxs-0{margin-left: 0!important;} 
    .ml-xxxs-1{margin-left: 0.7em!important;} 
    .ml-xxxs-2{margin-left: 1em!important;} 
    .ml-xxxs-3{margin-left: 1.5em!important;} 
    .ml-xxxs-4{margin-left: 2em!important;} 
    .ml-xxxs-5{margin-left: 3em!important;} 
    .ml-xxxs-6{margin-left: 4em!important;} 

    .text-left-xxxs      {text-align: left;}
    .text-center-xxxs     {text-align: center;}
    .text-right-xxxs     {text-align: right}
    .text-justify-xxxs   {text-align: justify;}

    .lh-xxxs-1     {line-height: 1}
    .lh-xxxs-1-1   {line-height: 1.1}
    .lh-xxxs-1-2   {line-height: 1.2}
    .lh-xxxs-1-3   {line-height: 1.3}
    .lh-xxxs-1-4   {line-height: 1.4}
    .lh-xxxs-1-5   {line-height: 1.5}


    .p-xxxs-auto{padding: auto!important;}
    .p-xxxs-0{padding: 0!important;}
    .p-xxxs-1{padding: .7em!important;}
    .p-xxxs-2{padding: 1em!important;}
    .p-xxxs-3{padding: 1.5em!important;}
    .p-xxxs-4{padding: 2em!important;}
    .p-xxxs-5{padding: 3em!important;}
    .p-xxxs-6{padding: 4em!important;}

    .pt-xxxs-0{padding-top: 0!important;}
    .pt-xxxs-1{padding-top: 0.7em!important;}
    .pt-xxxs-2{padding-top: 1em!important;}
    .pt-xxxs-3{padding-top: 1.5em!important;}
    .pt-xxxs-4{padding-top: 2em!important;} 
    .pt-xxxs-5{padding-top: 3em!important;} 
    .pt-xxxs-6{padding-top: 4em!important;} 

    .pb-xxxs-0{padding-bottom: 0!important;} 
    .pb-xxxs-1{padding-bottom: 0.7em!important;} 
    .pb-xxxs-2{padding-bottom: 1em!important;} 
    .pb-xxxs-3{padding-bottom: 1.5em!important;} 
    .pb-xxxs-4{padding-bottom: 2em!important;}
    .pb-xxxs-5{padding-bottom: 3em!important;}
    .pb-xxxs-6{padding-bottom: 4em!important;}

    .pr-xxxs-0{padding-right: 0!important;} 
    .pr-xxxs-1{padding-right: 0.7em!important;} 
    .pr-xxxs-2{padding-right: 1em!important;} 
    .pr-xxxs-3{padding-right: 1.5em!important;} 
    .pr-xxxs-4{padding-right: 2em!important;} 
    .pr-xxxs-5{padding-right: 3em!important;} 
    .pr-xxxs-6{padding-right: 4em!important;} 

    .pl-xxxs-0{padding-left: 0!important;} 
    .pl-xxxs-1{padding-left: 0.7em!important;} 
    .pl-xxxs-2{padding-left: 1em!important;} 
    .pl-xxxs-3{padding-left: 1.5em!important;} 
    .pl-xxxs-4{padding-left: 2em!important;}
    .pl-xxxs-5{padding-left: 3em!important;}
    .pl-xxxs-6{padding-left: 4em!important;}

    .fs-xxxs-0-5{ font-size: 0.8em; }
    .fs-xxxs-0-6{ font-size: 0.8em; }
    .fs-xxxs-0-7{ font-size: 0.8em; }
    .fs-xxxs-0-8{ font-size: 0.8em; }
    .fs-xxxs-0-9{ font-size: 0.9em; }
    .fs-xxxs-1{   font-size: 1em; }
    .fs-xxxs-1-1{ font-size: 1.1em; }
    .fs-xxxs-1-2{ font-size: 1.2em; }
    .fs-xxxs-1-3{ font-size: 1.3em; }
    .fs-xxxs-1-4{ font-size: 1.4em; }
    .fs-xxxs-1-5{ font-size: 1.5em; }
    .fs-xxxs-1-6{ font-size: 1.6em; }
    .fs-xxxs-1-7{ font-size: 1.7em; }
    .fs-xxxs-1-8{ font-size: 1.8em; }
    .fs-xxxs-1-9{ font-size: 1.9em; }
    .fs-xxxs-2{   font-size: 2em; }
    .fs-xxxs-2-1{ font-size: 2.1em; }
    .fs-xxxs-2-2{ font-size: 2.2em; }
    .fs-xxxs-2-3{ font-size: 2.3em; }
    .fs-xxxs-2-4{ font-size: 2.4em; }
    .fs-xxxs-2-5{ font-size: 2.5em; }
    .fs-xxxs-2-6{ font-size: 2.6em; }
    .fs-xxxs-2-7{ font-size: 2.7em; }
    .fs-xxxs-2-8{ font-size: 2.8em; }
    .fs-xxxs-2-9{ font-size: 2.9em; }
    .fs-xxxs-3{   font-size: 3em; }
    .fs-xxxs-3-1{ font-size: 3.1em; }
    .fs-xxxs-3-2{ font-size: 3.2em; }
    .fs-xxxs-3-3{ font-size: 3.3em; }
    .fs-xxxs-3-4{ font-size: 3.4em; }
    .fs-xxxs-3-5{ font-size: 3.5em; }
    .fs-xxxs-3-6{ font-size: 3.6em; }
    .fs-xxxs-3-7{ font-size: 3.7em; }
    .fs-xxxs-3-8{ font-size: 3.8em; }
    .fs-xxxs-3-9{ font-size: 3.9em; }
    .fs-xxxs-4{   font-size: 4em; }

    .d-xxxs-none{         display: none;}
    .d-xxxs-block{        display: block;}
    .d-xxxs-flex{         display: flex;}
    .d-xxxs-inline{       display: inline;}
    .d-xxxs-contents{     display: contents;}
    .d-xxxs-grid{         display: grid;}
    .d-xxxs-inline-block{ display: inline-block;}
    .d-xxxs-inline-flex{  display: inline-flex;}
    .d-xxxs-inline-grid{  display: inline-flex;}
    .d-xxxs-inline-table{ display: inline-table;}
    .d-xxxs-table{        display: table;}
    .d-xxxs-initial{      display: initial;}
    .d-xxxs-inherit{      display: inherit;}

    .column-xxxs-1{  column-count: 1;}
    .column-xxxs-2{  column-count: 2;}
    .column-xxxs-3{  column-count: 3;}
    .column-xxxs-4{  column-count: 4;}
    .column-xxxs-5{  column-count: 5;}
    
    .full-width-xxs{ width: 100%!important; }
    .full-height-xxs{ height: 100%!important;  }

    .hidden-xxxs{display: none!important;}
    .flex-no-wrap-xxxs{ flex-wrap: nowrap!important; }
    .flex-wrap-xxxs{ flex-wrap: wrap!important; }
    .justify-content-center-xxxs { justify-content: center !important; }
    .justify-content-start-xxxs { justify-content: flex-start !important; }
    .justify-content-end-xxxs { justify-content: flex-end !important; }
    .justify-content-between-xxxs { justify-content: space-between !important; }
    .justify-content-around-xxxs { justify-content: space-around !important; }
    .justify-content-evenly-xxxs { justify-content: space-evenly !important; }

    .brad-xxxs-0{ border-radius: 0!important; }
    .brad-xxxs-1{ border-radius: 1em!important; }
    .brad-xxxs-2{ border-radius: 2em!important; }
    .brad-xxxs-3{ border-radius: 3em!important; }
    .brad-xxxs-4{ border-radius: 4em!important; }
    .brad-xxxs-5{ border-radius: 5em!important; }
    .brad-xxxs-6{ border-radius: 6em!important; }
    .brad-xxxs-7{ border-radius: 7em!important; }
    .brad-xxxs-8{ border-radius: 8em!important; }
    .brad-xxxs-9{ border-radius: 9em!important; }
    .brad-xxxs-10{ border-radius: 10em!important; }


    .obj-fit-cover-xxxs { object-fit: cover; }
    .obj-fit-contain-xxxs { object-fit: contain; }
    .obj-fit-fill-xxxs { object-fit: fill; }
    .obj-fit-none-xxxs { object-fit: none; }
    .obj-fit-scale-down-xxxs { object-fit: scale-down; }
    .obj-fit-position-center-xxxs { object-position: center; }
    .obj-fit-position-top-xxxs { object-position: top; }
    .obj-fit-position-bottom-xxxs { object-position: bottom; }
    .obj-fit-position-left-xxxs { object-position: left; }
    .obj-fit-position-right-xxxs { object-position: right; }
    .obj-fit-position-top-left-xxxs { object-position: top left; }
    .obj-fit-position-top-right-xxxs { object-position: top right; }
    .obj-fit-position-bottom-left-xxxs { object-position: bottom left; }
    .obj-fit-position-bottom-right-xxxs { object-position: bottom right; }

    .f-height-2-xxxs { height: 200px; }
    .f-height-3-xxxs { height: 300px; }
    .f-height-4-xxxs { height: 400px; }
    .f-height-5-xxxs { height: 500px; }
    .f-height-6-xxxs { height: 600px; }
    .f-height-7-xxxs { height: 700px; }
    .f-height-8-xxxs { height: 800px; }
    .f-height-9-xxxs { height: 900px; }
    .f-height-10-xxxs { height: 1000px; }
}



@media screen and ( min-width: 641px ){
    .col-sm-12{ width: 100%;}
    .col-sm-11{ width: 91.667%;}
    .col-sm-10{ width: 83.33%;}
    .col-sm-9{ width: 75%;}
    .col-sm-8{ width: 66.667%;}
    .col-sm-7{ width: 58.33%;}
    .col-sm-6{ width: 50%;}
    .col-sm-5{ width: 41.667%;}
    .col-sm-4{ width: 33.33%;}
    .col-sm-3{ width: 25%;}
    .col-sm-2{ width: 16.667%;}
    .col-sm-1{ width: 8.33%;}

    .reverse-column-sm{
        flex-flow: column-reverse;
    }
}


@media screen and ( min-width: 769px ){
    .col-md-12{ width: 100%;}
    .col-md-11{ width: 91.667%;}
    .col-md-10{ width: 83.33%;}
    .col-md-9{ width: 75%;}
    .col-md-8{ width: 66.667%;}
    .col-md-7{ width: 58.33%;}
    .col-md-6{ width: 50%;}
    .col-md-5{ width: 41.667%;}
    .col-md-4{ width: 33.33%;}
    .col-md-3{ width: 25%;}
    .col-md-2{ width: 16.667%;}
    .col-md-1{ width: 8.33%;}
    
    
    
    
}
 


@media screen and ( min-width: 991px ){
    .col-lg-12{ width: 100%;}
    .col-lg-11{ width: 91.667%;}
    .col-lg-10{ width: 83.33%;}
    .col-lg-9{ width: 75%;}
    .col-lg-8{ width: 66.667%;}
    .col-lg-7{ width: 58.33%;}
    .col-lg-6{ width: 50%;}
    .col-lg-5{ width: 41.667%;}
    .col-lg-4{ width: 33.33%;}
    .col-lg-3{ width: 25%;}
    .col-lg-2{ width: 16.667%;}
    .col-lg-1{ width: 8.33%;}
}