*,
:root,
html,
body {
  scroll-behavior: smooth;
}


body {
  background-color: #ffffff;
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
ul li,
time,
div {
  font-family: 'Manrope', sans-serif;
  font-weight: normal;
  font-style: normal;
}

p {
  margin-bottom: 1.2rem;
}



/*************************

        helper

*************************/

.full-height {
  height: 100%;
}


.is-mobile-margin {
  margin-left: 0rem;
  margin-right: 0rem;
}

.max-full-width-vw {
  max-width: 100vw;
}

@media screen and (max-width: 768px) {
  .is-mobile-margin {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
}


.mb-2rem {
  margin: 0 0 2rem 0
}

.mt--3rem {
  margin: -3rem 0 3rem 0;
}

.z-index-first {
  z-index: 1000;
}


.header-line-event {
  border-top: 1px solid #000000;
}


.glassy {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 1px 3px 10px rgb(0 55 162 / 20%);
  backdrop-filter: blur(15px);
}

.box.glassy h2 {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  margin: 0 0 0.7rem 0;
}

/*************************

        bg blue

*************************/

.bg-blue {
  background: #1F6BFF;
  border-radius: 3px;
  padding: 4rem 6rem 6rem 6rem;
}

.bg-blue h2 {
  margin: 0;
  font-size: 2rem;
  line-height: 5rem;
  color: #FFFFFF;
  font-weight: 700;
}

.bg-blue p,
.bg-blue strong {
  color: #FFFFFF;
}

.bg-blue ul li {
  list-style-type: disc;
  color: #FFFFFF;
}

.bg-blue .columns {
  border-bottom: 1px solid #FFFFFF;
  color: #ffffff;
}

.bg-blue .columns:last-child {
  border-bottom: 0 none;
  color: #ffffff;
}

.bg-blue .columns .column {
  padding: 2rem 0;
}

.bg-blue .columns .column h2 {
  font-size: 1.2rem;
  line-height: 3rem;
}


/*************************

     bg turquoise

*************************/
.bg-turquoise {
  padding: 20px;
  background: #F3FFFE;
  box-shadow: 1px 3px 10px rgba(31, 107, 255, 0.2);
  border-radius: 3px;
  backdrop-filter: blur(15px);
}

.bg-turquoise h2 {
  margin: 0;
  font-size: 1.2rem;
  line-height: 2rem;
  color: #333333;
  font-weight: 700;
}

.bg-turquoise p,
.bg-turquoise strong {
  color: #333333;
}

.bg-turquoise ul li {
  list-style-type: disc;
  color: #333333;
}


/*************************

        circles

*************************/
.circles {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 1px 3px 10px rgba(31, 107, 255, 0.2);
  width: 200px;
  height: 200px;
  border-radius: 100px;
}

.circles h2 {
  margin: 0;
  padding: 3rem 0 0 0;
  font-style: normal;
  font-weight: bold;
  font-size: 3rem;
  line-height: 4rem;
  text-align: center;
  color: #333333;
}

.circles span {
  padding: 0;
  font-style: normal;
  text-align: center;
  color: #333333;
  font-size: 0.8rem;
  margin: 0 auto;
  display: block;
}

.circles.step {
  position: relative;
  padding: 3rem 2rem;
  font-size: 0.8rem;
  text-align: center;
}

.column:not(:last-child) .circles.step:after {
  content: '';
  background: right center no-repeat url(../images/webapp/icons/readmore.svg);
  width: 54px;
  height: 11px;
  position: absolute;
  right: -30%;
  top: 6rem;
}

/*************************

        title

*************************/

.title h1 {
  font-size: 2rem;
  line-height: 3rem;
}

/*************************

    position rector

*************************/
.position h2 {
  margin:0;
}


/*************************

        sticky

*************************/
.sticky-navbar.sticky {
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  background-color: #ffffff;
  padding: 0.5rem 0;
  z-index: 1001;
  box-shadow: 0 0.5em 1em -0.125em rgb(0 80 234 / 10%);
}


/*************************

        navbar

*************************/
.hero a.navbar-item:hover,
.hero a.navbar-item.is-active,
.hero .navbar-link:hover,
.hero .navbar-link.is-active {
  background-color: transparent !important;
  /*color: #4FFFEA !important;*/
}


/*************************

     Keen Slider

*************************/

.navigation-wrapper {
  position: relative;
}

.dots {
  display: flex;
  padding: 10px 0;
  justify-content: center;
}

.dot {
  border: none;
  width: 10px;
  height: 10px;
  background: #1F6BFF;
  opacity: 0.2;
  border-radius: 50%;
  margin: 0 5px;
  padding: 5px;
  cursor: pointer;
}

.dot:focus {
  outline: none;
}

.dot--active {
  background: #1F6BFF;
  opacity: 0.9;
}

.arrows {
  width: 54px;
  height: 54px;
  position: absolute;
  top: 37%;
  cursor: pointer;
}

.arrow--left {
  left: -5rem;
  background: center center no-repeat url('../images/webapp/icons/slider-arrow-left.svg');
}

.arrow--right {
  left: auto;
  right: -5rem;
  background: center center no-repeat url('../images/webapp/icons/slider-arrow-right.svg');
}

.arrow--disabled.arrow--left {
  opacity: 0.3;
  background: center center no-repeat url('../images/webapp/icons/slider-arrow-left.svg');
}

.arrow--disabled.arrow--right {
  opacity: 0.3;
  background: center center no-repeat url('../images/webapp/icons/slider-arrow-right.svg');
}

.current--page {
  color: #1F6BFF;
}

.slider-vertical-pagination {
  position: absolute;
  width: 2rem;
  top: 10%;
  right: 0;
  left: unset;
  z-index: 10;
}


.slider-vertical-line--page {
  display: inline-block;
  margin: 0.8rem 0.2rem;
  width: 1px;
  height: 100px;
  background: center center no-repeat url('../images/webapp/icons/slider-line-vertical.svg');
}

.slider-horizontal-pagination {
  position: relative;
  width: 10rem;
  bottom: 0%;
  left: 45%;
  z-index: 10;
  display: flex;
}

.slider-horizontal-line--page {
  display: inline-block;
  margin: 0.3rem 0.8rem;
  width: 50px;
  height: 10px;
  background: center center no-repeat url('../images/webapp/icons/slider-line.svg');
}

.keen-slider-page__slide {
  color: #1F6BFF;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: normal;
  cursor: pointer;
  text-align: center;
}

.keen-slider-page__slide.active {
  color: #1F6BFF;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 900;
}


/*************************

    main-page-slider

*************************/
.main-page-slider.arrow--right {
  bottom: 5%;
  right: 0;
  top: unset;
}

.main-page-slider.arrow--left {
  bottom: 5%;
  right: 6%;
  top: unset;
  left: unset;
}

.main-page-slider .box{
  padding: 1.8rem 2.25rem 2.5rem 2.25rem;
}


/*************************

        accordions

*************************/
.accordion .arrow {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
}

.accordion-active .arrow {
  transform: rotate(180deg);
}


.body {
  display: none !important;
}

.accordion-active .body {
  display: block !important;
}

.accordion .text-body{
  padding-bottom: 2rem;
}
/*************************

        country

*************************/
.mezhdunarodnye_i_rossiyskie_predstavitelstva--block-1 .title h2 {
  margin: 0;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #333333;
  text-transform: none;
}

.mezhdunarodnye_i_rossiyskie_predstavitelstva--block-1 .title {
  background: #828282;
  border-radius: 3px;
  padding: 1px;
  margin-bottom: 0.75rem !important;
}

.mezhdunarodnye_i_rossiyskie_predstavitelstva--block-1 .title:hover,
.mezhdunarodnye_i_rossiyskie_predstavitelstva--block-1 .title:focus,
.mezhdunarodnye_i_rossiyskie_predstavitelstva--block-1 .title:active,
.mezhdunarodnye_i_rossiyskie_predstavitelstva--block-1 .title:focus:not(active) {
  background: linear-gradient(90.54deg, #591FFF 0%, #1F6BFF 0.01%, #4FFFEA 100%);
  cursor: pointer;
}

.mezhdunarodnye_i_rossiyskie_predstavitelstva--block-1 .title .bg-title {
  border-radius: 3px;
}

.mezhdunarodnye_i_rossiyskie_predstavitelstva--block-1 .accordion-active .title,
.mezhdunarodnye_i_rossiyskie_predstavitelstva--block-1 .accordion-active .bg-title {
  border-radius: 3px 3px 0 0 !important;
}

.mezhdunarodnye_i_rossiyskie_predstavitelstva--block-1 .text-body {
  border: 1px solid #828282;
  box-sizing: border-box;
  border-radius: 0 0 3px 3px;
  border-top: 0 none;
  font-size: 1.1rem;
}


/*************************

   mezhdunarodnaya akkreditaciya specialistov voprosy

*************************/
.mezhdunarodnaya-akkreditaciya-specialistov-voprosy--block-1 h2 {
  margin: 0;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #ffffff;
}

.mezhdunarodnaya-akkreditaciya-specialistov-voprosy--block-1 .title {
  background: #1F6BFF;
  border-radius: 3px 3px 0px 0px;
  padding: 2rem 3rem;
  margin-bottom: 0 !important;
}

.mezhdunarodnaya-akkreditaciya-specialistov-voprosy--block-1 .text-body {
  border: 1px solid #1F6BFF;
  box-sizing: border-box;
  border-radius: 0 0 3px 3px;
  border-top: 0 none;
}


/*************************

      header

*************************/
/*
header {

  margin-bottom: -4rem;
}
*/

/*************************

      logo

*************************/
.navbar-brand img {
  height: 132px;
}

/*************************

      menu burger

*************************/
.navbar-burger {
  display: block;
}

.navbar-burger {
  color: #4a4a4a;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
  margin-left: auto;
  margin-top: 1rem;
  margin-right: 1rem;
}

.navbar-burger span:nth-child(1) {
  top: calc(50% - 9px);
}

.navbar-burger span:nth-child(3) {
  top: calc(50% + 7px);
}

.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 2px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 25px;
}


.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(11px) rotate(
    45deg
  );
}

.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(
    -45deg
  );
}


.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 2px;
  left: calc(50% - 12px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 25px;
}


/*************************

  chto predlagaet centr

*************************/
.chto-predlagaet-centr--block-1 .title {
  background-color: #1F6BFF;
  margin: 0;
  font-size: 1rem;
  line-height: 1.6rem;
  border-radius: 0 0 4px 4px;
}

.chto-predlagaet-centr--block-1 .title:hover,
.chto-predlagaet-centr--block-1 .title:focus,
.chto-predlagaet-centr--block-1 .title:active,
.chto-predlagaet-centr--block-1 .title:focus:not(active) {
  background: linear-gradient(99.46deg, #1F6BFF 0%, #4FFFEA 100%);
  cursor: pointer;
}


.chto-predlagaet-centr--block-1 img {
  border-radius: 4px 4px 0 0;
  width: 100%;
  height: auto;
}

.chto-predlagaet-centr--block-1 .title h2 {
  margin: 0;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #ffffff;
}

.chto-predlagaet-centr--block-1 .text-body {
  background: #FFFFFF;
  box-shadow: 1px 3px 10px rgba(31, 107, 255, 0.2);
  border-radius: 3px;
  font-size: 1.1rem;
}


/*************************

        novosti
        meropriyatiya

*************************/
.news-border {
  border-top: 1px solid #828282;
  border-bottom: 1px solid #828282;
}


.novosti--block-1 .news .column:nth-child(n+3) .news-border,
.meropriyatiya--page-1 .news .column:nth-child(n+3) .news-border {
  border-top: 0px none !important;
}


.meropriyatiya--block-1 .news img,
.novosti--block-1 .news img {
  border-radius: 3px;
}

.meropriyatiya--block-1 .news h2,
.novosti--block-1 .news h2,
.novosti--page-1 .news h2 {
  margin: 0.5rem 0;
  font-size: 1.3rem;
  line-height: 1.7rem;
  color: #333333;
  font-weight: 700;
}

.meropriyatiya--block-1 .news time,
.novosti--block-1 .news time {
  font-size: 1rem;
  line-height: 2rem;
  color: #333333;
  font-weight: 400;
}

.meropriyatiya--block-1 .news a,
.novosti--block-1 .news a,
.novosti--page-1 .news a {
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #1F6BFF;
  font-weight: 700;
}


/*************************


   otzyvy--block-1


*************************/

.otzyvy--block-1 .arrow--left {
  left: -11rem;
}

.otzyvy--block-1 .arrow--right {
  right: -10rem;
}

/*************************


   meropriyatiya--page-1


*************************/
.meropriyatiya--page-1 .event {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 1px 3px 10px rgba(31, 107, 255, 0.2);
  border-radius: 3px;
}

.meropriyatiya--page-1 .event .date {
  padding: 1.2rem 1.5rem;
  background: #1F6BFF;
  border-radius: 3px 3px 0px 0px;
  color: #FFFFFF;
}

.meropriyatiya--page-1 .event .date time {
  font-size: 1.6rem;
  line-height: 1.2rem;
  color: #FFFFFF;
  font-weight: bold;
}

.meropriyatiya--page-1 .event .readmore {
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #1F6BFF;
}

.meropriyatiya--page-1 .event h2 {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: bold;
  margin: 0;
}

.meropriyatiya--page-1 .event .readmore:after {
  content: '';
  background: right center no-repeat url(../images/webapp/icons/readmore.svg);
  width: 46px;
  height: 11px;
  display: inline-block;
}

.meropriyatiya--page-1 img,
.meropriyatiya--block-1 img{
  width: 100% !important;
  height: auto !important;
}



/*************************


  rossiysko_britanskiy


*************************/
/*.rossiysko_britanskiy img{
  width: 100% !important;
}
*/
.rossiysko_britanskiy h1 {
  font-size: 2rem;
  line-height: 2.3rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 1.6rem;
}

.rossiysko_britanskiy .readmore {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #1F6BFF;
}

.rossiysko_britanskiy .readmore:after {
  content: '';
  background: right center no-repeat url(../images/webapp/icons/readmore.svg);
  width: 54px;
  height: 11px;
  display: inline-block;
}


/*************************

     sovet--block-1
     sovet--block-2

*************************/

.sovet--block-1 .circle,
.sovet--block-2 .circle {
  border: 1px solid #828282;
  border-radius: 50%;
  backdrop-filter: blur(4px);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

.sovet--block-1 .chairman,
.sovet--block-2 .chairman {
  position: relative;
  z-index: 3;
  top: 1rem;
  right: 1rem;
}
/*
.sovet--block-1 h2,
.sovet--block-2 h2 {
  margin-top: 2rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 900;
}
*/

/*************************

      mission

*************************/
/*
.mission .circle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 400px;
  height: 400px;
  background: top right no-repeat url('../images/webapp/bg/bg-mission.svg');
}

.mission .info{
  position: relative;
  z-index: 3;
  top: 1rem;
  right: 1rem;
  border-radius: 50%;
  padding: 5.2rem;
  /*width: 400px;
  height: 400px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 1px 3px 10px rgba(0, 80, 234, 0.2);
  backdrop-filter: blur(4px);
}
*/

/*************************

    o centre slyder 1

*************************/

.o-centre-slyder h2 {
  margin: 0;
}

/*************************

        button

*************************/
.button.is-blue {
  background-color: #1F6BFF;
  border-color: transparent;
  color: #ffffff;
  font-size: 1.2rem;
}

.button.is-blue:hover,
.button.is-blue.is-hovered {
  background-color: #2e71f5;
  border-color: transparent;
  color: #ffffff;
}

.button.is-blue:focus,
.button.is-blue.is-focused {
  border-color: transparent;
  color: #ffffff;
}

.button.is-blue {
  font-weight: bold;
}


/*************************

      box-custom

*************************/

.box-custom {
  margin: 20px 20px 0 0;
  z-index: 1;
  position: relative;
}

.box-border {
  border: 1px solid #828282;
  box-sizing: border-box;
  border-radius: 3px;

  position: absolute;
  left: 30px;
  right: 10px;
  top: 10px;
  bottom: 20px;
}

.box-custom ul{
  margin-left: 1rem;
}

/*************************

    napravleniya-rabot
    napravlenie-deyatelnosti

*************************/
.napravleniya-rabot--page-1 .work h2,
.napravlenie-deyatelnosti--block-1 .work h2,
.napravleniya-rabot--block-1 .work h2 {
  margin: 0;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.7rem;
  color: #333333;
  text-transform: none;
}


/*************************

     stack cards

*************************/
.stack-cards {
  border: 1px solid #828282;
  box-sizing: border-box;
  border-radius: 3px;
  position: absolute;
  background-color: #ffffff;
}

.stack-cards.card-1 {
  left: 2.25rem;
  right: 0rem;
  top: 0px;
  bottom: 2.25rem;
  z-index: -3;
}

.stack-cards.card-2 {
  left: 1.5rem;
  right: 0.75rem;
  top: 0.75rem;
  bottom: 1.5rem;
  z-index: -2;
}

.stack-cards.card-3 {
  left: 0.75rem;
  right: 1.5rem;
  top: 1.5rem;
  bottom: 0.75rem;
  z-index: -1;
}

.stack-cards.card-4 {
  left: 0px;
  right: 2.25rem;
  top: 2.25rem;
  bottom: 0px;
  z-index: 1;
}


/*************************

        footer

*************************/

footer {
  background: bottom center no-repeat url('../images/webapp/bg/bg-footer.svg');
  background-size: 100% auto;
}

/*************************

          mobile

*************************/
@media screen and (max-width: 768px) {


  /*************************

      position rector

  *************************/

  .position .border {
    border: 1px #E5E5E5 solid;
    border-top: 0 none;
    padding: 1rem !important;
  }

  .position aa {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 4rem;
    display: block;
  }

  /*************************

        meropriyatiya

   *************************/
  .meropriyatiya--page-1 .event .date time {
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #FFFFFF;
    font-weight: bold;
  }


  /*************************

          country

  *************************/
  .mezhdunarodnye_i_rossiyskie_predstavitelstva--block-1 .title h2 {
    margin: 0;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #333333;
    text-transform: none;
  }



  /*************************

        mission

  *************************/
  .mission h2 {
    font-style: normal;
    color: #333333;
    font-size: 3vw;
    font-weight: 700;
    line-height: 3vw;
    margin-bottom: 1rem;
  }

  .mission .medal {
    position: relative;
    left: 0;
    width: 70%;
    top: -12rem;
    padding: 0;
    height: 23vw;
  }


  .mission .circle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 50vw;
    height: 50vw;
    background: top right no-repeat url('../images/webapp/bg/bg-mission.svg');
  }

  .mission .info {
    position: relative;
    z-index: 3;
    top: 1rem;
    right: 1rem;
    border-radius: 50%;
    padding: 10vw 7vw;
    font-size: 2.4vw;
    width: 50vw;
    height: 50vw;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 1px 3px 10px rgba(0, 80, 234, 0.2);
    backdrop-filter: blur(4px);
  }


  /*************************

     sovet--block-1
     sovet--block-2

*************************/

  .sovet--block-1 .circle,
  .sovet--block-2 .circle {
    border: 1px solid #828282;
    border-radius: 50%;
    backdrop-filter: blur(4px);
    display: block;
    width: 400px;
    height: 400px;
    position: absolute;
    z-index: 1;
  }


  /*************************

    o centre slyder 1

*************************/
  .o-centre-slyder {
    margin: 0 20px 0px 0;
    padding: 3vw 4vw;
    border: 1px solid #828282;
    box-sizing: border-box;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 1px 3px 10px rgb(0 55 162 / 20%);
    backdrop-filter: blur(15px);
    width: 85vw;
  }

  /*************************

        circles

  *************************/
  .column:not(:last-child) .circles.step:after {
    content: '';
    background: right center no-repeat url(../images/webapp/icons/readmore.svg);
    width: 54px;
    height: 11px;
    position: absolute;
    right: unset;
    top: unset;
    left: 90%;
    bottom: 0rem;
    transform: rotate(45deg);
  }


  .column:not(:last-child) .circles.step.right-mobile-side:after {
    content: '';
    background: right center no-repeat url(../images/webapp/icons/readmore.svg);
    width: 54px;
    height: 11px;
    position: absolute;
    right: unset;
    top: unset;
    left: -34%;
    bottom: 0rem;
    transform: rotate(145deg);
  }


  .right-mobile-side {
    margin: 0 0 0 57%;
  }

  .o-centre-slyder .pb-addaptive {
    padding: 0 0 3rem 0;
  }

  /*************************

          header

  *************************/
  .header.main-page {
    background: none;
  }

  .header {
    background: bottom center no-repeat url('../images/webapp/bg/bg-header.svg');
    background-size: 100% auto;
  }


  .header-title {
    position: relative;
    top: 0vw;
    z-index: 10;
  }


  .header-title h1 {
    margin: 2rem 0 1rem;
    font-weight: 700;
    font-style: normal;
    color: #333333;
    font-size: 7vw;
    line-height: 8vw;
  }

  .main-page-slider {
    margin: 0;
  }

  .main-page-slider .pt-6 {
    padding: 0 !important;
  }

  /*************************

      otzyv padding

  *************************/
  .otzyv-padding {
    padding: 7vw;
  }

  /*************************

       h2 title

  *************************/
  h2 {
    margin: 2rem 0 1.25rem;
    font-weight: 700;
    font-style: normal;
    color: #333333;
    font-size: 6vw;
    line-height: 7vw;
  }

  /*************************

       inner page title

  *************************/

  .title-inner{
    font-family: 'Manrope', sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #333333;
    font-size: 6vw;
    line-height: 7vw;
    margin: 2vw 0;
  }




  /*************************

     footer padding

  *************************/
  .footer-padding {
    padding: 2rem;
  }

  footer {
    margin: 5rem 0 0 0;
  }


  /*************************

        text-column

  *************************/
  .column-text {
    columns: 1;
  }


  /*************************

        order

  *************************/
  .order-mobile-1 {
    order: 1;
  }

  .order-mobile-2 {
    order: 2;
  }

  .order-mobile-3 {
    order: 3;
  }

  .order-mobile-4 {
    order: 4;
  }

  .order-mobile-5 {
    order: 5;
  }

  .order-mobile-6 {
    order: 6;
  }

  .order-mobile-7 {
    order: 7;
  }


}

/*************************

          tablet

*************************/
@media screen and (min-width: 769px) and (max-width: 1023px) {

  /*************************

      position rector

  *************************/

  .position .border {
    border:1px #E5E5E5 solid;
    border-right:0 none;
  }

  .position aa {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 4rem;
    display: block;
  }

  /*************************

        meropriyatiya

   *************************/
  .meropriyatiya--page-1 .event .date time {
    font-size: 1.6rem;
    line-height: 1.2rem;
    color: #FFFFFF;
    font-weight: bold;
  }

  /*************************

        mission

  *************************/
  .mission h2 {
    font-style: normal;
    color: #333333;
    font-size: 2vw;
    font-weight: 700;
    line-height: 2vw;
    margin-bottom: 1rem;
  }


  .mission .circle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 40vw;
    height: 40vw;
    background: top right no-repeat url('../images/webapp/bg/bg-mission.svg');
  }

  .mission .info {
    position: relative;
    z-index: 3;
    top: 1rem;
    right: 1rem;
    border-radius: 50%;
    padding: 10vw 5.2vw;
    font-size: 1.7vw;
    width: 40vw;
    height: 40vw;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 1px 3px 10px rgba(0, 80, 234, 0.2);
    backdrop-filter: blur(4px);
  }

  .o-centre-slyder .arrows {
    top: 90%;
  }

  .o-centre-slyder .arrow--left {
    left: 0rem;
  }

  .o-centre-slyder .arrow--right {
    left: auto;
    right: 0rem;
  }

  .o-centre-slyder .pb-addaptive {
    padding: 0 0 5rem 0;
  }

  /*************************

      o centre slyder 1

  *************************/
  .o-centre-slyder {
    margin: 0 20px 0px 0;
    padding: 2rem;
    border: 1px solid #828282;
    box-sizing: border-box;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 1px 3px 10px rgb(0 55 162 / 20%);
    backdrop-filter: blur(15px);
    width: 90vw;
  }

  .o-centre-slyder .pb-addaptive {
    padding: 0 0 3rem 0;
  }

  /*************************

        circles

  *************************/
  .column:not(:last-child) .circles.step:after {
    content: '';
    background: right center no-repeat url(../images/webapp/icons/readmore.svg);
    width: 54px;
    height: 11px;
    position: absolute;
    right: unset;
    top: unset;
    left: 90%;
    bottom: 0rem;
    transform: rotate(45deg);
  }


  .column:not(:last-child) .circles.step.right-mobile-side:after {
    content: '';
    background: right center no-repeat url(../images/webapp/icons/readmore.svg);
    width: 54px;
    height: 11px;
    position: absolute;
    right: unset;
    top: unset;
    left: -34%;
    bottom: 0rem;
    transform: rotate(145deg);
  }


  .right-mobile-side {
    margin: 0 0 0 57%;
  }


  /*************************

          header

  *************************/
  .header {
    background: bottom center no-repeat url('../images/webapp/bg/bg-header.svg');
    background-size: 100% auto;
  }

  .header-title {
    position: absolute;
    top: 0vw;
    z-index: 10;
  }

  .header-title h1 {
    margin: 3rem 0 2rem;
    font-weight: 700;
    font-style: normal;
    color: #333333;
    font-size: 2.4vw;
    line-height: 3vw;
  }

  .main-page-slider {
    margin: 7vw 0 0 0;
  }

  /*************************

      otzyv padding

  *************************/
  .otzyv-padding {
    padding: 5vw;
  }

  /*************************

       footer padding

  *************************/
  .footer-padding {
    padding: 3rem;
  }

  footer {
    margin: 5rem 0 0 0;
  }


  h2 {
    margin: 8rem 0 2rem;
    font-weight: 700;
    font-style: normal;
    color: #333333;
    font-size: 3vw;
    line-height: 3.6vw;
  }

  /*************************

       inner page title

  *************************/

  .title-inner{
    font-family: 'Manrope', sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #333333;
    font-size: 3vw;
    line-height: 4vw;
    margin: 2vw 0;
  }

  /*************************

        text-column

  *************************/
  .column-text {
    columns: 1;
  }

  /*************************

      order

*************************/
  .order-tablet-1 {
    order: 1;
  }

  .order-tablet-2 {
    order: 2;
  }

  .order-tablet-3 {
    order: 3;
  }

  .order-tablet-4 {
    order: 4;
  }

  .order-tablet-5 {
    order: 5;
  }

  .order-tablet-6 {
    order: 6;
  }

  .order-tablet-7 {
    order: 7;
  }

}

/*************************

          desktop

*************************/
@media screen and (min-width: 1024px) and (max-width: 1215px) {

  /*************************

      position rector

  *************************/

  .position .border {
    border:1px #E5E5E5 solid;
    border-right:0 none;
  }

  .position aa {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 4rem;
    display: block;
  }

  /*************************

        meropriyatiya

   *************************/
  .meropriyatiya--page-1 .event .date time {
    font-size: 1.6rem;
    line-height: 1.2rem;
    color: #FFFFFF;
    font-weight: bold;
  }


  /*************************

        mission

  *************************/
  .mission h2 {
    font-style: normal;
    color: #333333;
    font-size: 1.5vw;
    font-weight: 700;
    line-height: 2vw;
    margin-bottom: 1rem;
  }


  .mission .circle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 31vw;
    height: 31vw;
    background: top right no-repeat url('../images/webapp/bg/bg-mission.svg');
  }

  .mission .info {
    position: relative;
    z-index: 3;
    top: 1rem;
    right: 1rem;
    border-radius: 50%;
    padding: 5vw 5vw;
    font-size: 1.4vw;
    width: 31vw;
    height: 31vw;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 1px 3px 10px rgba(0, 80, 234, 0.2);
    backdrop-filter: blur(4px);
  }

  /*************************

      o centre slyder 1

  *************************/
  .o-centre-slyder {
    margin: 0 20px 0px 0;
    padding: 2rem 3rem;
    border: 1px solid #828282;
    box-sizing: border-box;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 1px 3px 10px rgb(0 55 162 / 20%);
    backdrop-filter: blur(15px);
    width: 43vw;
  }

  .o-centre-slyder .arrows {
    top: 90%;
  }

  .o-centre-slyder .arrow--left {
    left: 0rem;
  }

  .o-centre-slyder .arrow--right {
    left: auto;
    right: 0rem;
  }

  .o-centre-slyder .pb-addaptive {
    padding: 0 0 5rem 0;
  }


  /*************************

        circles

  *************************/
  .column:not(:last-child) .circles.step:after {
    content: '';
    background: right center no-repeat url(../images/webapp/icons/readmore.svg);
    width: 54px;
    height: 11px;
    position: absolute;
    right: unset;
    top: unset;
    left: 68%;
    bottom: 0%;
    transform: rotate(45deg);
  }


  .column:not(:last-child) .circles.step.right-mobile-side:after {
    content: '';
    background: right center no-repeat url(../images/webapp/icons/readmore.svg);
    width: 54px;
    height: 11px;
    position: absolute;
    right: 0;
    top: -18px;
    left: unset;
    bottom: unset;
    transform: rotate(-45deg);
  }
  .column .circles.step.right-mobile-side.must-vave-arrow:after {
    content: '';
    background: right center no-repeat url(../images/webapp/icons/readmore.svg);
    width: 54px;
    height: 11px;
    position: absolute;
    right: 0;
    top: -18px;
    left: unset;
    bottom: unset;
    transform: rotate(-45deg);
  }


  .right-mobile-side {
    margin: 0 0 0 57%;
  }

  /*************************

          header

  *************************/
  .header {
    background: bottom center no-repeat url('../images/webapp/bg/bg-header.svg');
    background-size: 100% auto;
  }

  .header-title {
    position: absolute;
    top: 0vw;
    z-index: 10;
  }

  .header-title h1 {
    margin: 4rem 0 2rem;
    font-weight: 700;
    font-style: normal;
    color: #333333;
    font-size: 2vw;
    line-height: 3vw;
  }

  .main-page-slider {
    margin: 10vw 0 0 0;
  }


  /*************************

      otzyv padding

  *************************/
  .otzyv-padding {
    padding: 4vw;
  }

  /*************************

       footer padding

  *************************/
  .footer-padding {
    padding: 3rem;
  }

  footer {
    margin: 5rem 0 0 0;
  }

  h2 {
    margin: 8rem 0 2rem;
    font-weight: 700;
    font-style: normal;
    color: #333333;
    font-size: 2.6vw;
    line-height: 3vw;
  }

  /*************************

       inner page title

  *************************/

  .title-inner{
    font-family: 'Manrope', sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #333333;
    font-size: 2.6vw;
    line-height: 3vw;
    margin: 2vw 0;
  }


  /*************************

        text-column

  *************************/
  .column-text {
    columns: 2;
  }


  /*************************

        order

  *************************/
  .order-desktop-1 {
    order: 1;
  }

  .order-desktop-2 {
    order: 2;
  }

  .order-desktop-3 {
    order: 3;
  }

  .order-desktop-4 {
    order: 4;
  }

  .order-desktop-5 {
    order: 5;
  }

  .order-desktop-6 {
    order: 6;
  }

  .order-desktop-7 {
    order: 7;
  }
}

/*************************

          widescreen

*************************/
@media screen and (min-width: 1216px) and (max-width: 1407px) {

  /*************************

      position rector

  *************************/

  .position .border {
    border:1px #E5E5E5 solid;
    border-right:0 none;
  }

  .position aa {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 4rem;
    display: block;
  }

  /*************************

        meropriyatiya

   *************************/
  .meropriyatiya--page-1 .event .date time {
    font-size: 1.6rem;
    line-height: 1.2rem;
    color: #FFFFFF;
    font-weight: bold;
  }

  /*************************

        mission

  *************************/
  .mission h2 {
    font-style: normal;
    color: #333333;
    font-size: 1.4vw;
    font-weight: 700;
    line-height: 2vw;
    margin-bottom: 1rem;
  }


  .mission .circle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 24vw;
    height: 24vw;
    background: top right no-repeat url('../images/webapp/bg/bg-mission.svg');
  }

  .mission .info {
    position: relative;
    z-index: 3;
    top: 1rem;
    right: 1rem;
    border-radius: 50%;
    padding: 3vw 4vw;
    font-size: 1.1vw;
    width: 24vw;
    height: 24vw;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 1px 3px 10px rgba(0, 80, 234, 0.2);
    backdrop-filter: blur(4px);
  }

  /*************************

      o centre slyder 1

  *************************/
  .o-centre-slyder {
    margin: 0 20px 0px 0;
    padding: 3rem 7rem;
    border: 1px solid #828282;
    box-sizing: border-box;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 1px 3px 10px rgb(0 55 162 / 20%);
    backdrop-filter: blur(15px);
    width: 45vw;
  }


  .o-centre-slyder .arrows {
    top: 90%;
  }

  .o-centre-slyder .arrow--left {
    left: 0rem;
  }

  .o-centre-slyder .arrow--right {
    left: auto;
    right: 0rem;
  }

  .o-centre-slyder .pb-addaptive {
    padding: 0px 0 6rem 0;
  }


  /*************************

        circles

  *************************/
  .column:not(:last-child) .circles.step:after {
    content: '';
    background: right center no-repeat url(../images/webapp/icons/readmore.svg);
    width: 54px;
    height: 11px;
    position: absolute;
    right: unset;
    top: unset;
    left: 68%;
    bottom: 0%;
    transform: rotate(45deg);
  }


  .column:not(:last-child) .circles.step.right-mobile-side:after {
    content: '';
    background: right center no-repeat url(../images/webapp/icons/readmore.svg);
    width: 54px;
    height: 11px;
    position: absolute;
    right: 0;
    top: -18px;
    left: unset;
    bottom: unset;
    transform: rotate(-45deg);
  }


  /*************************

          header

  *************************/
  .header {
    background: bottom center no-repeat url('../images/webapp/bg/bg-header.svg');
    background-size: 100% auto;
  }

  .header-title {
    position: absolute;
    top: 0vw;
    z-index: 10;
  }

  .header-title h1 {
    margin: 4rem 0 2rem;
    font-weight: 700;
    font-style: normal;
    color: #333333;
    font-size: 2vw;
    line-height: 3vw;
  }

  .main-page-slider {
    margin: 6vw 0 0 0;
  }

  /*************************

      otzyv padding

  *************************/
  .otzyv-padding {
    padding: 3vw 10vw 2vw 10vw;
  }

  /*************************

       footer padding

  *************************/
  .footer-padding {
    padding: 6rem;
  }

  footer {
    margin: 9vw 0 0 0;
  }

  h2 {
    margin: 8rem 0 2rem;
    font-weight: 700;
    font-style: normal;
    color: #333333;
    font-size: 2vw;
    line-height: 2vw;
  }

  /*************************

       inner page title

  *************************/

  .title-inner{
    font-family: 'Manrope', sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #333333;
    font-size: 2vw;
    line-height: 3vw;
    margin: 2vw 0;
  }

  /*************************

        text-column

  *************************/
  .column-text {
    columns: 2;
  }


  /*************************

        order

  *************************/
  .order-widescreen-1 {
    order: 1;
  }

  .order-widescreen-2 {
    order: 2;
  }

  .order-widescreen-3 {
    order: 3;
  }

  .order-widescreen-4 {
    order: 4;
  }

  .order-widescreen-5 {
    order: 5;
  }

  .order-widescreen-6 {
    order: 6;
  }

  .order-widescreen-7 {
    order: 7;
  }


}

/*************************

          fullhd

*************************/
@media screen and (min-width: 1408px) {

  /*************************

      position rector

  *************************/

  .position .border {
    border:1px #E5E5E5 solid;
    border-right:0 none;
  }

  .position aa {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 4rem;
    display: block;
  }

  /*************************

        meropriyatiya

   *************************/
  .meropriyatiya--page-1 .event .date time {
    font-size: 1.6rem;
    line-height: 1.2rem;
    color: #FFFFFF;
    font-weight: bold;
  }

  /*************************

        mission

  *************************/
  .mission h2 {
    font-style: normal;
    color: #333333;
    font-size: .8vw;
    font-weight: 700;
    line-height: 1vw;
    margin-bottom: 1rem;
  }

  .mission .medal {
    position: relative;
    left: 0;
    top: 0;
    padding-top: 6rem;
  }


  .mission .circle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 17vw;
    height: 17vw;
    background: top right no-repeat url('../images/webapp/bg/bg-mission.svg');
  }

  .mission .info {
    position: relative;
    z-index: 3;
    top: 1rem;
    right: 1rem;
    border-radius: 50%;
    padding: 3vw 3vw;
    font-size: 0.7vw;
    width: 17vw;
    height: 17vw;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 1px 3px 10px rgb(0 80 234 / 20%);
    backdrop-filter: blur(4px);
  }

  /*************************

      o centre slyder 1

  *************************/
  .o-centre-slyder {
    margin: 0 20px 0px 0;
    padding: 3vw 7vw;
    border: 1px solid #828282;
    box-sizing: border-box;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 1px 3px 10px rgb(0 55 162 / 20%);
    backdrop-filter: blur(15px);
    width: 40vw;
  }


  .o-centre-slyder .pb-addaptive {
    padding: 0;
  }

  /*************************

          header

  *************************/
  .header {
    /*background: bottom center no-repeat url('../images/webapp/bg/bg-header-fullhd.svg');*/
    background: center 0 no-repeat url('../images/webapp/bg/bg-header-new.svg');
    background-size: 100% auto;
  }

  .header-title {
    position: absolute;
    top: 0vw;
    z-index: 10;
  }

  .header-title h1 {
    margin: 4rem 0 2rem;
    font-weight: 700;
    font-style: normal;
    color: #333333;
    font-size: 1.6vw;
    line-height: 1.8vw;
  }

  .main-page-slider {
    margin: 0;
  }

  /*************************

      otzyv padding

  *************************/
  .otzyv-padding {
    padding: 3vw 10vw 2vw 10vw;
  }

  /*************************

       footer padding

  *************************/
  .footer-padding {
    padding: 9rem;
  }

  footer {
    margin: 9vw 0 0 0;
  }

  h2 {
    margin: 8rem 0 2rem;
    font-weight: 700;
    font-style: normal;
    color: #333333;
    font-size: 1.4vw;
    line-height: 1.5vw;
  }

  /*************************

       inner page title

  *************************/

  .title-inner{
    font-family: 'Manrope', sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #333333;
    font-size: 1.4vw;
    line-height: 2vw;
    margin: 2vw 0;
  }

  /*************************

        text-column

  *************************/
  .column-text {
    columns: 2;
  }

}



/*************************

        bulma

*************************/

@media screen and (min-width: 1024px) and (max-width: 1407px) {
  .navbar, .navbar-end, .navbar-menu, .navbar-start {
    align-items: stretch;
    display: unset;
  }
}


.navbar-burger {
  color: #1F6BFF;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
  margin-left: auto;
  margin-top: 1rem;
  margin-right: 1rem;
}



.navbar-item.has-dropdown{
  width: 145px;
}

.navbar-item.has-dropdown:hover{
  background-color: #1F6BFF;
}

.navbar-dropdown .navbar-item,
.navbar-dropdown .navbar-item:focus,
.navbar-dropdown .navbar-item:visited,
.navbar-dropdown .navbar-item:hover {
  background-color: #1F6BFF;
  color: #ffffff;
  font-size: 1rem;
  font-weight: bold;
}

.navbar-dropdown {
  background-color: #1F6BFF;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 2px solid #1F6BFF;
  box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
  display: none;
  font-size: 0.875rem;
  left: 0;
  min-width: 100%;
  position: absolute;
  top: 100%;
  z-index: 20;
}

.navbar-item.has-dropdown:focus .navbar-link,
.navbar-item.has-dropdown:hover .navbar-link,
.navbar-item.has-dropdown.is-active .navbar-link {
  background-color: #1F6BFF;
  color: #ffffff;
  font-weight: bold;
}


/*************************

        Mmenu

*************************/
.mm-menu_theme-dark,
.mm-panels {
  background: #1F6BFF;
}

.mm-navbar {
  display: none !important;
}