@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;
}

.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;
}



.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; }




  /* ALL SIDE MARGINS */
.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;}

    /* TOP MARGINS */
.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;} 

     /* BOTTOM MARGINS */
.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;} 

     /* RIGHT MARGINS */
.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;} 

     /* LEFT MARGINS */
.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;} 

      /* ALL SIDES PADDINGS */
.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;}

        /* TOP PADDINGS */
.pt-0{padding-top: 0;}
.pt-1{padding-top: 0.7em;}
.pt-2{padding-top: 1em;}
.pt-3{padding-top: 1.5em;}
.pt-4{padding-top: 2em;} 
.pt-5{padding-top: 3em;} 
.pt-6{padding-top: 4em;} 

        /* BOTTOM PADDINGS */
.pb-0{padding-bottom: 0} 
.pb-1{padding-bottom: 0.7em;} 
.pb-2{padding-bottom: 1em;} 
.pb-3{padding-bottom: 1.5em;} 
.pb-4{padding-bottom: 2em;}
.pb-5{padding-bottom: 3em;}
.pb-6{padding-bottom: 4em;}

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

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

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

.text-white{  color: #fff!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;}
.font-bigger{font-size: 1.2em;}
.lh-1{line-height: 1}

.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; }

.pos-relative{position: relative;}
.pos-absolute{ position: absolute;  }
.underscored{
    border-bottom: 2px solid;
    border-color: inherit;
}
.underlined{
    text-decoration: underline;
}


.font-0{ font-size: 1em; }
.font-1{ font-size: 1.1em; }
.font-2{ font-size: 1.2em; }
.font-3{ font-size: 1.3em; }
.font-4{ font-size: 1.4em; }
.font-5{ font-size: 1.5em; }
.font-6{ font-size: 1.6em; }
.font-7{ font-size: 1.7em; }
.font-8{ font-size: 1.8em; }
.font-9{ font-size: 1.9em; }
.font-10{ font-size: 2em; }
.font-11{ font-size: 2.1em; }
.font-12{ font-size: 2.2em; }
.font-13{ font-size: 2.3em; }
.font-14{ font-size: 2.4em; }
.font-15{ font-size: 2.5em; }
.font-16{ font-size: 2.6em; }
.font-17{ font-size: 2.7em; }
.font-18{ font-size: 2.8em; }
.font-19{ font-size: 2.9em; }
.font-20{ font-size: 3em; }
 



/*    FONT WEIGHTS  STARTS */

.font-weight-normal{
    font-weight: normal!important;
}
.fw-1{ font-weight: 600; }
.fw-2{ font-weight: 700; }
.fw-3{ font-weight: 800; }
.fw-4{ font-weight: 900; }

/*    FONT WEIGHTS  END */




.hidden{display: none;}
.pull-left{ float: left; }
.pull-right{ float: right; }
.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; }

.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: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

.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-inverse{
    flex-direction: row-reverse;
}

.img-container{width: 100%;display: flex;}
.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%;
}

.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;
}

 
.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;
}


.input-hover-label{
    position: relative;
    width: 100%;
}


.input-hover-label input{
    width: 100%;
    padding: 15px 10px;
    border-radius: 7px;
}

.input-hover-label span.label{
    position: absolute;
    left: 10px;
    top: calc(50% - 11px);
    opacity: 0.6;
    transition: ease all 0.3s;
}

.input-hover-label.focus span.label{
    opacity: 1;
    font-weight: 700;
    font-size: 12px;
    top: 2px;
}

.jumbo1{
    font-size: 1.4em;
    margin: 0;
}

.jumbo2{
    font-size: 1.5em;
    margin: 0;
}

.jumbo3{
    font-size: 2.5em;
}

.semi-title{
    font-size: 1.2em;
}

.bigger-semi-title{
    font-size: 1.3em;
}

.smaller-semi-title{
    font-size: 1.1em;
}



@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; }
    .no-padding-sm{ padding: 0; }
}
@media screen and (max-width: 640px){
    .hidden-xs{display: none!important;}
    .reverse-xs{flex-direction: column-reverse;}
    .no-padding-xs{ padding: 0; }
}



@media screen and (max-width: 400px){
    [class^="col-"]{
        width: 100%;
    }
}
@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; }
    
    
}

@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%;}
}