body {
  font-family: 'PT Sans', sans-serif;
  color: #383838;
  font-size: 18px;
  line-height: 1.2;
}

html, body {
  height: 100%;
}

img {
  max-width: 100%;
  height: auto !important;
}

body p {
  margin-bottom: 20px;
}

body a {
  font-size: 18px;
  color: #383838;
  text-decoration: underline;
}

body a:hover {
  color: #727272;
}

dl, ol, ul {
padding-left: 20px;
}

.container-fluid {
  padding: 0;
}

@media (min-width: 768px) {
  .container-fluid {
    padding: 0 65px;
  }
}

.fullpage-wrapper {
  width: 100%!important;
  transform: none!important;
}

.fp-section {
  width: 100%!important;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transition: all .7s ease-in-out;
}

.fp-section.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

.fp-section {
  font-size: 18px;
}

.fp-section b {
  font-size: 20px;
}

.fp-section .align-self-baseline {
  margin-top: 0;
}

@media (min-width: 768px) {
  .fp-section .align-self-baseline {
    margin-top: 113px;
  }
}

.fp-section .align-self-end {
  margin-bottom: 56px;
}

/** {*/
/*	box-sizing:border-box;*/
/*}*/

p {
  margin:0;
}

img {
  max-width: 100%;
}

.content {
  max-width: 100%;
  margin-right: 24px;
  margin-left: 24px;
  text-align: left;
  font-size: 22px;
  color: #fff;
}

.content p b {
  font-size: 22px;
}

@media (min-width: 768px) {
  .content {
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
    font-size: 36px;
  }
  .content p b {
    font-size: 36px;
  }
}

/*.content p {*/
/*  color: #fff;*/
/*  font-size: 36px;*/
/*  line-height: 120%;*/
/*  padding: 20px;*/
/*  text-align: center;*/
/*}*/

#fullpage {
  
}

.mt10proc {
  margin-top: 10%;
}

.mt50 {
  margin-top: 50px;
}

@media (min-width: 768px) {
  .pl-60 {
    padding-right: 60px;
  }

  .pr-60 {
    padding-left: 60px;
  }
}

/*.fp-table .section_content {*/
/*  display: none;*/
/*}*/

/*img.tobottom {*/
/*  position: fixed;*/
/*  bottom: 30px;*/
/*  left: 49.5%;*/
/*}*/

.tobottom {
  text-align: center;
  position: fixed;
  bottom: 30px;
  left: 0;
  right: 0;
  z-index: 11;
}

.menu-open .tobottom {
  display: none;
}

@media (min-width: 768px) {
  .menu-open .tobottom {
    display: block;
  }
}

.bg {
  /*margin-top: 215px;*/
  /*height: 100%;*/
  width: 100%;
  /*height: 100%;*/
  min-height: 100%;
}

.block1 .bg {
  height: 100vh;
}


.bg-block1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.fp-tableCell {
  padding: 0;
  transition:all .3s ease-in-out;
  display: flex;
}

.menu-open .fp-tableCell {
  padding: 88px 0 56px 0;
}

@media (min-width: 768px) {
  .menu-open .fp-tableCell {
    padding: 213px 0 0 0;
  }
}

.block1 .fp-tableCell {
  padding: 0;
}

.section_content {
  width: 100%;
  padding-bottom: 82px;
}

@media (min-width: 768px) {
  .section_content {
    padding-bottom: 0;
  }
}


.align-items-end .section_content {
  /*margin-bottom: 60px;*/
}

.top-right {
  position: absolute;
  top: 30%;
  left: 55%;
  right: 5%;
}

.bottom-right {
  position: absolute;
  bottom: 5%;
  left: 55%;
  right: 5%;
}

.bottom-left {
  position: absolute;
  bottom: 5%;
  right: 55%;
  left: 5%;
}

.titletext {
  display: none;
}

@media (min-width: 768px) {
  .titletext {
    font-size: 68px;
    line-height: 120%;
    color: #ffffff;
    text-shadow: 0px 5px 100px #000000;
    margin-bottom: 25px;
    width: 100%;
    display: block;
  }
}

.whiteblock {
  padding: 24px;
  background: rgba(255, 255, 255, 0.85);
  font-size: 18px;
  margin-bottom: 20px;
}

/*.mb25 {*/
/*  margin-bottom: 25px;*/
/*}*/



/* header */

#menu {
  left: 0;
  margin: 0;
  position: fixed;
  top: -89px;
  z-index: 70;
  height: 89px;
  width: 100%;
  background: #383838;
  display: flex;
  align-items: center;
  transition:all .3s ease-in-out;
  overflow: hidden;
  padding-right: 15px;
}

@media (min-width: 768px) {
  #menu {
    display: flex;
    height: 215px;
    padding: 24px 65px;
    top: -215px;
  }
}

.menu-open #menu {
  top: 0;
}

#mobile-menu {
  left: 0;
  margin: 0;
  position: fixed;
  bottom: -56px;
  z-index: 70;
  background: #383838;
  width: 100%;
  transition:all .3s ease-in-out;
  opacity: 0;
}

@media (min-width: 768px) {
  #mobile-menu {
    display: none;
  }
}

#mobile-menu ul {
  padding: 2px 28px;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

#mobile-menu a {
  color: #ffffff;
  display: block;
  padding: 7px 0;
}

.menu-open #mobile-menu {
  opacity: 1;
  bottom: 0;
}

#mobile-menu .navbar{
  padding: 0;
}

.logo {
  display: none;
}

.logo-mobile {
  margin-top: -17px;
}

@media (min-width: 768px) {
  .logo {
    display: inline-block;
  }
  .logo-mobile {
    display: none;
  }
}

#menu_ul {
  margin-left: auto;
  margin-bottom: 0;
  display: none;
}

@media (min-width: 768px) {
  #menu_ul {
    display: block;
  }
}

#menu img {
  flex-shrink: 1;
  height: 125px;
}

#menu_ul li {
  color: #fff;
  display: inline-block;
  margin: 0 10px;
  text-decoration: none;
}

#menu_ul li a, #menu_ul li.active a {
  display: block;
  padding: 3px 10px;
  color: #fff;
  text-decoration: none;
}

#menu_ul li.active {
  color: #fff;
  text-decoration: underline;
}

/* content */

.breadcrumbs {
  color: #ffffff;
  padding: 24px;
}

@media (min-width: 768px) {
  .breadcrumbs {
    display: none;
  }
}

/* Animation */

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 1;
    /*-webkit-transform: translateZ(0);*/
    /*transform: translateZ(0)*/

    transform: translateY(0)

  }
  to {
    opacity: 0;
    transform: translateY(40%)
    /*-webkit-transform: translate3d(0, -100%, 0);*/
    /*transform: translate3d(0, 40%, 0)*/
  }
}

.scroll-point {
    display: inline-block;
    /*margin: 0 0.5rem;*/

    animation: fadeInDown infinite; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
}

/*.fp-section.block5 .section_content {*/
/*  display: inline-block;*/
/*  !*margin: 0 0.5rem;*!*/

/*  animation: fadeOut; !* referring directly to the animation's @keyframe declaration *!*/
/*  animation-duration: 2s; !* don't forget to set a duration! *!*/
/*}*/

/*.fp-section .section_content {*/
/*  display: inline-block;*/
/*  !*margin: 0 0.5rem;*!*/

/*  animation: fadeOut; !* referring directly to the animation's @keyframe declaration *!*/
/*  animation-duration: 2s; !* don't forget to set a duration! *!*/
/*}*/

/*.fp-section.active .section_content {*/
/*  display: inline-block;*/
/*  !*margin: 0 0.5rem;*!*/

/*  animation: fadeIn; !* referring directly to the animation's @keyframe declaration *!*/
/*  animation-duration: 2s; !* don't forget to set a duration! *!*/
/*}*/