/*------------------------------------------------------------------

01. Animations
02. Base
03. General

04. Cursor
05. Preloader
06. Header
07. Page header
08. Card
09. Blog-card
10. Button
11. Form
12. Footer
13. To top button
14. Social

15. Navigation
    15.1. Menu-icon animation
    15.2. Navigation background
    15.3. Navigation list
    15.4. Subnav
    15.5. Navigation social

16. Slider
    16.1. Slider
    16.2. Slider-navigation
    16.3. Slider-pagination
    16.4. Slider-animation

17. Intro
18. Portfolio section
19. Testimonials
20. About
21. Team
22. Steps
23. Awwards
24. Skills
25. Clients
26. Portfolio work
27. Video
28. Blog page
29. Blog sidebar
30. Contact

31. Testimonials slider
32. Blog slider

33. Porfolio isotope
34. Porfolio slider fullscreen
35. Porfolio slider columns
36. 404 page
37. Breadcrumbs
38. Price cards
39. Particles
40. Anchor menu

--------------------------------------------------------------------*/
/*--------------------------------------------------
	01. Animations
---------------------------------------------------*/
.delay-1 {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}

.delay-1::after {
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}

.delay-2 {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}

.delay-2::after {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}

.delay-3 {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}

.delay-3::after {
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}

.delay-4 {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}

.delay-4::after {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}

.delay-5 {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

.delay-5::after {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

.delay-6 {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
}

.delay-6::after {
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
}

.delay-7 {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
  -webkit-animation-delay: 700ms;
          animation-delay: 700ms;
}

.delay-7::after {
  -webkit-animation-delay: 700ms;
          animation-delay: 700ms;
}

.delay-8 {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}

.delay-8::after {
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}

.delay-9 {
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
  -webkit-animation-delay: 900ms;
          animation-delay: 900ms;
}

.delay-9::after {
  -webkit-animation-delay: 900ms;
          animation-delay: 900ms;
}

.delay-10 {
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}

.delay-10::after {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}

[data-animation-container] {
  pointer-events: none;
}

[data-animation-container] > * {
  pointer-events: none;
}

[data-animation-container].animated {
  pointer-events: auto;
}

[data-animation-container].animated > * {
  pointer-events: auto;
}

.cover-right,
.cover-down {
  display: block;
  position: relative;
}

.cover-right > *,
.cover-down > * {
  opacity: 0;
  pointer-events: none;
}

.cover-right::after,
.cover-down::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: #FF003C;
}

h1.cover-right, h2.cover-right, h3.cover-right, h4.cover-right, h5.cover-right, h6.cover-right {
  padding-bottom: 10px;
}

h1.cover-down, h2.cover-down, h3.cover-down, h4.cover-down, h5.cover-down, h6.cover-down {
  padding-bottom: 10px;
}

.cover-right-anim > *,
.cover-down-anim > * {
  -webkit-animation-name: reveal;
          animation-name: reveal;
  -webkit-animation-duration: 10ms;
          animation-duration: 10ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 900ms;
          animation-delay: 900ms;
  pointer-events: auto;
}

.cover-right-anim.delay-1 > *,
.cover-down-anim.delay-1 > * {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}

.cover-right-anim.delay-2 > *,
.cover-down-anim.delay-2 > * {
  -webkit-animation-delay: 1100ms;
          animation-delay: 1100ms;
}

.cover-right-anim.delay-3 > *,
.cover-down-anim.delay-3 > * {
  -webkit-animation-delay: 1200ms;
          animation-delay: 1200ms;
}

.cover-right-anim.delay-4 > *,
.cover-down-anim.delay-4 > * {
  -webkit-animation-delay: 1300ms;
          animation-delay: 1300ms;
}

.cover-right-anim.delay-5 > *,
.cover-down-anim.delay-5 > * {
  -webkit-animation-delay: 1400ms;
          animation-delay: 1400ms;
}

.cover-right-anim.delay-6 > *,
.cover-down-anim.delay-6 > * {
  -webkit-animation-delay: 1500ms;
          animation-delay: 1500ms;
}

.cover-right-anim.delay-7 > *,
.cover-down-anim.delay-7 > * {
  -webkit-animation-delay: 1600ms;
          animation-delay: 1600ms;
}

.cover-right-anim.delay-8 > *,
.cover-down-anim.delay-8 > * {
  -webkit-animation-delay: 1700ms;
          animation-delay: 1700ms;
}

.cover-right-anim.delay-9 > *,
.cover-down-anim.delay-9 > * {
  -webkit-animation-delay: 1800ms;
          animation-delay: 1800ms;
}

.cover-right-anim.delay-10 > *,
.cover-down-anim.delay-10 > * {
  -webkit-animation-delay: 1900ms;
          animation-delay: 1900ms;
}

.cover-right-anim::after,
.cover-down-anim::after {
  -webkit-animation-duration: 1800ms;
          animation-duration: 1800ms;
  -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.cover-down::after {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

.cover-down-anim::after {
  -webkit-animation-name: coverDown;
          animation-name: coverDown;
}

@-webkit-keyframes coverDown {
  0% {
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  48% {
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  52% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}

@keyframes coverDown {
  0% {
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  48% {
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  52% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}

.cover-right::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.cover-right-anim::after {
  -webkit-animation-name: coverRight;
          animation-name: coverRight;
}

@-webkit-keyframes coverRight {
  0% {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  48% {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  52% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes coverRight {
  0% {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  48% {
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  52% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@-webkit-keyframes reveal {
  100% {
    opacity: 1;
  }
}

@keyframes reveal {
  100% {
    opacity: 1;
  }
}

.slide-up,
.slide-down,
.slide-left,
.slide-right {
  opacity: 0;
  pointer-events: none;
}

.slide-up {
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
}

.slide-down {
  -webkit-transform: translateY(-35px);
          transform: translateY(-35px);
}

.slide-left {
  -webkit-transform: translateX(35px);
          transform: translateX(35px);
}

.slide-right {
  -webkit-transform: translateX(-35px);
          transform: translateX(-35px);
}

.slide-anim {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  pointer-events: auto;
}

/*--------------------------------------------------
	02. Base
---------------------------------------------------*/
html {
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

.smooth-scroll {
  scroll-behavior: smooth;
}

.over-hidden {
  overflow: hidden !important;
}

.over-normal {
  overflow: initial !important;
}

body {
  position: relative;
  overflow-x: hidden;
  font-family: "Golos Text", sans-serif;
  line-height: 100%;
  background-color: #FFF !important;
  width: 100%;
}

.container {
  z-index: 5;
}

section {
  overflow-x: hidden;
  position: relative;
  z-index: 5;
}

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

a {
  display: block;
  line-height: 100%;
}

a:hover {
  text-decoration: none !important;
  color: initial;
}

.link {
  color: white;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}

.link:hover {
  color: #FF003C;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Golos Text", sans-serif;
  font-weight: 400;
  line-height: 100%;
  color: #0D1D2C;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, p, a {
  position: relative;
  z-index: 10;
}

h1 {
  font-size: 70px;
}

h2 {
  font-size: 55px;
}

h3 {
  font-size: 36px;
   font-weight: 500;
}

h4 {
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 992px){
    h3 {
        font-size: 24px;
        font-weight: 500;
    }

    h4 {
        font-size: 18px;
        font-weight: 500;
        line-height: 20px
    }
}

p {
  font-size: 16px;
  line-height: 120%;
  color: #444241;
  margin: 0;
}

.text-lead {
  font-family: "Golos Text", sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 130%;
}

.text-additional {
  font-family: "Golos Text", sans-serif;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 17px;
}

/*--------------------------------------------------
	03. General
---------------------------------------------------*/
.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
}
@media (max-width: 576px) {
   .bg-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  /*height: 100%;*/
}
}

.overlay-black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.bg-fixed {
  background-attachment: fixed;
}

.section-img-70vh {
  position: relative;
  height: 70vh;
}

.section-img-85vh {
  position: relative;
  height: 85vh;
}

.section-img-100vh {
  position: relative;
  height: 100vh;
}

.section-img-70vh .container,
.section-img-85vh .container,
.section-img-100vh .container {
  height: 100%;
}

.section-60vh,
.section-80vh,
.section-100vh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

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

.section-100vh {
  min-height: 100vh;
}

.section-small {
  padding: 80px 0;
}

.section-medium {
  padding: 100px 0;
}

.section-large {
  padding: 160px 0;
}

.section-title {
  position: relative;
  font-family: "Montserrat", sans-serif;
}

.section-title .subtitle {
  font-family: "Montserrat", sans-serif;
  color: #FF003C;
  margin-bottom: 6px;
}

.section-title h2 {
  display: inline-block;
  line-height: 100%;
}

.section-title-small h2 {
 font-size: 60px;
 line-height: 100%;
}

.section-title-medium h2 {
  font-size: 70px;
}

.section-title-large h2 {
  font-size: 75px;
}

.section-title .text-lead {
  margin-top: 20px;
}

.section-title .section-text {
  font-size: 17px;
  line-height: 160%;
  margin-top: 20px;
}

.bg-gradient-black {
  background-image: linear-gradient(109.5deg, #08090A 22.51%, #000000 93.2%);
}

.bg-black {
  background-color: #08090A;
}

.bg-light {
  background-color: #FFFFFF;
}

.bg-gray {
  background-color: #F3F3F3;
}

.bg-gray-dark {
  background-color: #1a1a1a;
}

.bg-reveal-light {
  background-color: rgba(255, 255, 255, 0.1);
}

.bg-reveal-dark {
  background-color: #F3F3F3;
}

.box-shadow {
  -webkit-box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.8);
          box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.8);
}

.text-theme {
  color: #FF003C;
}

.text-black {
  color: #000000;
}

.text-white {
  color: #FFFFFF;
}

.text-dark-gray {
  color: #555555;
}

.text-light-gray {
  color: #CFCFCF;
}

.dNone {
  display: none;
}

.dBlock {
  display: block !important;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-120 {
  margin-top: 120px;
}

/*--------------------------------------------------
    04. Cursor
---------------------------------------------------*/

.cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 11000;
  will-change: transform;
}

.cursor-item {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #FF003C;
  -webkit-transition: background-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-box-shadow 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-box-shadow 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), background-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), background-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-box-shadow 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.cursor-big {
  -webkit-transform: scale(3.8);
          transform: scale(3.8);
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.cursor-alt {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

/*--------------------------------------------------
	05. Preloader
---------------------------------------------------*/
.background-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  background-color: #FFF;
  z-index: -5000;
}

.preloader {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background: url(../img/page/mask.webp) left bottom repeat #FFF;
  background-size: 100%;
  z-index: 5000;
  will-change: transform;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 900ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.preloader-visible {
  -webkit-transform: none;
          transform: none;
}

.preloader-out {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.preloader-hidden {
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.preloader-num {
  position: absolute;
  font-size: 28vw;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.preloader-num-out {
  opacity: 0;
  -webkit-transform: translateY(-80px);
          transform: translateY(-80px);
  pointer-events: none;
}

/*--------------------------------------------------
	06. Header
---------------------------------------------------*/
.header {
  position: absolute;
  top: 0;
  padding: 30px 70px;
  width: 100vw;
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color 800ms cubic-bezier(0.77, 0, 0.175, 1), border 800ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: background-color 800ms cubic-bezier(0.77, 0, 0.175, 1), border 800ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 400ms cubic-bezier(0.77, 0, 0.175, 1), background-color 800ms cubic-bezier(0.77, 0, 0.175, 1), border 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 400ms cubic-bezier(0.77, 0, 0.175, 1), background-color 800ms cubic-bezier(0.77, 0, 0.175, 1), border 800ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 501;
}
@media (max-width:1199px) {
    .header {padding: 20px 70px;}
}

.header .logo {
  z-index: 10;
}

.header-black .logo a {
  color: black;
}

.header-black .menu span {
  background-color: #444241;
}

.header-black .menu-onepage-list li a {
  color: black;
}

.header-black.header-background {
  background-color: rgba(255, 255, 255, 0.6);
  border-bottom: 0px solid rgba(0, 0, 0, 0.1);
  padding: 10px 70px;
}

.header-white .logo a {
  color: white;
}

.header-white .menu span {
  background-color: white;
}

.header-white .menu-onepage-list li a {
  color: white;
}

.header-white.header-background {
  background-color: rgba(8, 9, 10, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.header.header-container .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header-fixed {
  position: fixed;
  top: -90px;
  -webkit-transform: translateY(90px);
          transform: translateY(90px);
}

.header-to-top {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.header-hidden {
  -webkit-transform: translateY(-90px) !important;
          transform: translateY(-90px) !important;
}

.is-menu-open .header {
  background-color: transparent;
  border: none;
  display: none
}

/*--------------------------------------------------
	07. Page header
---------------------------------------------------*/
.breadcrumb-wrap {
  position: relative;
  overflow: hidden;
}

.page-header-title {
  overflow: hidden;
  font-size: 68px;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin: 0 !important;
  margin-bottom: 15px !important;
}

.page-header-text {
  font-family: "Barlow", sans-serif;
  overflow: hidden;
  font-weight: 400;
  font-size: 18px;
  margin: 0 !important;
}

.slide-over {
  display: inline-block;
  position: relative;
  will-change: transform;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.slide-over-animated {
  -webkit-transform: none;
          transform: none;
}

.page-header {
  will-change: transform;
  -webkit-transition: -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 900ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}

.page-header .breadcrumb-wrap .slide-over {
  -webkit-transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
  transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms, -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
}

.page-header .page-header-title .slide-over {
  -webkit-transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 650ms;
  transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 650ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 650ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 650ms, -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 650ms;
}

.page-header .page-header-text .slide-over {
  -webkit-transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
}

.page-header-to-bot {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(100vh);
          transform: translateY(100vh);
}

.page-main {
  -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 1000ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 1000ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 1000ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1000ms cubic-bezier(0.77, 0, 0.175, 1);
}

.page-main-to-bot {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(20vh);
          transform: translateY(20vh);
}



/*--------------------------------------------------
	10. Button
---------------------------------------------------*/
.btn {
  position: relative;
  padding: 10px 20px;
  min-width: 120px;
  border-radius: 6px;
  border: 0;
  font-family: "Golos Text";
  font-size: 13px;
  line-height: 100%;
  background-color: #A1A5FF;
  color: #0D1D2C; 
  z-index: 5;
  -webkit-transition: border 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
 text-align: center;
}


.btn-small {
  padding: 16px 26px;
}

.btn-large {
  padding: 22px 42px;
}



.btn:hover {
  background-color:#FF9DB4;  
  color: #0D1D2C; 
 /* -webkit-transform: scaleX(1);
          transform: scaleX(1);*/
}

.btn-white {
  border: 4px solid #FFF;
}

.btn-white::before {
  background-color: #FFF;
}

.btn-white::after {
  background-color: #111;
}

.btn-white:hover {
  color: #FFF;
}

.btn-black {
  border: 4px solid #111;
}

.btn-black::before {
  background-color: #111;
}

.btn-black::after {
  background-color: #FFF;
}

.btn-black:hover {
  color: #000;
}

.btn-theme {
  border: 4px solid #FF003C;
}

.btn-theme::before {
  background-color: #FF003C;
}

.btn-theme::after {
  background-color: #111;
}

.btn-theme:hover {
  color: #FF003C;
}

.btn-outline-white {
  background-color: transparent;
  border: 4px solid #FFF;
}

.btn-outline-white::after {
  background-color: #FFF;
}

.btn-outline-white:hover {
  color: #000;
}

.btn-outline-black {
  background-color: transparent;
  border: 4px solid #111;
}

.btn-outline-black::after {
  background-color: #111;
}

.btn-outline-black:hover {
  color: #FFF;
}

.btn-outline-theme {
  background-color: transparent;
  border: 4px solid #FF003C;
}

.btn-outline-theme::after {
  background-color: #FF003C;
}

.btn-outline-theme:hover {
  color: #FFF;
}

.btn-hover {
  display: inline-block;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  -webkit-transition: color 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.btn-hover::before {
  content: "";
  position: absolute;
  bottom: -3px;
  width: 100%;
  height: 10%;
  background-color: black;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.btn-hover:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.btn-hover.btn-hover-black {
  color: black;
}

.btn-hover.btn-hover-black::before {
  background-color: black;
}

.btn-hover.btn-hover-light {
  color: white;
}

.btn-hover.btn-hover-light::before {
  background-color: white;
}

/*--------------------------------------------------
	11. Form
---------------------------------------------------*/
.form-outer {
  background-color: rgba(0, 0, 0, 0.4);
  padding-top: 60px;
  padding-bottom: 0;
}

/*form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin: 20px 0 0  0;
}

form input,
form textarea {
  padding: 10px 10px !important;
  border: none;
  font-size: 17px;
  line-height: 145%;
  font-weight: 400;
  letter-spacing: 0.02rem;
  -webkit-transition: border 400ms cubic-bezier(0.77, 0, 0.175, 1), background-color 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: border 400ms cubic-bezier(0.77, 0, 0.175, 1), background-color 400ms cubic-bezier(0.77, 0, 0.175, 1);
}*/

form label {
  font-size: 16px;
  letter-spacing: 0.04rem;
  color: white;
}

.form-checkbox label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
}

.form-checkbox .checkbox-wrap {
  position: relative;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin: 0;
  margin-right: 8px;
}

.form-checkbox .checkbox-wrap input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.form-checkbox .checkbox-wrap input + span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}

.form-checkbox .checkbox-wrap input + span::after {
  content: "\f00c";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  font-weight: 900;
  opacity: 0;
  pointer-events: none;
}

.form-checkbox .checkbox-wrap input:checked + span::after {
  opacity: 1;
}

form.form-dark input,
form.form-dark textarea {
  background-color: rgba(8, 9, 10, 0.04);
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 2px solid rgba(128, 128, 128, 0.5) !important;
  color: #000000 !important;
}

form.form-dark input::-webkit-input-placeholder,
form.form-dark textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

form.form-dark input::-moz-placeholder,
form.form-dark textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

form.form-dark input:-ms-input-placeholder,
form.form-dark textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

form.form-dark input::-ms-input-placeholder,
form.form-dark textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

form.form-dark input::placeholder,
form.form-dark textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

form.form-dark input:focus,
form.form-dark textarea:focus {
  background-color: rgba(8, 9, 10, 0.1);
  outline: none;
  border-color: black !important;
}

form.form-dark .checkbox-wrap input + span {
  border: 2px solid gray;
}

form.form-dark .checkbox-wrap input + span::after {
  color: black;
}

form.form-dark .checkbox-wrap input:focus + span {
  border-color: black;
}

form input,
form textarea {
  color:#000;
  border-radius: 20px;
  padding: 8px 10px;
  color: #000;
}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.9);
}

form input::-moz-placeholder,
form textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

form input::-ms-input-placeholder,
form textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

form input::placeholder,
form textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

form input:focus,
form textarea:focus {
  background-color: rgba(255, 255, 255, 0.25);
  outline: none;
  border-color: white !important;
}

form .checkbox-wrap input + span {
  border: 2px solid gray;
}

form .checkbox-wrap input + span::after {
  color: white;
}

form .checkbox-wrap input:focus + span {
  border-color: white;
}

/*--------------------------------------------------
	12. Footer
---------------------------------------------------*/
.footer {
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
    .footer {
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 20px;
}
}
@media (max-width: 576px) {
    .footer {
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 0px;
}
}


.footer .logo {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.footer-item {
  margin-bottom: 50px;
}

.footer-title {
  font-weight: 600;
  text-transform: capitalize;
}

.footer-content {
  margin-top: 20px;
}

.footer-content li {
  margin-bottom: 20px;
}

.footer-content li:last-child {
  margin-bottom: 0;
}

.footer-text {
  line-height: 140%;
}

.footer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 0px solid rgba(196, 196, 196, 0.2);
  padding-top: 50px;
}

.footer .copyright p {
  font-size: 14px;
  line-height: 100%;
}

.footer-social {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/*--------------------------------------------------
	13. To top button
---------------------------------------------------*/
.to-top-button {
  position: fixed;
  bottom: 50px;
  right: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: white;
  width: 46px;
  height: 46px;
  background-color: #A1A5FF;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0px white inset;
          box-shadow: 0 0 0 0px white inset;
  -webkit-transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 550ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 550ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: box-shadow 550ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: box-shadow 550ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 400ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 550ms cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 8000;
  pointer-events: none;
  opacity: 0;
}

.to-top-button i {
  -webkit-transition: color 400ms ease;
  transition: color 400ms ease;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.to-top-button.visible {
  pointer-events: initial;
  opacity: 1;
}

.to-top-button:hover {
  -webkit-box-shadow: 0 0 0 24px #FF9DB4 inset;
          box-shadow: 0 0 0 24px #FF9DB4 inset;
}

.to-top-button:hover i {
  color: #FFF;
}

/*--------------------------------------------------
	14. Social
---------------------------------------------------*/
.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 100;
  justify-content: center;
}

.social-item {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 20px;
}

.social-item:last-child {
  margin-right: 0;
}

.social a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*-webkit-box-shadow: 0 0 0 1px #4d4d4d inset !important;
          box-shadow: 0 0 0 1px #4d4d4d inset !important;
  border-radius: 50%;*/
  width: 100%;
  height: 100%;
  font-size: 17px;
  color: #4d4d4d;
  -webkit-transition: -webkit-box-shadow 650ms cubic-bezier(0.215, 0.61, 0.355, 1) !important;
  transition: -webkit-box-shadow 650ms cubic-bezier(0.215, 0.61, 0.355, 1) !important;
  transition: box-shadow 650ms cubic-bezier(0.215, 0.61, 0.355, 1) !important;
  transition: box-shadow 650ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 650ms cubic-bezier(0.215, 0.61, 0.355, 1) !important;
}

.social-item:hover a {
  color: #FFBB56 !important;
  -webkit-box-shadow: 0 0 0 26px #ECB0BA inset !important;
          box-shadow: 0 0 0 26px #ECB0BA inset !important;
}

/*==================================================
	15. Navigation
===================================================*/
/*--------------------------------------------------
    15.1. Menu-icon animation
---------------------------------------------------*/
.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  z-index: 10;
  cursor: pointer;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  transition: -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 100ms, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.menu-wrap {
  z-index: 3;
}

.menu span {
  background-color: black;
  width: 30px;
  height: 3px;
  margin-bottom: 6px;
  -webkit-transition: opacity 50ms cubic-bezier(0.77, 0, 0.175, 1) 0ms, background-color 100ms ease, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 700ms;
  transition: opacity 50ms cubic-bezier(0.77, 0, 0.175, 1) 0ms, background-color 100ms ease, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 700ms;
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 700ms, opacity 50ms cubic-bezier(0.77, 0, 0.175, 1) 0ms, background-color 100ms ease;
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 700ms, opacity 50ms cubic-bezier(0.77, 0, 0.175, 1) 0ms, background-color 100ms ease, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 700ms;
  opacity: 1;
}

.menu span:last-child {
  margin-bottom: 0;
}

.menu-line-2::after {
  content: "";
  position: absolute;
  top: -4px;
  left: 13px;
  width: 3px;
  height: 30px;
  background-color: inherit;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: background-color 200ms ease, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  transition: background-color 200ms ease, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 400ms, background-color 200ms ease;
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 400ms, background-color 200ms ease, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

.menu:hover span {
  background-color: #2A1F4A;
}

.menu:hover .menu-line-2::after {
  background-color: #FF003C;
}

.is-menu-open {
  width: 100%;
  height: 100%;
}

.is-menu-open .menu {
  width: 25px;
  height: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 700ms;
  transition: -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 700ms;
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 700ms;
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 700ms, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 700ms;
}

.is-menu-open .menu span {
  background-color: #2A1F4A;
  -webkit-transition: opacity 50ms cubic-bezier(0.77, 0, 0.175, 1) 400ms, background-color 200ms ease, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  transition: opacity 50ms cubic-bezier(0.77, 0, 0.175, 1) 400ms, background-color 200ms ease, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 100ms, opacity 50ms cubic-bezier(0.77, 0, 0.175, 1) 400ms, background-color 200ms ease;
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 100ms, opacity 50ms cubic-bezier(0.77, 0, 0.175, 1) 400ms, background-color 200ms ease, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
}

.is-menu-open .menu .menu-line-1 {
  -webkit-transform: translateY(9px);
          transform: translateY(9px);
  opacity: 0;
}

.is-menu-open .menu .menu-line-3 {
  -webkit-transform: translateY(-9px);
          transform: translateY(-9px);
  opacity: 0;
}

.is-menu-open .menu .menu-line-2::after {
  background-color: #2A1F4A;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transition: background-color 200ms ease, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  transition: background-color 200ms ease, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 400ms, background-color 200ms ease;
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 400ms, background-color 200ms ease, -webkit-transform 300ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
}

.is-menu-open .menu:hover span, .is-menu-open .menu:hover .menu-line-2::after {
  background-color: #E56251;
}

/*--------------------------------------------------
	15.2. Navigation background
---------------------------------------------------*/
.menu-navigation {
  position: relative;
  z-index: 2000;
}

.menu-pre-background {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 40%;
  height: 100vh;
  background-color: transparent;
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
  -webkit-transition: -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1) 120ms;
  transition: -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1) 120ms;
  transition: transform 900ms cubic-bezier(0.77, 0, 0.175, 1) 120ms;
  transition: transform 900ms cubic-bezier(0.77, 0, 0.175, 1) 120ms, -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1) 120ms;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  z-index: 2;
}

.menu-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, .5) ;
  -webkit-transition: opacity 900ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 100ms cubic-bezier(0.77, 0, 0.175, 1) 900ms;
  transition: opacity 900ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 100ms cubic-bezier(0.77, 0, 0.175, 1) 900ms;
  transition: opacity 900ms cubic-bezier(0.77, 0, 0.175, 1), transform 100ms cubic-bezier(0.77, 0, 0.175, 1) 900ms;
  transition: opacity 900ms cubic-bezier(0.77, 0, 0.175, 1), transform 100ms cubic-bezier(0.77, 0, 0.175, 1) 900ms, -webkit-transform 100ms cubic-bezier(0.77, 0, 0.175, 1) 900ms;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  z-index: 2;
  pointer-events: none;
}

.menu-inner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40vw;
  height: 100vh;
  background: transparent ;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 900ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 3;
  -webkit-box-shadow: 0 0 25px 1px black;
          box-shadow: 0 0 25px 1px black;
}

.menu-container {
  height: 100%;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 50px;
    -webkit-transition: opacity 850ms ease;
    transition: opacity 850ms ease;
    opacity: 0;
}

.menu-header h4 {
  display: inline-block;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 20px;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.1em;
  color: #9C9C9C;
  opacity: 0;
  -webkit-transition: opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.is-menu-open .menu-overlay {
  -webkit-transition: opacity 900ms cubic-bezier(0.77, 0, 0.175, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 900ms cubic-bezier(0.77, 0, 0.175, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 100ms cubic-bezier(0.77, 0, 0.175, 1), opacity 900ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  transition: transform 100ms cubic-bezier(0.77, 0, 0.175, 1), opacity 900ms cubic-bezier(0.77, 0, 0.175, 1) 100ms, -webkit-transform 100ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  pointer-events: all;
}

.is-menu-open .menu-pre-background {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition: -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 900ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1);
}

.is-menu-open .menu-inner {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition: -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1) 120ms;
  transition: -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1) 120ms;
  transition: transform 900ms cubic-bezier(0.77, 0, 0.175, 1) 120ms;
  transition: transform 900ms cubic-bezier(0.77, 0, 0.175, 1) 120ms, -webkit-transform 900ms cubic-bezier(0.77, 0, 0.175, 1) 120ms;
}

.is-menu-open .menu-inner .menu-container {
  opacity: 1;
}

.is-menu-open .menu-inner .menu-header h4 {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

/*--------------------------------------------------
	15.3. Navigation list
---------------------------------------------------*/
.navigation {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.navigation-list {
  position: relative;
}

.navigation-list > li {
  margin-bottom: 40px;
}

.navigation-list > li:last-child {
  margin-bottom: 0;
}

.navigation-list > li > a {
  will-change: transform;
  -webkit-transition: opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06), color 250ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transition: opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06), color 250ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transition: opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06), transform 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06), color 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06), transform 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06), color 250ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  opacity: 0;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
}

.navigation-list > li > a:hover {
  color: #A1A5FF;
}

.navigation-list > li > a:hover::after {
  -webkit-transform: translateX(25px);
          transform: translateX(25px);
  color: #A1A5FF;
}

.navigation-list > li > a:not([href]):not([tabindex]) {
  color: white;
}

.navigation-list > li > a:not([href]):not([tabindex]):hover {
  color: #f9b527;
}

.navigation-list > li > a {
  
    
  font-size: 30px;
  line-height: 100%;
  font-weight: 500;
  color: #444241;
  padding: 0;
}

.menu-item-has-children > a::after {
  content: "\e900";
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  padding-top: 3%;
  font-size: 12px;
  color: #a0a0a0;
  -webkit-transition: color 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color 400ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color 400ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}

.menu-item-has-children > a:hover {
  color: #FF003C;
}

.menu-item-has-children > a:hover::after {
  -webkit-transform: translateX(25px);
          transform: translateX(25px);
  color: #FF003C;
}

.is-menu-open .navigation-list > li > a {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.is-menu-open .navigation-list > li:first-child > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 920ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 920ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 920ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 920ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 920ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 920ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 920ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 920ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 920ms;
}

.is-menu-open .navigation-list > li:nth-child(2) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 960ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 960ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 960ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 960ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 960ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 960ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 960ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 960ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 960ms;
}

.is-menu-open .navigation-list > li:nth-child(3) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
}

.is-menu-open .navigation-list > li:nth-child(4) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1040ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1040ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1040ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1040ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1040ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1040ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1040ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1040ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1040ms;
}

.is-menu-open .navigation-list > li:nth-child(5) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1080ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1080ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1080ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1080ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1080ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1080ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1080ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1080ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1080ms;
}

.is-menu-open .navigation-list > li:nth-child(6) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1120ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1120ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1120ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1120ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1120ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1120ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1120ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1120ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1120ms;
}

.is-menu-open .navigation-list > li:nth-child(7) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1160ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1160ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1160ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1160ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1160ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1160ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1160ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1160ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1160ms;
}

.is-menu-open .navigation-list > li:nth-child(8) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
}

.is-menu-open .navigation-list > li:nth-child(9) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms;
}
.is-menu-open .navigation-list > li:nth-child(10) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1260ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms;
}
.is-menu-open .navigation-list > li:nth-child(11) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1280ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1240ms;
}

.is-menu-open .nav-list-hidden.navigation-list > li > a {
  opacity: 0;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  pointer-events: none;
}

.is-menu-open .nav-list-hidden.navigation-list > li:nth-child(9) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22), color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22), color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22), transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22), color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22), transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22), color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.is-menu-open .nav-list-hidden.navigation-list > li:nth-child(8) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 40ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 40ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 40ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 40ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 40ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 40ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 40ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 40ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 40ms;
}

.is-menu-open .nav-list-hidden.navigation-list > li:nth-child(7) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 80ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 80ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 80ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 80ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 80ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 80ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 80ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 80ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 80ms;
}

.is-menu-open .nav-list-hidden.navigation-list > li:nth-child(6) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 120ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 120ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 120ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 120ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 120ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 120ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 120ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 120ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 120ms;
}

.is-menu-open .nav-list-hidden.navigation-list > li:nth-child(5) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 160ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 160ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 160ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 160ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 160ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 160ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 160ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 160ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 160ms;
}

.is-menu-open .nav-list-hidden.navigation-list > li:nth-child(4) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms;
}

.is-menu-open .nav-list-hidden.navigation-list > li:nth-child(3) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 240ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 240ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 240ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 240ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 240ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 240ms;
}

.is-menu-open .nav-list-hidden.navigation-list > li:nth-child(2) > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 280ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 280ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 280ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 280ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 280ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 280ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 280ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 280ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 280ms;
}

.is-menu-open .nav-list-hidden.navigation-list > li:first-child > a {
  -webkit-transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 320ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 320ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 320ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 320ms;
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 320ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 320ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 320ms, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 320ms, color 250ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 320ms;
}

/*--------------------------------------------------
	15.4. Subnav
---------------------------------------------------*/
.subnav-list {
  position: absolute;
  top: 0;
  z-index: 1;
  pointer-events: none;
  width: 280px;
}

.subnav-list.subnav-active {
  pointer-events: auto;
}

.subnav-list.subnav-active .subnav-title {
  pointer-events: auto;
}

.subnav-list li {
  margin-bottom: 25px;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22), transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22), transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.subnav-list li:last-child {
  margin-bottom: 0;
}

.subnav-list li a.subnav-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 30px;
  font-weight: 600;
  color: white;
  pointer-events: none;
  padding-bottom: 20px;
}

.subnav-list li a {
  color: #BEBEBE;
  font-size: 19px;
  -webkit-transition: color 100ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transition: color 100ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.subnav-list li a:hover {
  color: white;
}

.subnav-title:not([href]):not([tabindex]) {
  color: white;
}

.subnav-title:not([href]):not([tabindex]):hover {
  color: #FF003C;
}

a.subnav-title::after {
  content: "\e901";
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  padding-top: 2%;
  font-size: 14px;
  color: #a0a0a0;
  -webkit-transition: color 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color 400ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color 400ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateX(-35px);
          transform: translateX(-35px);
}

a.subnav-title:hover {
  color: #FF003C;
}

a.subnav-title:hover::after {
  color: #FF003C;
  -webkit-transform: translateX(-45px);
          transform: translateX(-45px);
}

.navigation-list > li .subnav-list li:nth-child(8) {
  -webkit-transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22), transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22), transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.navigation-list > li .subnav-list li:nth-child(7) {
  -webkit-transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 50ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 50ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 50ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 50ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 50ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 50ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 50ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 50ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 50ms;
}

.navigation-list > li .subnav-list li:nth-child(6) {
  -webkit-transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 100ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 100ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 100ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 100ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 100ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 100ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 100ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 100ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 100ms;
}

.navigation-list > li .subnav-list li:nth-child(5) {
  -webkit-transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 150ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 150ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 150ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 150ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 150ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 150ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 150ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 150ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 150ms;
}

.navigation-list > li .subnav-list li:nth-child(4) {
  -webkit-transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 200ms;
}

.navigation-list > li .subnav-list li:nth-child(3) {
  -webkit-transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 250ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 250ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 250ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 250ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 250ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 250ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 250ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 250ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 250ms;
}

.navigation-list > li .subnav-list li:nth-child(2) {
  -webkit-transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 300ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 300ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 300ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 300ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 300ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 300ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 300ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 300ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 300ms;
}

.navigation-list > li .subnav-list li:first-child {
  -webkit-transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 350ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 350ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 350ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 350ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 350ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 350ms;
  transition: opacity 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 350ms, transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 350ms, -webkit-transform 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 350ms;
}

.subnav-active.subnav-list li {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.navigation-list > li .subnav-active.subnav-list li:first-child {
  -webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
}

.navigation-list > li .subnav-active.subnav-list li:nth-child(2) {
  -webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1050ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1050ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1050ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1050ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1050ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1050ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1050ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1050ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1050ms;
}

.navigation-list > li .subnav-active.subnav-list li:nth-child(3) {
  -webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1100ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1100ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1100ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1100ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1100ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1100ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1100ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1100ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1100ms;
}

.navigation-list > li .subnav-active.subnav-list li:nth-child(4) {
  -webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1150ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1150ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1150ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1150ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1150ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1150ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1150ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1150ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1150ms;
}

.navigation-list > li .subnav-active.subnav-list li:nth-child(5) {
  -webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
}

.navigation-list > li .subnav-active.subnav-list li:nth-child(6) {
  -webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1250ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1250ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1250ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1250ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1250ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1250ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1250ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1250ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1250ms;
}

.navigation-list > li .subnav-active.subnav-list li:nth-child(7) {
  -webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms;
}

.navigation-list > li .subnav-active.subnav-list li:nth-child(8) {
  -webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms;
}

.navigation-list > li .subnav-active.subnav-list li:nth-child(9) {
  -webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
}

.navigation-list > li .subnav-active.subnav-list li:nth-child(10) {
  -webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1450ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1450ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1450ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1450ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1450ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1450ms;
  transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1450ms, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1450ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1450ms;
}

/*--------------------------------------------------
	15.5. Navigation social
---------------------------------------------------*/
.social-navigation {
  position: absolute;
  bottom: 50px;
}

.social-navigation .social-item {
  will-change: transform;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}

.is-menu-open .social-navigation .social-item {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.is-menu-open .social-navigation .social-item:first-child {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
}

.is-menu-open .social-navigation .social-item:nth-child(2) {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
}

.is-menu-open .social-navigation .social-item:nth-child(3) {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
}

.is-menu-open .social-navigation .social-item:nth-child(4) {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
}

.is-menu-open .social-navigation .social-item:nth-child(5) {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
}

.is-menu-open .social-navigation .social-item:nth-child(6) {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
}

.is-menu-open .social-navigation .social-item:nth-child(7) {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
}

.is-menu-open .social-navigation .social-item:nth-child(8) {
  -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
}

/*==================================================
	16. Slider
===================================================*/
/*--------------------------------------------------
	16.1. Slider
---------------------------------------------------*/
.slider-main {
  position: relative;
  overflow: hidden;
  background-color: #ECB0BA;
  width: 100%;
  /*height: 100vh;*/
}

.slider-main .slider-slide {
  overflow: hidden;
}

.main-slider-pagination {
  position: absolute;
  bottom: 40px !important;
}

.video-main {
  position: relative;
  width: 100%;
  height: 100vh;
}

.video-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider-slide {
  position: relative;
  width: 100%;
  height: 100%;
}

.slider-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}

.slider-video video {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

.slide-content-static .slide-title {
  margin-bottom: 25px;
}

.slide-content-static .slide-text {
  margin-bottom: 50px;
}

.slide-subtitle {
  display: inline-block;
  overflow: hidden;
  font-size: 24px;
  font-weight: 400;
  font-family: "Golos Text", sans-serif;
  margin-bottom: 5px;
}

.slide-subtitle span {
  display: inline-block;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.slide-title {
  
  /*overflow: hidden;*/
  font-size: 60px;
  line-height: 100%;
  margin-bottom: 10px;
}

.slide-title span {
  display: inline-block;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.slide-text {
  overflow: hidden;
  margin-bottom: 30px;
  letter-spacing: 0.5px;
  font-weight: 400;
  font-size: 19px;
  color: white !important;
}

.slide-text span {
  display: inline-block;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.slide-button {
  opacity: 0;
}

.slide button {
  margin-top: 35px;
}

.slide-content.slide-content-dark .slider-subtitle {
  color: #5f5f5f;
}

.slide-content.slide-content-dark h1 {
  color: black;
}

.slide-content.slide-content-dark h1 span {
  color: black;
}

.slide-content.slide-content-dark p {
  color: #2b2b2b;
}

.slide-content.slide-content-dark p span {
  color: #2b2b2b;
}

.slide-content.slide-content-dark .slider-nav .circle .half-left .item,
.slide-content.slide-content-dark .slider-nav .circle .half-right .item {
  border-color: rgba(0, 0, 0, 0.6);
}

.slide-content.slide-content-dark .slider-nav .icon-arrow-left,
.slide-content.slide-content-dark .slider-nav .icon-arrow-right {
  color: black;
}

.slide-content.slide-content-light .slider-subtitle {
  color: #d6d6d6;
}

.slide-content.slide-content-light h1 {
  color: white;
}

.slide-content.slide-content-light p {
  color: #c2c2c2;
}

.slide-content.slide-content-light .slider-nav .circle .half-left .item,
.slide-content.slide-content-light .slider-nav .circle .half-right .item {
  border-color: rgba(255, 255, 255, 0.6);
}

.slide-content.slide-content-light .slider-nav .icon-arrow-left,
.slide-content.slide-content-light .slider-nav .icon-arrow-right {
  color: white;
}
.slide-content-intro .slide-button {
  -webkit-transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 750ms;
  transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 750ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 750ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 750ms, -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 750ms;
}
.slide-content-intro .slide-subtitle span {
  -webkit-transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 550ms;
  transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 550ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 550ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 550ms, -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 550ms;
}

.slide-content-intro .slide-title span {
  -webkit-transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms;
  transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms, -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 250ms;
}

.slide-content-intro .slide-text span {
  -webkit-transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms;
  transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms, -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 1350ms;
}

.slide-content-intro .slide-button {
  -webkit-transition: opacity 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 1950ms;
  transition: opacity 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 1950ms;
}

.slide-content-second .slide-subtitle span {
  -webkit-transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.slide-content-second .slide-title span {
  -webkit-transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
  transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms, -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
}

.slide-content-second .slide-text span {
  -webkit-transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
  transition: -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
  transition: transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 600ms, -webkit-transform 850ms cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
}

.content-visible .slide-subtitle span,
.content-visible .slide-title span,
.content-visible .slide-text span {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.content-visible .slide-button {
  opacity: 1;
}

/*--------------------------------------------------
	16.2. Slider-navigation
---------------------------------------------------*/
.circle {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  width: 40px;
  height: 100%;
  border-radius: 50%;
}

.circle .half-left,
.circle .half-right {
  position: relative;
  overflow: hidden;
  width: 50%;
  height: 100%;
}

.circle .half-left .item,
.circle .half-right .item {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0px solid;
  background-color: transparent;
}

.circle:hover .half-left .item,
.circle:hover .half-right .item {
  border-color: #FF003C !important;
}

.circle:hover .icon-arrow-left {
  color: #FF003C !important;
}

.circle:hover .icon-arrow-right {
  color: #FF003C !important;
}
.advantages .circle .half-left .item,
.advantages  .circle .half-right .item,
.otdelka .circle .half-left .item,
.otdelka  .circle .half-right .item{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0px solid;
}
.slider-nav-outer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slider-nav-outer-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.slider-nav-outer-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slider-nav {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-around;
  width: 105%;
    height: 40px;
    z-index: 100;
    top: 40%;
    left: -2.5%;
}
@media (max-width: 1199px) {
    .slider-nav {
        top: 30%;
        left: -1.5%;
    }
}
@media (max-width: 768px) {
    .slider-nav {
        top: 35%;
        left: 3%;
        justify-content: space-between;
        width: 97%;
    }
}
@media (max-width: 576px) {
    .slider-nav {
        top: 25%;
        left: 0%;
        width: 100%;
    }
}

.plans .slider-nav {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    width: 110%;
    height: 40px;
    z-index: 100;
    top: 48.4%;
    left: -4%;
}
@media only screen and (max-width: 767px) {
    .plans .slider-nav {
    justify-content: space-between;
    width: 100%;
    left: 0%;
    }
}

.advantages .slider-nav {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    width: 104%;
    height: 40px;
    z-index: 100;
    top: 45%;
    left: -2%;
}
.barriers .slider-nav {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    width: 62%;
    height: 40px;
    z-index: 100;
    top: 45%;
    left: 19%;
}
.otdelka .slider-nav {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    width: 50%;
    height: 40px;
    z-index: 100;
    top: 100%;
    left: 25%;
}

@media (max-width:768px) {
    .advantages .slider-nav {
    
    width: 174%;
        z-index: 100;
        top: 45%;
        left: -37%;
}
}
@media (max-width:768px) {
    .barriers .slider-nav {
    
    width:200%;
        z-index: 100;
        top: 45%;
        left: -50%;
}
}


.circle-left .half-left .item {
  border-right: none;
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 1900ms;
  transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 1900ms;
  transition: transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 1900ms, border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 1900ms, border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 1900ms;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.circle-left .half-right .item {
  border-left: none;
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 2400ms;
  transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 2400ms;
  transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 2400ms, border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 2400ms, border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 2400ms;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.circle-right .half-left .item {
  left: -100%;
  border-right: none;
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 1900ms;
  transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 1900ms;
  transition: transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 1900ms, border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 1900ms, border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 1900ms;
}

.circle-right .half-right .item {
  left: 100%;
  border-left: none;
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 2400ms;
  transition: border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 2400ms;
  transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 2400ms, border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 2400ms, border-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 2400ms;
}

.slider-nav .caret-left,
.slider-nav .caret-right {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-size: 50px;
    z-index: 100;
  background-color: transparent;
  color:#FFC068;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 2100ms, color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 2100ms;
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 2100ms, color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 2100ms;
  transition: transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 2100ms, opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 2100ms, color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 2100ms, opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 2100ms, color 300ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 500ms cubic-bezier(0.645, 0.045, 0.355, 1) 2100ms;
}

.plans .slider-nav .caret-left,
.plans .slider-nav .caret-right {
   color:#FFC068; 
}
.slider-nav .caret-left:hover,
.slider-nav .caret-right:hover {
     color:#FF9DB4;
} 
.plans .slider-nav .caret-left:hover,
.plans .slider-nav .caret-right:hover {
     color:#FF9DB4;
}
.slider-nav .caret-left i{
    margin-right:5px
} 

.slider-nav .caret-right i{
    margin-left:5px
}
.slider-nav .caret-left{
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}

.slider-nav .caret-right {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

.slider-nav-visible .circle-right .half-right .item,
.slider-nav-visible .circle-right .half-left .item {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.slider-nav-visible .circle-left .half-right .item,
.slider-nav-visible .circle-left .half-left .item {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.slider-nav-visible .caret-left,
.slider-nav-visible .caret-right {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

/*--------------------------------------------------
	16.3. Slider-pagination
---------------------------------------------------*/
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  z-index: 10;
}

.pagination-light .bullet {
  background-color: rgba(255, 255, 255, 0.5);
}

.pagination-dark .bullet {
  background-color: rgba(234, 215, 170, 1);
}
.arrangement-slider .pagination-dark .bullet {
  background-color: rgba(215, 215, 215, 1);
}

.pagination .bullet-active {
  background-color: #444241;
    opacity: 1
}
.arrangement-slider  .pagination .bullet-active {
  /*background-color: #c96ad6;*/
  background: linear-gradient(90deg, #4C4C4C 50%, #D7D7D7 50%);
}

.bullet {
  width: 10px;
  height: 10px;
  margin-left: 15px;
  margin-right: 15px;
  -webkit-transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1), transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1), transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.bullet-active {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}
.plans-pagination.pagination {
    width: 100%;
}
.plans-pagination.pagination-dark .bullet {
    background-color: #FFC068;
    opacity: 0.5;
    border-radius:50%;
}
.plans-pagination.pagination .bullet-active {
    background-color: #FFC068;
    opacity: 1
}
.otdelka-pagination.pagination {
    width: auto;
    z-index: 100
}
.otdelka-pagination .bullet {
  width: 10px;
  height: 10px;
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 50%;
  -webkit-transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1), transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1), transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.otdelka-pagination.pagination-dark .bullet {
    background: #FFC068;
    opacity: 0.5
}
.otdelka-pagination.pagination .bullet-active {
    background-color: #FFC068;
    opacity: 1
}
/*--------------------------------------------------
	16.4. Slider-animation
---------------------------------------------------*/
.header .logo-box {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header .logo-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-transition: -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 550ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 550ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.header .menu-outer-wrap {
  position: relative;
  z-index: 500;
  overflow: hidden;
  padding: 4px;
}

.header .menu-outer-wrap .menu-wrap {
  -webkit-transition: -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 550ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 550ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transform: translateY(120%);
          transform: translateY(120%);
}

.slider-main-reveal {
  -webkit-transition: opacity 800ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 800ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1), opacity 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1), opacity 800ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
  opacity: 0;
  -webkit-transform: translateY(200px);
          transform: translateY(200px);
}

.slider-main-reveal-animated {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}

.work-header-reveal {
  -webkit-transition: opacity 800ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 800ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1), opacity 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1), opacity 800ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
  opacity: 0;
  -webkit-transform: translateY(200px);
          transform: translateY(200px);
}

.work-header-animated {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}

.bottom-left-links {
  position: absolute;
  bottom: 50px;
  left: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}

.bottom-left-links div {
  font-size: 16px;
  font-weight: 400;
  margin-right: 15px;
}

.bottom-left-links div:last-child {
  margin: 0;
}

.bottom-left-links div {
  overflow: hidden;
}

.bottom-left-links div a {
  will-change: transform;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.bottom-left-links div:nth-child(1) a {
  -webkit-transition: -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  transition: -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  transition: transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
  transition: transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 100ms, -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
}

.bottom-left-links div:nth-child(2) a {
  -webkit-transition: -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  transition: -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  transition: transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 200ms;
  transition: transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 200ms, -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 200ms;
}

.bottom-left-links div:nth-child(3) a {
  -webkit-transition: -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 300ms;
  transition: -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 300ms;
  transition: transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 300ms;
  transition: transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 300ms, -webkit-transform 550ms cubic-bezier(0.77, 0, 0.175, 1) 300ms;
}

.slider-main .pagination span {
  will-change: opacity, transform;
  opacity: 0;
}

.slider-main .pagination span:nth-child(1) {
  -webkit-transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 100ms, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 100ms, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 100ms, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 100ms, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.slider-main .pagination span:nth-child(2) {
  -webkit-transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.slider-main .pagination span:nth-child(3) {
  -webkit-transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 300ms, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 300ms, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 300ms, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 300ms, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.slider-main .pagination span:nth-child(4) {
  -webkit-transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.slider-main .pagination span:nth-child(5) {
  -webkit-transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.slider-main .pagination span:nth-child(6) {
  -webkit-transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 600ms, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 600ms, color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 600ms, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 550ms cubic-bezier(0.645, 0.045, 0.355, 1) 600ms, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), color 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.header-reveal .header .logo-box a {
  -webkit-transform: none;
          transform: none;
}

.header-reveal .header .menu-outer-wrap .menu-wrap {
  -webkit-transform: none;
          transform: none;
}

.header-reveal .header .menu-anchor ul li {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
}

.header-reveal .bottom-left-links a {
  -webkit-transform: none;
          transform: none;
}

.header-reveal .slider-main .pagination span {
  opacity: 1;
}

/*==================================================
	17. Page Blocks
===================================================*/


/*--------------------------------------------------
	19. Testimonials
---------------------------------------------------*/
.testimonials-slider, .otdelka-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0 0 20px 0;
}

 .plans-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0 0 20px 0;
}

.testimonials-pagination {
  margin-top: 70px;
}
.arrangement-slider .testimonials-pagination {
  margin-top: 0px;
}



/*--------------------------------------------------
	36. 404 page
---------------------------------------------------*/
.page-404-title {
  font-size: 160px;
}

.page-404-info {
  margin-top: 70px;
}

.page-404-lead {
  font-size: 24px;
  margin-top: 20px;
}

.page-404-btn {
  font-size: 18px;
  margin-top: 70px;
  padding-bottom: 5px;
}

.page-404-btn i {
  font-size: 14px;
  margin-left: 4px;
}

/*--------------------------------------------------
	40. Anchor menu
---------------------------------------------------*/
.menu-anchor {
  position: relative;
}

.menu-anchor-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}



.menu-anchor-list li a {
  font-size: 17px;
padding: 10px 0;
    font-weight: 500;
  color: #0D1D2C;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
@media (max-width: 1479px) {
    .menu-anchor-list li a {
  font-size: 14px;
}
}

.menu-anchor-list li a:hover {
  color: #A1A5FF;
}


.header-anchor .menu-outer-wrap {
  display: none;
}

.menu-navigation-md {
  display: none;
}

.menu-anchor ul li {
  opacity: 0;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}

.menu-anchor ul li:nth-child(1) {
  -webkit-transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 400ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 400ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 400ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 400ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 400ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
}

.menu-anchor ul li:nth-child(2) {
  -webkit-transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 520ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 520ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 520ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 520ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 520ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 520ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 520ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 520ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 520ms;
}

.menu-anchor ul li:nth-child(3) {
  -webkit-transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 640ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 640ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 640ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 640ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 640ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 640ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 640ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 640ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 640ms;
}

.menu-anchor ul li:nth-child(4) {
  -webkit-transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 760ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 760ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 760ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 760ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 760ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 760ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 760ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 760ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 760ms;
}

.menu-anchor ul li:nth-child(5) {
  -webkit-transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 880ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 880ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 880ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 880ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 880ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 880ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 880ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 880ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 880ms;
}

.menu-anchor ul li:nth-child(6) {
  -webkit-transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1000ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1000ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1000ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1000ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1000ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1000ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1000ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1000ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1000ms;
}

.menu-anchor ul li:nth-child(7) {
  -webkit-transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1120ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1120ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1120ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1120ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1120ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1120ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1120ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1120ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1120ms;
}

.menu-anchor ul li:nth-child(8) {
  -webkit-transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1240ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1240ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1240ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1240ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1240ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1240ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1240ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1240ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1240ms;
}

.menu-anchor ul li:nth-child(9) {
  -webkit-transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1360ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1360ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1360ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1360ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1360ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1360ms;
  transition: opacity 420ms cubic-bezier(0.77, 0, 0.175, 1) 1360ms, transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1360ms, -webkit-transform 420ms cubic-bezier(0.77, 0, 0.175, 1) 1360ms;
}

@media only screen and (min-width: 1024px) {
  html {
    width: 100vw;
  }
  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  p {
    font-size: 16px;
    line-height: 150%;
  }
  .text-lead {
    font-size: 16px;
    line-height: 120%;
  }
  .section-small {
    padding: 80px 0;
  }
  .section-medium {
    padding: 20px 0;
  }
  .section-large {
    padding: 120px 0;
  }
  .section-title-small h2 {
    font-size: 36px;
  }
  .section-title-medium h2 {
    font-size: 65px;
  }
  .section-title-large h2 {
    font-size: 70px;
  }
  .type {
    font-size: 66px;
  }
  .page-header-title {
    font-size: 65px;
  }
  .card-group {
    margin-top: 100px;
  }
  .card-group .row > div:nth-child(1n+3) {
    margin-top: 30px;
  }
  .card-group.card-fullwidth .row > div:nth-child(1n+3) {
    margin-top: 0;
  }
  .menu-inner {
    width: 85vw;
  }
  .menu-pre-background {
    width: 85%;
  }
 
}

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .text-additional {
    font-size: 16px;
  }
  .text-lead {
    font-size: 16px;
  }
  .section-title-small h2 {
    font-size: 36px;
  }
  .section-title-medium h2 {
    font-size: 60px;
  }
  .section-title-large h2 {
    font-size: 65px;
  }
  .type {
    font-size: 60px  !important;
  }
}

@media only screen and (max-width: 574px) {
  .text-additional {
    font-size: 16px;
  }
  .text-lead {
    font-size: 16px;
  }
  .type {
    font-size: 66px;
  }
  .to-top-button {
    bottom: 30px;
    right: 30px;
    font-size: 13px;
    color: white;
    width: 42px;
    height: 42px;
  }
  .slide-content .slide-subtitle {
    font-size: 20px;
  }
  .slide-content .slide-title {
    font-size: 40px;
  }
  .testimonials-pagination {
    margin-top: 50px;
  }
  .testimonials-comment {
    font-size: 20px;
  }
  .testimonials-author h3 {
    font-size: 24px;
  }
  .about-lead {
    margin-top: 30px;
  }
  .about-text {
    margin-top: 20px;
  }
  .about-text:first-child {
    margin-top: 20px;
  }
  .about .btn-hover {
    margin-top: 40px;
  }
  .awards {
    margin-top: 80px;
  }
  .awards .row > div:nth-child(1n+2) {
    margin-top: 40px;
  }
  .work-next {
    padding: 120px 0;
  }
  .work-next-button {
    font-size: 36px;
  }
  .sm-center {
    text-align: center;
  }
  .work-info {
    margin-top: 50px;
    text-align: center;
  }
  .work-info h3 {
    font-size: 28px;
  }
  .blog-container {
    padding: 0;
  }
  .blog-container .row {
    margin-right: 0;
    margin-left: 0;
  }
  .blog-container .row div[class^="col"] {
    padding: 0;
  }
  .blog-content, .comment-respond {
    padding: 30px 15px 35px 15px;
  }
  .blog-title {
    font-size: 28px;
  }
  .blog-tags a {
    font-size: 16px;
  }
  .comment-respond .comment-form > div {
    padding: 0;
  }
  .widget {
    padding: 35px 15px;
  }
  
  .page-404-title {
    font-size: 120px;
  }
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-large {
    padding: 140px 0;
  }
  .card-small .card-content {
    padding: 20px 25px 25px 25px;
  }
  .card-icon {
    margin-bottom: 40px;
  }
  .card-large .card-content {
    padding: 40px 30px;
  }
  .card-xlarge .card-content {
    padding: 70px 30px;
  }
  .blog-card-content h3 {
    font-size: 23px;
  }
  .menu-inner {
    width: 70vw;
  }
  .menu-pre-background {
    width: 70%;
  }
  .blog-content, .comment-respond {
    padding: 30px 20px 35px 20px;
  }
  .widget {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .section-small {
    padding: 20px 0;
  }
  .section-medium {
    padding: 20px 0;
  }
  .section-large {
    padding: 100px 0;
  }
  .section-title .subtitle {
    font-size: 16px;
  }
  .section-title .section-text {
    font-size: 16px;
  }
  .section-title.md-center {
    text-align: center;
  }
  .header {
    padding: 25px 30px;
  }
  .pagination {
    bottom: 30px !important;
  }
  .page-header-title {
    font-size: 50px;
  }
  .breadcrumb-item,
  .breadcrumb-item a {
    font-size: 18px;
  }
  .card-group {
    margin-top: 80px;
  }
  .card-group .row > div:nth-child(1n+2) {
    margin-top: 30px;
  }
  .card-group.card-fullwidth .row > div:nth-child(1n+2) {
    margin-top: 0;
  }
  .footer-item {
    margin-bottom: 50px;
  }
  .footer-bottom {
    margin-top: 20px;
    padding-top: 50px;
  }
  .footer .copyright p {
    text-align: center;
  }
  .footer-social {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
  }
  .menu-inner {
    width: 100vw;
  }
  .menu-pre-background {
    width: 100%;
  }
  .menu-header {
    display: none;
  }
  .menu-inner .social {
    bottom: 30px;
  }
  .nav-link {
    font-size: 38px;
  }
  .navigation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  .menu-inner .social {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    bottom: 20px;
  }
  .slide-content {
    text-align: center;
  }
  .slide-content h1 {
    font-size: 70px;
  }
  .slider-nav {
    margin-left: auto;
    margin-right: auto;
  }
  .bottom-left-links {
    display: none;
  }
  .intro-text {
    font-size: 17px;
    line-height: 150%;
  }
  .portfolio {
    margin-top: 0;
  }
  .portfolio-item-left {
    padding-top: 0;
    padding-right: 0;
  }
  .portfolio-item-right {
    padding-left: 0;
  }
  .portfolio-item {
    margin-top: 100px;
  }
  .about-text {
    font-size: 16px;
    line-height: 150%;
  }
  .team {
    margin-top: 80px;
  }
  .team .row > div:nth-child(1n+2) {
    margin-top: 30px;
  }
  .steps {
    margin-top: 80px;
  }
  .steps .row > div:nth-child(1n+2) {
    margin-top: 30px;
  }
  .skills {
    margin-top: 80px;
  }
  .skills .row > div:nth-child(1n + 2) {
    margin-top: 40px;
  }
  .clients-item {
    margin-left: 0;
    margin-right: 0;
  }
  .work-text {
    font-size: 17px;
  }
  .work-img-section {
    margin-top: 60px;
  }
  .blog-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
  }
  .blog-header div:first-child {
    width: 100%;
    margin-bottom: 15px;
  }
  .blog-header div:last-child {
    width: 100%;
    margin-bottom: 30px;
  }
  .comment-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .comment-item .comment-item {
    margin-top: 35px;
    margin-left: 25px;
  }
  .comment-item .comment-img {
    width: 74px;
    height: 74px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .comment-item .comment-text {
    margin-top: 4px;
  }
  .grid-item {
    width: 100%;
  }
}

@media only screen and (min-width: 480px) and (max-width: 574px) {
  .section-title-small h2 {
    font-size: 32px;
  }
  .section-title-medium h2 {
    font-size: 46px;
  }
  .section-title-large h2 {
    font-size: 48px;
  }
  .card {
    max-width: 80%;
    margin: 0 auto;
  }
  .blog-card {
    width: 80%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 479px) {
  .section-title-small h2 {
    font-size: 26px;
  }
  .section-title-medium h2 {
    font-size: 38px;
  }
  .section-title-large h2 {
    font-size: 40px;
  }
  .card-small .card-content {
    padding: 20px 25px 30px 25px;
  }
}

@media only screen and (max-width: 1024px) {
  .cursor {
    display: none;
  }
}

@media only screen and (max-width: 1199px) {
  
  .slide-content .slide-title {
    font-size:40px;
    margin-bottom: 20px;
  }
  .slide-subtitle {
    font-size: 24px;
}
}

@media only screen and (max-width: 575px) {
  .header, .header.header-background {
    padding: 20px 20px;
  }
  .page-header-title {
    font-size: 45px;
  }
  .intro .text-lead {
    margin-top: 30px;
  }
  .intro-text {
    font-size: 16px;
    line-height: 150%;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .page-header-title {
    font-size: 45px;
  }
  .breadcrumb-item,
  .breadcrumb-item a {
    font-size: 16px;
  }
  .slide-content .slide-title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .card-small .card-content {
    padding: 25px 35px 30px 35px;
  }
  .card-icon {
    margin-bottom: 45px;
  }
  .card-large .card-content {
    padding: 45px 30px;
  }
  .card-xlarge .card-content {
    padding: 75px 30px;
  }
  .to-top-button {
    bottom: 30px;
    right: 50px;
  }
  .steps .row > div:nth-child(1n+3) {
    margin-top: 30px;
  }
  .awards .row > div:nth-child(1n+3) {
    margin-top: 30px;
  }
  .skills .row > div:nth-child(1n + 3) {
    margin-top: 30px;
  }
  .clients {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 80px;
  }
  .clients-item {
    margin-left: 15px;
    margin-right: 15px;
  }
  .work-img-long {
    margin-bottom: 30px;
  }
  .work-title {
    font-size: 50px;
  }
  .work-next {
    padding: 150px 0;
  }
  .work-next-button {
    font-size: 48px;
  }
  .sidebar {
    margin-top: 120px;
  }
  .widget-author {
    padding-bottom: 70% !important;
  }
  .portfolio-slider-column-item:hover::after {
    opacity: 0;
  }
  .portfolio-slider-column-item:hover .portfolio-slider-column-img {
    -webkit-transform: none;
            transform: none;
  }
  .portfolio-slider-column-img {
    -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.3) inset;
            box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.3) inset;
  }
  .portfolio-slider-column-content p {
    font-size: 16px;
    letter-spacing: 0.1em;
    margin-bottom: 4px;
  }
  .portfolio-slider-column-content p span {
    background-color: black;
    padding: 4px 10px;
    -webkit-transform: none;
            transform: none;
  }
  .portfolio-slider-column-content h2 {
    font-size: 44px;
    letter-spacing: 0.08em;
  }
  .portfolio-slider-column-content h2 span {
    background-color: black;
    padding: 4px 10px;
    -webkit-transform: none;
            transform: none;
  }
  
  .header-anchor .menu-outer-wrap {
    display: block;
  }
  .menu-navigation-md {
    display: block;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .card-img div {
    padding-bottom: 80%;
  }
}

@media only screen and (max-width: 300px) {
  .card-small .card-content {
    padding: 20px 15px 25px 15px;
  }
  .portfolio-slider-navigation .slider-nav {
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
  }
}

@media only screen and (max-width: 379px) {
  .card-large .card-content {
    padding: 40px 30px;
  }
  .card-xlarge .card-content {
    padding: 70px 30px;
  }
  .work-title {
    font-size: 36px;
  }
  .widget-social {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .widget-social .social-item {
    margin: 5px 10px;
  }
}

@media only screen and (max-width: 290px) {
  .card-large .card-content {
    padding: 35px 15px;
  }
  .card-xlarge .card-content {
    padding: 60px 15px;
  }
  .card-title {
    font-size: 24px;
  }
  .card-text {
    font-weight: normal;
  }
}

@media only screen and (min-width: 992px) {
  .card-group .row > div:nth-child(1n+4) {
    margin-top: 30px;
  }
  .card-group.card-fullwidth .row > div:nth-child(1n+4) {
    margin-top: 0;
  }
}

@media only screen and (min-width: 575px) and (max-width: 991px) {
  .blog-card-content h3 {
    font-size: 22px;
  }
  .about-text:first-child {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 380px) {
  .blog-card-content h3 {
    font-size: 22px;
  }
  .blog-card-content {
    padding: 20px 15px;
    padding-bottom: 30px;
  }
  .portfolio-info h2 {
    font-size: 34px;
  }
  .clients-item {
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
    height: 185px;
  }
}

@media only screen and (max-width: 440px) {
  .navigation-list > li {
    margin-bottom: 40px;
  }
  .navigation-list > li:last-child {
    margin-bottom: 0;
  }
  .navigation-list > li a {
    font-size: 18px;
    line-height: 10px;
  }
  .subnav-list li {
    margin-bottom: 25px;
  }
  .subnav-list li:last-child {
    margin-bottom: 0;
  }
  .subnav-list li .subnav-title {
    font-size: 28px;
  }
  .subnav-list li a {
    font-size: 20px;
  }
}

@media only screen and (max-width: 320px) {
  .slide-content .slide-title {
    font-size: 34px;
  }
}

@media only screen and (min-width: 420px) and (max-width: 767px) {
  .team-title {
    font-size: 36px;
  }
  .team-text {
    font-size: 18px;
    margin-top: 10px;
  }
  .team-social {
    margin-top: 30px;
  }
  .team-social-item {
    font-size: 24px;
    margin-right: 35px;
  }
  .team-social-item:last-child {
    margin-right: 0;
  }
}

@media only screen and (max-width: 419px) {
  .team-title {
    font-size: 26px;
  }
  .team-text {
    font-size: 17px;
    margin-top: 10px;
  }
  .team-social {
    margin-top: 25px;
  }
  .team-social-item {
    font-size: 24px;
    margin-right: 25px;
  }
  .team-social-item:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 380px) and (max-width: 767px) {
  .steps-item {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .skills-item {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 380px) and (max-width: 574px) {
  .work-title {
    font-size: 40px;
  }
}

@media only screen and (max-width: 430px) {
  .blog-title {
    font-size: 24px;
  }
  .comment-item .comment-item {
    margin-top: 25px;
    margin-left: 15px;
  }
  .comment-item .comment-img {
    width: 74px;
    height: 74px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .comment-item .comment-text {
    margin-top: 4px;
  }
}