*,*::before,*::after{
  -webkit-box-sizing:border-box;
          box-sizing:border-box
}

html{
  font-family:sans-serif;
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{
  display:block
}

body{
  margin:0;
  font-family:"Source Sans Pro",sans-serif;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:#212529;
  text-align:left;
  background-color:#fff
}

[tabindex="-1"]:focus{
  outline:0 !important
}

hr{
  -webkit-box-sizing:content-box;
          box-sizing:content-box;
  height:0;
  overflow:visible
}

h1,h2,h3,h4,h5,h6{
  margin-top:0;
  margin-bottom:.5rem
}

p{
  margin-top:0;
  margin-bottom:1rem
}

abbr[title],abbr[data-original-title]{
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
  cursor:help;
  border-bottom:0;
  text-decoration-skip-ink:none
}

address{
  margin-bottom:1rem;
  font-style:normal;
  line-height:inherit
}

ol,ul,dl{
  margin-top:0;
  margin-bottom:1rem
}

ol ol,ul ul,ol ul,ul ol{
  margin-bottom:0
}

dt{
  font-weight:700
}

dd{
  margin-bottom:.5rem;
  margin-left:0
}

blockquote{
  margin:0 0 1rem
}

b,strong{
  font-weight:600
}

small{
  font-size:80%
}

sub,sup{
  position:relative;
  font-size:75%;
  line-height:0;
  vertical-align:baseline
}

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

a{
  color:#007bff;
  text-decoration:none;
  background-color:transparent
}

a:hover{
  color:#0056b3;
  text-decoration:underline
}

a:not([href]):not([tabindex]){
  color:inherit;
  text-decoration:none
}

a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{
  color:inherit;
  text-decoration:none
}

a:not([href]):not([tabindex]):focus{
  outline:0
}

pre,code,kbd,samp{
  font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:1em
}

pre{
  margin-top:0;
  margin-bottom:1rem;
  overflow:auto
}

figure{
  margin:0 0 1rem
}

img{
  vertical-align:middle;
  border-style:none
}

svg{
  overflow:hidden;
  vertical-align:middle
}

table{
  border-collapse:collapse
}

caption{
  padding-top:.75rem;
  padding-bottom:.75rem;
  color:#6c757d;
  text-align:left;
  caption-side:bottom
}

th{
  text-align:inherit
}

label{
  display:inline-block;
  margin-bottom:.5rem
}

button{
  border-radius:0
}

button:focus{
  outline:1px dotted;
  outline:5px auto -webkit-focus-ring-color
}

input,button,select,optgroup,textarea{
  margin:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit
}

button,input{
  overflow:visible
}

button,select{
  text-transform:none
}

button,[type="button"],[type="reset"],[type="submit"]{
  -webkit-appearance:button
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
  padding:0;
  border-style:none
}

input[type="radio"],input[type="checkbox"]{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  padding:0
}

input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{
  -webkit-appearance:listbox
}

textarea{
  overflow:auto;
  resize:vertical
}

fieldset{
  min-width:0;
  padding:0;
  margin:0;
  border:0
}

legend{
  display:block;
  width:100%;
  max-width:100%;
  padding:0;
  margin-bottom:.5rem;
  font-size:1.5rem;
  line-height:inherit;
  color:inherit;
  white-space:normal
}

progress{
  vertical-align:baseline
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
  height:auto
}

[type="search"]{
  outline-offset:-2px;
  -webkit-appearance:none
}

[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none
}

::-webkit-file-upload-button{
  font:inherit;
  -webkit-appearance:button
}

output{
  display:inline-block
}

summary{
  display:list-item;
  cursor:pointer
}

template{
  display:none
}

[hidden]{
  display:none !important
}

.container{
  width:100%;
  padding-right:30px;
  padding-left:30px;
  margin-right:auto;
  margin-left:auto
}

@media (min-width: 576px){
  .container{
    max-width:540px
  }
}

@media (min-width: 768px){
  .container{
    max-width:720px
  }
}

@media (min-width: 992px){
  .container{
    max-width:960px
  }
}

@media (min-width: 1200px){
  .container{
    max-width:1300px
  }
}

.container-fluid{
  width:100%;
  padding-right:30px;
  padding-left:30px;
  margin-right:auto;
  margin-left:auto
}

.row{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  margin-right:-30px;
  margin-left:-30px
}

.no-gutters{
  margin-right:0;
  margin-left:0
}

.no-gutters>.col,.no-gutters>[class*="col-"]{
  padding-right:0;
  padding-left:0
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{
  position:relative;
  width:100%;
  padding-right:30px;
  padding-left:30px
}

.col{
  -ms-flex-preferred-size:0;
      flex-basis:0;
  -webkit-box-flex:1;
      -ms-flex-positive:1;
          flex-grow:1;
  max-width:100%
}

.col-auto{
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  width:auto;
  max-width:100%
}

.col-1{
  -webkit-box-flex:0;
      -ms-flex:0 0 8.33333%;
          flex:0 0 8.33333%;
  max-width:8.33333%
}

.col-2{
  -webkit-box-flex:0;
      -ms-flex:0 0 16.66667%;
          flex:0 0 16.66667%;
  max-width:16.66667%
}

.col-3{
  -webkit-box-flex:0;
      -ms-flex:0 0 25%;
          flex:0 0 25%;
  max-width:25%
}

.col-4{
  -webkit-box-flex:0;
      -ms-flex:0 0 33.33333%;
          flex:0 0 33.33333%;
  max-width:33.33333%
}

.col-5{
  -webkit-box-flex:0;
      -ms-flex:0 0 41.66667%;
          flex:0 0 41.66667%;
  max-width:41.66667%
}

.col-6{
  -webkit-box-flex:0;
      -ms-flex:0 0 50%;
          flex:0 0 50%;
  max-width:50%
}

.col-7{
  -webkit-box-flex:0;
      -ms-flex:0 0 58.33333%;
          flex:0 0 58.33333%;
  max-width:58.33333%
}

.col-8{
  -webkit-box-flex:0;
      -ms-flex:0 0 66.66667%;
          flex:0 0 66.66667%;
  max-width:66.66667%
}

.col-9{
  -webkit-box-flex:0;
      -ms-flex:0 0 75%;
          flex:0 0 75%;
  max-width:75%
}

.col-10{
  -webkit-box-flex:0;
      -ms-flex:0 0 83.33333%;
          flex:0 0 83.33333%;
  max-width:83.33333%
}

.col-11{
  -webkit-box-flex:0;
      -ms-flex:0 0 91.66667%;
          flex:0 0 91.66667%;
  max-width:91.66667%
}

.col-12{
  -webkit-box-flex:0;
      -ms-flex:0 0 100%;
          flex:0 0 100%;
  max-width:100%
}

.order-first{
  -webkit-box-ordinal-group:0;
      -ms-flex-order:-1;
          order:-1
}

.order-last{
  -webkit-box-ordinal-group:14;
      -ms-flex-order:13;
          order:13
}

.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-4{
  -webkit-box-ordinal-group:5;
      -ms-flex-order:4;
          order:4
}

.order-5{
  -webkit-box-ordinal-group:6;
      -ms-flex-order:5;
          order:5
}

.order-6{
  -webkit-box-ordinal-group:7;
      -ms-flex-order:6;
          order:6
}

.order-7{
  -webkit-box-ordinal-group:8;
      -ms-flex-order:7;
          order:7
}

.order-8{
  -webkit-box-ordinal-group:9;
      -ms-flex-order:8;
          order:8
}

.order-9{
  -webkit-box-ordinal-group:10;
      -ms-flex-order:9;
          order:9
}

.order-10{
  -webkit-box-ordinal-group:11;
      -ms-flex-order:10;
          order:10
}

.order-11{
  -webkit-box-ordinal-group:12;
      -ms-flex-order:11;
          order:11
}

.order-12{
  -webkit-box-ordinal-group:13;
      -ms-flex-order:12;
          order:12
}

.offset-1{
  margin-left:8.33333%
}

.offset-2{
  margin-left:16.66667%
}

.offset-3{
  margin-left:25%
}

.offset-4{
  margin-left:33.33333%
}

.offset-5{
  margin-left:41.66667%
}

.offset-6{
  margin-left:50%
}

.offset-7{
  margin-left:58.33333%
}

.offset-8{
  margin-left:66.66667%
}

.offset-9{
  margin-left:75%
}

.offset-10{
  margin-left:83.33333%
}

.offset-11{
  margin-left:91.66667%
}

@media (min-width: 576px){
  .col-sm{
    -ms-flex-preferred-size:0;
        flex-basis:0;
    -webkit-box-flex:1;
        -ms-flex-positive:1;
            flex-grow:1;
    max-width:100%
  }

  .col-sm-auto{
    -webkit-box-flex:0;
        -ms-flex:0 0 auto;
            flex:0 0 auto;
    width:auto;
    max-width:100%
  }

  .col-sm-1{
    -webkit-box-flex:0;
        -ms-flex:0 0 8.33333%;
            flex:0 0 8.33333%;
    max-width:8.33333%
  }

  .col-sm-2{
    -webkit-box-flex:0;
        -ms-flex:0 0 16.66667%;
            flex:0 0 16.66667%;
    max-width:16.66667%
  }

  .col-sm-3{
    -webkit-box-flex:0;
        -ms-flex:0 0 25%;
            flex:0 0 25%;
    max-width:25%
  }

  .col-sm-4{
    -webkit-box-flex:0;
        -ms-flex:0 0 33.33333%;
            flex:0 0 33.33333%;
    max-width:33.33333%
  }

  .col-sm-5{
    -webkit-box-flex:0;
        -ms-flex:0 0 41.66667%;
            flex:0 0 41.66667%;
    max-width:41.66667%
  }

  .col-sm-6{
    -webkit-box-flex:0;
        -ms-flex:0 0 50%;
            flex:0 0 50%;
    max-width:50%
  }

  .col-sm-7{
    -webkit-box-flex:0;
        -ms-flex:0 0 58.33333%;
            flex:0 0 58.33333%;
    max-width:58.33333%
  }

  .col-sm-8{
    -webkit-box-flex:0;
        -ms-flex:0 0 66.66667%;
            flex:0 0 66.66667%;
    max-width:66.66667%
  }

  .col-sm-9{
    -webkit-box-flex:0;
        -ms-flex:0 0 75%;
            flex:0 0 75%;
    max-width:75%
  }

  .col-sm-10{
    -webkit-box-flex:0;
        -ms-flex:0 0 83.33333%;
            flex:0 0 83.33333%;
    max-width:83.33333%
  }

  .col-sm-11{
    -webkit-box-flex:0;
        -ms-flex:0 0 91.66667%;
            flex:0 0 91.66667%;
    max-width:91.66667%
  }

  .col-sm-12{
    -webkit-box-flex:0;
        -ms-flex:0 0 100%;
            flex:0 0 100%;
    max-width:100%
  }

  .order-sm-first{
    -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
            order:-1
  }

  .order-sm-last{
    -webkit-box-ordinal-group:14;
        -ms-flex-order:13;
            order:13
  }

  .order-sm-0{
    -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
            order:0
  }

  .order-sm-1{
    -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
            order:1
  }

  .order-sm-2{
    -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
            order:2
  }

  .order-sm-3{
    -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
            order:3
  }

  .order-sm-4{
    -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
            order:4
  }

  .order-sm-5{
    -webkit-box-ordinal-group:6;
        -ms-flex-order:5;
            order:5
  }

  .order-sm-6{
    -webkit-box-ordinal-group:7;
        -ms-flex-order:6;
            order:6
  }

  .order-sm-7{
    -webkit-box-ordinal-group:8;
        -ms-flex-order:7;
            order:7
  }

  .order-sm-8{
    -webkit-box-ordinal-group:9;
        -ms-flex-order:8;
            order:8
  }

  .order-sm-9{
    -webkit-box-ordinal-group:10;
        -ms-flex-order:9;
            order:9
  }

  .order-sm-10{
    -webkit-box-ordinal-group:11;
        -ms-flex-order:10;
            order:10
  }

  .order-sm-11{
    -webkit-box-ordinal-group:12;
        -ms-flex-order:11;
            order:11
  }

  .order-sm-12{
    -webkit-box-ordinal-group:13;
        -ms-flex-order:12;
            order:12
  }

  .offset-sm-0{
    margin-left:0
  }

  .offset-sm-1{
    margin-left:8.33333%
  }

  .offset-sm-2{
    margin-left:16.66667%
  }

  .offset-sm-3{
    margin-left:25%
  }

  .offset-sm-4{
    margin-left:33.33333%
  }

  .offset-sm-5{
    margin-left:41.66667%
  }

  .offset-sm-6{
    margin-left:50%
  }

  .offset-sm-7{
    margin-left:58.33333%
  }

  .offset-sm-8{
    margin-left:66.66667%
  }

  .offset-sm-9{
    margin-left:75%
  }

  .offset-sm-10{
    margin-left:83.33333%
  }

  .offset-sm-11{
    margin-left:91.66667%
  }
}

@media (min-width: 768px){
  .col-md{
    -ms-flex-preferred-size:0;
        flex-basis:0;
    -webkit-box-flex:1;
        -ms-flex-positive:1;
            flex-grow:1;
    max-width:100%
  }

  .col-md-auto{
    -webkit-box-flex:0;
        -ms-flex:0 0 auto;
            flex:0 0 auto;
    width:auto;
    max-width:100%
  }

  .col-md-1{
    -webkit-box-flex:0;
        -ms-flex:0 0 8.33333%;
            flex:0 0 8.33333%;
    max-width:8.33333%
  }

  .col-md-2{
    -webkit-box-flex:0;
        -ms-flex:0 0 16.66667%;
            flex:0 0 16.66667%;
    max-width:16.66667%
  }

  .col-md-3{
    -webkit-box-flex:0;
        -ms-flex:0 0 25%;
            flex:0 0 25%;
    max-width:25%
  }

  .col-md-4{
    -webkit-box-flex:0;
        -ms-flex:0 0 33.33333%;
            flex:0 0 33.33333%;
    max-width:33.33333%
  }

  .col-md-5{
    -webkit-box-flex:0;
        -ms-flex:0 0 41.66667%;
            flex:0 0 41.66667%;
    max-width:41.66667%
  }

  .col-md-6{
    -webkit-box-flex:0;
        -ms-flex:0 0 50%;
            flex:0 0 50%;
    max-width:50%
  }

  .col-md-7{
    -webkit-box-flex:0;
        -ms-flex:0 0 58.33333%;
            flex:0 0 58.33333%;
    max-width:58.33333%
  }

  .col-md-8{
    -webkit-box-flex:0;
        -ms-flex:0 0 66.66667%;
            flex:0 0 66.66667%;
    max-width:66.66667%
  }

  .col-md-9{
    -webkit-box-flex:0;
        -ms-flex:0 0 75%;
            flex:0 0 75%;
    max-width:75%
  }

  .col-md-10{
    -webkit-box-flex:0;
        -ms-flex:0 0 83.33333%;
            flex:0 0 83.33333%;
    max-width:83.33333%
  }

  .col-md-11{
    -webkit-box-flex:0;
        -ms-flex:0 0 91.66667%;
            flex:0 0 91.66667%;
    max-width:91.66667%
  }

  .col-md-12{
    -webkit-box-flex:0;
        -ms-flex:0 0 100%;
            flex:0 0 100%;
    max-width:100%
  }

  .order-md-first{
    -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
            order:-1
  }

  .order-md-last{
    -webkit-box-ordinal-group:14;
        -ms-flex-order:13;
            order:13
  }

  .order-md-0{
    -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
            order:0
  }

  .order-md-1{
    -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
            order:1
  }

  .order-md-2{
    -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
            order:2
  }

  .order-md-3{
    -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
            order:3
  }

  .order-md-4{
    -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
            order:4
  }

  .order-md-5{
    -webkit-box-ordinal-group:6;
        -ms-flex-order:5;
            order:5
  }

  .order-md-6{
    -webkit-box-ordinal-group:7;
        -ms-flex-order:6;
            order:6
  }

  .order-md-7{
    -webkit-box-ordinal-group:8;
        -ms-flex-order:7;
            order:7
  }

  .order-md-8{
    -webkit-box-ordinal-group:9;
        -ms-flex-order:8;
            order:8
  }

  .order-md-9{
    -webkit-box-ordinal-group:10;
        -ms-flex-order:9;
            order:9
  }

  .order-md-10{
    -webkit-box-ordinal-group:11;
        -ms-flex-order:10;
            order:10
  }

  .order-md-11{
    -webkit-box-ordinal-group:12;
        -ms-flex-order:11;
            order:11
  }

  .order-md-12{
    -webkit-box-ordinal-group:13;
        -ms-flex-order:12;
            order:12
  }

  .offset-md-0{
    margin-left:0
  }

  .offset-md-1{
    margin-left:8.33333%
  }

  .offset-md-2{
    margin-left:16.66667%
  }

  .offset-md-3{
    margin-left:25%
  }

  .offset-md-4{
    margin-left:33.33333%
  }

  .offset-md-5{
    margin-left:41.66667%
  }

  .offset-md-6{
    margin-left:50%
  }

  .offset-md-7{
    margin-left:58.33333%
  }

  .offset-md-8{
    margin-left:66.66667%
  }

  .offset-md-9{
    margin-left:75%
  }

  .offset-md-10{
    margin-left:83.33333%
  }

  .offset-md-11{
    margin-left:91.66667%
  }
}

@media (min-width: 992px){
  .col-lg{
    -ms-flex-preferred-size:0;
        flex-basis:0;
    -webkit-box-flex:1;
        -ms-flex-positive:1;
            flex-grow:1;
    max-width:100%
  }

  .col-lg-auto{
    -webkit-box-flex:0;
        -ms-flex:0 0 auto;
            flex:0 0 auto;
    width:auto;
    max-width:100%
  }

  .col-lg-1{
    -webkit-box-flex:0;
        -ms-flex:0 0 8.33333%;
            flex:0 0 8.33333%;
    max-width:8.33333%
  }

  .col-lg-2{
    -webkit-box-flex:0;
        -ms-flex:0 0 16.66667%;
            flex:0 0 16.66667%;
    max-width:16.66667%
  }

  .col-lg-3{
    -webkit-box-flex:0;
        -ms-flex:0 0 25%;
            flex:0 0 25%;
    max-width:25%
  }

  .col-lg-4{
    -webkit-box-flex:0;
        -ms-flex:0 0 33.33333%;
            flex:0 0 33.33333%;
    max-width:33.33333%
  }

  .col-lg-5{
    -webkit-box-flex:0;
        -ms-flex:0 0 41.66667%;
            flex:0 0 41.66667%;
    max-width:41.66667%
  }

  .col-lg-6{
    -webkit-box-flex:0;
        -ms-flex:0 0 50%;
            flex:0 0 50%;
    max-width:50%
  }

  .col-lg-7{
    -webkit-box-flex:0;
        -ms-flex:0 0 58.33333%;
            flex:0 0 58.33333%;
    max-width:58.33333%
  }

  .col-lg-8{
    -webkit-box-flex:0;
        -ms-flex:0 0 66.66667%;
            flex:0 0 66.66667%;
    max-width:66.66667%
  }

  .col-lg-9{
    -webkit-box-flex:0;
        -ms-flex:0 0 75%;
            flex:0 0 75%;
    max-width:75%
  }

  .col-lg-10{
    -webkit-box-flex:0;
        -ms-flex:0 0 83.33333%;
            flex:0 0 83.33333%;
    max-width:83.33333%
  }

  .col-lg-11{
    -webkit-box-flex:0;
        -ms-flex:0 0 91.66667%;
            flex:0 0 91.66667%;
    max-width:91.66667%
  }

  .col-lg-12{
    -webkit-box-flex:0;
        -ms-flex:0 0 100%;
            flex:0 0 100%;
    max-width:100%
  }

  .order-lg-first{
    -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
            order:-1
  }

  .order-lg-last{
    -webkit-box-ordinal-group:14;
        -ms-flex-order:13;
            order:13
  }

  .order-lg-0{
    -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
            order:0
  }

  .order-lg-1{
    -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
            order:1
  }

  .order-lg-2{
    -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
            order:2
  }

  .order-lg-3{
    -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
            order:3
  }

  .order-lg-4{
    -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
            order:4
  }

  .order-lg-5{
    -webkit-box-ordinal-group:6;
        -ms-flex-order:5;
            order:5
  }

  .order-lg-6{
    -webkit-box-ordinal-group:7;
        -ms-flex-order:6;
            order:6
  }

  .order-lg-7{
    -webkit-box-ordinal-group:8;
        -ms-flex-order:7;
            order:7
  }

  .order-lg-8{
    -webkit-box-ordinal-group:9;
        -ms-flex-order:8;
            order:8
  }

  .order-lg-9{
    -webkit-box-ordinal-group:10;
        -ms-flex-order:9;
            order:9
  }

  .order-lg-10{
    -webkit-box-ordinal-group:11;
        -ms-flex-order:10;
            order:10
  }

  .order-lg-11{
    -webkit-box-ordinal-group:12;
        -ms-flex-order:11;
            order:11
  }

  .order-lg-12{
    -webkit-box-ordinal-group:13;
        -ms-flex-order:12;
            order:12
  }

  .offset-lg-0{
    margin-left:0
  }

  .offset-lg-1{
    margin-left:8.33333%
  }

  .offset-lg-2{
    margin-left:16.66667%
  }

  .offset-lg-3{
    margin-left:25%
  }

  .offset-lg-4{
    margin-left:33.33333%
  }

  .offset-lg-5{
    margin-left:41.66667%
  }

  .offset-lg-6{
    margin-left:50%
  }

  .offset-lg-7{
    margin-left:58.33333%
  }

  .offset-lg-8{
    margin-left:66.66667%
  }

  .offset-lg-9{
    margin-left:75%
  }

  .offset-lg-10{
    margin-left:83.33333%
  }

  .offset-lg-11{
    margin-left:91.66667%
  }
}

@media (min-width: 1200px){
  .col-xl{
    -ms-flex-preferred-size:0;
        flex-basis:0;
    -webkit-box-flex:1;
        -ms-flex-positive:1;
            flex-grow:1;
    max-width:100%
  }

  .col-xl-auto{
    -webkit-box-flex:0;
        -ms-flex:0 0 auto;
            flex:0 0 auto;
    width:auto;
    max-width:100%
  }

  .col-xl-1{
    -webkit-box-flex:0;
        -ms-flex:0 0 8.33333%;
            flex:0 0 8.33333%;
    max-width:8.33333%
  }

  .col-xl-2{
    -webkit-box-flex:0;
        -ms-flex:0 0 16.66667%;
            flex:0 0 16.66667%;
    max-width:16.66667%
  }

  .col-xl-3{
    -webkit-box-flex:0;
        -ms-flex:0 0 25%;
            flex:0 0 25%;
    max-width:25%
  }

  .col-xl-4{
    -webkit-box-flex:0;
        -ms-flex:0 0 33.33333%;
            flex:0 0 33.33333%;
    max-width:33.33333%
  }

  .col-xl-5{
    -webkit-box-flex:0;
        -ms-flex:0 0 41.66667%;
            flex:0 0 41.66667%;
    max-width:41.66667%
  }

  .col-xl-6{
    -webkit-box-flex:0;
        -ms-flex:0 0 50%;
            flex:0 0 50%;
    max-width:50%
  }

  .col-xl-7{
    -webkit-box-flex:0;
        -ms-flex:0 0 58.33333%;
            flex:0 0 58.33333%;
    max-width:58.33333%
  }

  .col-xl-8{
    -webkit-box-flex:0;
        -ms-flex:0 0 66.66667%;
            flex:0 0 66.66667%;
    max-width:66.66667%
  }

  .col-xl-9{
    -webkit-box-flex:0;
        -ms-flex:0 0 75%;
            flex:0 0 75%;
    max-width:75%
  }

  .col-xl-10{
    -webkit-box-flex:0;
        -ms-flex:0 0 83.33333%;
            flex:0 0 83.33333%;
    max-width:83.33333%
  }

  .col-xl-11{
    -webkit-box-flex:0;
        -ms-flex:0 0 91.66667%;
            flex:0 0 91.66667%;
    max-width:91.66667%
  }

  .col-xl-12{
    -webkit-box-flex:0;
        -ms-flex:0 0 100%;
            flex:0 0 100%;
    max-width:100%
  }

  .order-xl-first{
    -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
            order:-1
  }

  .order-xl-last{
    -webkit-box-ordinal-group:14;
        -ms-flex-order:13;
            order:13
  }

  .order-xl-0{
    -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
            order:0
  }

  .order-xl-1{
    -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
            order:1
  }

  .order-xl-2{
    -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
            order:2
  }

  .order-xl-3{
    -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
            order:3
  }

  .order-xl-4{
    -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
            order:4
  }

  .order-xl-5{
    -webkit-box-ordinal-group:6;
        -ms-flex-order:5;
            order:5
  }

  .order-xl-6{
    -webkit-box-ordinal-group:7;
        -ms-flex-order:6;
            order:6
  }

  .order-xl-7{
    -webkit-box-ordinal-group:8;
        -ms-flex-order:7;
            order:7
  }

  .order-xl-8{
    -webkit-box-ordinal-group:9;
        -ms-flex-order:8;
            order:8
  }

  .order-xl-9{
    -webkit-box-ordinal-group:10;
        -ms-flex-order:9;
            order:9
  }

  .order-xl-10{
    -webkit-box-ordinal-group:11;
        -ms-flex-order:10;
            order:10
  }

  .order-xl-11{
    -webkit-box-ordinal-group:12;
        -ms-flex-order:11;
            order:11
  }

  .order-xl-12{
    -webkit-box-ordinal-group:13;
        -ms-flex-order:12;
            order:12
  }

  .offset-xl-0{
    margin-left:0
  }

  .offset-xl-1{
    margin-left:8.33333%
  }

  .offset-xl-2{
    margin-left:16.66667%
  }

  .offset-xl-3{
    margin-left:25%
  }

  .offset-xl-4{
    margin-left:33.33333%
  }

  .offset-xl-5{
    margin-left:41.66667%
  }

  .offset-xl-6{
    margin-left:50%
  }

  .offset-xl-7{
    margin-left:58.33333%
  }

  .offset-xl-8{
    margin-left:66.66667%
  }

  .offset-xl-9{
    margin-left:75%
  }

  .offset-xl-10{
    margin-left:83.33333%
  }

  .offset-xl-11{
    margin-left:91.66667%
  }
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  margin-bottom:.5rem;
  font-family:inherit;
  font-weight:500;
  line-height:1.2;
  color:inherit
}

h1,.h1{
  font-size:4.06rem
}

h2,.h2{
  font-size:3.38rem
}

h3,.h3{
  font-size:1.75rem
}

h4,.h4{
  font-size:1.5rem
}

h5,.h5{
  font-size:1.25rem
}

h6,.h6{
  font-size:1rem
}

.lead{
  font-size:1.25rem;
  font-weight:300
}

.display-1{
  font-size:6rem;
  font-weight:300;
  line-height:1.2
}

.display-2{
  font-size:5.5rem;
  font-weight:300;
  line-height:1.2
}

.display-3{
  font-size:4.5rem;
  font-weight:300;
  line-height:1.2
}

.display-4{
  font-size:3.5rem;
  font-weight:300;
  line-height:1.2
}

hr{
  margin-top:1rem;
  margin-bottom:1rem;
  border:0;
  border-top:2px solid #f0f2f2
}

small,.small{
  font-size:80%;
  font-weight:400
}

mark,.mark{
  padding:.2em;
  background-color:#fcf8e3
}

.list-unstyled{
  padding-left:0;
  list-style:none
}

.list-inline{
  padding-left:0;
  list-style:none
}

.list-inline-item{
  display:inline-block
}

.list-inline-item:not(:last-child){
  margin-right:.5rem
}

.initialism{
  font-size:90%;
  text-transform:uppercase
}

.blockquote{
  margin-bottom:1rem;
  font-size:1.25rem
}

.blockquote-footer{
  display:block;
  font-size:80%;
  color:#6c757d
}

.blockquote-footer::before{
  content:"\2014\00A0"
}

:root{
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --gray1: #4f4f4f;
  --gray2: #f0f2f2;
  --gray3: #c4c4c4;
  --dark1: #0f1a26;
  --green1: #00e2b6;
  --red1: #f33;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.table{
  width:100%;
  margin-bottom:1rem;
  background-color:rgba(0,0,0,0)
}

.table th,.table td{
  padding:.75rem;
  vertical-align:top;
  border-top:1px solid #f0f2f2
}

.table thead th{
  vertical-align:bottom;
  border-bottom:2px solid #f0f2f2
}

.table tbody+tbody{
  border-top:2px solid #f0f2f2
}

.table .table{
  background-color:#fff
}

.table-sm th,.table-sm td{
  padding:.3rem
}

.table-bordered{
  border:1px solid #f0f2f2
}

.table-bordered th,.table-bordered td{
  border:1px solid #f0f2f2
}

.table-bordered thead th,.table-bordered thead td{
  border-bottom-width:2px
}

.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody{
  border:0
}

.table-striped tbody tr:nth-of-type(odd){
  background-color:rgba(0,0,0,0.05)
}

.table-hover tbody tr:hover{
  background-color:rgba(0,0,0,0.075)
}

.table-primary,.table-primary>th,.table-primary>td{
  background-color:#b8daff
}

.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody{
  border-color:#7abaff
}

.table-hover .table-primary:hover{
  background-color:#9fcdff
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{
  background-color:#9fcdff
}

.table-secondary,.table-secondary>th,.table-secondary>td{
  background-color:#d6d8db
}

.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody{
  border-color:#b3b7bb
}

.table-hover .table-secondary:hover{
  background-color:#c8cbcf
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{
  background-color:#c8cbcf
}

.table-success,.table-success>th,.table-success>td{
  background-color:#c3e6cb
}

.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody{
  border-color:#8fd19e
}

.table-hover .table-success:hover{
  background-color:#b1dfbb
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{
  background-color:#b1dfbb
}

.table-info,.table-info>th,.table-info>td{
  background-color:#bee5eb
}

.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody{
  border-color:#86cfda
}

.table-hover .table-info:hover{
  background-color:#abdde5
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{
  background-color:#abdde5
}

.table-warning,.table-warning>th,.table-warning>td{
  background-color:#ffeeba
}

.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody{
  border-color:#ffdf7e
}

.table-hover .table-warning:hover{
  background-color:#ffe8a1
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{
  background-color:#ffe8a1
}

.table-danger,.table-danger>th,.table-danger>td{
  background-color:#f5c6cb
}

.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody{
  border-color:#ed969e
}

.table-hover .table-danger:hover{
  background-color:#f1b0b7
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{
  background-color:#f1b0b7
}

.table-light,.table-light>th,.table-light>td{
  background-color:#fdfdfe
}

.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody{
  border-color:#fbfcfc
}

.table-hover .table-light:hover{
  background-color:#ececf6
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{
  background-color:#ececf6
}

.table-dark,.table-dark>th,.table-dark>td{
  background-color:#c6c8ca
}

.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{
  border-color:#95999c
}

.table-hover .table-dark:hover{
  background-color:#b9bbbe
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{
  background-color:#b9bbbe
}

.table-gray1,.table-gray1>th,.table-gray1>td{
  background-color:#cecece
}

.table-gray1 th,.table-gray1 td,.table-gray1 thead th,.table-gray1 tbody+tbody{
  border-color:#a3a3a3
}

.table-hover .table-gray1:hover{
  background-color:#c1c1c1
}

.table-hover .table-gray1:hover>td,.table-hover .table-gray1:hover>th{
  background-color:#c1c1c1
}

.table-gray2,.table-gray2>th,.table-gray2>td{
  background-color:#fbfbfb
}

.table-gray2 th,.table-gray2 td,.table-gray2 thead th,.table-gray2 tbody+tbody{
  border-color:#f7f8f8
}

.table-hover .table-gray2:hover{
  background-color:#eee
}

.table-hover .table-gray2:hover>td,.table-hover .table-gray2:hover>th{
  background-color:#eee
}

.table-gray3,.table-gray3>th,.table-gray3>td{
  background-color:#eee
}

.table-gray3 th,.table-gray3 td,.table-gray3 thead th,.table-gray3 tbody+tbody{
  border-color:#e0e0e0
}

.table-hover .table-gray3:hover{
  background-color:#e1e1e1
}

.table-hover .table-gray3:hover>td,.table-hover .table-gray3:hover>th{
  background-color:#e1e1e1
}

.table-dark1,.table-dark1>th,.table-dark1>td{
  background-color:#bcbfc2
}

.table-dark1 th,.table-dark1 td,.table-dark1 thead th,.table-dark1 tbody+tbody{
  border-color:#82888e
}

.table-hover .table-dark1:hover{
  background-color:#afb2b6
}

.table-hover .table-dark1:hover>td,.table-hover .table-dark1:hover>th{
  background-color:#afb2b6
}

.table-green1,.table-green1>th,.table-green1>td{
  background-color:#b8f7eb
}

.table-green1 th,.table-green1 td,.table-green1 thead th,.table-green1 tbody+tbody{
  border-color:#7af0d9
}

.table-hover .table-green1:hover{
  background-color:#a1f4e5
}

.table-hover .table-green1:hover>td,.table-hover .table-green1:hover>th{
  background-color:#a1f4e5
}

.table-red1,.table-red1>th,.table-red1>td{
  background-color:#ffc6c6
}

.table-red1 th,.table-red1 td,.table-red1 thead th,.table-red1 tbody+tbody{
  border-color:#ff9595
}

.table-hover .table-red1:hover{
  background-color:#ffadad
}

.table-hover .table-red1:hover>td,.table-hover .table-red1:hover>th{
  background-color:#ffadad
}

.table-active,.table-active>th,.table-active>td{
  background-color:rgba(0,0,0,0.075)
}

.table-hover .table-active:hover{
  background-color:rgba(0,0,0,0.075)
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{
  background-color:rgba(0,0,0,0.075)
}

.table .thead-dark th{
  color:#fff;
  background-color:#212529;
  border-color:#32383e
}

.table .thead-light th{
  color:#495057;
  background-color:#e9ecef;
  border-color:#f0f2f2
}

.table-dark{
  color:#fff;
  background-color:#212529
}

.table-dark th,.table-dark td,.table-dark thead th{
  border-color:#32383e
}

.table-dark.table-bordered{
  border:0
}

.table-dark.table-striped tbody tr:nth-of-type(odd){
  background-color:rgba(255,255,255,0.05)
}

.table-dark.table-hover tbody tr:hover{
  background-color:rgba(255,255,255,0.075)
}

@media (max-width: 575.98px){
  .table-responsive-sm{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar
  }

  .table-responsive-sm>.table-bordered{
    border:0
  }
}

@media (max-width: 767.98px){
  .table-responsive-md{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar
  }

  .table-responsive-md>.table-bordered{
    border:0
  }
}

@media (max-width: 991.98px){
  .table-responsive-lg{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar
  }

  .table-responsive-lg>.table-bordered{
    border:0
  }
}

@media (max-width: 1199.98px){
  .table-responsive-xl{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar
  }

  .table-responsive-xl>.table-bordered{
    border:0
  }
}

.table-responsive{
  display:block;
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:-ms-autohiding-scrollbar
}

.table-responsive>.table-bordered{
  border:0
}

.text-monospace{
  font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

.text-justify{
  text-align:justify !important
}

.text-wrap{
  white-space:normal !important
}

.text-nowrap{
  white-space:nowrap !important
}

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

.text-left{
  text-align:left !important
}

.text-right{
  text-align:right !important
}

.text-center{
  text-align:center !important
}

@media (min-width: 576px){
  .text-sm-left{
    text-align:left !important
  }

  .text-sm-right{
    text-align:right !important
  }

  .text-sm-center{
    text-align:center !important
  }
}

@media (min-width: 768px){
  .text-md-left{
    text-align:left !important
  }

  .text-md-right{
    text-align:right !important
  }

  .text-md-center{
    text-align:center !important
  }
}

@media (min-width: 992px){
  .text-lg-left{
    text-align:left !important
  }

  .text-lg-right{
    text-align:right !important
  }

  .text-lg-center{
    text-align:center !important
  }
}

@media (min-width: 1200px){
  .text-xl-left{
    text-align:left !important
  }

  .text-xl-right{
    text-align:right !important
  }

  .text-xl-center{
    text-align:center !important
  }
}

.text-lowercase{
  text-transform:lowercase !important
}

.text-uppercase{
  text-transform:uppercase !important
}

.text-capitalize{
  text-transform:capitalize !important
}

.font-weight-light{
  font-weight:300 !important
}

.font-weight-lighter{
  font-weight:lighter !important
}

.font-weight-normal{
  font-weight:400 !important
}

.font-weight-bold{
  font-weight:700 !important
}

.font-weight-bolder{
  font-weight:600 !important
}

.font-italic{
  font-style:italic !important
}

.text-white{
  color:#fff !important
}

.text-primary{
  color:#007bff !important
}

a.text-primary:hover,a.text-primary:focus{
  color:#0056b3 !important
}

.text-secondary{
  color:#6c757d !important
}

a.text-secondary:hover,a.text-secondary:focus{
  color:#494f54 !important
}

.text-success{
  color:#28a745 !important
}

a.text-success:hover,a.text-success:focus{
  color:#19692c !important
}

.text-info{
  color:#17a2b8 !important
}

a.text-info:hover,a.text-info:focus{
  color:#0f6674 !important
}

.text-warning{
  color:#ffc107 !important
}

a.text-warning:hover,a.text-warning:focus{
  color:#ba8b00 !important
}

.text-danger{
  color:#dc3545 !important
}

a.text-danger:hover,a.text-danger:focus{
  color:#a71d2a !important
}

.text-light{
  color:#f8f9fa !important
}

a.text-light:hover,a.text-light:focus{
  color:#cbd3da !important
}

.text-dark{
  color:#343a40 !important
}

a.text-dark:hover,a.text-dark:focus{
  color:#121416 !important
}

.text-gray1{
  color:#4f4f4f !important
}

a.text-gray1:hover,a.text-gray1:focus{
  color:#292929 !important
}

.text-gray2{
  color:#f0f2f2 !important
}

a.text-gray2:hover,a.text-gray2:focus{
  color:#c7cece !important
}

.text-gray3{
  color:#c4c4c4 !important
}

a.text-gray3:hover,a.text-gray3:focus{
  color:#9e9e9e !important
}

.text-dark1{
  color:#0f1a26 !important
}

a.text-dark1:hover,a.text-dark1:focus{
  color:#000 !important
}

.text-green1{
  color:#00e2b6 !important
}

a.text-green1:hover,a.text-green1:focus{
  color:#009678 !important
}

.text-red1{
  color:#f33 !important
}

a.text-red1:hover,a.text-red1:focus{
  color:#e60000 !important
}

.text-body{
  color:#212529 !important
}

.text-muted{
  color:#6c757d !important
}

.text-black-50{
  color:rgba(0,0,0,0.5) !important
}

.text-white-50{
  color:rgba(255,255,255,0.5) !important
}

.text-hide{
  font:0/0 a;
  color:transparent;
  text-shadow:none;
  background-color:transparent;
  border:0
}

.text-decoration-none{
  text-decoration:none !important
}

.text-reset{
  color:inherit !important
}

.w-25{
  width:25% !important
}

.w-50{
  width:50% !important
}

.w-75{
  width:75% !important
}

.w-100{
  width:100% !important
}

.w-auto{
  width:auto !important
}

.h-25{
  height:25% !important
}

.h-50{
  height:50% !important
}

.h-75{
  height:75% !important
}

.h-100{
  height:100% !important
}

.h-auto{
  height:auto !important
}

.mw-100{
  max-width:100% !important
}

.mh-100{
  max-height:100% !important
}

.min-vw-100{
  min-width:100vw !important
}

.min-vh-100{
  min-height:100vh !important
}

.vw-100{
  width:100vw !important
}

.vh-100{
  height:100vh !important
}

.m-0{
  margin:0 !important
}

.mt-0,.my-0{
  margin-top:0 !important
}

.mr-0,.mx-0{
  margin-right:0 !important
}

.mb-0,.my-0{
  margin-bottom:0 !important
}

.ml-0,.mx-0{
  margin-left:0 !important
}

.m-1{
  margin:.25rem !important
}

.mt-1,.my-1{
  margin-top:.25rem !important
}

.mr-1,.mx-1{
  margin-right:.25rem !important
}

.mb-1,.my-1{
  margin-bottom:.25rem !important
}

.ml-1,.mx-1{
  margin-left:.25rem !important
}

.m-2{
  margin:.5rem !important
}

.mt-2,.my-2{
  margin-top:.5rem !important
}

.mr-2,.mx-2{
  margin-right:.5rem !important
}

.mb-2,.my-2{
  margin-bottom:.5rem !important
}

.ml-2,.mx-2{
  margin-left:.5rem !important
}

.m-3{
  margin:1rem !important
}

.mt-3,.my-3{
  margin-top:1rem !important
}

.mr-3,.mx-3{
  margin-right:1rem !important
}

.mb-3,.my-3{
  margin-bottom:1rem !important
}

.ml-3,.mx-3{
  margin-left:1rem !important
}

.m-4{
  margin:1.5rem !important
}

.mt-4,.my-4{
  margin-top:1.5rem !important
}

.mr-4,.mx-4{
  margin-right:1.5rem !important
}

.mb-4,.my-4{
  margin-bottom:1.5rem !important
}

.ml-4,.mx-4{
  margin-left:1.5rem !important
}

.m-5{
  margin:3rem !important
}

.mt-5,.my-5{
  margin-top:3rem !important
}

.mr-5,.mx-5{
  margin-right:3rem !important
}

.mb-5,.my-5{
  margin-bottom:3rem !important
}

.ml-5,.mx-5{
  margin-left:3rem !important
}

.m-6{
  margin:6rem !important
}

.mt-6,.my-6{
  margin-top:6rem !important
}

.mr-6,.mx-6{
  margin-right:6rem !important
}

.mb-6,.my-6{
  margin-bottom:6rem !important
}

.ml-6,.mx-6{
  margin-left:6rem !important
}

.p-0{
  padding:0 !important
}

.pt-0,.py-0{
  padding-top:0 !important
}

.pr-0,.px-0{
  padding-right:0 !important
}

.pb-0,.py-0{
  padding-bottom:0 !important
}

.pl-0,.px-0{
  padding-left:0 !important
}

.p-1{
  padding:.25rem !important
}

.pt-1,.py-1{
  padding-top:.25rem !important
}

.pr-1,.px-1{
  padding-right:.25rem !important
}

.pb-1,.py-1{
  padding-bottom:.25rem !important
}

.pl-1,.px-1{
  padding-left:.25rem !important
}

.p-2{
  padding:.5rem !important
}

.pt-2,.py-2{
  padding-top:.5rem !important
}

.pr-2,.px-2{
  padding-right:.5rem !important
}

.pb-2,.py-2{
  padding-bottom:.5rem !important
}

.pl-2,.px-2{
  padding-left:.5rem !important
}

.p-3{
  padding:1rem !important
}

.pt-3,.py-3{
  padding-top:1rem !important
}

.pr-3,.px-3{
  padding-right:1rem !important
}

.pb-3,.py-3{
  padding-bottom:1rem !important
}

.pl-3,.px-3{
  padding-left:1rem !important
}

.p-4{
  padding:1.5rem !important
}

.pt-4,.py-4{
  padding-top:1.5rem !important
}

.pr-4,.px-4{
  padding-right:1.5rem !important
}

.pb-4,.py-4{
  padding-bottom:1.5rem !important
}

.pl-4,.px-4{
  padding-left:1.5rem !important
}

.p-5{
  padding:3rem !important
}

.pt-5,.py-5{
  padding-top:3rem !important
}

.pr-5,.px-5{
  padding-right:3rem !important
}

.pb-5,.py-5{
  padding-bottom:3rem !important
}

.pl-5,.px-5{
  padding-left:3rem !important
}

.p-6{
  padding:6rem !important
}

.pt-6,.py-6{
  padding-top:6rem !important
}

.pr-6,.px-6{
  padding-right:6rem !important
}

.pb-6,.py-6{
  padding-bottom:6rem !important
}

.pl-6,.px-6{
  padding-left:6rem !important
}

.m-n1{
  margin:-.25rem !important
}

.mt-n1,.my-n1{
  margin-top:-.25rem !important
}

.mr-n1,.mx-n1{
  margin-right:-.25rem !important
}

.mb-n1,.my-n1{
  margin-bottom:-.25rem !important
}

.ml-n1,.mx-n1{
  margin-left:-.25rem !important
}

.m-n2{
  margin:-.5rem !important
}

.mt-n2,.my-n2{
  margin-top:-.5rem !important
}

.mr-n2,.mx-n2{
  margin-right:-.5rem !important
}

.mb-n2,.my-n2{
  margin-bottom:-.5rem !important
}

.ml-n2,.mx-n2{
  margin-left:-.5rem !important
}

.m-n3{
  margin:-1rem !important
}

.mt-n3,.my-n3{
  margin-top:-1rem !important
}

.mr-n3,.mx-n3{
  margin-right:-1rem !important
}

.mb-n3,.my-n3{
  margin-bottom:-1rem !important
}

.ml-n3,.mx-n3{
  margin-left:-1rem !important
}

.m-n4{
  margin:-1.5rem !important
}

.mt-n4,.my-n4{
  margin-top:-1.5rem !important
}

.mr-n4,.mx-n4{
  margin-right:-1.5rem !important
}

.mb-n4,.my-n4{
  margin-bottom:-1.5rem !important
}

.ml-n4,.mx-n4{
  margin-left:-1.5rem !important
}

.m-n5{
  margin:-3rem !important
}

.mt-n5,.my-n5{
  margin-top:-3rem !important
}

.mr-n5,.mx-n5{
  margin-right:-3rem !important
}

.mb-n5,.my-n5{
  margin-bottom:-3rem !important
}

.ml-n5,.mx-n5{
  margin-left:-3rem !important
}

.m-n6{
  margin:-6rem !important
}

.mt-n6,.my-n6{
  margin-top:-6rem !important
}

.mr-n6,.mx-n6{
  margin-right:-6rem !important
}

.mb-n6,.my-n6{
  margin-bottom:-6rem !important
}

.ml-n6,.mx-n6{
  margin-left:-6rem !important
}

.m-auto{
  margin:auto !important
}

.mt-auto,.my-auto{
  margin-top:auto !important
}

.mr-auto,.mx-auto{
  margin-right:auto !important
}

.mb-auto,.my-auto{
  margin-bottom:auto !important
}

.ml-auto,.mx-auto{
  margin-left:auto !important
}

@media (min-width: 576px){
  .m-sm-0{
    margin:0 !important
  }

  .mt-sm-0,.my-sm-0{
    margin-top:0 !important
  }

  .mr-sm-0,.mx-sm-0{
    margin-right:0 !important
  }

  .mb-sm-0,.my-sm-0{
    margin-bottom:0 !important
  }

  .ml-sm-0,.mx-sm-0{
    margin-left:0 !important
  }

  .m-sm-1{
    margin:.25rem !important
  }

  .mt-sm-1,.my-sm-1{
    margin-top:.25rem !important
  }

  .mr-sm-1,.mx-sm-1{
    margin-right:.25rem !important
  }

  .mb-sm-1,.my-sm-1{
    margin-bottom:.25rem !important
  }

  .ml-sm-1,.mx-sm-1{
    margin-left:.25rem !important
  }

  .m-sm-2{
    margin:.5rem !important
  }

  .mt-sm-2,.my-sm-2{
    margin-top:.5rem !important
  }

  .mr-sm-2,.mx-sm-2{
    margin-right:.5rem !important
  }

  .mb-sm-2,.my-sm-2{
    margin-bottom:.5rem !important
  }

  .ml-sm-2,.mx-sm-2{
    margin-left:.5rem !important
  }

  .m-sm-3{
    margin:1rem !important
  }

  .mt-sm-3,.my-sm-3{
    margin-top:1rem !important
  }

  .mr-sm-3,.mx-sm-3{
    margin-right:1rem !important
  }

  .mb-sm-3,.my-sm-3{
    margin-bottom:1rem !important
  }

  .ml-sm-3,.mx-sm-3{
    margin-left:1rem !important
  }

  .m-sm-4{
    margin:1.5rem !important
  }

  .mt-sm-4,.my-sm-4{
    margin-top:1.5rem !important
  }

  .mr-sm-4,.mx-sm-4{
    margin-right:1.5rem !important
  }

  .mb-sm-4,.my-sm-4{
    margin-bottom:1.5rem !important
  }

  .ml-sm-4,.mx-sm-4{
    margin-left:1.5rem !important
  }

  .m-sm-5{
    margin:3rem !important
  }

  .mt-sm-5,.my-sm-5{
    margin-top:3rem !important
  }

  .mr-sm-5,.mx-sm-5{
    margin-right:3rem !important
  }

  .mb-sm-5,.my-sm-5{
    margin-bottom:3rem !important
  }

  .ml-sm-5,.mx-sm-5{
    margin-left:3rem !important
  }

  .m-sm-6{
    margin:6rem !important
  }

  .mt-sm-6,.my-sm-6{
    margin-top:6rem !important
  }

  .mr-sm-6,.mx-sm-6{
    margin-right:6rem !important
  }

  .mb-sm-6,.my-sm-6{
    margin-bottom:6rem !important
  }

  .ml-sm-6,.mx-sm-6{
    margin-left:6rem !important
  }

  .p-sm-0{
    padding:0 !important
  }

  .pt-sm-0,.py-sm-0{
    padding-top:0 !important
  }

  .pr-sm-0,.px-sm-0{
    padding-right:0 !important
  }

  .pb-sm-0,.py-sm-0{
    padding-bottom:0 !important
  }

  .pl-sm-0,.px-sm-0{
    padding-left:0 !important
  }

  .p-sm-1{
    padding:.25rem !important
  }

  .pt-sm-1,.py-sm-1{
    padding-top:.25rem !important
  }

  .pr-sm-1,.px-sm-1{
    padding-right:.25rem !important
  }

  .pb-sm-1,.py-sm-1{
    padding-bottom:.25rem !important
  }

  .pl-sm-1,.px-sm-1{
    padding-left:.25rem !important
  }

  .p-sm-2{
    padding:.5rem !important
  }

  .pt-sm-2,.py-sm-2{
    padding-top:.5rem !important
  }

  .pr-sm-2,.px-sm-2{
    padding-right:.5rem !important
  }

  .pb-sm-2,.py-sm-2{
    padding-bottom:.5rem !important
  }

  .pl-sm-2,.px-sm-2{
    padding-left:.5rem !important
  }

  .p-sm-3{
    padding:1rem !important
  }

  .pt-sm-3,.py-sm-3{
    padding-top:1rem !important
  }

  .pr-sm-3,.px-sm-3{
    padding-right:1rem !important
  }

  .pb-sm-3,.py-sm-3{
    padding-bottom:1rem !important
  }

  .pl-sm-3,.px-sm-3{
    padding-left:1rem !important
  }

  .p-sm-4{
    padding:1.5rem !important
  }

  .pt-sm-4,.py-sm-4{
    padding-top:1.5rem !important
  }

  .pr-sm-4,.px-sm-4{
    padding-right:1.5rem !important
  }

  .pb-sm-4,.py-sm-4{
    padding-bottom:1.5rem !important
  }

  .pl-sm-4,.px-sm-4{
    padding-left:1.5rem !important
  }

  .p-sm-5{
    padding:3rem !important
  }

  .pt-sm-5,.py-sm-5{
    padding-top:3rem !important
  }

  .pr-sm-5,.px-sm-5{
    padding-right:3rem !important
  }

  .pb-sm-5,.py-sm-5{
    padding-bottom:3rem !important
  }

  .pl-sm-5,.px-sm-5{
    padding-left:3rem !important
  }

  .p-sm-6{
    padding:6rem !important
  }

  .pt-sm-6,.py-sm-6{
    padding-top:6rem !important
  }

  .pr-sm-6,.px-sm-6{
    padding-right:6rem !important
  }

  .pb-sm-6,.py-sm-6{
    padding-bottom:6rem !important
  }

  .pl-sm-6,.px-sm-6{
    padding-left:6rem !important
  }

  .m-sm-n1{
    margin:-.25rem !important
  }

  .mt-sm-n1,.my-sm-n1{
    margin-top:-.25rem !important
  }

  .mr-sm-n1,.mx-sm-n1{
    margin-right:-.25rem !important
  }

  .mb-sm-n1,.my-sm-n1{
    margin-bottom:-.25rem !important
  }

  .ml-sm-n1,.mx-sm-n1{
    margin-left:-.25rem !important
  }

  .m-sm-n2{
    margin:-.5rem !important
  }

  .mt-sm-n2,.my-sm-n2{
    margin-top:-.5rem !important
  }

  .mr-sm-n2,.mx-sm-n2{
    margin-right:-.5rem !important
  }

  .mb-sm-n2,.my-sm-n2{
    margin-bottom:-.5rem !important
  }

  .ml-sm-n2,.mx-sm-n2{
    margin-left:-.5rem !important
  }

  .m-sm-n3{
    margin:-1rem !important
  }

  .mt-sm-n3,.my-sm-n3{
    margin-top:-1rem !important
  }

  .mr-sm-n3,.mx-sm-n3{
    margin-right:-1rem !important
  }

  .mb-sm-n3,.my-sm-n3{
    margin-bottom:-1rem !important
  }

  .ml-sm-n3,.mx-sm-n3{
    margin-left:-1rem !important
  }

  .m-sm-n4{
    margin:-1.5rem !important
  }

  .mt-sm-n4,.my-sm-n4{
    margin-top:-1.5rem !important
  }

  .mr-sm-n4,.mx-sm-n4{
    margin-right:-1.5rem !important
  }

  .mb-sm-n4,.my-sm-n4{
    margin-bottom:-1.5rem !important
  }

  .ml-sm-n4,.mx-sm-n4{
    margin-left:-1.5rem !important
  }

  .m-sm-n5{
    margin:-3rem !important
  }

  .mt-sm-n5,.my-sm-n5{
    margin-top:-3rem !important
  }

  .mr-sm-n5,.mx-sm-n5{
    margin-right:-3rem !important
  }

  .mb-sm-n5,.my-sm-n5{
    margin-bottom:-3rem !important
  }

  .ml-sm-n5,.mx-sm-n5{
    margin-left:-3rem !important
  }

  .m-sm-n6{
    margin:-6rem !important
  }

  .mt-sm-n6,.my-sm-n6{
    margin-top:-6rem !important
  }

  .mr-sm-n6,.mx-sm-n6{
    margin-right:-6rem !important
  }

  .mb-sm-n6,.my-sm-n6{
    margin-bottom:-6rem !important
  }

  .ml-sm-n6,.mx-sm-n6{
    margin-left:-6rem !important
  }

  .m-sm-auto{
    margin:auto !important
  }

  .mt-sm-auto,.my-sm-auto{
    margin-top:auto !important
  }

  .mr-sm-auto,.mx-sm-auto{
    margin-right:auto !important
  }

  .mb-sm-auto,.my-sm-auto{
    margin-bottom:auto !important
  }

  .ml-sm-auto,.mx-sm-auto{
    margin-left:auto !important
  }
}

@media (min-width: 768px){
  .m-md-0{
    margin:0 !important
  }

  .mt-md-0,.my-md-0{
    margin-top:0 !important
  }

  .mr-md-0,.mx-md-0{
    margin-right:0 !important
  }

  .mb-md-0,.my-md-0{
    margin-bottom:0 !important
  }

  .ml-md-0,.mx-md-0{
    margin-left:0 !important
  }

  .m-md-1{
    margin:.25rem !important
  }

  .mt-md-1,.my-md-1{
    margin-top:.25rem !important
  }

  .mr-md-1,.mx-md-1{
    margin-right:.25rem !important
  }

  .mb-md-1,.my-md-1{
    margin-bottom:.25rem !important
  }

  .ml-md-1,.mx-md-1{
    margin-left:.25rem !important
  }

  .m-md-2{
    margin:.5rem !important
  }

  .mt-md-2,.my-md-2{
    margin-top:.5rem !important
  }

  .mr-md-2,.mx-md-2{
    margin-right:.5rem !important
  }

  .mb-md-2,.my-md-2{
    margin-bottom:.5rem !important
  }

  .ml-md-2,.mx-md-2{
    margin-left:.5rem !important
  }

  .m-md-3{
    margin:1rem !important
  }

  .mt-md-3,.my-md-3{
    margin-top:1rem !important
  }

  .mr-md-3,.mx-md-3{
    margin-right:1rem !important
  }

  .mb-md-3,.my-md-3{
    margin-bottom:1rem !important
  }

  .ml-md-3,.mx-md-3{
    margin-left:1rem !important
  }

  .m-md-4{
    margin:1.5rem !important
  }

  .mt-md-4,.my-md-4{
    margin-top:1.5rem !important
  }

  .mr-md-4,.mx-md-4{
    margin-right:1.5rem !important
  }

  .mb-md-4,.my-md-4{
    margin-bottom:1.5rem !important
  }

  .ml-md-4,.mx-md-4{
    margin-left:1.5rem !important
  }

  .m-md-5{
    margin:3rem !important
  }

  .mt-md-5,.my-md-5{
    margin-top:3rem !important
  }

  .mr-md-5,.mx-md-5{
    margin-right:3rem !important
  }

  .mb-md-5,.my-md-5{
    margin-bottom:3rem !important
  }

  .ml-md-5,.mx-md-5{
    margin-left:3rem !important
  }

  .m-md-6{
    margin:6rem !important
  }

  .mt-md-6,.my-md-6{
    margin-top:6rem !important
  }

  .mr-md-6,.mx-md-6{
    margin-right:6rem !important
  }

  .mb-md-6,.my-md-6{
    margin-bottom:6rem !important
  }

  .ml-md-6,.mx-md-6{
    margin-left:6rem !important
  }

  .p-md-0{
    padding:0 !important
  }

  .pt-md-0,.py-md-0{
    padding-top:0 !important
  }

  .pr-md-0,.px-md-0{
    padding-right:0 !important
  }

  .pb-md-0,.py-md-0{
    padding-bottom:0 !important
  }

  .pl-md-0,.px-md-0{
    padding-left:0 !important
  }

  .p-md-1{
    padding:.25rem !important
  }

  .pt-md-1,.py-md-1{
    padding-top:.25rem !important
  }

  .pr-md-1,.px-md-1{
    padding-right:.25rem !important
  }

  .pb-md-1,.py-md-1{
    padding-bottom:.25rem !important
  }

  .pl-md-1,.px-md-1{
    padding-left:.25rem !important
  }

  .p-md-2{
    padding:.5rem !important
  }

  .pt-md-2,.py-md-2{
    padding-top:.5rem !important
  }

  .pr-md-2,.px-md-2{
    padding-right:.5rem !important
  }

  .pb-md-2,.py-md-2{
    padding-bottom:.5rem !important
  }

  .pl-md-2,.px-md-2{
    padding-left:.5rem !important
  }

  .p-md-3{
    padding:1rem !important
  }

  .pt-md-3,.py-md-3{
    padding-top:1rem !important
  }

  .pr-md-3,.px-md-3{
    padding-right:1rem !important
  }

  .pb-md-3,.py-md-3{
    padding-bottom:1rem !important
  }

  .pl-md-3,.px-md-3{
    padding-left:1rem !important
  }

  .p-md-4{
    padding:1.5rem !important
  }

  .pt-md-4,.py-md-4{
    padding-top:1.5rem !important
  }

  .pr-md-4,.px-md-4{
    padding-right:1.5rem !important
  }

  .pb-md-4,.py-md-4{
    padding-bottom:1.5rem !important
  }

  .pl-md-4,.px-md-4{
    padding-left:1.5rem !important
  }

  .p-md-5{
    padding:3rem !important
  }

  .pt-md-5,.py-md-5{
    padding-top:3rem !important
  }

  .pr-md-5,.px-md-5{
    padding-right:3rem !important
  }

  .pb-md-5,.py-md-5{
    padding-bottom:3rem !important
  }

  .pl-md-5,.px-md-5{
    padding-left:3rem !important
  }

  .p-md-6{
    padding:6rem !important
  }

  .pt-md-6,.py-md-6{
    padding-top:6rem !important
  }

  .pr-md-6,.px-md-6{
    padding-right:6rem !important
  }

  .pb-md-6,.py-md-6{
    padding-bottom:6rem !important
  }

  .pl-md-6,.px-md-6{
    padding-left:6rem !important
  }

  .m-md-n1{
    margin:-.25rem !important
  }

  .mt-md-n1,.my-md-n1{
    margin-top:-.25rem !important
  }

  .mr-md-n1,.mx-md-n1{
    margin-right:-.25rem !important
  }

  .mb-md-n1,.my-md-n1{
    margin-bottom:-.25rem !important
  }

  .ml-md-n1,.mx-md-n1{
    margin-left:-.25rem !important
  }

  .m-md-n2{
    margin:-.5rem !important
  }

  .mt-md-n2,.my-md-n2{
    margin-top:-.5rem !important
  }

  .mr-md-n2,.mx-md-n2{
    margin-right:-.5rem !important
  }

  .mb-md-n2,.my-md-n2{
    margin-bottom:-.5rem !important
  }

  .ml-md-n2,.mx-md-n2{
    margin-left:-.5rem !important
  }

  .m-md-n3{
    margin:-1rem !important
  }

  .mt-md-n3,.my-md-n3{
    margin-top:-1rem !important
  }

  .mr-md-n3,.mx-md-n3{
    margin-right:-1rem !important
  }

  .mb-md-n3,.my-md-n3{
    margin-bottom:-1rem !important
  }

  .ml-md-n3,.mx-md-n3{
    margin-left:-1rem !important
  }

  .m-md-n4{
    margin:-1.5rem !important
  }

  .mt-md-n4,.my-md-n4{
    margin-top:-1.5rem !important
  }

  .mr-md-n4,.mx-md-n4{
    margin-right:-1.5rem !important
  }

  .mb-md-n4,.my-md-n4{
    margin-bottom:-1.5rem !important
  }

  .ml-md-n4,.mx-md-n4{
    margin-left:-1.5rem !important
  }

  .m-md-n5{
    margin:-3rem !important
  }

  .mt-md-n5,.my-md-n5{
    margin-top:-3rem !important
  }

  .mr-md-n5,.mx-md-n5{
    margin-right:-3rem !important
  }

  .mb-md-n5,.my-md-n5{
    margin-bottom:-3rem !important
  }

  .ml-md-n5,.mx-md-n5{
    margin-left:-3rem !important
  }

  .m-md-n6{
    margin:-6rem !important
  }

  .mt-md-n6,.my-md-n6{
    margin-top:-6rem !important
  }

  .mr-md-n6,.mx-md-n6{
    margin-right:-6rem !important
  }

  .mb-md-n6,.my-md-n6{
    margin-bottom:-6rem !important
  }

  .ml-md-n6,.mx-md-n6{
    margin-left:-6rem !important
  }

  .m-md-auto{
    margin:auto !important
  }

  .mt-md-auto,.my-md-auto{
    margin-top:auto !important
  }

  .mr-md-auto,.mx-md-auto{
    margin-right:auto !important
  }

  .mb-md-auto,.my-md-auto{
    margin-bottom:auto !important
  }

  .ml-md-auto,.mx-md-auto{
    margin-left:auto !important
  }
}

@media (min-width: 992px){
  .m-lg-0{
    margin:0 !important
  }

  .mt-lg-0,.my-lg-0{
    margin-top:0 !important
  }

  .mr-lg-0,.mx-lg-0{
    margin-right:0 !important
  }

  .mb-lg-0,.my-lg-0{
    margin-bottom:0 !important
  }

  .ml-lg-0,.mx-lg-0{
    margin-left:0 !important
  }

  .m-lg-1{
    margin:.25rem !important
  }

  .mt-lg-1,.my-lg-1{
    margin-top:.25rem !important
  }

  .mr-lg-1,.mx-lg-1{
    margin-right:.25rem !important
  }

  .mb-lg-1,.my-lg-1{
    margin-bottom:.25rem !important
  }

  .ml-lg-1,.mx-lg-1{
    margin-left:.25rem !important
  }

  .m-lg-2{
    margin:.5rem !important
  }

  .mt-lg-2,.my-lg-2{
    margin-top:.5rem !important
  }

  .mr-lg-2,.mx-lg-2{
    margin-right:.5rem !important
  }

  .mb-lg-2,.my-lg-2{
    margin-bottom:.5rem !important
  }

  .ml-lg-2,.mx-lg-2{
    margin-left:.5rem !important
  }

  .m-lg-3{
    margin:1rem !important
  }

  .mt-lg-3,.my-lg-3{
    margin-top:1rem !important
  }

  .mr-lg-3,.mx-lg-3{
    margin-right:1rem !important
  }

  .mb-lg-3,.my-lg-3{
    margin-bottom:1rem !important
  }

  .ml-lg-3,.mx-lg-3{
    margin-left:1rem !important
  }

  .m-lg-4{
    margin:1.5rem !important
  }

  .mt-lg-4,.my-lg-4{
    margin-top:1.5rem !important
  }

  .mr-lg-4,.mx-lg-4{
    margin-right:1.5rem !important
  }

  .mb-lg-4,.my-lg-4{
    margin-bottom:1.5rem !important
  }

  .ml-lg-4,.mx-lg-4{
    margin-left:1.5rem !important
  }

  .m-lg-5{
    margin:3rem !important
  }

  .mt-lg-5,.my-lg-5{
    margin-top:3rem !important
  }

  .mr-lg-5,.mx-lg-5{
    margin-right:3rem !important
  }

  .mb-lg-5,.my-lg-5{
    margin-bottom:3rem !important
  }

  .ml-lg-5,.mx-lg-5{
    margin-left:3rem !important
  }

  .m-lg-6{
    margin:6rem !important
  }

  .mt-lg-6,.my-lg-6{
    margin-top:6rem !important
  }

  .mr-lg-6,.mx-lg-6{
    margin-right:6rem !important
  }

  .mb-lg-6,.my-lg-6{
    margin-bottom:6rem !important
  }

  .ml-lg-6,.mx-lg-6{
    margin-left:6rem !important
  }

  .p-lg-0{
    padding:0 !important
  }

  .pt-lg-0,.py-lg-0{
    padding-top:0 !important
  }

  .pr-lg-0,.px-lg-0{
    padding-right:0 !important
  }

  .pb-lg-0,.py-lg-0{
    padding-bottom:0 !important
  }

  .pl-lg-0,.px-lg-0{
    padding-left:0 !important
  }

  .p-lg-1{
    padding:.25rem !important
  }

  .pt-lg-1,.py-lg-1{
    padding-top:.25rem !important
  }

  .pr-lg-1,.px-lg-1{
    padding-right:.25rem !important
  }

  .pb-lg-1,.py-lg-1{
    padding-bottom:.25rem !important
  }

  .pl-lg-1,.px-lg-1{
    padding-left:.25rem !important
  }

  .p-lg-2{
    padding:.5rem !important
  }

  .pt-lg-2,.py-lg-2{
    padding-top:.5rem !important
  }

  .pr-lg-2,.px-lg-2{
    padding-right:.5rem !important
  }

  .pb-lg-2,.py-lg-2{
    padding-bottom:.5rem !important
  }

  .pl-lg-2,.px-lg-2{
    padding-left:.5rem !important
  }

  .p-lg-3{
    padding:1rem !important
  }

  .pt-lg-3,.py-lg-3{
    padding-top:1rem !important
  }

  .pr-lg-3,.px-lg-3{
    padding-right:1rem !important
  }

  .pb-lg-3,.py-lg-3{
    padding-bottom:1rem !important
  }

  .pl-lg-3,.px-lg-3{
    padding-left:1rem !important
  }

  .p-lg-4{
    padding:1.5rem !important
  }

  .pt-lg-4,.py-lg-4{
    padding-top:1.5rem !important
  }

  .pr-lg-4,.px-lg-4{
    padding-right:1.5rem !important
  }

  .pb-lg-4,.py-lg-4{
    padding-bottom:1.5rem !important
  }

  .pl-lg-4,.px-lg-4{
    padding-left:1.5rem !important
  }

  .p-lg-5{
    padding:3rem !important
  }

  .pt-lg-5,.py-lg-5{
    padding-top:3rem !important
  }

  .pr-lg-5,.px-lg-5{
    padding-right:3rem !important
  }

  .pb-lg-5,.py-lg-5{
    padding-bottom:3rem !important
  }

  .pl-lg-5,.px-lg-5{
    padding-left:3rem !important
  }

  .p-lg-6{
    padding:6rem !important
  }

  .pt-lg-6,.py-lg-6{
    padding-top:6rem !important
  }

  .pr-lg-6,.px-lg-6{
    padding-right:6rem !important
  }

  .pb-lg-6,.py-lg-6{
    padding-bottom:6rem !important
  }

  .pl-lg-6,.px-lg-6{
    padding-left:6rem !important
  }

  .m-lg-n1{
    margin:-.25rem !important
  }

  .mt-lg-n1,.my-lg-n1{
    margin-top:-.25rem !important
  }

  .mr-lg-n1,.mx-lg-n1{
    margin-right:-.25rem !important
  }

  .mb-lg-n1,.my-lg-n1{
    margin-bottom:-.25rem !important
  }

  .ml-lg-n1,.mx-lg-n1{
    margin-left:-.25rem !important
  }

  .m-lg-n2{
    margin:-.5rem !important
  }

  .mt-lg-n2,.my-lg-n2{
    margin-top:-.5rem !important
  }

  .mr-lg-n2,.mx-lg-n2{
    margin-right:-.5rem !important
  }

  .mb-lg-n2,.my-lg-n2{
    margin-bottom:-.5rem !important
  }

  .ml-lg-n2,.mx-lg-n2{
    margin-left:-.5rem !important
  }

  .m-lg-n3{
    margin:-1rem !important
  }

  .mt-lg-n3,.my-lg-n3{
    margin-top:-1rem !important
  }

  .mr-lg-n3,.mx-lg-n3{
    margin-right:-1rem !important
  }

  .mb-lg-n3,.my-lg-n3{
    margin-bottom:-1rem !important
  }

  .ml-lg-n3,.mx-lg-n3{
    margin-left:-1rem !important
  }

  .m-lg-n4{
    margin:-1.5rem !important
  }

  .mt-lg-n4,.my-lg-n4{
    margin-top:-1.5rem !important
  }

  .mr-lg-n4,.mx-lg-n4{
    margin-right:-1.5rem !important
  }

  .mb-lg-n4,.my-lg-n4{
    margin-bottom:-1.5rem !important
  }

  .ml-lg-n4,.mx-lg-n4{
    margin-left:-1.5rem !important
  }

  .m-lg-n5{
    margin:-3rem !important
  }

  .mt-lg-n5,.my-lg-n5{
    margin-top:-3rem !important
  }

  .mr-lg-n5,.mx-lg-n5{
    margin-right:-3rem !important
  }

  .mb-lg-n5,.my-lg-n5{
    margin-bottom:-3rem !important
  }

  .ml-lg-n5,.mx-lg-n5{
    margin-left:-3rem !important
  }

  .m-lg-n6{
    margin:-6rem !important
  }

  .mt-lg-n6,.my-lg-n6{
    margin-top:-6rem !important
  }

  .mr-lg-n6,.mx-lg-n6{
    margin-right:-6rem !important
  }

  .mb-lg-n6,.my-lg-n6{
    margin-bottom:-6rem !important
  }

  .ml-lg-n6,.mx-lg-n6{
    margin-left:-6rem !important
  }

  .m-lg-auto{
    margin:auto !important
  }

  .mt-lg-auto,.my-lg-auto{
    margin-top:auto !important
  }

  .mr-lg-auto,.mx-lg-auto{
    margin-right:auto !important
  }

  .mb-lg-auto,.my-lg-auto{
    margin-bottom:auto !important
  }

  .ml-lg-auto,.mx-lg-auto{
    margin-left:auto !important
  }
}

@media (min-width: 1200px){
  .m-xl-0{
    margin:0 !important
  }

  .mt-xl-0,.my-xl-0{
    margin-top:0 !important
  }

  .mr-xl-0,.mx-xl-0{
    margin-right:0 !important
  }

  .mb-xl-0,.my-xl-0{
    margin-bottom:0 !important
  }

  .ml-xl-0,.mx-xl-0{
    margin-left:0 !important
  }

  .m-xl-1{
    margin:.25rem !important
  }

  .mt-xl-1,.my-xl-1{
    margin-top:.25rem !important
  }

  .mr-xl-1,.mx-xl-1{
    margin-right:.25rem !important
  }

  .mb-xl-1,.my-xl-1{
    margin-bottom:.25rem !important
  }

  .ml-xl-1,.mx-xl-1{
    margin-left:.25rem !important
  }

  .m-xl-2{
    margin:.5rem !important
  }

  .mt-xl-2,.my-xl-2{
    margin-top:.5rem !important
  }

  .mr-xl-2,.mx-xl-2{
    margin-right:.5rem !important
  }

  .mb-xl-2,.my-xl-2{
    margin-bottom:.5rem !important
  }

  .ml-xl-2,.mx-xl-2{
    margin-left:.5rem !important
  }

  .m-xl-3{
    margin:1rem !important
  }

  .mt-xl-3,.my-xl-3{
    margin-top:1rem !important
  }

  .mr-xl-3,.mx-xl-3{
    margin-right:1rem !important
  }

  .mb-xl-3,.my-xl-3{
    margin-bottom:1rem !important
  }

  .ml-xl-3,.mx-xl-3{
    margin-left:1rem !important
  }

  .m-xl-4{
    margin:1.5rem !important
  }

  .mt-xl-4,.my-xl-4{
    margin-top:1.5rem !important
  }

  .mr-xl-4,.mx-xl-4{
    margin-right:1.5rem !important
  }

  .mb-xl-4,.my-xl-4{
    margin-bottom:1.5rem !important
  }

  .ml-xl-4,.mx-xl-4{
    margin-left:1.5rem !important
  }

  .m-xl-5{
    margin:3rem !important
  }

  .mt-xl-5,.my-xl-5{
    margin-top:3rem !important
  }

  .mr-xl-5,.mx-xl-5{
    margin-right:3rem !important
  }

  .mb-xl-5,.my-xl-5{
    margin-bottom:3rem !important
  }

  .ml-xl-5,.mx-xl-5{
    margin-left:3rem !important
  }

  .m-xl-6{
    margin:6rem !important
  }

  .mt-xl-6,.my-xl-6{
    margin-top:6rem !important
  }

  .mr-xl-6,.mx-xl-6{
    margin-right:6rem !important
  }

  .mb-xl-6,.my-xl-6{
    margin-bottom:6rem !important
  }

  .ml-xl-6,.mx-xl-6{
    margin-left:6rem !important
  }

  .p-xl-0{
    padding:0 !important
  }

  .pt-xl-0,.py-xl-0{
    padding-top:0 !important
  }

  .pr-xl-0,.px-xl-0{
    padding-right:0 !important
  }

  .pb-xl-0,.py-xl-0{
    padding-bottom:0 !important
  }

  .pl-xl-0,.px-xl-0{
    padding-left:0 !important
  }

  .p-xl-1{
    padding:.25rem !important
  }

  .pt-xl-1,.py-xl-1{
    padding-top:.25rem !important
  }

  .pr-xl-1,.px-xl-1{
    padding-right:.25rem !important
  }

  .pb-xl-1,.py-xl-1{
    padding-bottom:.25rem !important
  }

  .pl-xl-1,.px-xl-1{
    padding-left:.25rem !important
  }

  .p-xl-2{
    padding:.5rem !important
  }

  .pt-xl-2,.py-xl-2{
    padding-top:.5rem !important
  }

  .pr-xl-2,.px-xl-2{
    padding-right:.5rem !important
  }

  .pb-xl-2,.py-xl-2{
    padding-bottom:.5rem !important
  }

  .pl-xl-2,.px-xl-2{
    padding-left:.5rem !important
  }

  .p-xl-3{
    padding:1rem !important
  }

  .pt-xl-3,.py-xl-3{
    padding-top:1rem !important
  }

  .pr-xl-3,.px-xl-3{
    padding-right:1rem !important
  }

  .pb-xl-3,.py-xl-3{
    padding-bottom:1rem !important
  }

  .pl-xl-3,.px-xl-3{
    padding-left:1rem !important
  }

  .p-xl-4{
    padding:1.5rem !important
  }

  .pt-xl-4,.py-xl-4{
    padding-top:1.5rem !important
  }

  .pr-xl-4,.px-xl-4{
    padding-right:1.5rem !important
  }

  .pb-xl-4,.py-xl-4{
    padding-bottom:1.5rem !important
  }

  .pl-xl-4,.px-xl-4{
    padding-left:1.5rem !important
  }

  .p-xl-5{
    padding:3rem !important
  }

  .pt-xl-5,.py-xl-5{
    padding-top:3rem !important
  }

  .pr-xl-5,.px-xl-5{
    padding-right:3rem !important
  }

  .pb-xl-5,.py-xl-5{
    padding-bottom:3rem !important
  }

  .pl-xl-5,.px-xl-5{
    padding-left:3rem !important
  }

  .p-xl-6{
    padding:6rem !important
  }

  .pt-xl-6,.py-xl-6{
    padding-top:6rem !important
  }

  .pr-xl-6,.px-xl-6{
    padding-right:6rem !important
  }

  .pb-xl-6,.py-xl-6{
    padding-bottom:6rem !important
  }

  .pl-xl-6,.px-xl-6{
    padding-left:6rem !important
  }

  .m-xl-n1{
    margin:-.25rem !important
  }

  .mt-xl-n1,.my-xl-n1{
    margin-top:-.25rem !important
  }

  .mr-xl-n1,.mx-xl-n1{
    margin-right:-.25rem !important
  }

  .mb-xl-n1,.my-xl-n1{
    margin-bottom:-.25rem !important
  }

  .ml-xl-n1,.mx-xl-n1{
    margin-left:-.25rem !important
  }

  .m-xl-n2{
    margin:-.5rem !important
  }

  .mt-xl-n2,.my-xl-n2{
    margin-top:-.5rem !important
  }

  .mr-xl-n2,.mx-xl-n2{
    margin-right:-.5rem !important
  }

  .mb-xl-n2,.my-xl-n2{
    margin-bottom:-.5rem !important
  }

  .ml-xl-n2,.mx-xl-n2{
    margin-left:-.5rem !important
  }

  .m-xl-n3{
    margin:-1rem !important
  }

  .mt-xl-n3,.my-xl-n3{
    margin-top:-1rem !important
  }

  .mr-xl-n3,.mx-xl-n3{
    margin-right:-1rem !important
  }

  .mb-xl-n3,.my-xl-n3{
    margin-bottom:-1rem !important
  }

  .ml-xl-n3,.mx-xl-n3{
    margin-left:-1rem !important
  }

  .m-xl-n4{
    margin:-1.5rem !important
  }

  .mt-xl-n4,.my-xl-n4{
    margin-top:-1.5rem !important
  }

  .mr-xl-n4,.mx-xl-n4{
    margin-right:-1.5rem !important
  }

  .mb-xl-n4,.my-xl-n4{
    margin-bottom:-1.5rem !important
  }

  .ml-xl-n4,.mx-xl-n4{
    margin-left:-1.5rem !important
  }

  .m-xl-n5{
    margin:-3rem !important
  }

  .mt-xl-n5,.my-xl-n5{
    margin-top:-3rem !important
  }

  .mr-xl-n5,.mx-xl-n5{
    margin-right:-3rem !important
  }

  .mb-xl-n5,.my-xl-n5{
    margin-bottom:-3rem !important
  }

  .ml-xl-n5,.mx-xl-n5{
    margin-left:-3rem !important
  }

  .m-xl-n6{
    margin:-6rem !important
  }

  .mt-xl-n6,.my-xl-n6{
    margin-top:-6rem !important
  }

  .mr-xl-n6,.mx-xl-n6{
    margin-right:-6rem !important
  }

  .mb-xl-n6,.my-xl-n6{
    margin-bottom:-6rem !important
  }

  .ml-xl-n6,.mx-xl-n6{
    margin-left:-6rem !important
  }

  .m-xl-auto{
    margin:auto !important
  }

  .mt-xl-auto,.my-xl-auto{
    margin-top:auto !important
  }

  .mr-xl-auto,.mx-xl-auto{
    margin-right:auto !important
  }

  .mb-xl-auto,.my-xl-auto{
    margin-bottom:auto !important
  }

  .ml-xl-auto,.mx-xl-auto{
    margin-left:auto !important
  }
}

.d-none{
  display:none !important
}

.d-inline{
  display:inline !important
}

.d-inline-block{
  display:inline-block !important
}

.d-block{
  display:block !important
}

.d-table{
  display:table !important
}

.d-table-row{
  display:table-row !important
}

.d-table-cell{
  display:table-cell !important
}

.d-flex{
  display:-webkit-box !important;
  display:-ms-flexbox !important;
  display:flex !important
}

.d-inline-flex{
  display:-webkit-inline-box !important;
  display:-ms-inline-flexbox !important;
  display:inline-flex !important
}

@media (min-width: 576px){
  .d-sm-none{
    display:none !important
  }

  .d-sm-inline{
    display:inline !important
  }

  .d-sm-inline-block{
    display:inline-block !important
  }

  .d-sm-block{
    display:block !important
  }

  .d-sm-table{
    display:table !important
  }

  .d-sm-table-row{
    display:table-row !important
  }

  .d-sm-table-cell{
    display:table-cell !important
  }

  .d-sm-flex{
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important
  }

  .d-sm-inline-flex{
    display:-webkit-inline-box !important;
    display:-ms-inline-flexbox !important;
    display:inline-flex !important
  }
}

@media (min-width: 768px){
  .d-md-none{
    display:none !important
  }

  .d-md-inline{
    display:inline !important
  }

  .d-md-inline-block{
    display:inline-block !important
  }

  .d-md-block{
    display:block !important
  }

  .d-md-table{
    display:table !important
  }

  .d-md-table-row{
    display:table-row !important
  }

  .d-md-table-cell{
    display:table-cell !important
  }

  .d-md-flex{
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important
  }

  .d-md-inline-flex{
    display:-webkit-inline-box !important;
    display:-ms-inline-flexbox !important;
    display:inline-flex !important
  }
}

@media (min-width: 992px){
  .d-lg-none{
    display:none !important
  }

  .d-lg-inline{
    display:inline !important
  }

  .d-lg-inline-block{
    display:inline-block !important
  }

  .d-lg-block{
    display:block !important
  }

  .d-lg-table{
    display:table !important
  }

  .d-lg-table-row{
    display:table-row !important
  }

  .d-lg-table-cell{
    display:table-cell !important
  }

  .d-lg-flex{
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important
  }

  .d-lg-inline-flex{
    display:-webkit-inline-box !important;
    display:-ms-inline-flexbox !important;
    display:inline-flex !important
  }
}

@media (min-width: 1200px){
  .d-xl-none{
    display:none !important
  }

  .d-xl-inline{
    display:inline !important
  }

  .d-xl-inline-block{
    display:inline-block !important
  }

  .d-xl-block{
    display:block !important
  }

  .d-xl-table{
    display:table !important
  }

  .d-xl-table-row{
    display:table-row !important
  }

  .d-xl-table-cell{
    display:table-cell !important
  }

  .d-xl-flex{
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important
  }

  .d-xl-inline-flex{
    display:-webkit-inline-box !important;
    display:-ms-inline-flexbox !important;
    display:inline-flex !important
  }
}

@media print{
  .d-print-none{
    display:none !important
  }

  .d-print-inline{
    display:inline !important
  }

  .d-print-inline-block{
    display:inline-block !important
  }

  .d-print-block{
    display:block !important
  }

  .d-print-table{
    display:table !important
  }

  .d-print-table-row{
    display:table-row !important
  }

  .d-print-table-cell{
    display:table-cell !important
  }

  .d-print-flex{
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important
  }

  .d-print-inline-flex{
    display:-webkit-inline-box !important;
    display:-ms-inline-flexbox !important;
    display:inline-flex !important
  }
}

.border{
  border:1px solid #dee2e6 !important
}

.border-top{
  border-top:1px solid #dee2e6 !important
}

.border-right{
  border-right:1px solid #dee2e6 !important
}

.border-bottom{
  border-bottom:1px solid #dee2e6 !important
}

.border-left{
  border-left:1px solid #dee2e6 !important
}

.border-0{
  border:0 !important
}

.border-top-0{
  border-top:0 !important
}

.border-right-0{
  border-right:0 !important
}

.border-bottom-0{
  border-bottom:0 !important
}

.border-left-0{
  border-left:0 !important
}

.border-primary{
  border-color:#007bff !important
}

.border-secondary{
  border-color:#6c757d !important
}

.border-success{
  border-color:#28a745 !important
}

.border-info{
  border-color:#17a2b8 !important
}

.border-warning{
  border-color:#ffc107 !important
}

.border-danger{
  border-color:#dc3545 !important
}

.border-light{
  border-color:#f8f9fa !important
}

.border-dark{
  border-color:#343a40 !important
}

.border-gray1{
  border-color:#4f4f4f !important
}

.border-gray2{
  border-color:#f0f2f2 !important
}

.border-gray3{
  border-color:#c4c4c4 !important
}

.border-dark1{
  border-color:#0f1a26 !important
}

.border-green1{
  border-color:#00e2b6 !important
}

.border-red1{
  border-color:#f33 !important
}

.border-white{
  border-color:#fff !important
}

.rounded{
  border-radius:.25rem !important
}

.rounded-top{
  border-top-left-radius:.25rem !important;
  border-top-right-radius:.25rem !important
}

.rounded-right{
  border-top-right-radius:.25rem !important;
  border-bottom-right-radius:.25rem !important
}

.rounded-bottom{
  border-bottom-right-radius:.25rem !important;
  border-bottom-left-radius:.25rem !important
}

.rounded-left{
  border-top-left-radius:.25rem !important;
  border-bottom-left-radius:.25rem !important
}

.rounded-circle{
  border-radius:50% !important
}

.rounded-pill{
  border-radius:50rem !important
}

.rounded-0{
  border-radius:0 !important
}

.flex-row{
  -webkit-box-orient:horizontal !important;
  -webkit-box-direction:normal !important;
      -ms-flex-direction:row !important;
          flex-direction:row !important
}

.flex-column{
  -webkit-box-orient:vertical !important;
  -webkit-box-direction:normal !important;
      -ms-flex-direction:column !important;
          flex-direction:column !important
}

.flex-row-reverse{
  -webkit-box-orient:horizontal !important;
  -webkit-box-direction:reverse !important;
      -ms-flex-direction:row-reverse !important;
          flex-direction:row-reverse !important
}

.flex-column-reverse{
  -webkit-box-orient:vertical !important;
  -webkit-box-direction:reverse !important;
      -ms-flex-direction:column-reverse !important;
          flex-direction:column-reverse !important
}

.flex-wrap{
  -ms-flex-wrap:wrap !important;
      flex-wrap:wrap !important
}

.flex-nowrap{
  -ms-flex-wrap:nowrap !important;
      flex-wrap:nowrap !important
}

.flex-wrap-reverse{
  -ms-flex-wrap:wrap-reverse !important;
      flex-wrap:wrap-reverse !important
}

.flex-fill{
  -webkit-box-flex:1 !important;
      -ms-flex:1 1 auto !important;
          flex:1 1 auto !important
}

.flex-grow-0{
  -webkit-box-flex:0 !important;
      -ms-flex-positive:0 !important;
          flex-grow:0 !important
}

.flex-grow-1{
  -webkit-box-flex:1 !important;
      -ms-flex-positive:1 !important;
          flex-grow:1 !important
}

.flex-shrink-0{
  -ms-flex-negative:0 !important;
      flex-shrink:0 !important
}

.flex-shrink-1{
  -ms-flex-negative:1 !important;
      flex-shrink:1 !important
}

.justify-content-start{
  -webkit-box-pack:start !important;
      -ms-flex-pack:start !important;
          justify-content:flex-start !important
}

.justify-content-end{
  -webkit-box-pack:end !important;
      -ms-flex-pack:end !important;
          justify-content:flex-end !important
}

.justify-content-center{
  -webkit-box-pack:center !important;
      -ms-flex-pack:center !important;
          justify-content:center !important
}

.justify-content-between{
  -webkit-box-pack:justify !important;
      -ms-flex-pack:justify !important;
          justify-content:space-between !important
}

.justify-content-around{
  -ms-flex-pack:distribute !important;
      justify-content:space-around !important
}

.align-items-start{
  -webkit-box-align:start !important;
      -ms-flex-align:start !important;
          align-items:flex-start !important
}

.align-items-end{
  -webkit-box-align:end !important;
      -ms-flex-align:end !important;
          align-items:flex-end !important
}

.align-items-center{
  -webkit-box-align:center !important;
      -ms-flex-align:center !important;
          align-items:center !important
}

.align-items-baseline{
  -webkit-box-align:baseline !important;
      -ms-flex-align:baseline !important;
          align-items:baseline !important
}

.align-items-stretch{
  -webkit-box-align:stretch !important;
      -ms-flex-align:stretch !important;
          align-items:stretch !important
}

.align-content-start{
  -ms-flex-line-pack:start !important;
      align-content:flex-start !important
}

.align-content-end{
  -ms-flex-line-pack:end !important;
      align-content:flex-end !important
}

.align-content-center{
  -ms-flex-line-pack:center !important;
      align-content:center !important
}

.align-content-between{
  -ms-flex-line-pack:justify !important;
      align-content:space-between !important
}

.align-content-around{
  -ms-flex-line-pack:distribute !important;
      align-content:space-around !important
}

.align-content-stretch{
  -ms-flex-line-pack:stretch !important;
      align-content:stretch !important
}

.align-self-auto{
  -ms-flex-item-align:auto !important;
      align-self:auto !important
}

.align-self-start{
  -ms-flex-item-align:start !important;
      align-self:flex-start !important
}

.align-self-end{
  -ms-flex-item-align:end !important;
      align-self:flex-end !important
}

.align-self-center{
  -ms-flex-item-align:center !important;
      align-self:center !important
}

.align-self-baseline{
  -ms-flex-item-align:baseline !important;
      align-self:baseline !important
}

.align-self-stretch{
  -ms-flex-item-align:stretch !important;
      align-self:stretch !important
}

@media (min-width: 576px){
  .flex-sm-row{
    -webkit-box-orient:horizontal !important;
    -webkit-box-direction:normal !important;
        -ms-flex-direction:row !important;
            flex-direction:row !important
  }

  .flex-sm-column{
    -webkit-box-orient:vertical !important;
    -webkit-box-direction:normal !important;
        -ms-flex-direction:column !important;
            flex-direction:column !important
  }

  .flex-sm-row-reverse{
    -webkit-box-orient:horizontal !important;
    -webkit-box-direction:reverse !important;
        -ms-flex-direction:row-reverse !important;
            flex-direction:row-reverse !important
  }

  .flex-sm-column-reverse{
    -webkit-box-orient:vertical !important;
    -webkit-box-direction:reverse !important;
        -ms-flex-direction:column-reverse !important;
            flex-direction:column-reverse !important
  }

  .flex-sm-wrap{
    -ms-flex-wrap:wrap !important;
        flex-wrap:wrap !important
  }

  .flex-sm-nowrap{
    -ms-flex-wrap:nowrap !important;
        flex-wrap:nowrap !important
  }

  .flex-sm-wrap-reverse{
    -ms-flex-wrap:wrap-reverse !important;
        flex-wrap:wrap-reverse !important
  }

  .flex-sm-fill{
    -webkit-box-flex:1 !important;
        -ms-flex:1 1 auto !important;
            flex:1 1 auto !important
  }

  .flex-sm-grow-0{
    -webkit-box-flex:0 !important;
        -ms-flex-positive:0 !important;
            flex-grow:0 !important
  }

  .flex-sm-grow-1{
    -webkit-box-flex:1 !important;
        -ms-flex-positive:1 !important;
            flex-grow:1 !important
  }

  .flex-sm-shrink-0{
    -ms-flex-negative:0 !important;
        flex-shrink:0 !important
  }

  .flex-sm-shrink-1{
    -ms-flex-negative:1 !important;
        flex-shrink:1 !important
  }

  .justify-content-sm-start{
    -webkit-box-pack:start !important;
        -ms-flex-pack:start !important;
            justify-content:flex-start !important
  }

  .justify-content-sm-end{
    -webkit-box-pack:end !important;
        -ms-flex-pack:end !important;
            justify-content:flex-end !important
  }

  .justify-content-sm-center{
    -webkit-box-pack:center !important;
        -ms-flex-pack:center !important;
            justify-content:center !important
  }

  .justify-content-sm-between{
    -webkit-box-pack:justify !important;
        -ms-flex-pack:justify !important;
            justify-content:space-between !important
  }

  .justify-content-sm-around{
    -ms-flex-pack:distribute !important;
        justify-content:space-around !important
  }

  .align-items-sm-start{
    -webkit-box-align:start !important;
        -ms-flex-align:start !important;
            align-items:flex-start !important
  }

  .align-items-sm-end{
    -webkit-box-align:end !important;
        -ms-flex-align:end !important;
            align-items:flex-end !important
  }

  .align-items-sm-center{
    -webkit-box-align:center !important;
        -ms-flex-align:center !important;
            align-items:center !important
  }

  .align-items-sm-baseline{
    -webkit-box-align:baseline !important;
        -ms-flex-align:baseline !important;
            align-items:baseline !important
  }

  .align-items-sm-stretch{
    -webkit-box-align:stretch !important;
        -ms-flex-align:stretch !important;
            align-items:stretch !important
  }

  .align-content-sm-start{
    -ms-flex-line-pack:start !important;
        align-content:flex-start !important
  }

  .align-content-sm-end{
    -ms-flex-line-pack:end !important;
        align-content:flex-end !important
  }

  .align-content-sm-center{
    -ms-flex-line-pack:center !important;
        align-content:center !important
  }

  .align-content-sm-between{
    -ms-flex-line-pack:justify !important;
        align-content:space-between !important
  }

  .align-content-sm-around{
    -ms-flex-line-pack:distribute !important;
        align-content:space-around !important
  }

  .align-content-sm-stretch{
    -ms-flex-line-pack:stretch !important;
        align-content:stretch !important
  }

  .align-self-sm-auto{
    -ms-flex-item-align:auto !important;
        align-self:auto !important
  }

  .align-self-sm-start{
    -ms-flex-item-align:start !important;
        align-self:flex-start !important
  }

  .align-self-sm-end{
    -ms-flex-item-align:end !important;
        align-self:flex-end !important
  }

  .align-self-sm-center{
    -ms-flex-item-align:center !important;
        align-self:center !important
  }

  .align-self-sm-baseline{
    -ms-flex-item-align:baseline !important;
        align-self:baseline !important
  }

  .align-self-sm-stretch{
    -ms-flex-item-align:stretch !important;
        align-self:stretch !important
  }
}

@media (min-width: 768px){
  .flex-md-row{
    -webkit-box-orient:horizontal !important;
    -webkit-box-direction:normal !important;
        -ms-flex-direction:row !important;
            flex-direction:row !important
  }

  .flex-md-column{
    -webkit-box-orient:vertical !important;
    -webkit-box-direction:normal !important;
        -ms-flex-direction:column !important;
            flex-direction:column !important
  }

  .flex-md-row-reverse{
    -webkit-box-orient:horizontal !important;
    -webkit-box-direction:reverse !important;
        -ms-flex-direction:row-reverse !important;
            flex-direction:row-reverse !important
  }

  .flex-md-column-reverse{
    -webkit-box-orient:vertical !important;
    -webkit-box-direction:reverse !important;
        -ms-flex-direction:column-reverse !important;
            flex-direction:column-reverse !important
  }

  .flex-md-wrap{
    -ms-flex-wrap:wrap !important;
        flex-wrap:wrap !important
  }

  .flex-md-nowrap{
    -ms-flex-wrap:nowrap !important;
        flex-wrap:nowrap !important
  }

  .flex-md-wrap-reverse{
    -ms-flex-wrap:wrap-reverse !important;
        flex-wrap:wrap-reverse !important
  }

  .flex-md-fill{
    -webkit-box-flex:1 !important;
        -ms-flex:1 1 auto !important;
            flex:1 1 auto !important
  }

  .flex-md-grow-0{
    -webkit-box-flex:0 !important;
        -ms-flex-positive:0 !important;
            flex-grow:0 !important
  }

  .flex-md-grow-1{
    -webkit-box-flex:1 !important;
        -ms-flex-positive:1 !important;
            flex-grow:1 !important
  }

  .flex-md-shrink-0{
    -ms-flex-negative:0 !important;
        flex-shrink:0 !important
  }

  .flex-md-shrink-1{
    -ms-flex-negative:1 !important;
        flex-shrink:1 !important
  }

  .justify-content-md-start{
    -webkit-box-pack:start !important;
        -ms-flex-pack:start !important;
            justify-content:flex-start !important
  }

  .justify-content-md-end{
    -webkit-box-pack:end !important;
        -ms-flex-pack:end !important;
            justify-content:flex-end !important
  }

  .justify-content-md-center{
    -webkit-box-pack:center !important;
        -ms-flex-pack:center !important;
            justify-content:center !important
  }

  .justify-content-md-between{
    -webkit-box-pack:justify !important;
        -ms-flex-pack:justify !important;
            justify-content:space-between !important
  }

  .justify-content-md-around{
    -ms-flex-pack:distribute !important;
        justify-content:space-around !important
  }

  .align-items-md-start{
    -webkit-box-align:start !important;
        -ms-flex-align:start !important;
            align-items:flex-start !important
  }

  .align-items-md-end{
    -webkit-box-align:end !important;
        -ms-flex-align:end !important;
            align-items:flex-end !important
  }

  .align-items-md-center{
    -webkit-box-align:center !important;
        -ms-flex-align:center !important;
            align-items:center !important
  }

  .align-items-md-baseline{
    -webkit-box-align:baseline !important;
        -ms-flex-align:baseline !important;
            align-items:baseline !important
  }

  .align-items-md-stretch{
    -webkit-box-align:stretch !important;
        -ms-flex-align:stretch !important;
            align-items:stretch !important
  }

  .align-content-md-start{
    -ms-flex-line-pack:start !important;
        align-content:flex-start !important
  }

  .align-content-md-end{
    -ms-flex-line-pack:end !important;
        align-content:flex-end !important
  }

  .align-content-md-center{
    -ms-flex-line-pack:center !important;
        align-content:center !important
  }

  .align-content-md-between{
    -ms-flex-line-pack:justify !important;
        align-content:space-between !important
  }

  .align-content-md-around{
    -ms-flex-line-pack:distribute !important;
        align-content:space-around !important
  }

  .align-content-md-stretch{
    -ms-flex-line-pack:stretch !important;
        align-content:stretch !important
  }

  .align-self-md-auto{
    -ms-flex-item-align:auto !important;
        align-self:auto !important
  }

  .align-self-md-start{
    -ms-flex-item-align:start !important;
        align-self:flex-start !important
  }

  .align-self-md-end{
    -ms-flex-item-align:end !important;
        align-self:flex-end !important
  }

  .align-self-md-center{
    -ms-flex-item-align:center !important;
        align-self:center !important
  }

  .align-self-md-baseline{
    -ms-flex-item-align:baseline !important;
        align-self:baseline !important
  }

  .align-self-md-stretch{
    -ms-flex-item-align:stretch !important;
        align-self:stretch !important
  }
}

@media (min-width: 992px){
  .flex-lg-row{
    -webkit-box-orient:horizontal !important;
    -webkit-box-direction:normal !important;
        -ms-flex-direction:row !important;
            flex-direction:row !important
  }

  .flex-lg-column{
    -webkit-box-orient:vertical !important;
    -webkit-box-direction:normal !important;
        -ms-flex-direction:column !important;
            flex-direction:column !important
  }

  .flex-lg-row-reverse{
    -webkit-box-orient:horizontal !important;
    -webkit-box-direction:reverse !important;
        -ms-flex-direction:row-reverse !important;
            flex-direction:row-reverse !important
  }

  .flex-lg-column-reverse{
    -webkit-box-orient:vertical !important;
    -webkit-box-direction:reverse !important;
        -ms-flex-direction:column-reverse !important;
            flex-direction:column-reverse !important
  }

  .flex-lg-wrap{
    -ms-flex-wrap:wrap !important;
        flex-wrap:wrap !important
  }

  .flex-lg-nowrap{
    -ms-flex-wrap:nowrap !important;
        flex-wrap:nowrap !important
  }

  .flex-lg-wrap-reverse{
    -ms-flex-wrap:wrap-reverse !important;
        flex-wrap:wrap-reverse !important
  }

  .flex-lg-fill{
    -webkit-box-flex:1 !important;
        -ms-flex:1 1 auto !important;
            flex:1 1 auto !important
  }

  .flex-lg-grow-0{
    -webkit-box-flex:0 !important;
        -ms-flex-positive:0 !important;
            flex-grow:0 !important
  }

  .flex-lg-grow-1{
    -webkit-box-flex:1 !important;
        -ms-flex-positive:1 !important;
            flex-grow:1 !important
  }

  .flex-lg-shrink-0{
    -ms-flex-negative:0 !important;
        flex-shrink:0 !important
  }

  .flex-lg-shrink-1{
    -ms-flex-negative:1 !important;
        flex-shrink:1 !important
  }

  .justify-content-lg-start{
    -webkit-box-pack:start !important;
        -ms-flex-pack:start !important;
            justify-content:flex-start !important
  }

  .justify-content-lg-end{
    -webkit-box-pack:end !important;
        -ms-flex-pack:end !important;
            justify-content:flex-end !important
  }

  .justify-content-lg-center{
    -webkit-box-pack:center !important;
        -ms-flex-pack:center !important;
            justify-content:center !important
  }

  .justify-content-lg-between{
    -webkit-box-pack:justify !important;
        -ms-flex-pack:justify !important;
            justify-content:space-between !important
  }

  .justify-content-lg-around{
    -ms-flex-pack:distribute !important;
        justify-content:space-around !important
  }

  .align-items-lg-start{
    -webkit-box-align:start !important;
        -ms-flex-align:start !important;
            align-items:flex-start !important
  }

  .align-items-lg-end{
    -webkit-box-align:end !important;
        -ms-flex-align:end !important;
            align-items:flex-end !important
  }

  .align-items-lg-center{
    -webkit-box-align:center !important;
        -ms-flex-align:center !important;
            align-items:center !important
  }

  .align-items-lg-baseline{
    -webkit-box-align:baseline !important;
        -ms-flex-align:baseline !important;
            align-items:baseline !important
  }

  .align-items-lg-stretch{
    -webkit-box-align:stretch !important;
        -ms-flex-align:stretch !important;
            align-items:stretch !important
  }

  .align-content-lg-start{
    -ms-flex-line-pack:start !important;
        align-content:flex-start !important
  }

  .align-content-lg-end{
    -ms-flex-line-pack:end !important;
        align-content:flex-end !important
  }

  .align-content-lg-center{
    -ms-flex-line-pack:center !important;
        align-content:center !important
  }

  .align-content-lg-between{
    -ms-flex-line-pack:justify !important;
        align-content:space-between !important
  }

  .align-content-lg-around{
    -ms-flex-line-pack:distribute !important;
        align-content:space-around !important
  }

  .align-content-lg-stretch{
    -ms-flex-line-pack:stretch !important;
        align-content:stretch !important
  }

  .align-self-lg-auto{
    -ms-flex-item-align:auto !important;
        align-self:auto !important
  }

  .align-self-lg-start{
    -ms-flex-item-align:start !important;
        align-self:flex-start !important
  }

  .align-self-lg-end{
    -ms-flex-item-align:end !important;
        align-self:flex-end !important
  }

  .align-self-lg-center{
    -ms-flex-item-align:center !important;
        align-self:center !important
  }

  .align-self-lg-baseline{
    -ms-flex-item-align:baseline !important;
        align-self:baseline !important
  }

  .align-self-lg-stretch{
    -ms-flex-item-align:stretch !important;
        align-self:stretch !important
  }
}

@media (min-width: 1200px){
  .flex-xl-row{
    -webkit-box-orient:horizontal !important;
    -webkit-box-direction:normal !important;
        -ms-flex-direction:row !important;
            flex-direction:row !important
  }

  .flex-xl-column{
    -webkit-box-orient:vertical !important;
    -webkit-box-direction:normal !important;
        -ms-flex-direction:column !important;
            flex-direction:column !important
  }

  .flex-xl-row-reverse{
    -webkit-box-orient:horizontal !important;
    -webkit-box-direction:reverse !important;
        -ms-flex-direction:row-reverse !important;
            flex-direction:row-reverse !important
  }

  .flex-xl-column-reverse{
    -webkit-box-orient:vertical !important;
    -webkit-box-direction:reverse !important;
        -ms-flex-direction:column-reverse !important;
            flex-direction:column-reverse !important
  }

  .flex-xl-wrap{
    -ms-flex-wrap:wrap !important;
        flex-wrap:wrap !important
  }

  .flex-xl-nowrap{
    -ms-flex-wrap:nowrap !important;
        flex-wrap:nowrap !important
  }

  .flex-xl-wrap-reverse{
    -ms-flex-wrap:wrap-reverse !important;
        flex-wrap:wrap-reverse !important
  }

  .flex-xl-fill{
    -webkit-box-flex:1 !important;
        -ms-flex:1 1 auto !important;
            flex:1 1 auto !important
  }

  .flex-xl-grow-0{
    -webkit-box-flex:0 !important;
        -ms-flex-positive:0 !important;
            flex-grow:0 !important
  }

  .flex-xl-grow-1{
    -webkit-box-flex:1 !important;
        -ms-flex-positive:1 !important;
            flex-grow:1 !important
  }

  .flex-xl-shrink-0{
    -ms-flex-negative:0 !important;
        flex-shrink:0 !important
  }

  .flex-xl-shrink-1{
    -ms-flex-negative:1 !important;
        flex-shrink:1 !important
  }

  .justify-content-xl-start{
    -webkit-box-pack:start !important;
        -ms-flex-pack:start !important;
            justify-content:flex-start !important
  }

  .justify-content-xl-end{
    -webkit-box-pack:end !important;
        -ms-flex-pack:end !important;
            justify-content:flex-end !important
  }

  .justify-content-xl-center{
    -webkit-box-pack:center !important;
        -ms-flex-pack:center !important;
            justify-content:center !important
  }

  .justify-content-xl-between{
    -webkit-box-pack:justify !important;
        -ms-flex-pack:justify !important;
            justify-content:space-between !important
  }

  .justify-content-xl-around{
    -ms-flex-pack:distribute !important;
        justify-content:space-around !important
  }

  .align-items-xl-start{
    -webkit-box-align:start !important;
        -ms-flex-align:start !important;
            align-items:flex-start !important
  }

  .align-items-xl-end{
    -webkit-box-align:end !important;
        -ms-flex-align:end !important;
            align-items:flex-end !important
  }

  .align-items-xl-center{
    -webkit-box-align:center !important;
        -ms-flex-align:center !important;
            align-items:center !important
  }

  .align-items-xl-baseline{
    -webkit-box-align:baseline !important;
        -ms-flex-align:baseline !important;
            align-items:baseline !important
  }

  .align-items-xl-stretch{
    -webkit-box-align:stretch !important;
        -ms-flex-align:stretch !important;
            align-items:stretch !important
  }

  .align-content-xl-start{
    -ms-flex-line-pack:start !important;
        align-content:flex-start !important
  }

  .align-content-xl-end{
    -ms-flex-line-pack:end !important;
        align-content:flex-end !important
  }

  .align-content-xl-center{
    -ms-flex-line-pack:center !important;
        align-content:center !important
  }

  .align-content-xl-between{
    -ms-flex-line-pack:justify !important;
        align-content:space-between !important
  }

  .align-content-xl-around{
    -ms-flex-line-pack:distribute !important;
        align-content:space-around !important
  }

  .align-content-xl-stretch{
    -ms-flex-line-pack:stretch !important;
        align-content:stretch !important
  }

  .align-self-xl-auto{
    -ms-flex-item-align:auto !important;
        align-self:auto !important
  }

  .align-self-xl-start{
    -ms-flex-item-align:start !important;
        align-self:flex-start !important
  }

  .align-self-xl-end{
    -ms-flex-item-align:end !important;
        align-self:flex-end !important
  }

  .align-self-xl-center{
    -ms-flex-item-align:center !important;
        align-self:center !important
  }

  .align-self-xl-baseline{
    -ms-flex-item-align:baseline !important;
        align-self:baseline !important
  }

  .align-self-xl-stretch{
    -ms-flex-item-align:stretch !important;
        align-self:stretch !important
  }
}

.visible{
  visibility:visible !important
}

.invisible{
  visibility:hidden !important
}

.carousel{
  position:relative
}

.carousel.pointer-event{
  -ms-touch-action:pan-y;
      touch-action:pan-y
}

.carousel-inner{
  position:relative;
  width:100%;
  overflow:hidden
}

.carousel-inner::after{
  display:block;
  clear:both;
  content:""
}

.carousel-item{
  position:relative;
  display:none;
  float:left;
  width:100%;
  margin-right:-100%;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  -webkit-transition:-webkit-transform .6s ease-in-out;
  transition:-webkit-transform .6s ease-in-out;
  transition:transform .6s ease-in-out;
  transition:transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce){
  .carousel-item{
    -webkit-transition:none;
    transition:none
  }
}

.carousel-item.active,.carousel-item-next,.carousel-item-prev{
  display:block
}

.carousel-item-next:not(.carousel-item-left),.active.carousel-item-right{
  -webkit-transform:translateX(100%);
          transform:translateX(100%)
}

.carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left{
  -webkit-transform:translateX(-100%);
          transform:translateX(-100%)
}

.carousel-fade .carousel-item{
  opacity:0;
  -webkit-transition-property:opacity;
  transition-property:opacity;
  -webkit-transform:none;
          transform:none
}

.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{
  z-index:1;
  opacity:1
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{
  z-index:0;
  opacity:0;
  -webkit-transition:0s .6s opacity;
  transition:0s .6s opacity
}

@media screen and (prefers-reduced-motion: reduce){
  .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{
    -webkit-transition:none;
    transition:none
  }
}

.carousel-control-prev,.carousel-control-next{
  position:absolute;
  top:0;
  bottom:0;
  z-index:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  width:15%;
  color:#fff;
  text-align:center;
  opacity:.5;
  -webkit-transition:opacity 0.15s ease;
  transition:opacity 0.15s ease
}

@media screen and (prefers-reduced-motion: reduce){
  .carousel-control-prev,.carousel-control-next{
    -webkit-transition:none;
    transition:none
  }
}

.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{
  color:#fff;
  text-decoration:none;
  outline:0;
  opacity:.9
}

.carousel-control-prev{
  left:0
}

.carousel-control-next{
  right:0
}

.carousel-control-prev-icon,.carousel-control-next-icon{
  display:inline-block;
  width:20px;
  height:20px;
  background:transparent no-repeat center center;
  background-size:100% 100%
}

.carousel-control-prev-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:15;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  padding-left:0;
  margin-right:15%;
  margin-left:15%;
  list-style:none
}

.carousel-indicators li{
  -webkit-box-sizing:content-box;
          box-sizing:content-box;
  -webkit-box-flex:0;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  width:30px;
  height:3px;
  margin-right:3px;
  margin-left:3px;
  text-indent:-999px;
  cursor:pointer;
  background-color:#fff;
  background-clip:padding-box;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  opacity:.5;
  -webkit-transition:opacity 0.6s ease;
  transition:opacity 0.6s ease
}

@media screen and (prefers-reduced-motion: reduce){
  .carousel-indicators li{
    -webkit-transition:none;
    transition:none
  }
}

.carousel-indicators .active{
  opacity:1
}

.carousel-caption{
  position:absolute;
  right:15%;
  bottom:20px;
  left:15%;
  z-index:10;
  padding-top:20px;
  padding-bottom:20px;
  color:#fff;
  text-align:center
}

.color-gray{
  color:var(--color-gray)
}

.color-gray9{
  color:#959BA3
}

.color-primary{
  color:var(--color-primary)
}

.color-red2{
  color:var(--color-red2)
}

.font-bold{
  font-weight:700
}

.font-semibold{
  font-weight:600
}

.font-size-1{
  font-size:1.13rem
}

.font-size-2{
  font-size:1.38rem
}

.font-size-3{
  font-size:2rem
}

.m-b-element{
  margin-bottom:var(--spacing-element)
}

.margin-section-md,.margin-section-lg{
  margin-bottom:var(--spacing-section-mobile);
  margin-top:var(--spacing-section-mobile)
}

@media (min-width: 768px){
  .margin-section-md{
    margin-bottom:var(--spacing-section-md);
    margin-top:var(--spacing-section-md)
  }

  .margin-section-lg{
    margin-bottom:var(--spacing-section-lg);
    margin-top:var(--spacing-section-lg)
  }
}

.m-b-title{
  margin-bottom:var(--spacing-title) !important
}

.hoverable--red,.hoverable--primary,.hoverable--pro{
  -webkit-transition-duration:0.25s;
          transition-duration:0.25s;
  -webkit-transition-property:-webkit-box-shadow, -webkit-transform;
  transition-property:-webkit-box-shadow, -webkit-transform;
  transition-property:box-shadow, transform;
  transition-property:box-shadow, transform, -webkit-box-shadow, -webkit-transform
}

.hoverable--red:hover,.hoverable--primary:hover,.hoverable--pro:hover,.hoverable--red:focus,.hoverable--primary:focus,.hoverable--pro:focus{
  color:#fff;
  -webkit-transform:translateY(-5px);
          transform:translateY(-5px)
}

.hoverable--red:hover,.hoverable--red:focus{
  -webkit-box-shadow:0 5px 20px rgba(255,51,51,0.37);
          box-shadow:0 5px 20px rgba(255,51,51,0.37)
}

.hoverable--primary:hover,.hoverable--primary:focus{
  -webkit-box-shadow:0 5px 20px rgba(15,26,38,0.37);
          box-shadow:0 5px 20px rgba(15,26,38,0.37)
}

.hoverable--pro:hover,.hoverable--pro:focus{
  -webkit-box-shadow:0 5px 20px rgba(89,110,217,0.37);
          box-shadow:0 5px 20px rgba(89,110,217,0.37)
}

@media (min-width: 576px){
  .visible-sm{
    visibility:visible !important
  }
}

.flex-center-y{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center
}

.vertical-margin-section{
  margin-bottom:var(--vertical-spacing-lg);
  margin-top:var(--vertical-spacing-lg)
}

.pb-md{
  padding-bottom:6.25rem
}

.pt-md{
  padding-top:3.125rem
}

@media (min-width: 768px){
  .pt-md{
    padding-top:6.25rem
  }
}

.mb-xs{
  margin-bottom:10px
}

.mb-sm{
  margin-bottom:2.5rem
}

.mt-sm{
  margin-top:2.5rem
}

.hover-green:hover,.hover-green:active,.hover-green.active{
  color:var(--color-green) !important
}

.reset-ul{
  list-style:none;
  margin:0;
  padding:0
}

.disable-scroll{
  margin:0;
  overflow:hidden
}

.text-underline{
  text-decoration:underline
}

.lazyload,.lazyloading{
  opacity:0
}

.lazyloaded{
  opacity:1;
  -webkit-transition:opacity 300ms;
  transition:opacity 300ms
}

.mw-800{
  max-width:800px
}

.bg-gray4{
  background-color:var(--color-gray4)
}

.border-top-gray6{
  border-top-color:var(--color-gray6)
}

.bg-gray9{
  background-color:#F9FBFD
}

.bg-purple2{
  background-color:#EFF1FB
}

.text-base{
  font-size:16px
}

.text-sm{
  font-size:14px
}

.text-md{
  font-size:40px
}

.text-gray10{
  color:#162637
}

.text-gray11{
  color:#93A0AE
}

.text-gray12{
  color:#4F4F4F
}

.text-purple{
  color:#5C70D6
}

.py-7{
  padding-bottom:70px;
  padding-top:70px
}

.mb-8{
  margin-bottom:80px
}

.mt-5-alt{
  margin-top:50px
}

.w-full{
  width:100%
}

.text-uppercase{
  text-transform:uppercase
}

.h1{
  font-size:4.21875rem;
  font-weight:700;
  line-height:4.78125rem;
  margin-bottom:2.25rem
}

.h2{
  font-size:3.4875rem;
  font-weight:700;
  line-height:3.9375rem;
  margin-bottom:2.8125rem
}

.h3{
  font-size:28px;
  font-weight:700;
  letter-spacing:0.4px;
  line-height:25px
}

.twitterFeed{
  background:var(--color-gray4);
  text-align:center
}

.twitterFeed .carousel-inner{
  border-radius:6px;
  -webkit-box-shadow:9px 4px 40px rgba(0,0,0,0.09);
          box-shadow:9px 4px 40px rgba(0,0,0,0.09);
  margin:3.125rem 0 3.125rem 0
}

.twitterFeed .carousel-indicators{
  bottom:-50px
}

.twitterFeed-title{
  margin-bottom:2.8125rem
}

.twitterFeed-subline{
  margin-bottom:2.5rem
}

.twitterFeed-card{
  background:#fff;
  border-radius:6px;
  color:var(--color-gray5);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  font-size:16px;
  height:100%;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  padding:20px
}

.twitterFeed-card-header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-weight:700;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  margin-bottom:14px
}

.twitterFeed-card-header div{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.twitterFeed-card-avatar{
  border-radius:50%;
  margin-right:10px;
  width:1.75rem
}

.twitterFeed-card-body{
  color:var(--color-primary);
  line-height:24px;
  margin-bottom:30px;
  text-align:left
}

.twitterFeed-card-footer{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  color:var(--color-gray2);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:14px;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between
}

@media (min-width: 768px){
  .twitterFeed .carousel-inner--disabled{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between
  }

  .twitterFeed .carousel-item--disabled{
    border-radius:6px;
    -webkit-box-shadow:9px 4px 40px rgba(0,0,0,0.09);
            box-shadow:9px 4px 40px rgba(0,0,0,0.09);
    width:32%
  }

  .twitterFeed .carousel-item--disabled:nth-child(even){
    position:relative;
    top:-4.0625rem
  }

  .twitterFeed .carousel-item--disabled:nth-child(odd) .twitterFeed-card{
    opacity:0.7
  }

  .twitterFeed-buttonSignup{
    padding-bottom:10.3125rem
  }
}

.carousel-indicators{
  bottom:18px;
  margin:0
}

.carousel-indicators li{
  background:rgba(223,229,233,0.64);
  border:0;
  border-radius:50%;
  height:8px;
  margin:0 7px;
  width:8px
}

.carousel-indicators li.active{
  background:#d1d9e1
}

@media (min-width: 768px){
  .carousel--mobile .carousel-indicators{
    display:none
  }
}

.img{
  max-width:100%
}

@media (min-width: 992px){
  .twoCols--inverted .row>div:first-child{
    -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
            order:1
  }
}

.twoCols-title{
  margin-bottom:2.5rem
}

.fontSm{
  font-size:20px;
  line-height:28px
}

.fontMd{
  font-size:28px;
  font-weight:700;
  line-height:normal;
  margin-bottom:15px
}

.headingXl{
  font-size:4.0625rem;
  font-weight:700;
  line-height:4.625rem
}

.headingLg{
  font-size:3.375rem;
  font-weight:700;
  line-height:3.8125rem
}

.headingMd{
  font-size:2.625rem;
  font-weight:700;
  line-height:3rem
}

.headingSm{
  font-size:1.5rem;
  font-weight:700
}

.headingXs{
  font-size:1.125rem;
  font-weight:700
}

.textBig{
  color:var(--color-gray);
  font-size:1.375rem;
  line-height:2rem
}

.textSmall{
  color:var(--color-gray);
  font-size:18px;
  line-height:25px
}

.smallCaps{
  color:var(--color-gray2);
  font-size:12px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase
}

.contactUs-top{
  margin-bottom:20px;
  text-align:center
}

.contactUs-subline{
  margin:0
}

.contactUs-subline svg{
  display:block;
  margin:30px auto 0 auto
}

.header-buttonPlay{
  margin-top:1.00188rem
}

@media (min-width: 992px){
  .header-background-pattern{
    background:url(https://cdn.and.co/marketing/images/2019/background-pattern@2x.png);
    background-position:center;
    background-size:100%
  }
}

.press{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  background:var(--color-gray4);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:9rem;
  -ms-flex-pack:distribute;
      justify-content:space-around
}

.press img{
  display:none
}

.press img:nth-child(-n+3){
  display:block
}

@media (min-width: 565px){
  .press{
    height:12.9375rem
  }

  .press img:nth-child(-n+4){
    display:block
  }
}

@media (min-width: 1130px){
  .press{
    height:16.875rem
  }

  .press img{
    display:block
  }
}

.press-img--fast-company{
  width:8.21875rem
}

.press-img--the-huffington-post{
  width:6.95rem
}

.press-img--psfk{
  width:2.93438rem
}

.press-img--tech-crunch{
  width:10.83687rem
}

.press-img--entrepreneur{
  width:9.15625rem
}

.press-img--usa-today{
  width:10.34375rem
}

.press-img--quartz{
  width:9.28125rem
}

.buttonSignup{
  background:var(--color-red2);
  border-radius:1.7px;
  color:#fff;
  display:inline-block;
  font-size:14px;
  font-weight:700;
  letter-spacing:2px;
  line-height:3.75rem;
  text-align:center;
  text-transform:uppercase;
  width:100%
}

@media (min-width: 768px){
  .buttonSignup{
    max-width:285px
  }
}

.features-title{
  margin:0 auto 2.96875rem auto;
  max-width:794px;
  text-align:center
}

@media (min-width: 992px){
  .features-title{
    margin-bottom:5.9375rem
  }
}

.features-description{
  color:var(--color-gray);
  font-size:20px;
  line-height:28px
}

.features-col:nth-child(2) img,.features-col:nth-child(4) img{
  -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg)
}

.features-col .boxShadow:hover .features-moreInfo,.features-col .boxShadow:focus .features-moreInfo{
  color:var(--color-green)
}

.features-moreInfo{
  margin-top:15px;
  -webkit-transition:color 300ms ease;
  transition:color 300ms ease
}

.features-col-title{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.buttonDark,.buttonRed{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  color:#fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:14px;
  font-weight:700;
  height:65px;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  letter-spacing:1px;
  text-transform:uppercase
}

.buttonDark svg,.buttonRed svg{
  margin-right:10px
}

.buttonDark{
  background:var(--color-primary)
}

.buttonRed{
  background:var(--color-red2)
}

@media (max-width: 1199.98px){
  .apps-row{
    margin-bottom:30px
  }

  .apps-button{
    margin-bottom:15px
  }
}

@media (min-width: 1200px){
  .apps-title{
    margin:100px 0
  }
}

.footer-title{
  font-size:20.15px;
  font-weight:600;
  letter-spacing:0.5px;
  line-height:27px;
  margin-bottom:10px;
  min-height:27px
}

.footer-list{
  list-style:none;
  padding:0
}

.footer-item{
  font-size:14.55px;
  letter-spacing:0.5px;
  line-height:23px
}

.footer-item:not(:last-child){
  margin-bottom:10px
}

.footer-bottom{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  font-size:23.5px;
  font-weight:600;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  letter-spacing:2px;
  margin-top:120px;
  text-align:center;
  text-transform:uppercase
}

.footer-bottom div{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.footer-bottom div:first-child svg{
  margin:10px
}

.footer-bottom div:last-child svg{
  margin-right:10px
}

.footer-mobile{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  margin-bottom:30px
}

.footer-mobile a:first-child{
  margin-right:15px
}

@media (max-width: 767.98px){
  .footer-mobile{
    margin-top:30px
  }
}

.footer-social{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end
}

.footer-social a:not(:last-child){
  margin-right:10px
}

.hr{
  background:var(--color-gray6);
  border:0;
  height:2px;
  margin:30px 0
}

.carouselContracts-tabs{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  padding-bottom:1.5px
}

.carouselContracts-tab{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  background:#fff;
  border:0;
  border-bottom:1px solid var(--color-gray7);
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  font-size:24px;
  font-weight:600;
  padding:0 2.15% 30px 2.15%;
  position:relative
}

.carouselContracts-tab:focus{
  outline:none
}

.carouselContracts-tab:hover:after,.carouselContracts-tab:focus:after,.carouselContracts-tab.active:after{
  background:var(--color-red2);
  bottom:-1.5px;
  content:'';
  height:3px;
  left:0;
  position:absolute;
  right:0
}

.carouselContracts-tab svg{
  margin-bottom:20px;
  min-height:64px
}

.carouselContracts-row{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  min-height:571px;
  padding:50px 0
}

.carouselContracts-title{
  font-size:40px;
  font-weight:700;
  line-height:55px;
  margin-bottom:40px
}

.carouselContracts-description:not(:last-child){
  font-size:20px;
  line-height:28px;
  margin-bottom:30px
}

@media (min-width: 992px){
  .integrations{
    background:url(https://cdn.and.co/marketing/images/2019/integrations-apps@2x.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:40%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0;
    max-width:100%;
    padding-left:4%;
    padding-right:4%;
    position:relative
  }

  .integrations:before{
    border-right:2px solid var(--color-gray4);
    bottom:0;
    content:'';
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:50%;
    z-index:-1
  }
}

@media (min-width: 992px){
  .integrations-inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0;
    width:100%
  }
}

@media (max-width: 1199.98px){
  .integrations-left-content{
    margin-bottom:5rem
  }
}

.integrations-left-content>div{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

@media (max-width: 991.98px){
  .integrations-left-content>div{
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center
  }
}

@media (min-width: 992px){
  .integrations-right .integrations-title{
    margin-left:auto
  }
}

.integrations-right-content{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column
}

@media (min-width: 992px){
  .integrations-right-content{
    -webkit-box-align:end;
        -ms-flex-align:end;
            align-items:flex-end
  }
}

.integrations-title{
  margin-bottom:3.125rem;
  text-align:center
}

@media (min-width: 992px){
  .integrations-title{
    margin-bottom:6.25rem;
    min-height:6rem;
    max-width:449px
  }
}

.integrations-oval{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  background:#fff;
  border-radius:50%;
  -webkit-box-shadow:.22937rem .27563rem 1.37688rem rgba(226,228,229,0.64);
          box-shadow:.22937rem .27563rem 1.37688rem rgba(226,228,229,0.64);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center
}

.integrations-oval--mailchimp{
  height:7.5375rem;
  margin-left:10%;
  width:7.5375rem
}

.integrations-oval--mailchimp img{
  height:1.74375rem;
  width:7.14375rem
}

.integrations-oval--zapier{
  height:5.175rem;
  margin-left:10%;
  width:5.175rem
}

.integrations-oval--zapier img{
  height:1.53125rem;
  width:3.28125rem
}

.integrations-oval--slack{
  height:5.175rem;
  width:5.175rem
}

.integrations-oval--slack img{
  height:1.39rem;
  width:4.055rem
}

.integrations-oval--shopify{
  height:6.075rem;
  margin-left:10%;
  width:6.075rem
}

.integrations-oval--shopify img{
  height:1.40562rem;
  width:4.89625rem
}

.integrations-oval--paypal{
  height:7.5375rem;
  margin-left:10%;
  width:7.5375rem
}

.integrations-oval--paypal img{
  height:1.35rem;
  width:5.0625rem
}

.integrations-oval--stripe{
  height:6.075rem;
  margin-left:10%;
  width:6.075rem
}

.integrations-oval--stripe img{
  height:1.94938rem;
  width:4.12563rem
}

.integrations-oval--apple{
  height:6.125rem;
  margin-left:auto;
  width:6.125rem
}

@media (min-width: 992px){
  .integrations-oval--apple{
    margin:0 15% 0 0
  }
}

.integrations-oval--apple svg{
  width:2.28625rem
}

.integrations-oval--apple svg path{
  fill:#000
}

.integrations-oval--android{
  height:5.355rem;
  width:5.355rem
}

.integrations-oval--android img{
  height:3.46875rem;
  width:3.4375rem
}

.integrations-oval--chrome{
  height:4.725rem;
  width:4.725rem
}

.integrations-oval--chrome svg{
  height:2.16rem;
  width:2.16rem
}

.integrations-desktopApp{
  left:0;
  position:absolute;
  right:0;
  text-align:center
}

.integrations-desktopApp img{
  height:17.3125rem;
  width:14.34375rem
}

@media (min-width: 992px){
  .integrations-desktopApp{
    display:none
  }
}

.boxShadow{
  display:block;
  padding:2.1875rem 8%;
  -webkit-transition:-webkit-box-shadow 300ms ease;
  transition:-webkit-box-shadow 300ms ease;
  transition:box-shadow 300ms ease;
  transition:box-shadow 300ms ease, -webkit-box-shadow 300ms ease
}

.boxShadow:hover,.boxShadow:focus{
  -webkit-box-shadow:.4375rem .4375rem 1.5625rem var(--color-gray3);
          box-shadow:.4375rem .4375rem 1.5625rem var(--color-gray3)
}

.boxShadow:hover .boxShadow-icon,.boxShadow:focus .boxShadow-icon{
  -webkit-transform:translateY(-5px);
          transform:translateY(-5px)
}

.boxShadow-icon{
  display:inline-block;
  margin-right:5%;
  -webkit-transition:-webkit-transform 300ms ease;
  transition:-webkit-transform 300ms ease;
  transition:transform 300ms ease;
  transition:transform 300ms ease, -webkit-transform 300ms ease
}

.index-header{
  background:url(https://cdn.and.co/marketing/images/2019/index-header-bg@2x.png);
  background-position:center bottom;
  background-repeat:no-repeat;
  background-size:auto 18.75rem;
  padding-bottom:18.75rem
}

.index-header .buttonPlay{
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin-top:1.5625rem
}

@media (min-width: 576px){
  .index-header{
    background-size:auto 21.875rem;
    padding:4.375rem 0 21.875rem 0
  }
}

@media (min-width: 768px){
  .index-header{
    background-size:auto 25rem;
    padding:4.6875rem 0 25rem 0
  }
}

@media (min-width: 992px){
  .index-header{
    background-size:auto 28.125rem;
    padding:5rem 0 28.125rem 0
  }
}

@media (min-width: 1200px){
  .index-header{
    background-size:contain;
    padding:5.3125rem 0 35vw 0
  }
}

.index-header-title{
  margin:0 auto 2.5rem auto;
  max-width:620px
}

.index-header-description{
  margin-bottom:2.5rem
}

.index-header-legal{
  font-size:16px;
  line-height:1.5
}

.index .features{
  padding-bottom:30px
}

.threeCols-top{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between
}

.threeCols--invoicing .threeCols-top{
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center
}

.cards-invoicing .col{
  padding-bottom:40px
}

.cards-invoicing-card{
  border-radius:4px;
  -webkit-box-shadow:4px 5px 30px rgba(0,0,0,0.08);
          box-shadow:4px 5px 30px rgba(0,0,0,0.08);
  max-width:330px;
  padding:0
}

.cards-invoicing-card p{
  font-size:18px;
  line-height:25px
}

.cards-invoicing-moreinfo{
  bottom:50px;
  font-size:14px;
  font-weight:600;
  position:absolute
}

.buttonPlay{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  color:var(--color-primary);
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.buttonPlay:hover svg,.buttonPlay:focus svg{
  -webkit-box-shadow:0 5px 20px rgba(255,51,51,0.37);
          box-shadow:0 5px 20px rgba(255,51,51,0.37);
  -webkit-transform:translateY(-5px);
          transform:translateY(-5px)
}

.buttonPlay svg{
  border-radius:50%;
  margin-right:10px;
  -webkit-transition-duration:0.25s;
          transition-duration:0.25s;
  -webkit-transition-property:-webkit-box-shadow, -webkit-transform;
  transition-property:-webkit-box-shadow, -webkit-transform;
  transition-property:box-shadow, transform;
  transition-property:box-shadow, transform, -webkit-box-shadow, -webkit-transform
}

.nav{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  background:#fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  left:0;
  padding:0 30px;
  position:fixed;
  right:0;
  top:0;
  z-index:1
}

.nav .buttonSignup{
  font-size:12px;
  line-height:45px;
  width:115px
}

.nav.isMobile{
  bottom:0;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  overflow-x:hidden;
  overflow-y:auto;
  text-align:center;
  z-index:1072
}

.nav.isMobile .nav-list{
  display:block;
  left:0;
  position:absolute;
  right:0;
  top:70px
}

.nav.isMobile .nav-link{
  border-bottom:1px solid var(--color-gray3);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:15px
}

.nav.isMobile .buttonSignup{
  width:100%
}

.nav-top{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:70px
}

.nav-list{
  display:none
}

.nav-link{
  font-size:14px;
  line-height:1;
  padding:10px 15px;
  text-transform:capitalize
}

.nav-submenu .nav-link{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  padding:15px 20px
}

.nav-submenu .nav-link:hover svg path,.nav-submenu .nav-link:hover svg g,.nav-submenu .nav-link:active svg path,.nav-submenu .nav-link:active svg g,.nav-submenu .nav-link.active svg path,.nav-submenu .nav-link.active svg g{
  fill:var(--color-green);
  opacity:1
}

.nav-icon{
  width:16px
}

@media (max-width: 767px){
  .nav-top{
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    width:100%
  }

  .nav-item:last-child{
    margin:30px
  }

  .nav-link--features{
    border:0;
    pointer-events:none
  }

  .nav.isMobile .nav-submenu .nav-link{
    padding-left:30px
  }
}

@media (min-width: 768px){
  .nav{
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between
  }

  .nav-list{
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }

  .nav-item--features{
    position:relative
  }

  .nav-item--features.disabled .nav-link--features{
    -webkit-box-shadow:none;
            box-shadow:none;
    color:inherit
  }

  .nav-item--features.disabled .nav-submenu{
    opacity:0;
    visibility:hidden
  }

  .nav-item:last-child{
    margin-left:15px
  }

  .nav-submenu{
    background:#fff;
    -webkit-box-shadow:var(--color-gray3) 0 0 3px 0;
            box-shadow:var(--color-gray3) 0 0 3px 0;
    left:-30px;
    position:absolute;
    top:36px;
    -webkit-transition-duration:300ms;
            transition-duration:300ms;
    -webkit-transition-property:opacity, visibility;
    transition-property:opacity, visibility;
    -webkit-transition-timing-function:ease;
            transition-timing-function:ease;
    width:280px
  }

  .nav-submenu ul{
    padding:10px 0
  }

  .nav-submenu ul:first-child{
    border-bottom:1px solid var(--color-gray6)
  }

  .nav-hamburguer-button{
    display:none !important
  }

  .nav-link--features{
    background:#fff;
    -webkit-box-shadow:#fff 0 3px 0 0,var(--color-gray3) 0 0 3px 0;
            box-shadow:#fff 0 3px 0 0,var(--color-gray3) 0 0 3px 0;
    color:var(--color-green);
    cursor:pointer;
    position:relative;
    top:2px;
    -webkit-transition:opacity 300ms ease;
    transition:opacity 300ms ease;
    z-index:1
  }
}

.pricing{
  background:var(--color-gray4);
  text-align:center
}

.pricing-title{
  font-size:3rem;
  font-weight:700;
  line-height:3rem;
  margin-bottom:3.125rem
}

.pricing-plan{
  border-radius:8px;
  padding:3.125rem 0;
  position:relative
}

.pricing-plan .textSmall{
  margin-bottom:20px
}

.pricing-plan .buttonSignup{
  bottom:-32.5px;
  left:0;
  line-height:65px;
  margin:0 auto;
  max-width:220px;
  position:absolute;
  right:0
}

.buttonSignup--primary{
  background:var(--color-primary)
}

.pricing-plan--free{
  -webkit-box-shadow:0px 4px 3.125rem rgba(0,0,0,0.14);
          box-shadow:0px 4px 3.125rem rgba(0,0,0,0.14);
  margin-bottom:6.25rem
}

.pricing-plan--free .pricing-subtitle{
  margin-bottom:2.625rem
}

.pricing-plan--free .buttonSignup{
  background:var(--color-primary)
}

.pricing-plan--pro{
  background:#fff;
  -webkit-box-shadow:0px 4px 3.125rem rgba(0,0,0,0.08);
          box-shadow:0px 4px 3.125rem rgba(0,0,0,0.08)
}

.pricing-plan--pro .pricing-plan-price{
  color:var(--color-pro);
  font-size:18px;
  font-weight:600;
  line-height:25px;
  margin:10px 0 20px 0
}

.pricing-plan--pro .textSmall svg{
  margin-right:10px
}

.pricing-plan--pro .buttonSignup{
  background:var(--color-pro)
}

.pricing-switch{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:18px;
  font-weight:600;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  line-height:25px
}

.pricing-switch svg{
  margin:0 20px
}

.pricing-switch-monthly{
  color:var(--color-gray2);
  min-width:81.88px;
  text-align:right
}

.pricing-switch-yearly{
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column
}

.pricing-switch-yearly div{
  color:var(--color-gray2);
  font-size:14px;
  font-weight:400
}

.pricing-separator{
  background:var(--color-gray8);
  border:0;
  height:1px;
  margin:30px auto;
  max-width:16.875rem
}

.pricing-subtitle{
  font-size:4.0625rem;
  font-weight:700;
  line-height:4.625rem;
  text-transform:uppercase
}

@media (min-width: 768px){
  .pricing-plans{
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center
  }

  .pricing-plan--free{
    margin:0 50px 0 0;
    width:300px
  }

  .pricing-plan--pro{
    position:relative;
    right:50px;
    width:400px
  }
}

.pricing-switch-input{
  cursor:pointer
}

.features--pricing .features-col .boxShadow:hover,.features--pricing .features-col .boxShadow:focus{
  -webkit-box-shadow:none;
          box-shadow:none
}

.features--pricing .features-col .boxShadow:hover .boxShadow-icon,.features--pricing .features-col .boxShadow:focus .boxShadow-icon{
  -webkit-transform:none;
          transform:none
}

@media (min-width: 768px){
  .threeCols--pricing .threeCols-top{
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center
  }
}

.hamburguer-button{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:26px;
  position:relative;
  -webkit-transition:-webkit-transform .3s;
  transition:-webkit-transform .3s;
  transition:transform .3s;
  transition:transform .3s, -webkit-transform .3s;
  width:26px
}

.hamburguer-button div,.hamburguer-button div:after,.hamburguer-button div:before{
  background:#0f1a26;
  content:'';
  height:2px;
  left:0;
  position:absolute;
  -webkit-transition:-webkit-transform 300ms ease;
  transition:-webkit-transform 300ms ease;
  transition:transform 300ms ease;
  transition:transform 300ms ease, -webkit-transform 300ms ease;
  width:100%
}

.hamburguer-button div:after{
  -webkit-transform:translateY(-7px);
          transform:translateY(-7px)
}

.hamburguer-button div::before{
  -webkit-transform:translateY(7px);
          transform:translateY(7px)
}

.hamburguer-button.isOpen{
  -webkit-transform:rotate(45deg);
          transform:rotate(45deg)
}

.hamburguer-button.isOpen div:after,.hamburguer-button.isOpen div:before{
  -webkit-transform:rotate(90deg);
          transform:rotate(90deg)
}

.faq-title{
  margin-bottom:3.75rem;
  text-align:center
}

.faq-questions{
  border:1px solid var(--color-gray8);
  margin:0 auto;
  max-width:820px
}

.faq-question{
  cursor:pointer;
  padding:2.5rem 1.875rem
}

.faq-question:not(:last-child){
  border-bottom:1px solid var(--color-gray8)
}

.faq-question svg{
  -webkit-transition:fill 300ms ease;
  transition:fill 300ms ease
}

.faq-question circle{
  -webkit-transition:stroke 300ms ease;
  transition:stroke 300ms ease
}

.faq-question:hover svg,.faq-question:focus svg,.faq-question.isOpen svg{
  fill:var(--color-green)
}

.faq-question:hover circle,.faq-question:focus circle,.faq-question.isOpen circle{
  stroke:var(--color-green)
}

.faq-question-title{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size:22px;
  font-weight:600;
  line-height:32px;
  margin:0
}

.faq-question-title svg{
  margin-right:1.5625rem;
  width:1.25rem
}

.faq-question-answer{
  display:none;
  margin:1.25rem 0 0 0
}

.legal h2{
  font-size:22px;
  font-weight:700
}

.legal h3{
  font-size:20px;
  font-weight:800
}

.legal a{
  color:inherit;
  text-decoration:underline
}

.legal a:hover,.legal a:focus{
  color:var(--color-green);
  text-decoration:inherit
}

.legal-header{
  background-color:var(--color-gray4)
}

.legal-content{
  font-size:18px;
  line-height:25px
}

.link:hover,.link:focus{
  color:var(--color-green);
  text-decoration:underline
}

.link-big{
  color:var(--color-green);
  font-size:.9375rem;
  font-weight:700;
  letter-spacing:.09375rem;
  text-transform:uppercase
}

.link-small{
  color:inherit;
  text-decoration:underline
}

.frame-yellow,.frame-dark{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  border-style:solid;
  border-width:.625rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  padding:2.5rem 1.25rem;
  text-align:center
}

.frame-yellow{
  border-color:var(--color-yellow)
}

.frame-dark{
  background:var(--color-primary);
  border-color:var(--color-green);
  color:#fff
}

.announcement-bar{
  background-color:var(--color-pro);
  font-size:16px;
  display:none;
  position:fixed;
  text-align:center;
  left:0;
  right:0;
  top:0;
  z-index:99999999;
  padding:10px 40px
}

.announcement-bar a,.announcement-bar a:hover{
  color:#fff
}

.announcement-bar-close{
  border:0;
  background:transparent;
  color:#fff;
  position:absolute;
  right:10px;
  cursor:pointer;
  font-size:25px;
  top:10px
}

.NewSignupLink{
  height:65px;
  line-height:1.3;
  max-width:300px
}

.NewSignupLink:hover,.NewSignupLink:focus{
  background-color:#ebedfa;
  color:#5C70D6
}

.invoices-FeaturesList li{
  font-size:24px;
  min-width:330px
}

@font-face{
  font-family:"Source Sans Pro";

  font-style:normal;

  font-weight:400;

  src:url("https://cdn.and.co/marketing/fonts/sourcesanspro-regular.woff2") format("woff2"),url("https://cdn.and.co/marketing/fonts/sourcesanspro-regular.woff") format("woff")
}

@font-face{
  font-family:"Source Sans Pro";

  font-style:normal;

  font-weight:700;

  src:url("https://cdn.and.co/marketing/fonts/sourcesanspro-bold.woff2") format("woff2"),url("https://cdn.and.co/marketing/fonts/sourcesanspro-bold.woff") format("woff")
}

@font-face{
  font-family:"Source Sans Pro";

  font-style:normal;

  font-weight:600;

  src:url("https://cdn.and.co/marketing/fonts/sourcesanspro-semibold.woff2") format("woff2"),url("https://cdn.and.co/marketing/fonts/sourcesanspro-semibold.woff") format("woff")
}

@font-face{
  font-family:"Source Sans Pro";

  font-style:italic;

  font-weight:400;

  src:url("https://cdn.and.co/marketing/fonts/SourceSansPro-Italic.woff2") format("woff2"),url("https://cdn.and.co/marketing/fonts/SourceSansPro-Italic.woff") format("woff")
}

@font-face{
  font-family:"Source Sans Pro";

  font-style:italic;

  font-weight:700;

  src:url("https://cdn.and.co/marketing/fonts/SourceSansPro-BoldItalic.woff2") format("woff2"),url("https://cdn.and.co/marketing/fonts/SourceSansPro-BoldItalic.woff") format("woff")
}

.SignupForm{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:65px;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center
}

.SignupForm-input{
  background-color:#fff;
  border:0.928991px solid #ababab;
  border-radius:2px;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  font-size:16px;
  line-height:20.11px;
  outline:none;
  padding:10px;
  width:70%
}

.SignupForm-input ::-webkit-input-placeholder{
  color:#707F8F;
  opacity:1
}

.SignupForm-input ::-ms-input-placeholder{
  color:#707F8F;
  opacity:1
}

.SignupForm-input ::placeholder{
  color:#707F8F;
  opacity:1
}

.SignupForm-input :-ms-input-placeholder{
  color:#707F8F
}

.SignupForm-input ::-ms-input-placeholder{
  color:#707F8F
}

@media (min-width: 414px){
  .SignupForm-input{
    padding:20px 25px;
    width:377px
  }
}

.SignupForm-button{
  background-color:var(--color-green);
  border:0;
  border-radius:2px;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  cursor:pointer;
  font-size:12px;
  font-weight:bold;
  letter-spacing:2px;
  line-height:65px;
  outline:none;
  padding:5px;
  white-space:normal;
  width:30%
}

.SignupForm-button:hover,.SignupForm-button:focus{
  background-color:#00d6ab
}

@media (min-width: 414px){
  .SignupForm-button{
    font-size:14.86px;
    max-width:233px;
    padding:0;
    width:100%
  }
}

:root{
  --color-primary: #0f1a26;
  --color-gray: #4f4f4f;
  --color-gray2: #959ba3;
  --color-gray3: #e2e4e5;
  --color-gray4: #fafafa;
  --color-gray5: #1c2022;
  --color-gray6: #f0f2f2;
  --color-gray7: #c4c4c4;
  --color-gray8: #f2f3f3;
  --color-red: #fd3137;
  --color-red2: #f33;
  --color-green: #00e2b6;
  --color-pro: #596ed9;
  --color-yellow: #ffd11a;
  --spacing-title: 50px;
  --spacing-element: 45px;
  --spacing-section-lg: 200px;
  --spacing-section-md: 140px;
  --spacing-section-mobile: 90px;
  --vertical-spacing-lg: 4rem
}

@media (max-width: 767.98px){
  html{
    font-size:90%
  }
}

@media (min-width: 768px){
  html{
    font-size:95%
  }
}

@media (min-width: 992px){
  html{
    font-size:100%
  }
}

body{
  color:var(--color-primary);
  font:1.375rem "Source Sans Pro",sans-serif;
  font-weight:400;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  line-height:2rem;
  -webkit-overflow-scrolling:touch
}

p{
  margin-bottom:1.8rem
}

a{
  color:var(--color-primary)
}

a:hover,a:focus{
  color:var(--color-primary);
  text-decoration:none
}

button{
  outline:none !important
}

.Nav-featuresMenu{
  -webkit-box-sizing:content-box;
          box-sizing:content-box
}

.alternative-pages-menu h2{
  font-size:2rem;
  font-weight:700
}

.alternative-pages-menu ul{
  max-width:800px
}

.alternative-pages-menu li{
  min-width:215px
}

.alternative-pages-menu a{
  font-size:1.2rem
}