@charset "UTF-8";
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

 
img {
  vertical-align: middle
}

body {
  font-size: 1rem;
  background-color: #fff;
  color: #1d1d1d;
  margin: 0;
  padding: 0;
  font-family: Montserrat !important;
}

li,
ul {
  list-style: none outside none;
  margin: 0
}

li,
ul {
  list-style: none outside none;
  margin: 0
}


h3,
h4 {
  font-weight: 400
}

p {
  font-size: 1rem;
  font-family: Montserrat !important;
}

@media (min-width:601px) {
  p {
    font-size: 1rem
  }
}

@media (min-width:1400px) {
  p {
    font-size: 1rem
  }
}

.btn {
  padding: .75rem 1.5rem;
  cursor: pointer;
  min-height: 36px;
  line-height: 1.2
}

.btn.no-border {
  border: none
}

.btn-round {
  border-radius: 8px
}

.btn {
  color: #fff;
  border: 1px solid transparent;
  background-color: transparent;
  font-size: 1rem;
  font-weight: 800;
  border: 2px solid #fff
}

@media (min-width:768px) {
  .btn {
    font-size: .875rem
  }
}

@media (min-width:960px) {
  .btn {
    font-size: 1rem
  }
}

.form-control-outline {
  display: block;
  width: 100%;
  border: 1px solid #7851A7;
  background: 0 0;
  box-shadow: none;
  color: inherit;
  border-radius: 8px
}

.form-control-outline.thick {
  border-width: 2px
}

.form-control-outline:focus {
  color: inherit;
  border-color: #025691;
  background: 0 0;
  box-shadow: none;
  outline: 0
}

.form-control-outline.form-control-white {
  border-color: #fff
}

.form-control-outline.form-control-white:focus {
  border-color: #adadad
}

textarea {
  min-height: 96px
}

.form-control.shadow {
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

.form-control.border {
  border: 1px solid currentColor !important
}

.form-group {
  position: relative;
  margin-bottom: .5rem
}

.form-group .label,
.form-group label {
  margin-bottom: .5rem
}

.form-control-line,
.form-control-outline {
  border-color: #fff
}

.form-control-line:focus,
.form-control-outline:focus {
  border-color: #7851A7
}

@media (min-width:768px) {
  .page-cover {
    transition: .6s
  }
}



@media screen and (max-width:1024px) {
  #fp-nav {
    visibility: hidden
  }
}

.page-cover {
  width: 100%;
  position: fixed;
  height: 120%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden
}

.page-cover .cover-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  z-index: -1
}

.page-cover .cover-bg-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.page-cover .cover-bg.bg-color {
  background-image: none;
  z-index: -1
}

.page-cover .cover-bg.cover-bg-mask {
  background: rgba(0, 0, 0, .12);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  z-index: 0;
  transition: 2s
}

.page-cover .bg-blur-0 {
  -webkit-filter: none;
  filter: none
}

.page-cover .bg-blur-1 {
  -webkit-filter: blur(1px);
  filter: blur(1px)
}

.page-cover .bg-blur-1 {
  -webkit-filter: blur(1px);
  filter: blur(1px)
}

.page-cover .bg-blur-2 {
  -webkit-filter: blur(2px);
  filter: blur(2px)
}

.page-cover .bg-blur-3 {
  -webkit-filter: blur(3px);
  filter: blur(3px)
}

.page-cover .bg-blur-4 {
  -webkit-filter: blur(4px);
  filter: blur(4px)
}

.page-cover .bg-blur-5 {
  -webkit-filter: blur(5px);
  filter: blur(5px)
}

.page-cover .bg-blur-6 {
  -webkit-filter: blur(6px);
  filter: blur(6px)
}

.page-cover .bg-blur-7 {
  -webkit-filter: blur(7px);
  filter: blur(7px)
}

.page-cover .bg-blur-8 {
  -webkit-filter: blur(8px);
  filter: blur(8px)
}

.page-cover .bg-blur-9 {
  -webkit-filter: blur(9px);
  filter: blur(9px)
}

.page-cover .bg-blur-10 {
  -webkit-filter: blur(10px);
  filter: blur(10px)
}

.page-cover .bg-line {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: .1;
  display: none
}

@media (min-width:601px) {
  .page-cover .bg-line {
    display: block
  }
}

.page-cover .bg-line:before {
  content: "";
  position: absolute;
  width: 50%;
  left: 25%;
  top: 0;
  height: 100%;
  border: 1px solid #fff;
  border-top: none;
  border-bottom: none
}

.page-cover .bg-line:after {
  content: "";
  position: absolute;
  width: 50%;
  left: 50%;
  top: 0;
  height: 100%;
  border-left: 1px solid #fff;
  margin-left: -1px
}

.page-main {
  min-height: 100%
}

.body-page {
  background-color: #1d1d1d;
  color: #fff
}

.body-page {
  position: relative
}

.section {
  position: relative
}

.cover-content {
  position: relative;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  padding: 64px 16px;
  padding-top: 120px;
  color: #fff
}

@media (min-width:576px) {
  .cover-content {
    padding-left: 64px;
    padding-bottom: 64px;
    padding-right: 40px
  }
}

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

.section {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column
}

@media (max-width:576px) {
  .section {
    display: block
  }
}

@media (max-width:768px) {
  .section {
    overflow: hidden
  }
}

@media (min-width:768px) {
  .section {
    padding-top: 120px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width:960px) {
  .section {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0
  }
}


@media (max-height:480px) {
  .section:after {
    content: "";
    background: rgba(255, 255, 255, .1);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    transition: .3s
  }
}

.section.active:after {
  -webkit-transform: scale(.8);
  transform: scale(.8);
  opacity: 0
}

@media (max-width:768px) {
  .section:nth-child(2n) {
    background: rgba(255, 255, 255, .05)
  }
}

.section h4,
.section h5 {
  line-height: 1.6
}

.section p,
.section ul {
  line-height: 1.6
}

@media (min-width:768px) {

  .section p,
  .section ul {
    line-height: 1.75
  }
}

.section p {
  color: #fff
}

.section .padding-top {
  padding-top: 32px
}

@media (min-width:768px) {
  .section .padding-top {
    padding-top: 64px
  }
}

@media (min-width:960px) {
  .section .padding-top {
    padding-top: 80px
  }
}

.section .padding-bottom {
  padding-bottom: 32px
}

@media (min-width:768px) {
  .section .padding-bottom {
    padding-bottom: 64px
  }
}

@media (min-width:960px) {
  .section .padding-bottom {
    padding-bottom: 80px
  }
}

.section .section-wrapper {
  width: 100%;
  max-width: 800px;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: auto;
  margin-right: auto
}

@media (min-width:768px) {
  .section .section-wrapper {
    padding-left: 0;
    padding-right: 0
  }
}

@media (min-width:1600px) {
  .section .section-wrapper {
    max-width: 1200px
  }
}

.section .section-wrapper.v-center {
  display: flex;
  align-items: center;
  flex-wrap: nowrap
}

.section .section-wrapper.v-center .section-content {
  width: 100%
}

.section .section-wrapper.v-center.h-center {
  justify-content: center
}

@media (min-width:960px) {
  .section .section-wrapper.title-absolute {
    position: absolute
  }
}

.section .section-wrapper.fullwidth {
  max-width: none;
  padding-left: 0;
  padding-right: 0
}

@media (min-width:1600px) {
  .section .section-wrapper.fullwidth {
    max-width: none
  }
}

.section .section-wrapper.fullwidth.with-margin {
  padding-left: 16px;
  padding-right: 16px
}

@media (min-width:768px) {
  .section .section-wrapper.fullwidth.with-margin {
    padding-left: 64px;
    padding-right: 64px
  }
}

@media (min-width:960px) {
  .section .section-wrapper.fullwidth.with-margin {
    padding-left: 64px;
    padding-right: 64px;
    padding-top: 100px;
    padding-bottom: 120px
  }
}

.section .align-items-bottom {
  display: flex;
  align-items: flex-end
}

@media (min-width:960px) {
  .fp-auto-height .section-wrapper.with-margin {
    padding-top: 96px;
    padding-bottom: 96px
  }
}

.section-title {
  max-width: 512px;
  margin: 0 auto
}

.section-title.title-large {
  max-width: 720px
}

.section-title .title-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  left: 50vw;
  line-height: 12rem;
  margin-bottom: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
  transform: translateX(-50%) translateY(-50%) scale(1.2);
  text-transform: uppercase;
  opacity: 0;
  font-weight: 700;
  transition: .3s ease-in-out;
  font-size: 4rem;
  letter-spacing: -.075em;
  z-index: -1
}

.section-title .title-bg.no-anim {
  opacity: .1;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

@media (min-width:768px) {
  .section-title .title-bg {
    letter-spacing: .2em;
    padding-left: .2em;
    font-size: 6rem
  }
}

@media (min-width:960px) {
  .section-title .title-bg {
    letter-spacing: 0;
    padding-left: 0;
    font-size: 10rem
  }
}

.section.active .title-bg {
  opacity: 0;
  transition-delay: .3s;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

@media (min-width:768px) {
  .section.active .title-bg {
    opacity: .075
  }
}

.section-content .title-desc {
  margin-bottom: 2rem;
  margin-top: -1rem
}

@media (min-width:768px) {
  .section-content .title-desc {
    margin-bottom: 1rem
  }
}

.section-content img.logo {
  height: 96px;
  margin: .75rem 0
}

@media (min-width:576px) {
  .section-content img.logo {
    height: 128px
  }
}

@media (min-width:768px) {
  .section-content img.logo {
    height: 160px
  }
}

.section-content h4 {
  display: inline-block
}

.section-content h4 strong {
  color: #7851A7
}

.section-content ul {
  padding-left: 1rem
}

.section-content ul li {
  list-style: disc
}

.section-content h2.border-white,
.section-content h3.border-white,
.section-content h4.border-white,
.section-content h5.border-white,
.section-content p.border-white {
  position: relative;
  padding-left: 1.5em
}

.section-content h2.border-white:before,
.section-content h3.border-white:before,
.section-content h4.border-white:before,
.section-content h5.border-white:before,
.section-content p.border-white:before {
  position: absolute;
  border-top: 2px solid #fff;
  width: 1em;
  height: 0;
  left: 0;
  top: .5em;
  content: ""
}

.fp-slides {
  width: 100%
}

.slide-wrapper {
  width: 100%;
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: center
}

@media (min-width:960px) and (orientation:landscape) {
  .slide-wrapper {
    justify-content: flex-start;
    margin-left: 128px
  }
}

@media (min-width:1300px) and (orientation:landscape) {
  .slide-wrapper {
    justify-content: center;
    margin-left: 0
  }
}

.slide-wrapper .legend {
  padding: 16px;
  padding-top: 32px;
  padding-bottom: 32px
}

@media (min-width:768px) {
  .slide-wrapper .legend {
    padding: 32px 64px
  }
}

@media (min-width:960px) and (orientation:landscape) {
  .slide-wrapper .legend {
    position: absolute;
    left: 100%;
    top: 48px;
    width: 300px;
    margin-left: 2rem;
    padding: 0
  }

  .slide-wrapper .legend2 {
    position: absolute;
    right: 100%;
    width: 200px;
    margin-top: 300px;
    margin-right: 1rem;
    padding: 0
  }
}

@media (min-width:1200px) and (orientation:landscape) {
  .slide-wrapper .legend {
    width: 280px
  }
}

.slide-wrapper .legend a {
  color: #fff
}

.slide-wrapper .legend a:hover {
  text-decoration: none
}

.slide-wrapper .legend h3 {
  font-size: 3rem;
  font-weight: 700
}

@media (min-width:960px) {
  .slide-wrapper .legend h3 {
    font-size: 3.5rem
  }
}

@media (min-width:960px) and (orientation:landscape) {
  .slide-wrapper .legend h3 {
    margin-left: -96px
  }
}

.slide-wrapper .legend h4 {
  font-size: 1.25rem
}

.slide-wrapper .legend .icons {
  margin-top: 1rem;
  margin-left: -8px
}

.fullwidth {
  width: 100%
}

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

@media (min-width:768px) {
  .display-1 {
    font-size: 4.5rem
  }
}

@media (min-width:1200px) {
  .display-1 {
    font-size: 6rem
  }
}

.display-2 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.1
}

@media (min-width:1200px) {
  .display-2 {
    font-size: 5.5rem
  }
}

.display-3 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.1;
  font-weight: 700
}

@media (min-width:1200px) {
  .display-3 {
    font-size: 4.5rem
  }
}

.display-4 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.1;
  font-weight: 700
}

@media (min-width:1200px) {
  .display-4 {
    font-size: 3.5rem
  }
}

.display-5 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.1
}

@media (min-width:1200px) {
  .display-5 {
    font-size: 3rem
  }
}

.display-title {
  margin-bottom: 1rem
}

.display-normal {
  font-size: 1rem
}

.strong,
strong {
  font-weight: 700
}

h1,
h2,
h3,
h4 {
  font-family: Montserrat !important
}

p {
  font-size: 1rem
}

@media (min-width:768px) {
  p {
    font-size: .875rem
  }
}

@media (min-width:960px) {
  p {
    font-size: 1rem
  }
}

.img {
  transition: transform .5s;
  -ms-transform: scale(0.90);
  -webkit-transform: scale(0.90);
  transform: scale(0.90);

}

.img:hover {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

a {
  color: #7851A7;
  cursor: pointer
}

a:hover {
  color: #7851A7e5;
  text-decoration: none;
}

.page-cover:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 1;
  -webkit-transition: .6s;
  transition: .6s
}

#adroit img {
  width: 100%
}

.legend h3,
.legend h4 {
  cursor: pointer
}

.title {
  color: #757575;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}

p::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  border-radius: 10px;
  background-color: #252525
}

p::-webkit-scrollbar {
  width: 2px;
  background-color: #252525
}

p::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #fff
}

@media only screen and (max-width:600px) {


  #adroit img {
    width: 30%
  }
}

#fp-nav ul li {
  width: 8px;
  height: 8px
}

#fp-nav ul li {
  margin: 20px;
  cursor: pointer
}

#fp-nav span {
  border-color: #fff;
  transition: .3s;
  width: 10px;
  height: 10px
}

#fp-nav ul li a span {
  background: #fff
}

#fp-nav li {
  display: block;
  width: 10px;
  height: 10px;
  margin: 16px;
  position: relative
}

#fp-nav span:after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 40px;
  transition: .3s
}

#fp-nav .is-active span:after {
  background: #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 40px;
  transition: .3s;
  outline: 5px solid rgba(255, 255, 255, 0.15);
  border: 5px solid rgba(255, 255, 255, 0.15);
  margin: auto;
  display: block
}

#fp-nav {
  top: 45% !important
}

.listbar {
  height: 10px;
  width: 10px;
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 5px;
  margin: auto;
  display: block
}

#fp-nav .is-active span .listbar {
  height: 10px;
  width: 10px;
  background-color: transparent;
  border-radius: 5px
}

.col-md-4 {
  padding-left: 25px !important;
  padding-right: 25px !important
}


input:focus {
  border: none;
  outline: none
}