:root{
  --background-color:rgba(255,255,255,1);
  --default-padding-frame:32px;
  --primary-color:#1f94d2;
  --header-item-height:140px;
  --dialog-bg-color: rgb(0 0 0 / 45%);
}

@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Thin_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Thin_Web.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-ThinItalic_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-ThinItalic_Web.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-XLight_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-XLight_Web.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-XLightItalic_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-XLightItalic_Web.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Light_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Light_Web.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-LightItalic_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-LightItalic_Web.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Book_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Book_Web.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-BookItalic_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-BookItalic_Web.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Medium_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Medium_Web.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-MediumItalic_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-MediumItalic_Web.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Bold_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Bold_Web.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-BoldItalic_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-BoldItalic_Web.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Black_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Black_Web.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-BlackItalic_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-BlackItalic_Web.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Ultra_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-Ultra_Web.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: HCo Gotham;
  src: url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-UltraItalic_Web.woff2) format("woff2"), url(https://cdnjs.midea.com/aem-fe/midea/dist/static/fonts/Gotham-UltraItalic_Web.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
html,body {
	margin: 0;
	padding: 0;
	font:  400 .9375vw/1.5 HCo Gotham, sans-serif!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  background-color: var(--background-color);
}
.primary-color{
  color: var(--primary-color);
}
.black-text-color{
  color: #000;
}
h1{
  font-size: 5.9em;
  letter-spacing: -0.02em;
}
h2{
  font-size: 2.7em;
  line-height: 1.2em;
  letter-spacing: -0.02em;
}
h3{
  font-size: 1.45em;
  letter-spacing: -0.01em;
}
video{
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.constraint{
  width: 1770px;
  margin: 0 auto;
  position: relative;
}
.constraint .add-padding{
  padding: var(--default-padding-frame);
  box-sizing: border-box;
  position: relative;
}
.constraint>.add-padding>.container {

}
header{
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  margin:0 auto;
  height: 140px;
  z-index: 9;
  background-color: rgb(167 168 182 / 85%);
}
header .constraint,
header  .constraint .add-padding,
header  .constraint .add-padding .container{
  height: 100%;
  
}
header  .constraint .add-padding{
  padding: 0 var(--default-padding-frame);
}
.logo-container{
  width: 140px;
  height: 140px;
  position: relative;
  z-index: 99;
  background-color: #fff;
  padding: 8px;
  box-sizing: border-box;
}
.logo-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero{
  width: 100%;
  min-height: calc(100vh - 140px);
  position: relative;
  padding: 0 0 0;
  background-color: rgb(167 168 182 / 85%);
  z-index: 2;
}

.hero .constraint,
.hero .constraint .add-padding,
.hero .constraint .add-padding .container{
  height: 100%;
}
.hero .background-video-container{
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: #0b253b;
  display: none;
}
.hero .background-video-container video{
  width: auto;
  height: 100%;
  object-fit: contain;
  right: 0;
  position: absolute;
  pointer-events: none;
}

.hero .background-images-container{
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}
.hero .background-images-container #ac-image{
  width: 550px;
  right: o;
  position: absolute;
  right: var(--default-padding-frame);
  top: var(--default-padding-frame);
}
.hero .background-images-container #hero-subject-image{
  height: 50%;
  bottom: 0;
  right: 0;
  position: absolute;
}
.hero .tittle-container{
  text-align: left;
  color: #fff;
  max-width: 600px;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.hero .tittle-container h2{
  font-size: 6.9em;
  margin-block-start:0;
  margin-block-end: 0;
  animation-duration: 950ms;
  white-space: nowrap;
}
.hero .tittle-container h4{
  font-size: 2.5em;
  line-height: 1.3em;
}
@keyframes hero-loaded-animation {
  0%{
    opacity: 0;
    transform: translateY(-40%);
  }
  50%{
    opacity: 0;
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-in-animation {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;    
  }
}
@keyframes fade-out-animation {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
.hero .tittle-container img,
.hero .tittle-container h3,
.hero .tittle-container h4,
.hero .tittle-container h2,
.hero .tittle-container ul li,
.hero .tittle-container .btn-container a{
  opacity: 0;
  animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-play-state: paused;
  animation-name: hero-loaded-animation;
  transform: translateY(-40%);
}
.hero .tittle-container img{
  width: 100%;
  max-width: 500px;
  animation-duration: 950ms;
  animation-delay: 150ms;
}
.hero .tittle-container h4{
  margin-block-start: 0.33em;
  margin-block-end: 0.66em;
  animation-duration: 950ms;
  animation-delay: 200ms;
  max-width: 460px;
}

.loaded .hero .tittle-container img,
.loaded .hero .tittle-container h3,
.loaded .hero .tittle-container h4,
.loaded .hero .tittle-container h2,
.loaded .hero .tittle-container ul li,
.loaded .hero .tittle-container .btn-container a {
  animation-play-state: running;
}

.hero .tittle-container .price-container{

}
.hero .tittle-container .price-container h5{
  font-size: 1.45em;
}

.hero .tittle-container ul{
  line-height: 1.6em;
  margin-block-start: 3em;
  margin-block-end: 3em;
  list-style-type: none;
}
.hero .tittle-container ul li{
  margin: 1.2em 0;
  position: relative;
  animation-duration: 950ms;
}
.hero .tittle-container ul li::before {
  content: "•";
  padding-inline: 0.2em;
  margin-inline-end: 1em;
  position: absolute;
  left: -34px;
  font-size: 2.2em;
  top: 0px;
}
.hero .tittle-container ul li:nth-child(1){
  animation-delay: 350ms;
}
.hero .tittle-container ul li:nth-child(2){
  animation-delay: 500ms;
}
.hero .tittle-container ul li:nth-child(3){
  animation-delay: 650ms;
}
.hero .tittle-container ul li:nth-child(4){
  animation-delay: 800ms;
}
.hero .tittle-container ul li:nth-child(5){
  animation-delay: 950ms;
}
.hero .tittle-container ul li h5{
  margin-block-start: 0;
  margin-block-end: 0.33em;
  font-size: 1.45em;
}
.hero .tittle-container ul li p{
  margin-block-start: 0;
  margin-block-end: 0;
  font-size: 1.25em;
}
.hero .tittle-container .btn-container{
  margin: 32px 0 64px;
}
.hero .tittle-container .btn-container a{
  padding: 14px 22px;
  color: #fff;
  background-color: var(--primary-color);
  border: none;
  border-radius: 22px;
  text-decoration: none;
  text-align: center;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  animation-duration: 950ms;
  animation-delay: 1100ms;
  cursor: pointer;
}
/* first section */
.first-section {
  height:230vh;
  position: relative;
  z-index: 2;
}

.first-section .constraint .add-padding{
  padding: 0 var(--default-padding-frame);
}
.first-section .first-tittle{
  height: 50vh;
  position: sticky;
  width: 100%;
  top: 0;
}
.first-section .first-tittle>div{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
}
.first-section .first-tittle h2{
  margin:0;
  font-size: 4.2em;
  margin-block-end: 0;
  color: var(--primary-color);
  text-transform: uppercase;
}
.first-section .first-tittle h3{
  font-size: 2.45em;
  margin-block-start: 0.33em;
  margin-block-end: 0;
  color: #282828;

}
.first-section .background-video-container{
  width: 100%;
  height:100vh;
  position: sticky;
  top: 0;
}
.first-section .background-video-container video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.first-section .story{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
@keyframes text-to-top-animation-h2 {
  0%{
    opacity: 0;
    transform: translateY(10%);
  }
  50%{
    opacity: 1;
  }
  100%{
    opacity: 1;
    transform: translateY(0);
    scale: 1;
  }
}
@keyframes text-to-top-animation-h3 {
  0%{
    opacity: 0;
    transform: translateY(10%);
  }
  50%{
    opacity: 1;
  }
  100%{
    opacity: 1;
    transform: translateY(0);
    scale: 1;
  }
  
}
.first-section .story h2,
.first-section .story h3,
.first-section .story h4{
  opacity: 0;
  animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-play-state: paused;
  animation-name: text-to-top-animation;
}
.first-section .story h2.in-viewport,
.first-section .story h3.in-viewport,
.first-section .story h4.in-viewport{
  animation-play-state: running;
}
.first-section .story h2{
  font-size: 6.9em;
  margin-block-end: 0;
  animation-duration: 450ms;
  animation-delay: 0;
  scale: 1.15;
  animation-name: text-to-top-animation-h2;
  transform: translateY(10%);
  max-width: 640px;
  margin: 0.83em auto 0;
  text-shadow: 0 0 50px #ffffff;
  color: var(--primary-color);
}
.first-section .story h3{
  font-size: 2.45em;
  margin-block-start: 0.33em;
  margin-block-end: 0;
  animation-duration: 450ms;
  animation-delay: 0ms;
  scale: 1.15;
  animation-name: text-to-top-animation-h3;
  transform: translateY(10%);
  color: #282828;
  text-shadow: 0 0 50px #ffffff;
}
.first-section .story h4{
  font-size: 1.55em;
  animation-duration: 450ms;
  animation-delay: 0ms;
  scale: 1.15;
  animation-name: text-to-top-animation-h3;
  transform: translateY(10%);
  color: #282828;
  max-width: 550px;
  margin: 1em auto 1em;
  font-weight: 500;
  color: #1e1e1e;
  text-shadow: 0 0 50px #ffffff;
}
.first-section .story>div{
  height: 90vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.first-section .story>div>div{
}



/* end first section */
.breezeless-section{
  position: relative;
  height: 300vh;
}
.breezeless-section-image-cont{
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 1;
}
.breezeless-section-image-cont img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.breezeless-section .story{
  z-index: 3;
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.breezeless-section .story>div{
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 3;
}
.breezeless-section .story>div:nth-child(3) h2{
  opacity: 0;
}
.breezeless-section .story>div:nth-child(4) h2{
  font-size: 4.9em;
  color: var(--primary-color);
}

.breezeless-section .story>div>div{
  z-index: 3;
}
.breezeless-section .story h2,
.breezeless-section .story h3{
  text-align: center;
  max-width: 600px;
  color: #313131;
  
}
.breezeless-section .story h2{
  font-size: 6.9em;
  margin-block-end: 0;
  max-width: 750px;
  margin: 0 auto 0;
  user-select: none;
}
.breezeless-section .story h3{
  font-size: 1.55em;
  color: #1e1e1e;
  max-width: 600px;
  margin: 1em auto 1em;
  font-weight: 500;
}
.breezeless-section #breezelessSectionBgVideoCont{
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  z-index: 2;
  opacity: 0;
}
.breezeless-section #breezelessSectionBgVideoCont video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#breezeless-description-story-headline{
  opacity: 0;
}
.energy-section{
  height: 100vh;
  background-color: #fff;
  z-index: 3;
  position: relative;
}
.breezeless-section .story>div .video-container{
  max-width: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.breezeless-section .story>div .video-container video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 500px;
}
#struktura-twinflap-story-headline{
  z-index: 4;
}
/* air magic section */
.air-magic-plus-section{
  position: relative;
  z-index: 3;
}
.air-magic-plus-section h2{
  font-size: 4.9em;
  margin-block-end: 0;
  margin-block-start: 0;
  animation-duration: 450ms;
  animation-delay: 0;
  scale: 1;
  animation-name: text-to-top-animation-h2;
  max-width: 640px;
  margin: 0 auto 0;
  text-shadow: 0 0 50px #ffffff;
  color: var(--primary-color);
  text-align: center;
}
.air-magic-plus-section h3{
  font-size: 1.55em;
  color: #3b3b3b;
  max-width: 640px;
  margin: 1em auto 1em;
  font-weight: 500;
  text-align: center;
}
.air-magic-plus-section .video-container{
	position: relative;
	border-radius: 22px;
	overflow: visible;
	grid-column: span 6;
	z-index: 3;
	margin: 32px 128px;
	aspect-ratio: 16 / 9;

}
.air-magic-plus-section .video-container video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	z-index: 1;
	border-radius: 22px;
}
.air-magic-plus-section .video-container .airmagic-video-poster{
	width: 100%;
  height: 100%;
	z-index: 3;
	position: absolute;
	animation-duration: 150ms;
  animation-timing-function: ease-in-out;
  animation-delay: 0ms;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
	animation-play-state: running;
	border-radius: 0;
	filter: brightness(1);
  border-radius: 22px;
  overflow: hidden;
	-webkit-transition: all 1050ms ease-in-out;
	-moz-transition: all 1050ms ease-in-out;
	-ms-transition: all 1050ms ease-in-out;
	-o-transition: all 1050ms ease-in-out;
	transition: all 1050ms ease-in-out;

}
.air-magic-plus-section .video-container .airmagic-video-poster img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	-webkit-transition: all 1050ms ease-in-out;
	-moz-transition: all 1050ms ease-in-out;
	-ms-transition: all 1050ms ease-in-out;
	-o-transition: all 1050ms ease-in-out;
	transition: all 1050ms ease-in-out;

}
.air-magic-plus-section .video-container .airmagic-video-poster.visible-on-viewport img{
	border-radius: 24px;
}
.air-magic-plus-section .video-container .airmagic-video-poster::after{
	content: "";
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 24px;
	background: linear-gradient(45deg, rgb(31 148 210 / 42%) 0%, rgb(31 148 210 / 0%) 33%, rgb(147 167 144 / 0%) 66%, rgb(31 148 210 / 64%) 100%);
}
.video-is-playing.video-container .airmagic-video-poster{
	animation-name: fade-out-animation;
}
.air-magic-plus-section .video-container .poster img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.air-magic-plus-section .video-container .controlls-cont{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 3;
	width: fit-content;
	height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.air-magic-plus-section .video-container .controlls-cont button{
	animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-delay: 150ms;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
	animation-name: fade-out-animation;
	animation-play-state: paused;
	border-radius: 50%;
	box-sizing: border-box;
	padding: 8px;
	border-width: 0;
	border-style: solid;
	border-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
  background-color: #eff6fae0;
}
.air-magic-plus-section .video-container .controlls-cont button svg{
	fill: var(--primary-color);
  width: 64px;
  height: 64px;
}
.air-magic-plus-section .video-container.video-is-playing .controlls-cont button,
.air-magic-plus-section .video-container.video-is-playing .controlls-cont h3{
	animation-play-state: running;
}
.air-magic-plus-section .video-container.video-is-playing.video-is-paused .controlls-cont button,
.air-magic-plus-section .video-container.video-is-playing.video-is-paused .controlls-cont h3{
	animation-fill-mode:backwards;
}
.air-magic-plus-section .video-container .controlls-cont h3{
  color: #ffffff;
  margin: 1.6em auto 1em;
  text-shadow: 0 0 20px var(--primary-color);
  text-align: center;
  width: 225px;
  font-size: 1.75em;

  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-delay: 550ms;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
	animation-name: fade-out-animation;
	animation-play-state: paused;

}
.last-section{
  position: relative;
  z-index: 3;
}
.last-section .constraint .add-padding{
  padding: calc(var(--default-padding-frame) * 4) var(--default-padding-frame) 0 var(--default-padding-frame);
}
.last-section .container{
  display: flex;
}
.last-section .img-container{
  width: 50%;
}
.last-section .img-container img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.last-section .description{
  width: 50%;
  padding-left: 128px;
  box-sizing: border-box;
}
.last-section .description h2{
  font-size: 4.9em;
  margin-block-end: 0;
  margin-block-start: 0;
  animation-duration: 450ms;
  animation-delay: 0;
  margin: 0 0 0;
  color: var(--primary-color);
  text-align: left;
}
.last-section .description h3{
  font-size: 2.45em;
  color: #3b3b3b;
  max-width: 640px;
  margin: 0.33em 0 0.1em;
  font-weight: 500;
  text-align: left;
}
.last-section .description h3:nth-child(3){
  margin: 1.33em 0 0.1em;
}
.last-section .description p{
  margin: 0.33em 0 1em;
  font-size: 1.25em;
}
.last-section .description .works-with-cont{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 64px 0 0;
}
.last-section .description .works-with-cont>div{
  width: 86px;
  height: auto;
  margin: 0 16px 16px 0;
} 
.last-section .description .works-with-cont>div img{
  width: 100%;
  height: auto;
  object-fit: cover;
} 
.last-section .description .works-with-cont>div:nth-child(1){
  max-width: 48px;
}
.last-section .description .works-with-cont>div:nth-child(4){
  width: 110px;

}
.order-footer-section{
  background-color: var(--primary-color);
  min-height: 50vh;
  z-index: 3;
  position: relative;
}
.order-footer-section h2{
  text-align: center;
  max-width: 600px;
  margin: 0 auto 0;
  font-size: 4.9em;
  color: #fff;
}
.order-footer-section h3{
  font-size: 1.45em;
  margin-block-start: 0.33em;
  margin-block-end: 0;
  margin: 0.33em auto 0;
  animation-duration: 450ms;
  animation-delay: 0ms;
  scale: 1;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.logo-container-footer{
  width: 350px;
  height: auto;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
}
.logo-container-footer img,
.logo-container-footer svg{
  width: 100%;
  height: auto;
  object-fit: cover;
}

.algoritmi-kursimit-section{
  position: relative;
  z-index: 3;
  background: #000;
}
.algoritmi-kursimit-section .constraint .add-padding{
  padding: calc(var(--default-padding-frame) * 2) var(--default-padding-frame) 0 var(--default-padding-frame);
}
.algoritmi-kursimit-section .container{
  display: flex;
  aspect-ratio: 16 / 9;
}
.algoritmi-kursimit-section .video-container{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}
.algoritmi-kursimit-section .video-container::after{
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  background-color: #00000078;
  left: 0;
  top: 0;
}
.algoritmi-kursimit-section .video-container video{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.algoritmi-kursimit-section .description{
  width: 100%;
  box-sizing: border-box;
  z-index: 4;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-shadow: 0 0 15px #000000;
}
.algoritmi-kursimit-section .description h2{
  font-size: 4.9em;
  margin-block-end: 0;
  margin-block-start: 0;
  animation-duration: 450ms;
  animation-delay: 0;
  margin: 0 0 0;
  color: #fff;
  
}
.algoritmi-kursimit-section .description h3{
  font-size: 2.45em;
  color: #e9e9e9;
  max-width: 640px;
  margin: 0.33em auto 0.1em;
  font-weight: 500;
  
}
.algoritmi-kursimit-section .description h3:nth-child(3){
  margin: 1.33em auto 0.1em;
}
.algoritmi-kursimit-section .description p{
  margin: 0.33em auto 1em;
  font-size: 1.55em;
  color: #fff;
  max-width: 550px;
}
.algoritmi-kursimit-section .description .works-with-cont{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 64px 0 0;
}
.algoritmi-kursimit-section .description .works-with-cont>div{
  width: 86px;
  height: auto;
  margin: 0 16px 16px 0;
} 
.algoritmi-kursimit-section .description .works-with-cont>div img{
  width: 100%;
  height: auto;
  object-fit: cover;
} 
.algoritmi-kursimit-section .description .works-with-cont>div:nth-child(1){
  max-width: 48px;
}
.algoritmi-kursimit-section .description .works-with-cont>div:nth-child(4){
  width: 110px;

}
/* Dialog/Modal - start - */
.dialogContainerSection{
  position: fixed;
  display:flex;
  flex-direction:column;
  z-index: 19;
  height: calc(100dvh - (var(--header-item-height) / 2) + (var(--default-padding-frame) * 2));
  max-width: 1024px;
  left: 0;
  right: 0;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0;
  border-radius: 36px;
  top: 100dvh;
  overflow: hidden;
  box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
  box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 20px -10px rgb(0 0 0 / 50%);
  -webkit-transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
  -moz-transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
  -ms-transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
  -o-transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
  transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
}
.dialogContainerSection.show{
  top: calc((var(--header-item-height) / 2));
}
#dialogBackDropSection{
  display: block;
  position: fixed;
  content: "";
  width: 0;
  height: 0;
  z-index: 18;
  top: 100vh;
  opacity: 0;
  left: 0;
  background-color: var(--dialog-bg-color);
}
.dialogContainerSection.show + #dialogBackDropSection{
  display: block;
  content: "";
  width: 100vw;
  height: 100vh;
  top: 0;
  height: calc(var(--vh, 1vh) * 110);
  -webkit-animation: fadeInDialogBackground 550ms ease-in-out 250ms 1 normal forwards;
  animation: fadeInDialogBackground 550ms ease-in-out 250ms 1 normal forwards;
}
.dialogContainerSection.hidding + #dialogBackDropSection{
  display: block;
  width: 100vw;
  height: 100vh;
  opacity: 1;
  top: 0;
  -webkit-animation: fadeOutDialogBackground 250ms cubic-bezier(0.74, 0, 0.2, 1) 250ms 1 normal forwards;
  animation: fadeOutDialogBackground 250ms cubic-bezier(0.74, 0, 0.2, 1) 250ms 1 normal forwards;
}
@keyframes fadeInDialogBackground {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOutDialogBackground {
  0% {
    top: 0;
    backdrop-filter: blur(0);
    opacity: 1;
  }
  90%{
    top: 0;
    opacity: 0;
  }
  100% {
    top: 100vh;
    backdrop-filter: blur(0px);
    opacity: 0;
  }
}
/* Dialog/Modal - END - */
.select-model-dialog-content{
  width: 100%;
  min-height:100vh;
  background-color: #fff;
  padding: var(--default-padding-frame);
  box-sizing: border-box;
  overflow-y: auto;
}
.select-model-dialog-content .select-option{
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  border-color: #e6e6e6;
  border-style: solid;
  border-radius: 16px;
  margin: 0 auto;
}
.select-model-dialog-content .select-option>a:first-child{
  border-radius: 16px 0 0 16px;
}
.select-model-dialog-content .select-option>a:last-child{
  border-radius: 0 16px 16px 0;
}
.select-model-dialog-content .select-option>a{
  padding: calc(var(--default-padding-frame) / 4) calc(var(--default-padding-frame) / 2);
  cursor: pointer;
  background-color: #f0f0f0;
}
.select-model-dialog-content .select-option>a h4{
  font-size: 1.35em;
  color: #5f5f5f;
  margin-block-start: 0;
  margin-block-end: 0;
}
.select-model-dialog-content .select-option>a.selected{
  background-color: #4294be;
}
.select-model-dialog-content .select-option>a.selected h4{
  color: #fff;
}

.select-option-tittle h3{
  font-size: 2.05em;
  margin-block-start: 0;
  margin-block-end: 1.33em;
  text-align: center;
  color: #414141;
}
.select-model-dialog-content .selected-view{
  margin: var(--default-padding-frame) 0;
}
.select-model-dialog-content .selected-view .row{
  display: flex;
}
.select-model-dialog-content .selected-view .row .description{
  margin-left: var(--default-padding-frame);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.select-model-dialog-content .selected-view .row .description h2{
  font-size: 2.05em;
  margin-block-end: 0.33em;
  margin-block-start: 0.13em;
}
.select-model-dialog-content .selected-view .row .description .selected-tittle span{
  font-size: 1.5em;
  font-weight: 600;
  color: #5f5f5f;
}
.select-model-dialog-content .selected-view .image-container{
  width: 100%;
  max-width: 50%;
  margin: 0 auto;
}
.select-model-dialog-content .selected-view .image-container img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.select-model-dialog-content .selected-view .price-container{

}
.select-model-dialog-content .selected-view .price-container h5{
  margin-block-end: 0;
  font-size: 1.4em;
  color: #5f5f5f;
  margin-block-start: 0;
}
.select-model-dialog-content .selected-view .price-container h3{
  margin-block-start: 0;
  margin-block-end: 0;
  font-size: 2.5em;
  position: relative;
}
.select-model-dialog-content .selected-view .price-container h5 span{
  text-decoration: line-through;
}
.select-model-dialog-content .selected-view .price-container h3 sup{
  color: #ffffff;
  background-color: #f78209;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #f58c19, #f78209);
  padding: 9px 11px;
  border-radius: 6px;
  font-size: 0.35em;
  line-height: 0.45em;
  margin-block-start: 0;
  margin-top: -2px;
  margin-left: 8px;
  position: absolute;
}
.select-model-dialog-content .selected-view .price-container h4{
  color: #f78209;
  margin-block-end: 0.33em;
  font-size: 1.2em;
}
.select-model-dialog-content .contact-container{
  width: 100%;
  margin-top: var(--default-padding-frame);
}

.select-model-dialog-content .contact-container h3{
  font-size: 2.05em;
  margin-block-start: 0;
  margin-block-end: 1.33em;
  text-align: center;
  color: #414141;
}
.select-model-dialog-content .contact-container .methods{
  display: flex;
  flex-direction: row;
}
.select-model-dialog-content .contact-container .methods>div{
  width: 50%;
}
.select-model-dialog-content .contact-container .methods>div:first-child{
  margin:0 16px 0 0
}
.select-model-dialog-content .contact-container .methods div a{
  padding: 14px 26px 14px 22px;
  color: #fff;
  background-color: var(--primary-color);
  border: none;
  border-radius: 16px;
  text-decoration: none;
  text-align: center;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  animation-duration: 950ms;
  animation-delay: 1100ms;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.select-model-dialog-content .contact-container .methods div a.whatsapp{
  background-color: #25D366;
}
.select-model-dialog-content .contact-container .methods div a .icon-cont{
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-right: 14px;
}
.select-model-dialog-content .contact-container .methods div a .icon-cont svg{
  width: 100%;
  height: 100%;
  object-fit: contain;
  fill:#fff
}
.select-model-dialog-content .contact-container .methods div a span{
  font-size: 1.2em;
}
.city-select-container {
  width: 100%;
  margin:var(--default-padding-frame) 0 0;
}
.city-select-container h4{
  font-size: 1.2em;
  margin-block-start: 0;
  margin-block-end: 0.66em;
}
.city-select-container select{
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  font-size: 1.4em;
  background-color: #f0f0f0;
  border-width: 1px;
  border-color:#f78209;
  border-style: solid;
  font-weight: 600;
  -webkit-appearance: none;
  appearance: none;
  color: #000;
}
.city-select-container.selected select{
  border-color: #e6e6e6;
  color:var(--primary-color);
}
.city-select-container select:focus{
  outline: none;
}
.order-now-fixed-container{
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.order-now-fixed-container .constraint>.add-padding{
  padding: calc(var(--default-padding-frame) / 2) var(--default-padding-frame);
}
.order-now-fixed-container .constraint>.add-padding>.container{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.order-now-fixed-container a{
  padding: 14px 22px;
  color: var(--primary-color);
  background-color: #ffffff;
  border: none;
  border-radius: 22px;
  text-decoration: none;
  text-align: center;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  animation-duration: 950ms;
  animation-delay: 1100ms;
  cursor: pointer;
  opacity: 0;
  transform: translateY(-100px) scale(0.75);
  animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-play-state: paused;
  animation-name: show-ordernow-fixed-animation;
  animation-play-state: running;
  animation-duration: 350ms;
  animation-delay: 0ms;
  -webkit-box-shadow: 0 0 40px 0 #00000063;
  box-shadow: 0 0 40px 0 #00000063;
}
.order-btn-hero-not-visible .order-now-fixed-container{
  display: flex;
}
.order-btn-hero-not-visible .order-now-fixed-container a{
  animation-play-state: running;
}

@keyframes show-ordernow-fixed-animation {
  0%{
    opacity: 0;
    transform: translateY(-100px) scale(0.75);
  }
  50%{
    opacity: 1;
  }
  100%{
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media screen and (min-width: 1701px) and (max-width: 1920px){
  html, body{
    font: 400 .8575vw / 1.5 HCo Gotham, sans-serif !important;
  }
  
  .constraint{
    width: 1580px;
  }
  .hero .background-images-container #ac-image{

  }
  .hero .background-images-container #hero-subject-image{
    height: 70%;

  }
}
@media screen and (min-width: 1500px) and (max-width: 1700px){
  .constraint{
    width: 1440px;
  }
  .hero .background-images-container #ac-image{

  }
  .hero .background-images-container #hero-subject-image{
    height: 70%;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1499px){
  .constraint{
    width: 1346px;
  }
  .hero .background-images-container #ac-image{

  }
  .hero .background-images-container #hero-subject-image{
    height: 70%;
  }
  .hero,
  .hero .background-video-container{
    height: 100vh;
  }
  .first-section .first-tittle{
    height: 50vh;
  }
}
@media screen and (min-width: 1260px) and (max-width: 1365px){
  .constraint{
    width: 1200px;
  }
  .hero .background-images-container #ac-image{

  }
  .hero .background-images-container #hero-subject-image{
    height: 70%;
  }
}
@media screen and (min-width: 1020px) and (max-width: 1259px){
  .constraint{
    width: 1000px;
  }
  .hero .background-images-container #ac-image{

  }
  .hero .background-images-container #hero-subject-image{
    height: 70%;
  }
}
@media screen and (min-width:0px) and (max-width:1019px) {
  :root{
    --header-item-height:100px;
  }
  .select-model-dialog-content .select-option>div h4{
    font-size: 5em;
  }
  .select-option-tittle h3{
    font-size: 6.45em;
    margin-block-end: 0.66em;
  }
  .constraint{
    width: 100%;
  }
  header{
    height: 100px;
  }
  .logo-container{
    width: 100px;
    height: 100px;
  }
  .hero{
    min-height: calc(100vh - 100px);
  }
  .first-section .story h2{
    max-width: 75%;
    font-size: 14em;
  }
  .first-section .story h3{
    max-width: 74%;
    font-size: 6.45em;
    margin: 0.33em auto 0;
  }
  .first-section .story h4{
    max-width: 74%;
    font-size: 5em;
    text-align: center;
  }
  .first-section .background-video-container{
    height: 85vh;
  }
  .first-section{
    height: 130vh;
  }
  .first-section .first-tittle{
    height: 30vh;
  }
  .first-section .story>div{
    height: 50vh;
  }
  .breezeless-section .story h2{
    font-size: 14em;
  }
  .breezeless-section .story>div:nth-child(4) h2{
    font-size: 10em;
    margin-block-end: 1em;
  }
  .breezeless-section .story h3{
    font-size: 5em;
    max-width: 100%;
    margin: 4em auto 1em;
  }
  .breezeless-section-image-cont{
    
  }
  .breezeless-section #breezelessSectionBgVideoCont{
    opacity: 0!important;
    display: none!important;
  }
  .air-magic-plus-section h2{
    font-size: 14em;
  }
  .air-magic-plus-section h3{
    font-size: 5em;
    max-width: 100%;
  }
  .algoritmi-kursimit-section{
    min-height: 60vh;
    display: flex;
    align-items: flex-end;
  }
  .algoritmi-kursimit-section .video-container{
    top: var(--default-padding-frame);
    height: auto;
    aspect-ratio: 4 / 3;
  }
  .algoritmi-kursimit-section .video-container::after{
    background-color: unset;
  }
  .algoritmi-kursimit-section .constraint .add-padding{
    padding: var(--default-padding-frame) var(--default-padding-frame) calc(var(--default-padding-frame) * 2) var(--default-padding-frame);
  }
  .algoritmi-kursimit-section .description h2{
    font-size: 14em;
  }
  .algoritmi-kursimit-section .description h3{
    font-size: 5em;
  }
  .algoritmi-kursimit-section .description p{
    display: none;
  }
  .first-section .first-tittle h2{
    font-size: 10em;
  }
  .first-section .first-tittle h3{
    font-size: 6.45em;
  }
  .air-magic-plus-section .video-container{
    margin: var(--default-padding-frame) 0 var(--default-padding-frame) 0;
    border-radius: 16px;
    aspect-ratio: 4 / 3;
    width: calc(100% +(var(--default-padding-frame)* 2));
    

  }
  .air-magic-plus-section .video-container .controlls-cont button{
    padding: 4px;
  }
  .air-magic-plus-section .video-container .controlls-cont button svg{
    width: 42px;
    height: 42px;
  }
  .air-magic-plus-section .video-container video{
    border-radius: 16px;
  }
  .air-magic-plus-section .video-container .controlls-cont h3{
    font-size: 5em;
    margin: 1em auto 1em;
  }
  .air-magic-plus-section .video-container .airmagic-video-poster{
    border-radius: 16px;
  }
  .air-magic-plus-section .video-container .airmagic-video-poster::after{
    border-radius: 16px;
  }
  .order-footer-section h3{
    font-size: 5em;
  }
  .logo-container-footer{
    width: 80%;
  }
  .breezeless-section{
    height: 300vh;
  }
  .hero .background-images-container #hero-subject-image{
    height: 62%;
    bottom: -5%;
    right: -48%;
  }
  .hero .constraint .add-padding{
    padding: 0 var(--default-padding-frame) var(--default-padding-frame) var(--default-padding-frame);
  }
  .hero .background-images-container #ac-image{
    width: 100%;
    top: unset;
    bottom: unset;
    right: 0;
    top: var(--default-padding-frame);
    position: relative;
  }
  .hero .background-images-container.ac{
    width: 100%;
    height: auto;
    position: relative;
  }
  .hero .tittle-container{
    margin-top: calc((var(--default-padding-frame)* 2)* -1);
  }
  .hero .tittle-container h2{
    font-size: 14em;
  }
  .hero .tittle-container h4{
    font-size: 6.45em;
  }
  .hero .tittle-container ul li h5{
    font-size: 4em;
  }
  .hero .tittle-container ul li p{
    font-size: 4em;
  }
  .hero .tittle-container ul{
    display: none;
  }
  .hero .tittle-container .btn-container a{
    font-size: 4em;
    animation-delay: 400ms;
  }
  .last-section .description{
    width: 100%;
    padding-left: 0;
    z-index: 5;
  }
  .last-section .img-container{
    width: 50%;
    position: absolute;
    right: 0;
    bottom: -2px;
  }
  .last-section .description h2{
    font-size: 14em;
  }
  .last-section .description h3{
    font-size: 6.45em;
    max-width: 70%;
  }
  .last-section .description p{
    font-size: 4em;
    max-width: 100%;
  }
  .last-section .constraint .add-padding{
    padding: calc(var(--default-padding-frame)* 2) var(--default-padding-frame) calc(var(--default-padding-frame)* 2) var(--default-padding-frame);
  }
  .last-section .description .works-with-cont{
    max-width: 70%;
    flex-wrap: wrap;
  }
  .select-model-dialog-content .selected-view .row{
    flex-direction: column;
  }
  .select-model-dialog-content .selected-view .image-container{
    max-width: 100%;
    aspect-ratio: 4 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .select-model-dialog-content .selected-view .row .description h2{
    font-size: 7.45em;
  }
  .select-model-dialog-content .selected-view .row .description .selected-tittle span{
    font-size: 4.5em;
  }
  .select-model-dialog-content .select-option>a h4{
    font-size: 3.55em;
  }
  .select-model-dialog-content .selected-view .price-container h5{
    font-size: 4.95em;
  }
  .select-model-dialog-content .selected-view .price-container h4{
    font-size: 4.15em;
  }
  .select-model-dialog-content .selected-view .price-container h3{
    font-size: 11.5em;
  }
  .select-model-dialog-content .contact-container .methods{
    flex-wrap: wrap;
  }
  .select-model-dialog-content .contact-container .methods div a .icon-cont{
    height: 26px;
    width: 26px;
    margin-right: 10px;
  }
  .select-model-dialog-content .contact-container .methods div a{
    font-size: 4em;
    padding: 18px 26px 18px 22px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .select-model-dialog-content .contact-container .methods>div:first-child{
    margin: 0 0 16px 0;
  }
  .select-model-dialog-content .contact-container .methods>div{
    margin: 0 0 16px 0;
    width: 100%;
  }
  .select-model-dialog-content .contact-container{
    margin: var(--default-padding-frame) 0 96px 0;
  }
  .select-model-dialog-content .selected-view .row .description{
    margin-left: 0;
  }
  .city-select-container h4{
    font-size: 4.15em;
  }
  .city-select-container select{
    font-size: 4.95em;
    -webkit-appearance: none;
    appearance: none;
  }
  .select-model-dialog-content .selected-view .image-container img{
    object-fit: cover;
    flex-shrink: 0;
    width: 120%;
    height: 120%;
  }
  .order-btn-hero-not-visible .order-now-fixed-container a{
    font-size: 4em;
  }
  .order-now-fixed-container .constraint>.add-padding>.container{
    justify-content: center;
  }
}