@charset "UTF-8";
/*Radius*/
.bradius5px {
   border-radius: 5px !important;
}
.d-flex {
   display: flex;
}
.center-align {
   align-items: center;
}		   
/*Spacings*/
/*Large spaces*/
.py-lg-8 {
   padding-top: 8rem;
   padding-bottom: 8rem;
}
.overflow-hidden {
   position: relative;
   overflow: hidden;
}
.pt-lg-8 {
   padding-top: 8rem;
}
.pb-lg-8 {
   padding-bottom: 8rem;
}
.pt-lg-7 {
   padding-top: 7rem;
}
.pb-lg-7 {
   padding-bottom: 6rem;
}
.pt-lg-6 {
   padding-top: 6rem;
}
.pb-lg-6 {
   padding-bottom: 6rem;
}
.pt-lg-4 {
   padding-top: 4rem;
}
.pb-lg-4 {
   padding-bottom: 4rem;
}
.pt-lg-3 {
   padding-top: 3rem;
}
.pb-lg-3 {
   padding-bottom: 3rem;
}
.pt-lg-9 {
   padding-top: 9rem;
}
.pt-lg-5 {
   padding-top: 5rem;
}
.pb-lg-5 {
   padding-bottom: 5rem;
}
.pl-lg-8 {
   padding-left: 7em;
}
.ml-lg-8 {
   margin-left: 7em;
}
.pb-fix-30 {
   padding-bottom: 30px;
}
.pb-fix-20 {
   padding-bottom: 20px;
}
.pt-fix-48 {
   padding-top: 48px;
}
.font-medium {
   font-size: 1.313rem;
}
.border-top-grey {
   border-top: solid 1px var(--grayline);
}
.border-btm-grey {
   border-bottom: solid 1px var(--grayline);
}
.border-all {
   border: solid 1px var(--grayline);
}
.text-underline {
   text-decoration: underline;
}
.unbold {
   font-weight: 400 !important;
}
.textL {
   text-align: left;
}
.textR {
   text-align: right;
}
.no-justify {
   justify-content: unset !important;
}
.border-full-grey {
   border: solid 1px var(--grayline);
}
.grey-border {
   border-color: var(--grayline);
}
.grey-bg {
   background-color: #F2ECEB;
}
.lgt-grey-bg {
   background-color: #f5f5f9;
}
.black-bg {
   background-color: var(--black);
}
.linehgt28 {
   line-height: 28px;
}
.linehgt42 {
   line-height: 42px !important;
}
.linehgt24 {
   line-height: 24px !important;
}
.linehgt0 {
   line-height: 0 !important;
}
.f-start {
   justify-content: flex-start !important;
}
.image-wrapper {
   width: 100%;
   height: 100%;
   overflow: hidden;
}
.image-wrapper img {
   object-fit: cover;
   height: 100%;
}
@media screen and (max-width: 1024px) {
   .image-wrapper img {
    height: initial;
   }
}
/*Small SPaces*/
.h-100 {
   height: 100% !important;
}
.h-350 {
   height: 350px;
}
.h-500 {
   height: 500px;
}
.h-150 {
   height: 150px !important;
}
.h-210 {
   height: 210px !important;
}
.w-100 {
   width: 100%;
}
.my-0 {
   margin-top: 0;
   margin-bottom: 0;
}
.my-1 {
   margin-top: .5rem;
   margin-bottom: .5rem;
}
.my-1 {
   margin-top: .5rem;
   margin-bottom: .5rem;
}
.my-2 {
   margin-top: 1rem;
   margin-bottom: 1rem;
}
.my-3 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
}
.my-4 {
   margin-top: 2rem;
   margin-bottom: 1.5rem;
}
.my-5 {
   margin-top: 2rem;
   margin-bottom: 1.5rem;
}
.py-0 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}
.p-0 {
   padding: 0 !important
}
.py-1 {
   padding-top: .5rem;
   padding-bottom: .5rem;
}
.py-1 {
   padding-top: .5rem;
   padding-bottom: .5rem;
}
.py-2 {
   padding-top: 1rem;
   padding-bottom: 1rem;
}
.py-3 {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
}
.py-4 {
   padding-top: 2rem;
   padding-bottom: 2rem;
}
.py-5 {
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
}
.py-6 {
   padding-top: 3rem;
   padding-bottom: 3rem;
}
.py-7 {
   padding-top: 3.5rem;
   padding-bottom: 3.5rem;
}
.px-0 {
   padding-left: 0;
   padding-right: 0;
}
.py-1 {
   padding-top: .5rem !important;
   padding-bottom: .5rem !important;
}
.px-1 {
   padding-left: .5rem !important;
   padding-right: .5rem !important;
}
.px-2 {
   padding-left: 1rem !important;
   padding-right: 1rem !important;
}
.px-3 {
   padding-right: 1.5rem !important;
   padding-left: 1.5rem !important;
}
.px-4 {
   padding-right: 2rem !important;
   padding-left: 1.5rem !important;
}
.px-5 {
   padding-left: 2rem !important;
   padding-right: 1.5rem !important;
}
.mx-0 {
   margin-left: 0;
   margin-right: 0;
}
.mx-1 {
   margin-left: .5rem;
   margin-right: .5rem;
}
.mx-1 {
   margin-left: .5rem;
   margin-right: .5rem;
}
.mx-2 {
   margin-left: 1rem;
   margin-right: 1rem;
}
.mx-3 {
   margin-right: 1.5rem;
   margin-left: 1.5rem;
}
.mx-4 {
   margin-right: 2rem;
   margin-left: 1.5rem;
}
.mx-5 {
   margin-left: 2rem;
   margin-right: 1.5rem;
}
.mt-2px {
   margin-top: 2px;
}
.mt-1 {
   margin-top: .5rem !important;
}
.mt-2 {
   margin-top: 1rem;
}
.mt-3 {
   margin-top: 1.5rem;
}
.mt-4 {
   margin-top: 2rem;
}
.mt-5 {
   margin-top: 3rem;
}
.mb-0 {
   margin-bottom: 0 !important;
}
.mb-1 {
   margin-bottom: .5rem !important;
}
.mb-2 {
   margin-bottom: 1rem;
}
.mb-3 {
   margin-bottom: 1.5rem;
}
.mb-4 {
   margin-bottom: 2rem;
}
.mb-5 {
   margin-bottom: 3rem;
}
.pt-1 {
   padding-top: .5rem;
}
.pt-2 {
   padding-top: 1rem !important;
}
.pt-3 {
   padding-top: 1.5rem;
}
.pt-4 {
   padding-top: 2rem;
}
.pt-5 {
   padding-top: 3rem !important;
}
.pb-0 {
   padding-bottom: 0 !important;
}
.pb-1 {
   padding-bottom: .5rem !important;
}
.pb-2 {
   padding-bottom: 1rem !important;
}
.pb-3 {
   padding-bottom: 1.5rem !important;
}
.pb-4 {
   padding-bottom: 2rem !important;
}
.pb-5 {
   padding-bottom: 2.5rem !important;
}
.ml-1 {
   margin-left: .5rem !important;
}
.ml-2 {
   margin-left: 1rem !important;
}
.ml-3 {
   margin-left: 1.5rem !important;
}
.ml-4 {
   margin-left: 2rem !important;
}
.ml-5 {
   margin-left: 2.5rem !important;
}
.mr-1 {
   margin-right: .5rem !important;
}
.mr-2 {
   margin-right: 1rem !important;
}
.mr-3 {
   margin-right: 1.5rem !important;
}
.mr-4 {
   margin-right: 2rem !important;
}
.mr-5 {
   margin-right: 2.5rem !important;
}
.pl-0 {
   padding-left: 0 !important;
}
.pl-1 {
   padding-left: .5em;
}
.pl-2 {
   padding-left: 1em;
}
.pl-3 {
   padding-left: 1.5em;
}
.pl-4 {
   padding-left: 2em;
}
.pl-5 {
   padding-left: 2.5em;
}
.pl-6 {
   padding-left: 3em;
}
.pr-0 {
   padding-right: 0;
}
.pr-1 {
   padding-right: .5em;
}
.pr-2 {
   padding-right: 1em;
}
.pr-3 {
   padding-right: 1.5em;
}
.pr-4 {
   padding-right: 2em;
}
.pr-5 {
   padding-right: 2.5em;
}
.pr-6 {
   padding-right: 3em;
}
.pt-0 {
   padding-top: 0 !important;
}
.mt-0 {
   margin-top: 0 !important;
}
.mb-5px {
   margin-bottom: 5px !important;
}
.mb-3px {
   margin-bottom: 3px !important;
}
.mb-2px {
   margin-bottom: 2px !important;
}
@media screen and (max-width: 991px) {
   .mb-xs-sm-1 {
      margin-bottom: .5rem;
   }
   .mb-xs-sm-2 {
      margin-bottom: 1rem;
   }
}
@media screen and (max-width: 768px) {
   .mt-xs-1 {
      margin-top: .5rem;
   }
   .ml-xs-0 {
      margin-left: 0 !important;
   }
   .mt-xs-2 {
      margin-top: 1rem;
   }
   .mt-xs-3 {
      margin-top: 1.5rem;
   }
   .mt-xs-4 {
      margin-top: 2rem;
   }
   .mt-xs-5 {
      margin-top: 3rem;
   }
   .pl-xs-0 {
      padding-left: 0;
   }
   .pr-xs-0 {
      padding-right: 0;
   }
   .pt-xs-0 {
      padding-top: 0;
   }
   .pb-xs-0 {
      padding-bottom: 0;
   }
   .pb-xs-2 {
      padding-bottom: 2rem;
   }
   .pt-xs-2 {
      padding-top: 2rem;
   }
   .px-xs-0 {
      padding-left: 0;
      padding-right: 0;
   }
   .py-xs-0 {
      padding-top: 0;
      padding-bottom: 0;
   }
   .px-xs-1 {
      padding-left: 1rem;
      padding-right: 1rem;
   }
   .mb-xs-1 {
      margin-bottom: .5rem;
   }
   .mb-xs-2 {
      margin-bottom: 1rem;
   }
   .mb-xs-3 {
      margin-bottom: 2.5rem;
   }
   .mb-xs-4 {
      margin-bottom: 3rem;
   }
   .mb-xs-5 {
      margin-bottom: 3.5rem;
   }
   .order-xs-t {
      order: -1 !important;
   }
   .pl-xs-1 {
      padding-left: .5em;
   }
   .pl-xs-2 {
      padding-left: 1em;
   }
   .pl-xs-3 {
      padding-left: 1.5em;
   }
   .pl-xs-4 {
      padding-left: 2em;
   }
   .pl-xs-5 {
      padding-left: 2.5em;
   }
   .pr-xs-1 {
      padding-right: .5rem;
   }
   .pr-xs-2 {
      padding-right: 1rem;
   }
   .pr-xs-3 {
      padding-right: 1.5rem;
   }
   .pr-xs-4 {
      padding-right: 2rem;
   }
   .mr-xs-3 {
      margin-right: 1.5rem;
   }
   .mr-xs-4 {
      margin-right: 2rem;
   }
   .pt-xs-1 {
      padding-top: .5rem;
   }
   .pt-xs-2 {
      padding-top: 1rem;
   }
   .pt-xs-3 {
      padding-top: 1.5rem;
   }
   .pt-xs-4 {
      padding-top: 2rem;
   }
   .pb-xs-3 {
      padding-bottom: 1.5rem;
   }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
   .pl-sm-1 {
      padding-left: .5em;
   }
   .pr-sm-1 {
      padding-right: .5rem;
   }
   .pr-sm-2 {
      padding-right: 1rem;
   }
   .pr-sm-3 {
      padding-right: 1.5rem;
   }
   .pr-sm-4 {
      padding-right: 2rem;
   }
   .mr-sm-4 {
      margin-right: 2rem;
   }
   .mr-sm-3 {
      margin-right: 1.5rem;
   }
   .order-sm-t {
      order: -1 !important;
   }
   .pl-sm-2 {
      padding-left: 1em;
   }
   .pl-sm-3 {
      padding-left: 1.5em;
   }
   .pl-sm-4 {
      padding-left: 2em;
   }
   .pl-sm-5 {
      padding-left: 2.5em;
   }
   .mt-sm-1 {
      margin-top: .5rem;
   }
   .mt-sm-2 {
      margin-top: 1rem;
   }
   .mt-sm-3 {
      margin-top: 1.5rem;
   }
   .mt-sm-4 {
      margin-top: 2rem;
   }
   .mt-sm-5 {
      margin-top: 3rem;
   }
   .pl-sm-0 {
      padding-left: 0;
   }
   .px-sm-1 {
      padding-left: 1rem;
      padding-right: 1rem;
   }
   .pr-sm-0 {
      padding-right: 0;
   }
   .pt-sm-0 {
      padding-top: 0;
   }
   .pt-sm-1 {
      padding-top: .5rem;
   }
   .pt-sm-2 {
      padding-top: 1rem;
   }
   .pt-sm-3 {
      padding-top: 1.5rem;
   }
   .pt-sm-4 {
      padding-top: 2rem;
   }
   .pt-sm-5 {
      padding-top: 2.5rem;
   }
   .pb-sm-0 {
      padding-top: 0;
   }
   .px-sm-0 {
      padding-left: 0;
      padding-right: 0;
   }
   .py-sm-0 {
      padding-top: 0;
      padding-bottom: 0;
   }
   .mb-sm-1 {
      margin-bottom: .5rem;
   }
   .mb-sm-2 {
      margin-bottom: 1rem;
   }
   .mb-sm-3 {
      margin-bottom: 2.5rem;
   }
   .mb-sm-4 {
      margin-bottom: 3rem;
   }
   .mb-sm-5 {
      margin-bottom: 3.5rem;
   }
   .pb-sm-3 {
      padding-bottom: 1.5rem;
   }
}
/*General*/
.floatR {
   float: right;
}
.floatL {
   float: left;
}
.linehgtzero {
   line-height: 0;
}
.dflex {
   display: flex;
}
.sticky {
   position: -webkit-sticky;
   /* Safari */
   position: sticky;
   top: 0;
}
.full-height {
   min-height: calc(100% - 345px);
}
.ml-auto {
   margin-left: auto;
}
.zindex1 {
   z-index: 1;
}
.white-txt {
   color: var(--white) !important;
}
.purple-txt {
   color: var(--violet) !important;
}
.white-bg {
   background: var(--white);
}
.black-txt {
   color: var(--black) !important;
}
.grey-txt {
   color: var(--grayline) !important;
}
.middle-grey-txt {
   color: var(--middlegrey) !important;
}
.dark-grey-txt {
   color: var(--darkgrey) !important;
}
.fbold {
   font-weight: bold !important;
}
.fnormal {
   font-weight: normal !important;
}
.f18 {
   font-size: 18px !important;
}
.f14 {
   font-size: 14px !important;
}
.f36 {
   font-size: 36px;
}
.align-baseline {
   align-items: baseline;
}
.f28 {
   font-size: 28px;
}
.f23 {
   font-size: 23px !important;
   line-height: 32px;
}
.f16 {
   font-size: 16px !important;
}
.f24 {
   font-size: 24px !important;
}
.f21 {
   font-size: 21px !important;
   line-height: 27px;
}
.f36 {
   font-size: 36px !important;
}
.f12 {
   font-size: 12px !important;
}
.f48 {
   font-size: 48px;
   line-height: 50px;
}
.f20 {
   font-size: 20px !important;
}
.br-btm-0 {
   border-bottom: 0 !important;
}
.para-font {
   font-family: var(--para-font);
}
.secondary-font {
   font-family: var(--subheader-font);
}
.primary-font {
   font-family: var(--main-font) !important;
}
.fcaps {
   text-transform: uppercase;
}
.tt-none {
   text-transform: none !important;
}
/*Define Colors*/
.txtblue {
   color: var(--blue);
}
.red {
   color: red;
}
.txtviolet {
   color: var(--violet);
}
.txtgreen {
   color: var(--green) !important;
}
.txtbrightpink {
   color: var(--brightpink);
}
.twilightbg {
   background: var(--twilight)
}
.macgreenbg {
   background: var(--macgreen) !important
}
.deeptealbg {
   background: var(--deepteal);
}
.lakebg {
   background: var(--lake);
}
.mediumtealbg {
   background: var(--mediumteal);
}
.sweetpeabg {
   background: var(--sweetpea);
}
.parrotgreenbg {
   background: var(--parrotgreen);
}
.tealbg {
   background: var(--teal) !important;
}
.darkgreybg {
   background: #3F3C3C;
   background-image: none !important;
}
.violetbg {
   background: var(--violet);
}
.lightbluebg {
   background: #87C8DE;
}
.emeraldbg {
   background: var(--emerald);
}
.deeppurplebg {
   background: var(--deeppurple) !important;
}
.navybluebg {
   background: var(--navyblue);
}
.bluebg {
   background: var(--blue) !important;
}
.orangebg {
   background-color: #ffb756 !important;
}
.greenbg {
   background: var(--green);
}
.lavenderbg {
   background-color: #896eba !important;
}
.sea {
   fill: var(--sea);
}
.deeppurple {
   fill: var(--deeppurple);
}
.teal {
   fill: var(--teal);
}
.moss {
   fill: var(--moss);
}
.sweetpea {
   fill: var(--sweetpea);
}
.green {
   fill: var(--green);
}
.lavendar {
   fill: var(--lavender);
}
.violet {
   fill: var(--violet);
}
.lake {
   fill: var(--lake)
}
.blue {
   fill: var(--blue) !important;
}
.brightpink {
   fill: var(--brightpink);
}
.deepteal {
   fill: var(--deepteal);
}
.navyblue {
   fill: var(--navyblue);
}
.sweetpea {
   fill: var(--sweetpea);
}
.mediumteal {
   fill: var(--mediumteal);
}
/*Footer colors*/
.lightblue {
   fill: var(--lightblue);
}
.sky {
   fill: var(--sky);
}
.lightpurple {
   fill: var(--lightpurple);
}
.lightteal {
   fill: var(--lightteal);
}
.lightgreen {
   fill: var(--lightgreen);
}
.lightblue1 {
   fill: var(--lightblue1);
}
.lightgreen1 {
   fill: var(--lightgreen1);
}
.lightpurple1 {
   fill: var(--lightpurple1);
}
.lightviolet {
   fill: var(--lightviolet);
}
.parrotgreen {
   fill: var(--parrotgreen);
}
.lightviolet1 {
   fill: var(--lightviolet1);
}
.lightteal1 {
   fill: var(--lightteal1);
}
.lightpink {
   fill: var(--ligthpink);
}
.bg-pebble {
   background-color: var(--pebble) !important;
}
.overflow-hide {
   overflow: hidden;
}
.ml-auto {
   margin-left: auto;
}
.mr-auto {
   margin-right: auto;
}