.lg-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.max-width-6 {
max-width: 8rem
}
.max-width-5 {
max-width: 16rem
}
.max-width-4 {
max-width: 24rem
}
.max-width-3 {
max-width: 32rem
}
.max-width-2 {
max-width: 48rem
}
.max-width-1 {
max-width: 64rem
}
.z1 {
z-index: 1
}
.z2 {
z-index: 2
}
.z3 {
z-index: 3
}
.z4 {
z-index: 4
}
.title1 {
  font-size: 3rem;
}
.title2 {
  font-size: 3.5rem;
}
.heading1 {
  font-size: 1.5rem;
}
.heading2 {
  font-size: 2rem;
}
.heading3 {
  font-size: 2.2rem;
}

.title1,
.title2,
.heading1,
.heading2,
.heading3 {
  word-wrap: break-word;
  overflow-wrap: break-word;

  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
}

.text1 {
  font-size: 20px;
}
.text2 {
  font-size: 22px;
}
.text3 {
  font-size: 24px;
}
.caption1 {
  font-size: 16px;
}
.caption2 {
  font-size: 18px;
}
.bold {
  font-weight: 700
}
.bolder {
  font-weight: 600
}
.regular {
  font-weight: 600
}
.slim {
  font-weight: 400;
}
.italic {
  font-style: italic
}
.caps {
  text-transform: uppercase;
  letter-spacing: .2em
}


.Blue {
  color: #0378a4;
}
.Night {
  color: #505050;
}

.my6,
.mb6 {
  margin-bottom: 6em;
}
.my6,
.mt6 {
  margin-top: 6em;
}
.my8,
.mt8 {
  margin-top: 8em;
}
.my8,
.mb8 {
  margin-bottom: 8em;
}

.h1 {
font-size: 42px;
}
.h1-5 {
  font-size: 36px;
}
.h2x {
font-size: 34px;
}
.h2 {
font-size: 30px;
}
.h3 {
font-size: 24px;
}
.h4 {
font-size: 20px;
}
.h5 {
font-size: 18px;
}
.h6 {
font-size: 16px;
}
.firstL::first-letter {
font-size: 1.5rem;
}
.menuBtn,
.navBtn,
.white {
color: white;
}
.text-dark {
  color: #555555;
}
.whiteBG {
background-color: #f7f7f7;
}
.font-family-inherit {
font-family: inherit
}
.font-size-inherit {
font-size: inherit
}
.menuBtn,
.navBtn,
.text-decoration-none {
text-decoration: none
}

.left-align {
text-align: left
}
.center {
text-align: center
}
.right-align {
text-align: right
}
.justify {
text-align: justify
}
.nowrap {
white-space: nowrap
}
.break-word {
word-wrap: break-word
}
.line-height-1 {
line-height: 1
}
.line-height-2 {
line-height: 1.125
}
.line-height-3 {
line-height: 1.25
}
.line-height-4 {
line-height: 1.5
}
.list-style-none {
list-style: none
}
.underline {
text-decoration: underline
}
.truncate {
max-width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
   text-overflow: ellipsis;
white-space: nowrap
}
.list-reset {
list-style: none;
padding-left: 0
}
.inline {
display: inline
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.table {
display: table
}
.table-cell {
display: table-cell
}
.overflow-hidden {
overflow: hidden
}
.overflow-scroll {
overflow: scroll
}
.overflow-auto {
overflow: auto
}
.clearfix:after,
.clearfix:before {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.fit {
max-width: 100%
}

.border-box {
-webkit-box-sizing: border-box;
        box-sizing: border-box
}
.align-baseline {
vertical-align: baseline
}
.align-top {
vertical-align: top
}
.align-middle {
vertical-align: middle
}
.align-bottom {
vertical-align: bottom
}
.m0 {
margin: 0
}
.mt0 {
margin-top: 0
}
.mr0 {
margin-right: 0
}
.mb0 {
margin-bottom: 0
}
.ml0,
.mx0 {
margin-left: 0
}
.mx0 {
margin-right: 0
}
.my0 {
margin-top: 0;
margin-bottom: 0
}
.m1 {
margin: .5rem
}
.mt1 {
margin-top: .5rem
}
.mr1 {
margin-right: .5rem
}
.mb1 {
margin-bottom: .5rem
}
.ml1,
.mx1 {
margin-left: .5rem
}
.mx1 {
margin-right: .5rem
}
.my1 {
margin-top: .5rem;
margin-bottom: .5rem
}
.m2 {
margin: 1rem
}
.mt2 {
margin-top: 1rem
}
.mr2 {
margin-right: 1rem
}
.mb2 {
margin-bottom: 1rem
}
.ml2,
.mx2 {
margin-left: 1rem
}
.mx2 {
margin-right: 1rem
}
.my2 {
margin-top: 1rem;
margin-bottom: 1rem
}
.m3 {
margin: 2rem
}
.mt3 {
margin-top: 2rem
}
.mr3 {
margin-right: 2rem
}
.mb3 {
margin-bottom: 2rem
}
.ml3,
.mx3 {
margin-left: 2rem
}
.mx3 {
margin-right: 2rem
}

.m4 {
margin: 4rem
}
.mt4 {
margin-top: 4rem
}
.mr4 {
margin-right: 4rem
}
.mb4 {
margin-bottom: 4rem
}
.ml4,
.mx4 {
margin-left: 4rem
}
.mx4 {
margin-right: 4rem
}

.mxn1 {
margin-left: -.5rem;
margin-right: -.5rem
}
.mxn2 {
margin-left: -1rem;
margin-right: -1rem
}
.mxn3 {
margin-left: -2rem;
margin-right: -2rem
}
.mxn4 {
margin-left: -4rem;
margin-right: -4rem
}
.ml-auto {
margin-left: auto
}
.mr-auto,
.mx-auto {
margin-right: auto
}
.mx-auto {
margin-left: auto
}
.p0 {
padding: 0
}
.pt0 {
padding-top: 0
}
.pr0 {
padding-right: 0
}
.pb0 {
padding-bottom: 0
}
.pl0,
.px0 {
padding-left: 0
}
.px0 {
padding-right: 0
}
.py0 {
padding-top: 0;
padding-bottom: 0
}
.p1 {
padding: .5rem
}
.pt1 {
padding-top: .5rem
}
.pr1 {
padding-right: .5rem
}
.pb1 {
padding-bottom: .5rem
}
.pl1 {
padding-left: .5rem
}
.py1 {
padding-top: .5rem;
padding-bottom: .5rem
}
.px1 {
padding-left: .5rem;
padding-right: .5rem
}
.p2 {
padding: 1rem
}
.pt2 {
padding-top: 1rem
}
.pr2 {
padding-right: 1rem
}
.pb2 {
padding-bottom: 1rem
}
.pl2 {
padding-left: 1rem
}
.py2 {
padding-top: 1rem;
padding-bottom: 1rem
}
.px2 {
padding-left: 1rem;
padding-right: 1rem
}
.p3 {
padding: 2rem
}
.pt3 {
padding-top: 2rem
}
.pr3 {
padding-right: 2rem
}
.pb3 {
padding-bottom: 2rem
}
.pl3 {
padding-left: 2rem
}
.py3 {
padding-top: 2rem;
padding-bottom: 2rem
}
.px3 {
padding-left: 2rem;
padding-right: 2rem
}
.p4 {
padding: 4rem
}
.pt4 {
padding-top: 4rem
}
.pr4 {
padding-right: 4rem
}
.pb4 {
padding-bottom: 4rem
}
.pl4 {
padding-left: 4rem
}
.py4 {
padding-top: 4rem;
padding-bottom: 4rem
}
.px4 {
padding-left: 4rem;
padding-right: 4rem
}
.col {
float: left
}
.col,
.col-right {
-webkit-box-sizing: border-box;
        box-sizing: border-box
}
.col-right {
float: right
}
.col-1 {
width: 8.33333%
}
.col-2 {
width: 16.66667%
}
.col-3 {
width: 25%
}
.col-4 {
width: 33.33333%
}
.col-5 {
width: 41.66667%
}
.col-6 {
width: 50%
}
.col-7 {
width: 58.33333%
}
.col-8 {
width: 66.66667%
}
.col-9 {
width: 75%
}
.col-10 {
width: 83.33333%
}
.col-11 {
width: 91.66667%
}
.col-12 {
width: 100%
}
@media (min-width:40em) {
.sm-col {
float: left;
-webkit-box-sizing: border-box;
        box-sizing: border-box
}
.sm-col-right {
float: right;
-webkit-box-sizing: border-box;
        box-sizing: border-box
}
.sm-col-1 {
width: 8.33333%
}
.sm-col-2 {
width: 15.66667%
}
.sm-col-3 {
width: 25%
}
.sm-col-4 {
width: 33.33333%
}
.sm-col-5 {
width: 41.66667%
}
.sm-col-6 {
width: 50%
max-width: 1200px;
}
.sm-col-7 {
width: 58.33333%
}
.sm-col-8 {
width: 66.66667%
}
.sm-col-9 {
width: 75%
}
.sm-col-10 {
width: 83.33333%
}
.sm-col-11 {
width: 91.66667%
}
.sm-col-12 {
width: 100%
}
}
@media (min-width:52em) {
.md-col {
float: left;
-webkit-box-sizing: border-box;
        box-sizing: border-box
}
.md-col-right {
float: right;
-webkit-box-sizing: border-box;
        box-sizing: border-box
}
.md-col-1 {
width: 8.33333%
}
.md-col-2 {
width: 16.66667%
}
.md-col-3 {
width: 25%
}
.md-col-4 {
width: 33.33333%
}
.md-col-5 {
width: 41.66667%
}
.md-col-6 {
width: 48%
}
.md-col-7 {
width: 58.33333%
}
.md-col-8 {
width: 66.66667%
}
.md-col-9 {
width: 75%
}
.md-col-10 {
width: 83.33333%
}
.md-col-11 {
width: 91.66667%
}
.md-col-12 {
width: 100%
}
.md-flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}

/* mobile */
@media (min-width:64em) {


.lg-col {
float: left;
-webkit-box-sizing: border-box;
        box-sizing: border-box
}
.lg-col-right {
float: right;
-webkit-box-sizing: border-box;
        box-sizing: border-box
}
.lg-col-1 {
width: 8.33333%
}
.lg-col-2 {
width: 15.66667%
}
.lg-col-3 {
width: 25%
}
.lg-col-4 {
width: 33.33333%
}
.lg-col-5 {
width: 41.66667%
}
.lg-col-6 {
width: 48%
}
.lg-col-7 {
width: 58.33333%
}
.lg-col-8 {
width: 66.66667%
}
.lg-col-9 {
width: 75%
}
.lg-col-10 {
width: 83.33333%
}
.lg-col-11 {
width: 91.66667%
}
.lg-col-12 {
width: 100%
}
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width:40em) {
.sm-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
@media (min-width:52em) {
.md-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
@media (min-width:64em) {
.lg-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.items-start {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start
}
.items-end {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end
}
.items-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center
}
.items-baseline {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
-ms-grid-row-align: baseline;
align-items: baseline
}
.items-stretch {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch
}
.self-start {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.self-end {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.self-center {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
    align-self: center
}
.self-baseline {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline
}
.self-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
    align-self: stretch
}
.justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.justify-around {
-ms-flex-pack: distribute;
justify-content: space-around
}
.content-start {
-ms-flex-line-pack: start;
align-content: flex-start
}
.content-end {
-ms-flex-line-pack: end;
align-content: flex-end
}
.content-center {
-ms-flex-line-pack: center;
align-content: center
}
.content-between {
-ms-flex-line-pack: justify;
align-content: space-between
}
.content-around {
-ms-flex-line-pack: distribute;
align-content: space-around
}
.content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch
}
.flex-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
min-height: 0
}
.flex-none {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-last {
-webkit-box-ordinal-group: 100000;
-ms-flex-order: 99999;
order: 99999
}
.relative {
position: relative;
}
.absolute {
position: absolute
}
.fixed {
position: fixed
}
.top-0 {
top: 0;
}
.right-0 {
right: 0
}
.bottom-0 {
bottom: 0
}
.left-0 {
left: 0
}

.border {
border-style: solid;
border-width: 1px
}
.border-top {
border-top-style: solid;
border-top-width: 1px
}
.border-right {
border-right-style: solid;
border-right-width: 1px
}
.border-bottom {
border-bottom-style: solid;
border-bottom-width: 1px
}
.border-left {
border-left-style: solid;
border-left-width: 1px
}
.border-none {
border: 0
}
.rounded {
  border-radius: 5px;
 }

 .circle {
   border-radius: 50%
 }

 .rounded-top {
   border-radius: 3px 3px 0 0
 }

 .rounded-right {
   border-radius: 0 3px 3px 0
 }

 .rounded-bottom {
   border-radius: 0 0 3px 3px
 }

 .rounded-left {
   border-radius: 3px 0 0 3px
 }

 .not-rounded {
   border-radius: 0
 }

 .hide {
   position: absolute!important;
   height: 1px;
   width: 1px;
   overflow: hidden;
   clip: rect(1px, 1px, 1px, 1px)
 }





/*  mobile  */
 @media (max-width:40em) {
   .sm-mx-auto {
     margin-left: auto;
     margin-right: auto;
   }
   .xs-hide {
     display: none!important
   }
   .sm-colu {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
   .pricingCard {
     margin-top: 0!important;
   }
   .my3-2-1 {
     margin-top: 1em;
     margin-bottom: 1em;
   }
   .sm-flex-reverse-column {
        -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
     }
 }



 @media (min-width:40em) and (max-width:52em) {
   .sm-mx-auto {
     margin-left: auto;
     margin-right: auto;
   }

   .sm-hide {
     display: none!important
   }
   .my3-2-1 {
     margin-top: 1em;
     margin-bottom: 1em;
   }

 }


/*  tab  */
 @media (min-width:52em) and (max-width:64em) {
   .md-mx-auto {
     margin-left: auto;
     margin-right: auto;
   }

   .md-hide {
     display: none!important
   }
   .md-flex-reverse-column {
        -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
     }
   .my3-2-1 {
     margin-top: 2em;
     margin-bottom: 2em;
   }
 }


/*  screen  */
 @media (min-width:64em) {
   .lg-mx-auto {
     margin-left: auto;
     margin-right: auto;
   }

   .lg-hide {
     display: none!important
   }
    .lg-flex-reverse-column {
         -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
             flex-direction: column-reverse;
      }
   .my3-2-1 {
     margin-top: 3em;
     margin-bottom: 3em;
   }
 }

 .display-none {
   display: none!important
 }