body {

  background: #fff ;
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
  overflow-y: scroll;
}
a {
  color: #00008B;
  text-decoration: none;
  background-color: transparent;
  font-weight: 500;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px
}

.bg-light {
  background-color: white !important
}

a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
  background-color: #d2ddee!important
}

a:hover {
  color: #004f3a;
  text-decoration: none
}

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

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

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



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


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

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

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

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

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

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

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

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

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

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

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  margin-bottom: 1rem;
  font-weight: 700;
/*    line-height: 1.2;*/
color: #2c3038
}

.section-title h2 {
  text-shadow: 1px 1px 2px #4444;
}

/*****************************
    NavBar
******************************/
header  {
}


.bg-color.scrolled {
  background:   #0000CD;
  width: 100%;
}



header nav {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px #4444;
  position: fixed;
  padding: 90px 0;
}
header nav ul .nav-item .nav-link {
/*  margin: 0px 20px;*/
color: whitesmoke;
font-weight: 300;
display: inline-block;
}
header nav ul .nav-item .nav-link:hover {
  color: white;
}



footer .container .nav .nav-item a {
/*  margin: 0px 20px;*/
color: silver;
font-weight: 500;
display: inline-block;
}
footer .container .nav .nav-item a:hover {
  color: white;
}

footer .container .card.card-body {
  background-color: rgba(10, 20, 15, .2);
}

footer .container .card.card-body a {
  color: silver;
  font-weight: 600;
}

footer .container .card.card-body a:hover {
  color: white;
  font-weight: 600;
}
.navbar-toggler {
  outline: none!important;
  outline-color: transparent!important;
  padding: none!important;
  border: none!important;
  border-radius: none!important;
  
}
header .dropdown-menu .dropdown-item {
  margin-bottom: 10px;
}

header .dropdown-menu .dropdown-item:hover {
  background-color: blue;
  color: white;
}
@media(max-width: 567px){

}
/*****************************
    Login Form
******************************/
.form-login{
  bottom: 45%!important;
}


.carousel-item {
  width: 100%;
  height: 80vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow-x: hidden;

}

.carousel-item::before {
  content: '';
  background-color: rgba(12, 11, 10, 0.5);
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.carousel-caption {
/*  display: flex;*/
width: 400px;
height: auto;
background-color: rgb(255, 255, 255, 0.5);
justify-content: center;
align-items: center;
position: absolute;
animation: backInLeft; /* referring directly to the animation's @keyframe declaration */
animation-duration: 2s; /* don't forget to set a duration! */
margin-bottom: 20px;
}

.carousel-caption {
/*  display: flex;*/
width: 400px;
height: auto;
background-color: rgb(255, 255, 255, 0.5);
justify-content: center;
align-items: center;
position: absolute;
animation: backInLeft; /* referring directly to the animation's @keyframe declaration */
animation-duration: 2s; /* don't forget to set a duration! */
margin-bottom: 20px;
}





.carousel-caption .judul  {
  position: relative;
  margin-top: 0;
  width: 100%;
  background: blue;
  text-align: left;
  font-weight: 70
  color: black;
  margin-top: -22px;

}
.carousel-caption .judul h5 {
  padding:5px 10px 5px 10px;
  font-size: 25px;
}

.carousel-caption p {
  text-align: left;
  width: 100%;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  color: black;
  padding: 5px 10px 0 10px;
}


@media(max-width:768px){
  .carousel-caption h5 {
    font-size: 38px;
  }
  .carousel-caption {
    display: block;
    width: 350px;
    height: auto;
    background-color: rgb(255, 255, 255, 0.5);
    justify-content: center;
    align-items: center;
    position: absolute;
    animation: backInLeft; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
    margin-bottom: 20px;
/*    padding-right: auto;*/
}
}
@media(max-width:577px){
  .carousel-caption h5 {
    font-size: 25px;
    
  }
  .carousel-caption p {
    font-size: 13px;
  }
  
}

@media(max-width:425px){
  .carousel-caption .judul h5 {
    font-size: 15px;
    
  }
  .carousel-caption p {
    font-size: 12px;
  }
  .carousel-caption {
/*  display: flex;*/
width: 250px;
height: auto;
background-color: rgb(255, 255, 255, 0.5);
justify-content: center;
align-items: center;
position: absolute;
animation: backInLeft; /* referring directly to the animation's @keyframe declaration */
animation-duration: 2s; /* don't forget to set a duration! */
margin-bottom: 20px;
margin-right: 40%;
}

}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/


.about .content {
  padding: 0 80px;
}

.about .content h3 {
  font-weight: 400;
  font-size: 34px;
  color: #5f5950;
}

.about .content h4 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
}

.about .content p {
  font-size: 15px;
  color: #848484;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li + li {
  margin-top: 15px;
}

.about .content ul li {
  position: relative;
  padding-left: 26px;
}

.about .content ul i {
  font-size: 20px;
  color: #ffb03b;
  position: absolute;
  left: 0;
  top: 2px;
}

.about .content p:last-child {
  margin-bottom: 0;
}

.about .video-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 400px;
  position: relative;
}

.about .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(#ffb03b 50%, rgba(255, 176, 59, 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}

.about .play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.about .play-btn::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 176, 59, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

.about .play-btn:hover::after {
  border-left: 15px solid #ffb03b;
/*  transform: scale(20);*/
}

.about .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

@media (max-width: 1024px) {
  .about .content, .about .accordion-list {
    padding-left: 0;
    padding-right: 0;
  }
  .carousel-item {
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

}

@media (max-width: 992px) {
  .about .content {
    padding-top: 30px;
  }
  .about .accordion-list {
    padding-bottom: 30px;
  }/*
  .carousel-item {
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }*/
}

@-webkit-keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}



.course .box {
  padding: 10px 10px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: all ease-in-out 0.3s;
}
.course .box img{
  border-radius: 5px;
}
.course .box span {
  display: block;
  font-size: 28px;
  font-weight: 700;
  color: #ffcf88;
}



.btn {
  display: inline-block;
  font-weight: 400;
  color: #555a64;
  text-align: center;
  vertical-align: middle;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 100px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
}
@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color: #555a64;
  text-decoration: none
}

.btn.focus,.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,155,114,.25)
}

.btn.disabled,.btn:disabled {
  opacity: .3;
  box-shadow: none
}

.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active {
  box-shadow: none
}

.btn:not(:disabled):not(.disabled).active:focus,.btn:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 .2rem rgba(0,155,114,.25)
}

a.btn.disabled,fieldset:disabled a.btn {
  pointer-events: none
}

.btn-rounded {
  border-radius: 30px !important; 
}

.btn-success {
  color:  white;
  background-color: green;
  border-color: green; 
}
.btn-success:hover {
  color:  white;
  background-color: #32CD32;
  border-color: #32CD32;
}
.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-primary:hover {
  color: #fff;
  background-color:    #00FF00;;
  border-color: #00FF00;
}

.btn-whatsap {
  color: #fff;
  background-color:   #00FF00;
  border-color:  1px solid  #00FF00;
}
.btn-whatsap:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}


.btn-danger {
  color: #fff;
  background-color: blue;
  border-color: blue;
  box-shadow: none
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130
}

.btn-danger.focus,.btn-danger:focus {
  box-shadow: none,0 0 0 .2rem rgba(225,83,97,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
}



@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-item:hover ~ .carousel-control-next,
.carousel-item:hover ~ .carousel-control-prev  {
 color: red;
 text-decoration: none;
 outline: 0;
 opacity: 1;
}

.carousel-item  .carousel-control-prev,
.carousel-item  .carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: none;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.carousel-item  .carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-item  .carousel-control-next:hover,
.carousel-item  .carousel-control-next:focus {
 color: #fff;
 text-decoration: none;
 outline: 0;
 opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  opacity: 0;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

@media (min-width: 768px) {
  .navbar .navbar-toggler {
    color: white;
  }
}

@media (min-width: 425px) {
  .navbar .navbar-toggler {
    color: white;
  }
  

}



/*=======AGENDA============*/

.divider {
  width: 100%;
  position: relative;
  height: 5vw;
  pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
  -webkit-mask-size: 100% 101%;
  mask-size: 100% 101%;
  background: #fff
}

.divider.divider-side {
  position: absolute;
  z-index: 1;
  top: 0;
  height: 100%;
  width: 5vw;
  max-width: 72px;
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,99 50,99 C66.6666667,99 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff' fill-rule='evenodd' transform='translate(50.000000, 50.000000) rotate(-90.000000) translate(-50.000000, -50.000000)' /%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,99 50,99 C66.6666667,99 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff' fill-rule='evenodd' transform='translate(50.000000, 50.000000) rotate(-90.000000) translate(-50.000000, -50.000000)' /%3e%3c/svg%3e");
  -webkit-mask-size: 100% 101%;
  mask-size: 100% 101%
}

.divider.divider-side:first-child {
  left: -1px
}

.divider.divider-side:last-child {
  right: -1px
}


.divider.divider-bottom {
  top: 1px
}

.divider.divider-top {
  bottom: 1px
}

section>.divider-bottom {
  margin-top: calc(3.75rem - 5vw)
}

section>.divider-top {
  margin-bottom: calc(3.75rem - 5vw)
}

@media (min-width: 768px) {
  section>.divider-bottom {
    margin-top:calc(6rem - 5vw)
  }

  section>.divider-top {
    margin-bottom: calc(6rem - 5vw)
  }
}

@media (min-width: 992px) {
  section>.divider-bottom {
    margin-top:calc(7.5rem - 5vw)
  }

  section>.divider-top {
    margin-bottom: calc(7.5rem - 5vw)
  }
}

.card .divider {
  height: 1.5rem
}
.d-block {
  display: block!important
}

.position-relative {
  position: relative!important
}

.bg-gradient {
  background: linear-gradient(to right,#009b72,#046865)!important
}


img.h-100 {
  object-fit: cover
}

img.flex-fill {
  width: 100%;
  height: 100%;
  object-fit: cover
}


.hover-fade-out:hover {
  opacity: .75
}

.hover-box-shadow:hover {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.09);
  transform: translateY(-.5rem)
}
.badge {
  display: inline-block;
  padding: .5rem .75rem;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .3125rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .badge {
    transition: none
  }
}

a.badge-danger {
  background-color: rgba(0, 0, 255, .1) ;
  color: rgb(0, 0, 255);
}

a.badge:focus,a.badge:hover {
  text-decoration: none
}

.badge-pill {
  padding-right: .75rem;
  padding-left: .75rem;
  border-radius: 10rem
}

.badge-danger {
  color: #fff;
  background-color: #dc3545
}

a.badge-danger:focus,a.badge-danger:hover {
  color: #fff;
  background-color: rgb(0, 0, 255);
}

a.badge-danger.focus,a.badge-danger:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.badge-light {
  color: #2c3038;
  background-color: #f7f9fc
}

a.badge-light:focus,a.badge-light:hover {
  color: #2c3038;
  background-color: #d2ddee
}

a.badge-light.focus,a.badge-light:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(247,249,252,.5)
}

.badge-dark {
  color: #fff;
  background-color: #2c3038
}

a.badge-dark:focus,a.badge-dark:hover {
  color: #fff;
  background-color: #16181b
}

a.badge-dark.focus,a.badge-dark:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(44,48,56,.5)
}

.badge-primary-2 {
  color: #fff;
  background-color: #046865
}

a.badge-primary-2:focus,a.badge-primary-2:hover {
  color: #fff;
  background-color: #023735
}

a.badge-primary-2.focus,a.badge-primary-2:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(4,104,101,.5)
}

.badge-primary-3 {
  color: #fff;
  background-color: #192d35
}

a.badge-primary-3:focus,a.badge-primary-3:hover {
  color: #fff;
  background-color: #091012
}

a.badge-primary-3.focus,a.badge-primary-3:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(25,45,53,.5)
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center
}

.mt-2,.my-2 {
  margin-top: .5rem!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
  }

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

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


/*========aoos ==============*/

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity,transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0)
}

[data-aos=fade-up] {
  transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
  transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
  transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
  transform: translate3d(100px,0,0)
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px,100px,0)
}

[data-aos=fade-up-left] {
  transform: translate3d(100px,100px,0)
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left] {
  transform: translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity,transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
  transform: scale(.6)
}

[data-aos=zoom-in-up] {
  transform: translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down] {
  transform: translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out] {
  transform: scale(1.2)
}

[data-aos=zoom-out-up] {
  transform: translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down] {
  transform: translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0)
}

[data-aos=slide-up] {
  transform: translate3d(0,100%,0)
}

[data-aos=slide-down] {
  transform: translate3d(0,-100%,0)
}

[data-aos=slide-right] {
  transform: translate3d(-100%,0,0)
}

[data-aos=slide-left] {
  transform: translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: transform
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0)
}


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

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

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

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


.rounded {
  border-radius: .3125rem!important
}

.rounded-top {
  border-top-left-radius: .3125rem!important;
  border-top-right-radius: .3125rem!important
}

.rounded-right {
  border-top-right-radius: .3125rem!important;
  border-bottom-right-radius: .3125rem!important
}

.rounded-bottom {
  border-bottom-right-radius: .3125rem!important;
  border-bottom-left-radius: .3125rem!important
}

.rounded-left {
  border-top-left-radius: .3125rem!important;
  border-bottom-left-radius: .3125rem!important
}

.rounded-lg {
  border-radius: .3125rem!important
}

.rounded-circle {
  border-radius: 50%!important
}

.rounded-pill {
  border-radius: 50rem!important
}

.rounded-0 {
  border-radius: 0!important
}


.card-body {
  flex: 1 1 auto;
  padding: 2.25rem
}

@media (max-width: 767.98px) {
  .card-body {
    padding:1.5rem
  }
}


.form-group {
  position: relative
}

.form-group .custom-select+.icon {
  position: absolute;
  transform: translateY(-50%);
  right: .75rem;
  top: 1.5rem;
  pointer-events: none
}

.form-group .custom-select.custom-select-sm+.icon {
  top: 1.125rem
}

.form-group .custom-select.custom-select-lg+.icon {
  top: 2.25rem;
  transform: translateY(-50%) scale(1.25)
}

.custom-file-input,.custom-select {
  cursor: pointer
}

.custom-file-label:after {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1.375rem + 2px);
  padding: .6875rem 1.75rem .6875rem .75rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  color: #555a64;
  vertical-align: middle;
  background: none no-repeat right .75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #eaedf2;
  border-radius: .3125rem;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.custom-select:focus {
  border-color: #009b72;
  outline: 0;
  box-shadow: none,0 0 0 .2rem rgba(0,155,114,.25)
}

.custom-select:focus::-ms-value {
  color: #555a64;
  background-color: #fff
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: .75rem;
  background-image: none
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #f7f9fc
}

.custom-select::-ms-expand {
  display: none
}

.custom-select-sm {
  height: calc(1.5em + .6875rem + 2px);
  padding-top: .40625rem;
  padding-bottom: .40625rem;
  padding-left: .5rem;
  font-size: .875rem
}


.form-group .custom-select+.icon {
  position: absolute;
  transform: translateY(-50%);
  right: .75rem;
  top: 1.5rem;
  pointer-events: none
}

.form-group .custom-select.custom-select-sm+.icon {
  top: 1.125rem
}

.form-group .custom-select.custom-select-lg+.icon {
  top: 2.25rem;
  transform: translateY(-50%) scale(1.25)
}

.custom-file-input,.custom-select {
  cursor: pointer
}

.lead {
/*  color: blue;*/
font-size: 1.25rem;
font-weight: 400
}

a.lead {
  font-weight: 700
}


.jarallax {
  position: relative;
  z-index: 0
}

.jarallax>.jarallax-img {
  position: absolute;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

[data-overlay] {
  position: relative
}


.bg-primary-3 {
  background-color: #192d35!important
}

a.bg-primary-3:focus,a.bg-primary-3:hover,button.bg-primary-3:focus,button.bg-primary-3:hover {
  background-color: #091012!important
}


svg.bg-primary-3 [stroke]:not([stroke=none]) {
  stroke: #192d35
}

svg.bg-primary-3 [fill]:not([fill=none]) {
  fill: #192d35
}

.bg-white {
  background-color: #fff!important
}

.bg-transparent {
  background-color: transparent!important
}


.justify-content-start {
  justify-content: flex-start!important
}

.justify-content-end {
  justify-content: flex-end!important
}

.justify-content-center {
  justify-content: center!important
}

.justify-content-between {
  justify-content: space-between!important
}

.justify-content-around {
  justify-content: space-around!important
}

.align-items-start {
  align-items: flex-start!important
}

.align-items-end {
  align-items: flex-end!important
}

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

.align-items-baseline {
  align-items: baseline!important
}

.align-items-stretch {
  align-items: stretch!important
}

.align-content-start {
  align-content: flex-start!important
}

.align-content-end {
  align-content: flex-end!important
}

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

.align-content-between {
  align-content: space-between!important
}

.align-content-around {
  align-content: space-around!important
}

.align-content-stretch {
  align-content: stretch!important
}

.align-self-auto {
  align-self: auto!important
}

.align-self-start {
  align-self: flex-start!important
}

.align-self-end {
  align-self: flex-end!important
}

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

.align-self-baseline {
  align-self: baseline!important
}

.align-self-stretch {
  align-self: stretch!important
}


.display-1,.display-2,.display-3,.display-4,.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5 {
  letter-spacing: -.02em
}

@media (min-width: 768px) {
  .display-1,.display-2,.display-3,.display-4,.h1,h1 {
    margin-bottom:1.5rem
  }

  .h1,h1 {
    line-height: 1.125
  }

  p.lead {
    margin-bottom: 1.5rem
  }
}

.o-hidden {
  overflow: hidden
}

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

.min-vh-10 {
  min-height: 10vh
}

.min-vh-20 {
  min-height: 20vh
}

.min-vh-30 {
  min-height: 30vh
}

.min-vh-40 {
  min-height: 40vh
}

.min-vh-50 {
  min-height: 50vh
}

.min-vh-60 {
  min-height: 60vh
}

.min-vh-70 {
  min-height: 70vh
}

.min-vh-80 {
  min-height: 80vh
}

.min-vh-90 {
  min-height: 90vh
}


.d-flex {
  display: flex!important
}

.d-inline-flex {
  display: inline-flex!important
}



.flex-row-reverse {
  flex-direction: row-reverse!important
}

.flex-column-reverse {
  flex-direction: column-reverse!important
}

.flex-wrap {
  flex-wrap: wrap!important
}

.flex-nowrap {
  flex-wrap: nowrap!important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse!important
}

.flex-fill {
  flex: 1 1 auto!important
}

.flex-grow-0 {
  flex-grow: 0!important
}

.flex-grow-1 {
  flex-grow: 1!important
}

.flex-shrink-0 {
  flex-shrink: 0!important
}

.flex-shrink-1 {
  flex-shrink: 1!important
}


.opacity-0 {
  opacity: 0
}

.opacity-10 {
  opacity: .1
}

.opacity-20 {
  opacity: .2
}

.opacity-30 {
  opacity: .3
}

.opacity-40 {
  opacity: .4
}

.opacity-50 {
  opacity: .5
}

.opacity-60 {
  opacity: .6
}

.opacity-70 {
  opacity: .7
}

.opacity-80 {
  opacity: .8
}

.opacity-90 {
  opacity: .9
}

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

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


.flex-md-column {
  flex-direction: column!important
}

.flex-md-row-reverse {
  flex-direction: row-reverse!important
}

.flex-md-column-reverse {
  flex-direction: column-reverse!important
}

.img-fluid {
  width: 100%;
  height: auto;
}

.img-fluid1 {
  width: 100%;
  height: 400px;
  margin: 1rem 0 1rem 0;
}

.img-fluid.position-relative {
  z-index: 1
}


.article blockquote,.article figure,.article pre {
  margin: 2rem 0
}

.article ol,.article ul {
  padding-left: 2rem
}

.article pre {
  padding: 1rem;
  background: #2c3038;
  color: #e83e8c;
  border-radius: .3125rem
}

@media (min-width: 768px) {
  .article blockquote,.article figure,.article pre {
    margin:4rem 0
  }

  .article h5:not(:first-child) {
    margin-top: 3rem
  }

  .article ol>li:not(:last-child),.article ul>li:not(:last-child) {
    margin-bottom: .5rem
  }

  .article pre {
    padding: 2.25rem
  }
}

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

.article-comments>li:not(:last-child) {
  margin-bottom: 1rem
}

.article-comments>li li {
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  border-left: 2px solid #eaedf2
}

@media (min-width: 768px) {
  .article-comments>li:not(:last-child) {
    margin-bottom:1.5rem
  }
}



.border {
  border: 1px solid #eaedf2!important
}

.border-top {
  border-top: 1px solid #eaedf2!important
}

.border-right {
  border-right: 1px solid #eaedf2!important
}

.border-bottom {
  border-bottom: 1px solid #eaedf2!important
}

.border-left {
  border-left: 1px solid #eaedf2!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: #009b72!important
}

.border-secondary {
  border-color: #eaedf2!important
}

.border-success {
  border-color: #009b72!important
}

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

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

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

.border-light {
  border-color: #f7f9fc!important
}

.border-dark {
  border-color: #2c3038!important
}

.border-primary-2 {
  border-color: #046865!important
}

.border-primary-3 {
  border-color: #192d35!important
}

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

.d-none {
  display: none!important
}


.d-sm-block {
  display: block!important
}


.breadcrumb {
  align-items: center
}

.breadcrumb-item+.breadcrumb-item {
  display: flex;
  align-items: center
}

.breadcrumb-item+.breadcrumb-item:before {
  content: '';
  opacity: .5;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.376 11.584C14.6728 11.7819 14.6728 12.2181 14.376 12.416L9.77735 15.4818C9.44507 15.7033 9 15.4651 9 15.0657L9 8.93426C9 8.53491 9.44507 8.29671 9.77735 8.51823L14.376 11.584Z' fill='%232C3038'/%3e%3c/svg%3e")
}

.breadcrumb-item a {
  color: #555a64
}

.breadcrumb-item a:hover {
  color: #009b72
}



.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: .75rem 1.5rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eaedf2;
  border-radius: .3125rem
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: 0
}

.breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: 0;
  color: #6c757d;
  content: ""
}

.breadcrumb-item+.breadcrumb-item:hover::before {
  text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
  text-decoration: none
}

.breadcrumb-item.active {
  color: #6c757d
}
@media (max-width: 767.98px) {
  .breadcrumb {
    font-size:.875rem;
    padding: .5625rem 1.125rem
  }
}



.order-lg-0 {
  order: 0
}

.order-lg-1 {
  order: 1
}

.order-lg-2 {
  order: 2
}

.order-lg-3 {
  order: 3
}

.order-lg-4 {
  order: 4
}

.order-lg-5 {
  order: 5
}

.order-lg-6 {
  order: 6
}

.order-lg-7 {
  order: 7
}

.order-lg-8 {
  order: 8
}

.order-lg-9 {
  order: 9
}

.order-lg-10 {
  order: 10
}

.order-lg-11 {
  order: 11
}

.order-lg-12 {
  order: 12
}




.shoew{  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.shoew .title{
 font-size: 3.5rem;
 color:#444;
 margin-bottom: 3rem;
 text-transform: uppercase;
 text-align: center;
}

.shoew .products-container{
  width: 80%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;

}

.shoew .products-container .product{
  width: 300px;
  height: 35%;
/*  display: flex;*/
background: #fff;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
outline-offset: -1.5rem;

margin-right: 10px;
margin-bottom: 10px;
padding-bottom: 12px;
}

.shoew .products-container .product:hover{
  outline: .1rem solid #222;
  outline-offset: 0;
}

.shoew .products-container .product img{
  position: relative;
  width: 100%;
  height: 150px;
/*    border-radius: 50%;*/
/*margin: 5px 5px 5px 5px;*/
cursor: pointer;

}

.shoew .products-container .product:hover img{
 transform: scale(.9);
}

.shoew .products-container .product .article {
  padding: 5px 10px 5px 10px;
}

.shoew .products-container .product .article h3{
  font-size: 1.5rem;
  font-weight: 500;
  color:#444;
}

.shoew .products-container .product:hover .article h3{
 color: #00008B;
}

.shoew .products-container .product .article p{
 font-size: 12px;
 color:#444;
 text-align: justify;
}


@media(max-width:425px) {
 .shoew .products-container .product {
  width: 50%;
  background-color: white;
}
}
@media(max-width:774px) {
 .shoew .products-container .product {
  width: 280px;
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.shoew .products-container .product img{
  position: relative;
  width: 280px;
/*    border-radius: 50%;*/
/*margin: 5px 5px 5px 5px;*/
cursor: pointer;

}
} 




/*
---------------------------------------------
our courses
---------------------------------------------
*/

section.our-courses {
  position: relative;
}

section.our-courses .section-heading p {
  text-align: center;
}
section.our-courses .section-heading h4 {
  text-align: center;
  font-weight: 600;
}


section.our-courses .naccs {
  position: relative;
}

section.our-courses .naccs .menu div {
  padding: 15px 30px;
  text-align: center;
  border-radius: 5px !important;
  margin-bottom: 40px;
  font-size: 20px;
  color: #111;
  background-color: #fff;
  cursor: pointer;
  vertical-align: middle;
  font-weight: 900;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
  border: 3px solid rgb(0, 0, 139, 0.3);
}

section.our-courses .naccs .menu div.active {
  color:  #00008B;
  border: 3px solid rgb(0, 0, 139, 0.5);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}

section.our-courses ul.nacc {
  margin-left: 100px !important;
  position: relative;
  min-height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

section.our-courses ul.nacc li {
  background-color: #fff;
  overflow: hidden;
  opacity: 0;
  transform: translateX(50px);
  position: absolute;
  list-style: none;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
  border-radius: 15px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  padding-right: 50px;
}

section.our-courses ul.nacc li .right-content {
  padding: 10px 10px 10px 10px;
}

section.our-courses ul.nacc li .right-content h4 {
  text-align: center;
  font-size: 20px;
  color: #111;
  margin-bottom: 25px;
  font-weight: 800;
}

section.our-courses ul.nacc li .right-content ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

section.our-courses ul.nacc li .right-content span {
  font-size: 14px;
  font-weight: 600;
  margin-right: 30px;
  padding-right: 30px;
  border-right: 2px solid #111;
}

section.our-courses ul.nacc li .right-content .last-span {
  margin-right: 0px;
  padding-right: 0px;
  border-right: none;
}

section.our-courses ul.nacc li .right-content p {
  margin-bottom: 20px;
  padding: 10px 10px 10px 10px;
}

section.our-courses ul.nacc li .right-content .text-button {
  margin-top: 20px;
  padding: 10px 10px 10px 10px;

}

section.our-courses ul.nacc li.active {
  position: relative;
  transition-delay: 0.3s;
  z-index: 2;
  opacity: 1;
  transform: translateX(0px);
}

section.our-courses ul.nacc li p {
  margin: 0;
}

/*// responsive*/


@media (max-width: 1330px) {
  .services .owl-nav .owl-next{
    right: -30px;
  }
  .services .owl-nav .owl-prev{
    left: -25px;
  }
  .our-courses .owl-nav .owl-next{
    right: -30px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -25px;
  }
}

@media (max-width: 1200px) {

  .our-courses .owl-nav .owl-next{
    right: -70px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -65px;
  }
}

@media (max-width: 1085px) {
  .services .owl-nav .owl-next{
    right: -30px;
  }
  .services .owl-nav .owl-prev{
    left: -25px;
  }
  .our-courses .owl-nav .owl-next{
    right: -30px;
  }
  .our-courses .owl-nav .owl-prev{
    left: -25px;
  }
}

@media (max-width: 1005px) {
  .services .owl-nav .owl-next{
    display: none;
  }
  .services .owl-nav .owl-prev{
    display: none;
  }
  .our-courses .owl-nav .owl-next{
    display: none;
  }
  .our-courses .owl-nav .owl-prev{
    display: none;
  }
}

@media (max-width: 992px) {
}
section.our-courses ul.nacc {
  margin-left: 0px !important;
}

section.our-team ul.nacc li .left-content span a,
section.our-courses ul.nacc li .right-content span {
  margin-right: 15px;
  padding-right: 15px;
}
}

@media (max-width: 767px) {
  section.our-courses ul.nacc li .left-image,
  section.our-team ul.nacc li .right-image {
    position: relative;
    margin-right: 0px;
    margin-left: 0px;
    transform: translateY(-0%);
  }

  section.our-courses ul.nacc li,
  section.our-team ul.nacc li {
    padding: 0px;
  }
  section.our-courses ul.nacc li .right-content {
    margin-left: 0px;
    padding: 30px;
  }
  section.our-team ul.nacc li .left-content {
    margin-right: 0px;
    padding: 30px;
  }
  section.our-team .naccs .menu div {
    width: 14%;
    margin: 0px 5px;
  }
  section.our-team .naccs .menu div.active img {
    border: 3px solid #dc8cdb;
  }
  section.our-team .naccs .menu div h4,
  section.our-team .naccs .menu div span {
    display: none;
  }
  section.more-info .count-area-content .count-title {
    font-size: 22px;
  }
}

.btn-back-to-top1 {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 1030;
}

.btn-back-to-top {
  bottom: 6rem;
  position: fixed;
  right: 2rem;
  z-index: 1030
}

.rounded-circle {
  border-radius: 50%!important
}


.rounded-circle {
  padding: 0;
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-group-sm>.btn.rounded-circle,.btn.btn-sm.rounded-circle {
  width: 2.25rem;
  height: 2.25rem
}

.btn-group-sm>.btn.rounded-circle .icon,.btn.btn-sm.rounded-circle .icon {
  height: 1rem
}

.btn-group-lg>.btn .icon,.btn.btn-lg .icon {
  height: 2.25rem
}

.btn-group-lg>.btn.rounded-circle,.btn.btn-lg.rounded-circle {
  width: 4.5rem;
  height: 4.5rem
}

.btn-group-lg>.btn.rounded-circle .icon,.btn.btn-lg.rounded-circle .icon {
  height: 1.5rem
}





.btn-group-sm>.btn.rounded-circle,.btn.btn-sm.rounded-circle {
  width: 2.25rem;
  height: 2.25rem
}

.btn-group-sm>.btn.rounded-circle .icon,.btn.btn-sm.rounded-circle .icon {
  height: 1rem
}

.btn-group-lg>.btn .icon,.btn.btn-lg .icon {
  height: 2.25rem
}

.btn-group-lg>.btn.rounded-circle,.btn.btn-lg.rounded-circle {
  width: 4.5rem;
  height: 4.5rem
}

.btn-group-lg>.btn.rounded-circle .icon,.btn.btn-lg.rounded-circle .icon {
  height: 1.5rem
}


.fab {
  position: fixed;
  bottom: 32px;
  right: 55px;
  border-radius: 50px;
  background-color:   #008000;
  width: 55px;
  height: 55px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  flex-direction: column;
  cursor: pointer;
}




.fab i {
  margin-top: 12px;
  margin-left: 14px;
  transition: 0.4s;
  font-size: 30px;
  color: white;
}

.fab:hover i {
  transform: rotate(360deg);
  transition: all 0.5s;
  color: black;
}
.fab1 {
  position: fixed;
  bottom: 100px;
  right: 55px;
  border-radius: 50px;
  background-color:   #1E90FF;
  width: 55px;
  height: 55px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  flex-direction: column;
  cursor: pointer;
  opacity: 0;
  transition: 0.4s ease-in;

}


.fab1 i {
  transition: 0.4s;
  font-size: 30px;
  color: white;
}

.fab1.active {
  opacity: 1;
  transition-delay: 0.2s;

}
.boks {
  position: fixed;
  bottom: 100px;
  right: 50px;
  height: 0px;
  transition-delay: 0.3s;
  width: 70px;
  transition: 0.5s cubic-bezier(0.445, 0.5, 0.55, 0.95);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.boks .item {
  overflow: hidden;
  border-radius: 50%;
  transition: 0.4s ease-in;
  width: 40px;
  height: 44px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 1px 3px gray;

}
.item:hover {
  cursor: pointer;
}

.item:hover i {
  transform: rotate(360deg);
  transition: all 0.5s;
}

.-item1.active {
  opacity: 1;
}

.-item1 {
  color: white;
  transition-delay: 0.2s;
  background-color: blue;
  opacity: 0;
}

.-item2 {
  color: white;
  transition-delay: 0.3s;
  background-color:   #008000;

}

.boks-active{
  height: 100px;
}
.fab-active img{
  transform: rotate(270deg);
  width:50%;

}