.align-container {

  display: table;

  width: 100%

}



.align-container__item {

  display: table-cell;

  vertical-align: middle

}



.img--bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: top center;

  object-position: top center;

  font-family: "object-fit: cover; object-position: top center";

  z-index: -1

}



.promo-slider:before,

.promo-slider__item:before {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: " ";

  position: absolute;

  background:var(--dbluergba4);

  z-index: 0

}











.promo {

  position: relative;

}

.promo-slider__wrapper-1,

.promo-slider__wrapper-2,

.promo-slider__wrapper-3 {

  opacity: 0;

}

.slidervh100{

  height: 100vh;

  min-height: 600px;

}

.promo-slider .slick-list .slick-current .promo-slider__wrapper-1 {

  -webkit-animation: fadeInLeftSlow 0.5s 0.1s forwards;

  -moz-animation: fadeInLeftSlow 0.5s 0.1s forwards;

  -o-animation: fadeInLeftSlow 0.5s 0.1s forwards;

  -ms-animation: fadeInLeftSlow 0.5s 0.1s forwards;

  animation: fadeInLeftSlow 0.5s 0.1s forwards;

}

.promo-slider .slick-list .slick-current .promo-slider__wrapper-2 {

  -webkit-animation: fadeInLeftSlow 1.0s 0.5s forwards;

  -moz-animation: fadeInLeftSlow 1.0s 0.5s forwards;

  -o-animation: fadeInLeftSlow 1.0s 0.5s forwards;

  -ms-animation: fadeInLeftSlow 1.0s 0.5s forwards;

  animation: fadeInLeftSlow 1.0s 0.5s forwards;

}

.promo-slider .slick-list .slick-current .promo-slider__wrapper-3 {

  -webkit-animation: fadeInLeftSlow 1.5s 1.0s forwards;

  -moz-animation: fadeInLeftSlow 1.5s 1.0s forwards;

  -o-animation: fadeInLeftSlow 1.5s 1.0s forwards;

  -ms-animation: fadeInLeftSlow 1.5s 1.0s forwards;

  animation: fadeInLeftSlow 1.5s 1.0s forwards;

}

.promo-slider__button {

  font-size: 14px;

  padding: 18px 48px 17px 48px

}

.promo-slider__item {

  position: relative

}

.promo-slider .align-container {

  min-height: 600px;

  height: 100vh;

  padding: 120px 0 120px 0

}

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

  .promo-slider .align-container {

    min-height: 600px;

    height: 100vh;

  }

}

@media only screen and (min-width:992px) {

  .promo-slider .align-container {

    height: 100vh;

    min-height: 600px;

  }

}

@media only screen and (min-width:1200px) {

  .promo-slider .align-container {

    height: 100vh;

    min-height: 600px;

  }

}

.align-container__item {

  transition: all 0.4s cubic-bezier(.7, 1, .7, 1);

}

.promo-slider__wrapper-1 h1{

  text-align: center;

  color:var(--white);

  font-size: 36px;

  line-height: 1.4;

  letter-spacing: -.050em;

}

.promo-slider__wrapper-2 {

  text-align: center;

margin-top: 30px;

  margin-bottom: 30px;

}

.promo-slider__wrapper-2 p {

  color:var(--white);

  font-size: 24px;

  line-height: 1.4;

  letter-spacing: -.050em

}

.promo-slider__wrapper-3 {

  text-align: center;

}

@media only screen and (min-width:576px) {

  .promo-slider__wrapper-1 h1 {

    font-size: 42px;

    line-height: 52px

  }

}

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

  .promo-slider__wrapper-1 h1{

    font-size: 45px;

    line-height: 50px

  }

}

@media only screen and (min-width:992px) {

  .promo-slider__wrapper-1 h1 {

    font-size: 50px;

    line-height: 55px

  }

}

@media only screen and (min-width:1200px) {

  .promo-slider__wrapper-1 h1 {

    font-size: 60px;

    line-height: 65px

  }

}

.promo-pannel {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  max-width: 290px;

  background-color:var(--white);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}









@media only screen and (min-width:576px) {

  .promo-pannel {

    max-width: 335px;

  }

}



@media only screen and (min-width:992px) {

  .promo-pannel {

    max-width: 415px

  }

}



@media only screen and (min-width:1367px) {

  .promo-pannel {

    max-width: 955px

  }

}











.promo-pannel__anchor {

  text-decoration: none;

  display: none;

  width:80px;

  min-height: 130px

}



@media only screen and (min-width:992px) {

  .promo-pannel__anchor {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex

  }

}



.promo-pannel__anchor span {

  font-weight: 700;

  -webkit-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  transform: rotate(-90deg);

  margin: auto

}



.promo-pannel__video {

  position: relative;

  width: 100%;

  max-width: 290px;

  min-height: 130px;

  overflow: hidden;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex

}



@media only screen and (min-width:576px) {

  .promo-pannel__video {

    max-width: 335px

  }

}



.promo-pannel__video::before {

  content: "";

  display: block;

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color:var(--dbluergba5);

  z-index: 2

}



.promo-pannel__video img {

  z-index: 1;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transition: -webkit-transform 1s;

  transition: -webkit-transform 1s;

  -o-transition: transform 1s;

  transition: transform 1s;

  transition: transform 1s, -webkit-transform 1s

}



.promo-pannel__video:hover img {

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2)

}



.promo-pannel__video .video-trigger {

  color: var(--white);

  position: relative;

  z-index: 2;

  margin: auto;

  -webkit-transition: opacity .3s;

  -o-transition: opacity .3s;

  transition: opacity .3s

}



.promo-pannel .video-trigger {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  text-decoration: none

}



.promo-pannel .video-trigger span {

  -webkit-transition: color .3s;

  -o-transition: color .3s;

  transition: color .3s

}



.promo-pannel .video-trigger i {

  color:var(--dblue2);

  height: 45px;

  width: 45px;

  border-radius: 50%;

  text-align: center;

  line-height: 45px;

  background-color:var(--white);

  margin-left: 20px;



  font-size: 24px;

  -webkit-transition: color .3s;

  -o-transition: color .3s;

  transition: color .3s

}

.promo-pannel .video-trigger:hover,

.promo-pannel .video-trigger:hover i {

  color:var(--lblue2);

}

















.slider__nav {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}



.slider__nav--promo {

  position: absolute;

  left: 30px;

  bottom: 160px

}



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

  .slider__nav--promo {

    bottom:160px;

    left: 30px

  }

}



@media only screen and (min-width:1367px) {

  .slider__nav--promo {

    left: 80px

  }

}



.promo-slider__count {

  color: var(--white);

  font-weight: 700;

  letter-spacing: -.050em

}



.promo-slider__count::after {

  content: "";

  display: inline-block;

  vertical-align: middle;

  height:3px;

  width:50px;

  margin: 0 30px;

  background:var(--whitergba5)

}



@media only screen and (min-width:576px) {

  .promo-slider__count::after {

    width: 50px

  }

}



.slider__arrows {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex

}



.slider__next,

.slider__prev {

  display: -webkit-inline-box!important;

  display: -ms-inline-flexbox!important;

  display: inline-flex!important;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  cursor: pointer;

  color:var(--white);

  height:60px;

  width:60px;

  border: 2px solid var(--lblue2);

  background: var(--lblue2);

  border-radius: 50%;

  bacground: transparent;

  -webkit-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s

}



.slider__next,

.slider__prev i {

  font-size: 32px;

}

.slider__prev {

  margin-right: 17px

}



.slider__next:hover,

.slider__prev:hover {

  border-color: var(--dblue2);

  background-color: var(--dblue2);

}















.view-more {

  width:50px;

  height:65px;

  position: absolute;

  bottom:40px;

  left:15px;

  text-align: center;

  z-index: 20;

  color:var(--dblue2);

}

.view-more i{

  font-size:40px;

}





.floating {

  -webkit-animation-name: floating;

  -webkit-animation-duration: 3s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: ease-in-out;

  -moz-animation-name: floating;

  -moz-animation-duration: 3s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: ease-in-out;

}

@-webkit-keyframes floating {

  from {

    -webkit-transform: translate(0, 0px);

  }

  65% {

    -webkit-transform: translate(0, 20px);

  }

  to {

    -webkit-transform: translate(0, 0px);

  }

}



@-moz-keyframes floating {

  from {

    -moz-transform: translate(0, 0px);

  }

  65% {

    -moz-transform: translate(0, 20px);

  }

  to {

    -moz-transform: translate(0, 0px);

  }

}