@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap');

@font-face {
    font-family: 'ABook';
    src: url('avenir/AveniBoo.otf');
}
@font-face {
    font-family: 'ALight';
    src: url('avenir/AveniLig.otf');
}
@font-face {
    font-family: 'AMed';
    src: url('avenir/AveniMed.otf');
}

.title-line{
    width:100px;
    height:2px;
}

.text-main{    
    color: #1575AD;
    flex-grow:1;
}

.bg-main{    
    background-color: #1575AD;
}


a.text-main{
  text-decoration: none;
}
.job-block{
    border-top: 1px #1575AD solid;
    border-right: 1px #1575AD solid;
    border-left: 5px #1575AD solid;
    border-bottom: 15px #1575AD solid;
}

.shift-block-left{
    position: absolute; 
    top:-10px; 
    left:0px;    
}

.shift-block-right{
    position: absolute; 
    top:-10px; 
    right:0px;    
}

.step-circle{    
    background-color: #FFF; 
    padding-top: 40px; 
    width:150px; 
    height: 150px; 
    text-align: center; 
    border-radius: 100px; 
    border: solid 1px #222
}

.step-circle > div.content{
    font-size:32px; 
    line-height: 38px; 
    font-weight: 800
}

.divider-line{
    z-index: 5; 
    width:75%; 
    height: 1px;
}

img{
    max-width: 100%;
}

h1{
    font-size: 2rem;
    letter-spacing: 3px;
}

html, body{    
    font-family: 'Rubik','Noto Sans SC', sans-serif !important;    
}   

p{
  line-height: 27.2px;
}
.scrollToTop{
    padding-top:5px; 
    padding-bottom:5px; 
    padding-left:10px; 
    padding-right:10px; 
    text-align:center; 
    font-weight: bold;
    background-color:rgba(0,0,0,0.2);
    color:rgba(10,10,10,0.4);
    text-decoration: none;
    position:fixed;
    bottom:75px;
    right:40px;
    display:none;
    border-radius: 8px;
    -webkit-transition: background-color 0.2s, color 0.2s;
    transition: background-color 0.2s, color 0.2s;
    z-index:1000;
}
.scrollToTop:hover{
    text-decoration:none;
    background-color:rgba(0,0,0,0.4);
    color:rgba(255,255,255,0.4);
}


.home-link-block{
    margin-top: 25px;
    width: 80%;
    
    /* background: bisque; */
    /* position: relative; */
    z-index:1;
}

.home-link-block > div.icon {
  margin-bottom:-30px;
  
  width: 60px;
  height: 60px;
  z-index:3;
}

.home-link-block > div.icon > span {
  font-size:40px;
  background-color: #1a7999;
  color:#FFF;
  border-radius: 50px;
  padding: 10px;
}

.home-link-block > div.content {
  padding-top:40px;
  border-radius: 10px;
  z-index:2;
  background-color: #6dc1e0;
}


  .main-pic{
    position:relative; width:100%; 
    height:100vh;
     background-size:cover; 
     background-position:center;
  }
  .main-logo-block{
    background: #FFF;
    position: sticky;
    top:0px;
    z-index:1020;
  }
  .main-nav-block{
    position: sticky;
    top:50px;
    z-index:1020;
  }

  

  /* .sub-block.active{
    padding-top:10px; 
    height: 130px;
    display: block;
  } */

  .main-link:hover > ul.sub-link{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(51, 51, 51, 0.80);
    margin-top: 10px;
    display: block;
    opacity: 1;
    position: absolute;
    line-height: 24px;
    list-style-type: none;
    z-index:2;

    /* -webkit-transition: background-color 0.2s, color 0.2s, padding-top 0.2s;
    transition: background-color 0.2s, color 0.2s, padding-top 0.2s; */
  }

  .main-link:hover > div.arrow-up {
    opacity: 1;
    -webkit-transition: opacity 0.3s; /* Safari prior 6.1 */
    transition: opacity 0.3s;
    margin-top:5px;
    margin-left:10px;
    margin-bottom:-10px;
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;  
    border-bottom: 5px solid rgba(51, 51, 51, 0.80);
  }

  .main-link > div.arrow-up {
    opacity:0;
    flex:1;
    
  }

  .main-link:hover > ul.sub-link li span{
    color:#FFF !important;
    font-size:14px;
    text-decoration: none;
    display: block;
  }

  .main-link:hover > ul.sub-link li span:hover{
    color:rgba(230, 230, 230, 1) !important;
  }


  .main-link:hover > ul.sub-link li{
    display: block;
  }

  .main-link> ul.sub-link li{
    display: none;
  }
  

  .main-link > ul.sub-link{
    opacity: 0;
    -webkit-transition: opacity 0.3s; /* Safari prior 6.1 */
    transition: opacity 0.3s;
  }

  
  .sub-panel{
    border-bottom:solid #F3994F 5px;
  }
  

  .show-side-nav{

  }

  .input-group-prepend{
    margin-left: -1px;
    height: 31px;

  }
  .input-group-text{
    background-color: #FFF;
    border-left-style: none;
  }
.icon-img{
    width:200px;
    height: 200px;   
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    -webkit-transition: background-size 0.2s;
    transition: background-size 0.2s;
}
    
.icon-img:hover{
    width:200px;
    height: 200px;   
    background-repeat: no-repeat;
    background-size: auto 110%;
    background-position: center;
}

.main-link{
  flex-grow:1;
  padding-top: 25px;
  /* padding-bottom: 10px; */
  letter-spacing:1px;
  font-size:20px;
  cursor: pointer;
  text-align: center;
  color:rgba(11, 120, 187, 1) !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
} 


.main-link:hover{
  padding-top: 25px;
  padding-bottom: 25px;
  color:#13A79F !important;
  border-bottom:solid 2px #13A79F;
} 

.main-link.no-sub{
  padding-top: 25px;
  padding-bottom:10px;
  letter-spacing:1px;
  font-size:18px;
  /* color:rgba(11, 120, 187, 1) !important; */
}

/* .main-link.no-sub:hover > span{
  color:#13A79F !important;
} */

.main-link > a{
  text-decoration:none;
}

.letter-spacing{
  letter-spacing: 0.2em;
}
/* .main-link.no-sub:hover{
  padding-top: 25px;
  padding-bottom: 10px;
  letter-spacing:1px;
  font-size:15px;
  color:rgba(11, 120, 187, 1) !important;
} */



/* #main-navbar > div > div > a.navbar-brand{
  padding-top: 0px;
  margin-top: 0px;
  -webkit-transition: margin-top 0.2s, padding-top 0.2s;
  transition: margin-top 0.2s, padding-top 0.2s;
}

#main-navbar > div > div > a >img{
  -webkit-transition: height 0.2s, width 0.2s;
  transition: height 0.2s, width 0.2s;
  
} */

.flow-design{
  display: flex;
  align-content:center;
}

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

  .flow-design{
    flex-direction:column;
  }

}

.flow-item{
  background-color:rgba(255,255,255,1);
  color: #0B78BB;
  padding: 10px;
  line-height: 1.5em;
  font-size:1.3em;
  flex:3;
  text-align: center;
  border:3.8px #0B78BB solid;
  align-self: center;
  border-radius: 8px;
}
.flow-item-howhealth{
  align-self: center;
  flex:1;
  text-align: center;
}
.flow-item-arrow{
  font-size:2em;
  color:#13A79F;
  align-self: center;
  flex:1;
  text-align: center;
}
.img-title{
  height:60px;
  font-size:12px; 
  color:#FFF
}
.img-title > span{  
  margin-top:20px;
}

#main-navbar.active{
  background-color: #2A8DB2;

}

#main-navbar > div > div > div > a > div.nav-item{
  padding-top: 40px !important;  
}


#main-navbar.active > div > div > div > a > div.nav-item{
  padding-top: 25px !important;  
}

#main-navbar.active > div > div >div > a >img{
  height: 60px;
  width:auto;  
}


#main-navbar > div >div >div >div.navbar-brand > a >img{
  height: 90px;
  padding-top: 0px;
  margin-top: 0px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#main-navbar > div >div >div >div.navbar-brand > a{
  padding-top: 0px;
  margin-top: 0px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#main-navbar.active > div >div >div >div.navbar-brand > a >img{
  height: 60px;
  padding-top: 0px;
  margin-top: 0px;
}

.user-avatar{
    text-align:center;
    margin:0 auto;
    margin-top:-8px;
    width:35px;
    height:35px;
    border:#0B78BB solid 0.5px;
    border-radius:35px;    
    /* background-color:#222; */
  }


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

  .main-link:hover > ul.sub-link li a, .main-link:focus > ul.sub-link li a{
    font-size:1rem;
    padding-top:20px;
    padding-bottom:20px;
    display:blcok;
  }

  .main-link > ul.sub-link li a{
    display:none;
  }
  .main-link:hover > ul.sub-link, .main-link:focus > ul.sub-link{
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgba(51, 51, 51, 0.80);    
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    position:relative;
    /* position: static; */
    line-height: 24px;
    list-style-type: none;
  }

  .main-link > ul.sub-link{   
    display: none;
  }
  .main-link{
    display: block;
    text-align: center;
    padding-top: 5px;
  }
  #main-navbar{
    background-color: #2A8DB2;
  }

  #main-navbar > div > div > div > a > div.nav-item {
      padding-top: 10px !important;
      font-size:1.3rem;
      padding-bottom: 10px !important;
  }

  #main-navbar > div > div > div, #main-navbar > div > div > a{
    margin-top: 15px;  
    margin-left:10px;
  }
  .main-link:hover {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .main-link:hover > div.arrow-up, .main-link:focus > div.arrow-up{
    margin:0 auto;
  }
  
  #main-navbar.active > div > div > div > a > div.nav-item {
      padding-top: 5px !important;
  }
  /* .left_bar:hover, .left_bar:focus, .left_bar:active{
    left: 0%;
    } */

}

/**
 * Swiper 5.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 19, 2019
 */

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}