@media (min-width: 992px) {
  body.index .mainHeader_temp02 .flexContainer-header .header-upper-logo {
    max-width: 0; } }

body.index .main-header {
  background: #FFF; }

.main-header {
  background: #FFF; }
  .main-header .header-logo a {
    /*height: 40px;
		background: url(logo-maika.png) no-repeat;
		display: block;
		img {
		display: none;
	}*/ }
  .main-header #nav .main-nav > ul > li > a,
  .main-header #nav .main-nav > ul > li:first-child a:before {
    color: #222; }

.header-upper-middle .container-fluid {
  max-width: 80%;
  width: 100%; }
  @media (min-width: 1900px) {
    .header-upper-middle .container-fluid {
      max-width: 70%; } }
  @media (max-width: 1500px) {
    .header-upper-middle .container-fluid {
      max-width: 85%; } }
  @media (max-width: 1375px) {
    .header-upper-middle .container-fluid {
      max-width: 95%; } }
  @media (max-width: 1199px) {
    .header-upper-middle .container-fluid {
      max-width: 100%; } }

.mainHeader_temp02:not(.hSticky-nav) .header-action_text .header-action__link .box-icon svg {
  color: #222;
  fill: #222; }

@keyframes buyAction {
  0% {
    transform: translate(0px, 0px); }
  100% {
    transform: translate(-20px, -20px); } }

.header-action-buy a {
  background: #FFC439;
  display: inline-block;
  padding: 5px 22px;
  font-size: 17px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  font-weight: 500; }
  .header-action-buy a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFC439;
    border-radius: 30px;
    z-index: -2; }
  .header-action-buy a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #EF4129;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1; }
  .header-action-buy a:hover, .header-action-buy a:focus {
    color: #fff;
    border-color: #EF4129; }
    .header-action-buy a:hover:before, .header-action-buy a:focus:before {
      width: 100%; }

.header-action-buy.call-action-buy {
  position: fixed;
  right: 90px;
  z-index: 100;
  bottom: 35px;
  display: none; }

.introduce__bubble {
  position: absolute;
  bottom: 36%;
  left: 15%; }

.btn-mk {
  color: #222;
  font-size: 15px;
  display: inline-block;
  border: 1px solid #222;
  padding: 6px 25px;
  border-radius: 20px;
  position: relative;
  cursor: pointer; }
  .btn-mk:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #EF4129;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1; }
  .btn-mk:hover, .btn-mk:focus {
    color: #fff;
    border-color: #EF4129; }
    .btn-mk:hover:before, .btn-mk:focus:before {
      width: 100%; }

.title {
  font-size: 48px;
  font-weight: 700;
  line-height: 48px; }

.style-color {
  color: #EF4129; }

.description {
  margin: 30px 0; }

@keyframes pulseborder {
  0% {
    border-top: 15vw solid #EF4129;
    border-left: 31vw solid #EF4129;
    border-right: 31vw solid #EF4129;
    border-bottom: 31vw solid #EF4129; }
  10% {
    border-top: 17vw solid #EF4129;
    border-left: 33vw solid #EF4129;
    border-right: 33vw solid #EF4129;
    border-bottom: 33vw solid #EF4129; }
  20% {
    border-top: 15vw solid #EF4129;
    border-left: 31vw solid #EF4129;
    border-right: 31vw solid #EF4129;
    border-bottom: 31vw solid #EF4129; }
  30% {
    border-top: 12vw solid #EF4129;
    border-left: 28vw solid #EF4129;
    border-right: 28vw solid #EF4129;
    border-bottom: 28vw solid #EF4129; }
  40% {
    border-top: 9vw solid #EF4129;
    border-left: 25vw solid #EF4129;
    border-right: 25vw solid #EF4129;
    border-bottom: 25vw solid #EF4129; }
  50% {
    border-top: 7vw solid #EF4129;
    border-left: 20vw solid #EF4129;
    border-right: 20vw solid #EF4129;
    border-bottom: 20vw solid #EF4129; }
  60% {
    border-top: 5vw solid #EF4129;
    border-left: 17vw solid #EF4129;
    border-right: 17vw solid #EF4129;
    border-bottom: 17vw solid #EF4129; }
  70% {
    border-top: 3vw solid #EF4129;
    border-left: 14vw solid #EF4129;
    border-right: 14vw solid #EF4129;
    border-bottom: 14vw solid #EF4129; }
  80% {
    border-top: 2vw solid #EF4129;
    border-left: 10vw solid #EF4129;
    border-right: 10vw solid #EF4129;
    border-bottom: 10vw solid #EF4129; }
  90% {
    border-top: 1vw solid #EF4129;
    border-left: 5vw solid #EF4129;
    border-right: 5vw solid #EF4129;
    border-bottom: 5vw solid #EF4129; }
  100% {
    border: 0; } }

.welcome--wrap {
  margin-bottom: 0px; }
  .welcome--wrap .introduce__bubble {
    opacity: 0; }

#home_page_sliding_banner .temp-hidden-banner {
  z-index: -1;
  display: none; }

#section-video .container {
  width: calc(100% - 30px);
  max-width: 100%;
  padding-right: 0;
  padding-left: 0; }

#section-video .welcome__features-content {
  margin-top: 150px;
  margin-left: 170px;
  position: absolute;
  z-index: 1;
  width: 100%; }
  #section-video .welcome__features-content p {
    line-height: 48px; }
  #section-video .welcome__features-content .block-1, #section-video .welcome__features-content .block-2, #section-video .welcome__features-content .btn-mk {
    opacity: 0; }

#section-video video {
  width: 100%; }

#section-video .inner-block-video {
  position: relative; }
  #section-video .inner-block-video .volumn-icon {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 30px;
    height: 30px;
    background-size: contain;
    z-index: 1;
    display: none; }
    #section-video .inner-block-video .volumn-icon.on {
      background: url(volumn_on.png) no-repeat;
      background-size: contain; }

.section-skill {
  background-color: #fff;
  text-align: center;
  padding: 50px 0 0; }
  .section-skill h2.title-skill {
    margin: 30px 0; }
  .section-skill .content-skill {
    position: relative; }
    .section-skill .content-skill .content-skill-command {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
  .section-skill .item-response {
    display: inline-block;
    color: #fff;
    background: #68BD45;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    padding: 15px 20px;
    border-radius: 6px;
    position: relative;
    top: 199px;
    left: 260px;
    opacity: 0; }
    .section-skill .item-response.blue {
      background: #60c2f3;
      opacity: 0; }
    .section-skill .item-response.purple {
      background: #a01aa0;
      opacity: 0; }
    .section-skill .item-response.yellow {
      background: #ffb837;
      opacity: 0; }
  .section-skill .item-command {
    width: 200px;
    display: inline-block;
    height: 200px;
    color: #fff;
    background: #68BD45;
    padding: 32px;
    border-radius: 43px;
    position: absolute;
    left: 270px;
    top: 390px;
    opacity: 0; }
    .section-skill .item-command.blue {
      background: #60c2f3; }
    .section-skill .item-command.purple {
      background: #a01aa0;
      opacity: 0; }
    .section-skill .item-command.yellow {
      background: #ffb837;
      opacity: 0; }
    .section-skill .item-command img {
      filter: brightness(10);
      width: 70px; }
  .section-skill #btn-explore-maika {
    background: #FFFFFF;
    border: 1px solid #EF4129;
    border-radius: 30px;
    padding: 12px 35px 5px;
    margin-top: 2vh; }
    .section-skill #btn-explore-maika h3 {
      color: #EF4129;
      margin: 0px; }
    .section-skill #btn-explore-maika:hover {
      background: #EF4129; }
      .section-skill #btn-explore-maika:hover h3 {
        color: #FFFFFF; }

.news-about-maika--wrap {
  background: linear-gradient(180deg, #FFFFFF 0%, #F4E1D7 100%);
  text-align: center;
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative; }
  .news-about-maika--wrap .title-news {
    margin-bottom: 5vh; }
  .news-about-maika--wrap .news_slider-item {
    padding-left: 10vw;
    padding-right: 10vw; }
    .news-about-maika--wrap .news_slider-item img {
      height: 50px;
      width: auto;
      margin-bottom: 30px; }
    .news-about-maika--wrap .news_slider-item p {
      margin-bottom: 2vh; }
    .news-about-maika--wrap .news_slider-item .readmore {
      padding-right: 20px;
      display: flex;
      justify-content: end; }
      .news-about-maika--wrap .news_slider-item .readmore a {
        position: relative;
        color: #EF4129;
        padding-top: 15px;
        padding-right: 25px; }
        .news-about-maika--wrap .news_slider-item .readmore a::before {
          top: 12px;
          content: '\f061';
          font-family: FontAwesome;
          position: absolute;
          right: 0; }
        .news-about-maika--wrap .news_slider-item .readmore a:hover {
          text-decoration: underline; }
  .news-about-maika--wrap .owl-nav.disabled, .news-about-maika--wrap .owl-nav {
    display: block !important; }
    .news-about-maika--wrap .owl-nav.disabled button, .news-about-maika--wrap .owl-nav button {
      position: absolute;
      top: 30%;
      font-size: 60px !important;
      font-weight: lighter !important; }
      .news-about-maika--wrap .owl-nav.disabled button.owl-prev, .news-about-maika--wrap .owl-nav button.owl-prev {
        left: -25px; }
      .news-about-maika--wrap .owl-nav.disabled button.owl-next, .news-about-maika--wrap .owl-nav button.owl-next {
        right: -25px; }

@keyframes itemCommand1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

.music-section-top {
  position: relative; }
  .music-section-top .shadown-elips {
    width: 1000px;
    height: 1000px;
    margin: auto;
    position: relative; }
    .music-section-top .shadown-elips .elip-item {
      display: inline-block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      border-radius: 50%;
      margin: auto;
      box-shadow: inset 0px 0px 40px rgba(255, 107, 71, 0.2); }
      .music-section-top .shadown-elips .elip-item.elip-1 {
        animation: pulse1 1500ms infinite; }
      .music-section-top .shadown-elips .elip-item.elip-2 {
        width: 90%;
        height: 90%;
        box-shadow: inset 0px 0px 40px rgba(255, 107, 71, 0.4);
        animation: pulse2 1500ms infinite; }
      .music-section-top .shadown-elips .elip-item.elip-3 {
        width: 80%;
        height: 80%;
        box-shadow: inset 0px 0px 40px rgba(255, 107, 71, 0.6);
        animation: pulse3 1500ms infinite; }
      .music-section-top .shadown-elips .elip-item.elip-4 {
        width: 70%;
        height: 70%;
        box-shadow: inset 0px 0px 40px rgba(255, 107, 71, 0.8);
        animation: pulse4 1500ms infinite; }
      .music-section-top .shadown-elips .elip-item.elip-5 {
        width: 55%;
        height: 55%;
        box-shadow: inset 0px 0px 40px rgba(255, 107, 71, 0.9);
        animation: pulse5 1500ms infinite; }
  .music-section-top .music-section-image {
    position: absolute;
    top: 27%;
    left: 0;
    right: 0; }
    .music-section-top .music-section-image img {
      width: 500px; }
  @media (max-width: 767px) {
    .music-section-top {
      overflow: hidden; } }

@keyframes pulse1 {
  0% {
    width: 20%;
    height: 20%; }
  20% {
    width: 40%;
    height: 40%; }
  50% {
    width: 60%;
    height: 60%; }
  80% {
    width: 80%;
    height: 80%; }
  100% {
    width: 100%;
    height: 100%; } }

@keyframes pulse2 {
  0% {
    width: 0%;
    height: 0%; }
  20% {
    width: 20%;
    height: 20%; }
  50% {
    width: 40%;
    height: 40%; }
  80% {
    width: 60%;
    height: 60%; }
  100% {
    width: 80%;
    height: 80%; } }

@keyframes pulse3 {
  0% {
    width: 0%;
    height: 0%; }
  20% {
    width: 20%;
    height: 20%; }
  50% {
    width: 40%;
    height: 40%; }
  80% {
    width: 60%;
    height: 60%; }
  100% {
    width: 80%;
    height: 80%; } }

@keyframes pulse4 {
  0% {
    width: 0%;
    height: 0%; }
  20% {
    width: 20%;
    height: 20%; }
  50% {
    width: 40%;
    height: 40%; }
  80% {
    width: 60%;
    height: 60%; }
  100% {
    width: 70%;
    height: 70%; } }

@keyframes pulse5 {
  0% {
    width: 0%;
    height: 0%; }
  20% {
    width: 20%;
    height: 20%; }
  50% {
    width: 30%;
    height: 30%; }
  80% {
    width: 40%;
    height: 40%; }
  100% {
    width: 55%;
    height: 55%; } }

.music-section-content .description {
  padding: 0 200px; }

.music-section-content .partner-music {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 30px 0; }
  .music-section-content .partner-music .partner-item {
    margin: 0 20px; }
    .music-section-content .partner-music .partner-item img {
      width: 100px; }

.welcome-world--wrap {
  position: relative;
  color: initial; }

.section-music-images {
  position: relative;
  padding-bottom: 80px; }
  .section-music-images .music-image {
    display: flex; }
    .section-music-images .music-image .image-item {
      margin: 0 15px;
      position: relative;
      overflow: hidden;
      /*&.two .bubble {
			right: 20px;
			left: inherit;
			bottom: 25%;
		}
			&.three .bubble {
			top: 20%;
			bottom: inherit;
			left: inherit;
			right: 20px;
		}*/ }
      .section-music-images .music-image .image-item .bubble {
        position: absolute;
        bottom: 26px;
        left: 43px;
        color: #000; }
      .section-music-images .music-image .image-item:before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg); }
      .section-music-images .music-image .image-item:hover::before {
        -webkit-animation: shine .75s;
        animation: shine .75s; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }

@keyframes shine {
  100% {
    left: 125%; } }

.command {
  font-size: 16px;
  color: #666;
  background-color: #fff;
  border-radius: 5px;
  display: inline-block;
  padding: 8px 10px; }

.latest-news--wrap {
  padding: 50px 0;
  background: linear-gradient(180deg, #E2F4FA 0%, #E2F4FA 10.27%, #E2F4FA 23.84%, #E2F4FA 35.37%, #E2F4FA 39.12%, #E2F4FA 55.91%, #E2F4FA 65.46%, #E2F4FA 85.42%, #E2F4FA 100%); }
  .latest-news--wrap .command {
    position: absolute; }
  .latest-news--wrap .section-two-content {
    padding-left: 50px; }
    .latest-news--wrap .section-two-content .maika-command {
      display: flex;
      align-items: center;
      margin-top: 20px; }
      .latest-news--wrap .section-two-content .maika-command .image {
        margin: 60px 20px 0 0; }
      .latest-news--wrap .section-two-content .maika-command .command {
        bottom: 0;
        left: 145px; }
  .latest-news--wrap .section-two .row {
    display: flex;
    align-items: center; }
  .latest-news--wrap .image-light {
    position: relative; }
    .latest-news--wrap .image-light .image {
      position: relative; }
      .latest-news--wrap .image-light .image .dark-block {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0.68);
        opacity: 0; }
    .latest-news--wrap .image-light .day-light, .latest-news--wrap .image-light .mid-night {
      position: absolute;
      bottom: 20px;
      left: 20px;
      display: flex;
      align-items: center;
      color: #fff;
      z-index: 2; }
      .latest-news--wrap .image-light .day-light span, .latest-news--wrap .image-light .mid-night span {
        margin-left: 15px;
        font-size: 18px; }

.smart-home--wrap {
  position: relative;
  background: linear-gradient(180deg, #E2F4FA 0%, #F1F5DB 10.27%, #F1F5DB 23.84%, #F1F5DB 35.37%, #F1F5DB 39.12%, #F1F5DB 55.91%, #F1F5DB 65.46%, #F1F5DB 85.42%, #F2DDD4 100%);
  padding: 110px 0 80px 0; }

.section-three-content h5 {
  margin: 0; }

.section-three-content button.btn.btn-link {
  color: #222;
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  padding-left: 0;
  display: inline-block;
  width: 100%;
  text-align: left;
  border-top: 1px solid transparent;
  text-decoration: none;
  padding: 11px 0;
  position: relative; }
  .section-three-content button.btn.btn-link:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    background: #EF4129;
    height: 2px;
    width: 100%;
    animation: widthBorder 1500ms; }
  .section-three-content button.btn.btn-link.collapsed {
    border-top: 1px solid #ddd; }
    .section-three-content button.btn.btn-link.collapsed:before {
      display: none; }

.section-three-content .collapse {
  padding-bottom: 20px; }

@keyframes widthBorder {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

.section-three-image {
  padding-left: 35px;
  display: flex; }
  .section-three-image .image {
    position: relative;
    overflow: hidden; }
    .section-three-image .image:before {
      position: absolute;
      top: 0;
      left: -75%;
      z-index: 2;
      display: block;
      content: '';
      width: 50%;
      height: 100%;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg);
      left: -91%; }
    .section-three-image .image:hover::before {
      -webkit-animation: shine .75s;
      animation: shine .75s; }
  .section-three-image .image-block-1 {
    margin-right: 30px; }
  .section-three-image .image-block-2 {
    overflow: hidden; }

.reminders--wrap {
  background: linear-gradient(180deg, #F2DDD4 0%, #F2DDD4 10.27%, #F4E1D7 23.84%, #F4E1D7 35.37%, #F4E1D7 39.12%, #F4E1D7 55.91%, #F4E1D7 65.46%, #F4E1D7 85.42%, #F1F1F1 100%);
  text-align: center;
  padding-top: 80px;
  padding-bottom: 100px; }

.reminders--wrap .user-command {
  margin-bottom: 10px; }

.reminders--wrap .maika-command {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center; }
  .reminders--wrap .maika-command .command {
    margin-left: 20px; }

.section-four {
  margin-bottom: 100px; }
  .section-four .section-box-content {
    margin-top: 50px; }
    .section-four .section-box-content .description {
      text-align: right; }
    .section-four .section-box-content .section-four-title {
      font-size: 48px;
      text-align: right; }
    .section-four .section-box-content .command {
      float: right; }

.section-four-images {
  display: flex; }
  .section-four-images .smarthome-img-2 {
    margin-left: 30px; }
  .section-four-images .image {
    position: relative;
    overflow: hidden; }
    .section-four-images .image:before {
      position: absolute;
      top: 0;
      left: -75%;
      z-index: 2;
      display: block;
      content: '';
      width: 50%;
      height: 100%;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
    .section-four-images .image:hover::before {
      -webkit-animation: shine .75s;
      animation: shine .75s; }

.section-control-feeling {
  text-align: left; }
  .section-control-feeling h5 {
    font-size: 24px;
    line-height: 26px; }
  .section-control-feeling .section-two-command {
    margin-top: 30px; }
    .section-control-feeling .section-two-command .item-command-1 {
      margin-bottom: 15px; }
    .section-control-feeling .section-two-command .maika-command {
      justify-content: flex-start; }

.section-four-bottom {
  margin-top: 100px; }
  .section-four-bottom .description {
    width: 400px;
    margin: auto;
    text-align: center;
    margin-bottom: 80px; }
  .section-four-bottom .row {
    display: flex;
    align-items: center; }

.view-more {
  padding-left: 0; }
  .view-more a {
    position: relative;
    padding-right: 20px;
    color: #EF4129; }
    .view-more a:before {
      content: '\f061';
      font-family: FontAwesome;
      position: absolute;
      top: -5px;
      right: 0; }
    .view-more a:hover {
      text-decoration: underline; }

.section-slider .item {
  position: relative;
  overflow: hidden; }
  .section-slider .item:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); }
  .section-slider .item:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s; }

.section-slider .owl-carousel .owl-nav {
  position: absolute;
  bottom: 20px;
  right: 34%; }
  .section-slider .owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #fff;
    margin: 0 5px; }
    .section-slider .owl-carousel .owl-nav button span {
      font-size: 25px; }
    .section-slider .owl-carousel .owl-nav button:hover {
      background-color: #EF4129; }
      .section-slider .owl-carousel .owl-nav button:hover span {
        color: #fff; }

.maika-dissection {
  display: flex;
  align-items: center; }
  .maika-dissection .image {
    width: 60%;
    position: relative;
    text-align: center; }
    .maika-dissection .image .desc {
      display: inline-block;
      background: #fff;
      padding: 20px;
      border-radius: 17px;
      position: absolute;
      left: 40px;
      top: 98px; }
  .maika-dissection h3.title {
    width: 500px; }
  .maika-dissection .description-podcast {
    margin-top: 30px; }
    @media (max-width: 767px) {
      .maika-dissection .description-podcast {
        padding: 0 30px; } }

.section-six {
  display: flex;
  align-items: center;
  margin: 50px 0; }
  .section-six .description {
    width: 420px; }
  .section-six .btn a {
    display: none;
    color: #fff;
    padding: 10px 25px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    z-index: 1; }
    .section-six .btn a:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #EF4129;
      border-radius: 30px;
      z-index: -2; }
    .section-six .btn a:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0%;
      height: 100%;
      background-color: #d52810;
      transition: all .3s;
      border-radius: 30px;
      z-index: -1; }
    .section-six .btn a:hover:before {
      width: 100%; }

.section-seven {
  text-align: center;
  margin: 80px 0; }
  .section-seven h3.title {
    margin-bottom: 80px; }

.calling--wrap {
  background-color: #fff; }
  .calling--wrap .full-image {
    position: relative; }
    .calling--wrap .full-image img {
      width: auto; }
      @media (max-width: 1440px) {
        .calling--wrap .full-image img {
          margin-left: -10%; } }
    .calling--wrap .full-image .icon-microphone {
      position: absolute;
      top: 65px;
      left: 44%; }
      .calling--wrap .full-image .icon-microphone img {
        width: 50px; }
      @media (max-width: 1920px) {
        .calling--wrap .full-image .icon-microphone {
          left: 44%; } }
      @media (max-width: 1440px) {
        .calling--wrap .full-image .icon-microphone {
          left: 40%; } }
  .calling--wrap .box-content {
    width: 420px; }
    .calling--wrap .box-content .command {
      border: 1px solid #C4C4C4;
      box-sizing: border-box;
      border-radius: 6px; }

.connect--wrap {
  text-align: center;
  padding-top: 40px; }
  .connect--wrap h3.title {
    margin: 80px 0; }
  .connect--wrap h4.title {
    font-size: 24px;
    font-weight: 600; }
  .connect--wrap .box-content {
    margin-top: 20px; }
    .connect--wrap .box-content .intro-text {
      padding: 0 15px; }

.podcasts--wrap {
  position: relative;
  overflow: hidden;
  padding-top: 30px; }

/* footer style */
.area_newsletter {
  display: flex;
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  justify-content: center; }
  .area_newsletter .title_newsletter {
    background-image: none; }
    .area_newsletter .title_newsletter h4 {
      font-size: 20px;
      font-weight: bold;
      line-height: 54px;
      margin-bottom: 30px;
      white-space: nowrap; }
      .area_newsletter .title_newsletter h4 br {
        display: none; }
  .area_newsletter .area_phone_contact .number_phone {
    color: #fff;
    font-size: 0.8em; }
    @media (max-width: 1199px) {
      .area_newsletter .area_phone_contact .number_phone {
        font-size: 0.7em; } }
    .area_newsletter .area_phone_contact .number_phone i {
      background-color: #fff;
      color: #000; }
    .area_newsletter .area_phone_contact .number_phone a {
      color: #fff; }
      .area_newsletter .area_phone_contact .number_phone a:hover {
        color: #3caeff; }
  .area_newsletter .form_newsletter {
    width: 400px; }
  .area_newsletter .contact-form .input-group {
    display: flex;
    background-color: #fff;
    border-radius: 6px;
    margin-left: 30px; }
    .area_newsletter .contact-form .input-group input {
      border: 0;
      background-color: transparent; }
    .area_newsletter .contact-form .input-group button {
      position: relative;
      border-radius: 30px;
      padding: 13px 20px;
      white-space: nowrap;
      margin-left: 15px;
      border: 0;
      font-size: 0; }
      .area_newsletter .contact-form .input-group button.dark:before {
        background: url(arrow_right.png) no-repeat;
        background-position: center;
        transition: none;
        transform: none; }

.top-footer {
  padding: 50px 0 15px; }
  .top-footer .bocongthuong img {
    width: 150px; }
  .top-footer h5 {
    font-size: 17px; }
  .top-footer .footer-contact ul > li {
    background-size: 30px 30px !important;
    background-position: 0px -2px !important;
    padding-left: 36px; }
    .top-footer .footer-contact ul > li.contact-1 {
      background: url(icon_address.png) no-repeat; }
    .top-footer .footer-contact ul > li.contact-2 {
      background: url(icon_telephone.png) no-repeat; }

.title_style {
  font-size: 48px; }

.middle-footer {
  border-top: 1px solid rgba(196, 196, 196, 0.3);
  padding-top: 30px;
  margin-top: 20px;
  display: inline-block;
  width: 100%; }
  .middle-footer > div {
    display: flex;
    flex-direction: column;
    gap: 20px; }
  .middle-footer.middle-footer-2 {
    border-top: none;
    padding-top: 5px;
    margin-top: 5px; }
  .middle-footer .social-footer {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start; }
    .middle-footer .social-footer p {
      margin-bottom: 0; }
    .middle-footer .social-footer ul {
      margin-left: 0px;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
      gap: 5px;
      width: 100%; }
      .middle-footer .social-footer ul li {
        display: inline-block; }
        .middle-footer .social-footer ul li a {
          width: 30px;
          height: 30px;
          line-height: 34px;
          border-radius: 50%;
          display: inline-block;
          background-color: #999999;
          text-align: center;
          color: #fff;
          margin: 0 5px; }
          .middle-footer .social-footer ul li a:hover {
            background-color: #EF4129; }
          .middle-footer .social-footer ul li a.dosmetic-brand-logo {
            background-size: contain; }
  .middle-footer .payment-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px; }
    .middle-footer .payment-footer p {
      margin-bottom: 0; }
    .middle-footer .payment-footer ul {
      margin-left: 0px; }
      .middle-footer .payment-footer ul li {
        display: inline-block; }
        .middle-footer .payment-footer ul li img {
          width: auto;
          height: 30px;
          line-height: 34px;
          display: inline-block;
          text-align: center;
          margin: 0 2px;
          padding: 1px; }
          .middle-footer .payment-footer ul li img.mastercard {
            padding: 5px 0px; }
          .middle-footer .payment-footer ul li img.visa {
            padding: 7px 0px; }
          .middle-footer .payment-footer ul li img.american-express {
            padding: 3px 0px; }
          .middle-footer .payment-footer ul li img.onepay {
            padding: 3px 0px; }
  .middle-footer .footer-icon-store {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px; }
    .middle-footer .footer-icon-store .inner-icon-store {
      display: flex;
      gap: 12px;
      flex-wrap: wrap; }
      .middle-footer .footer-icon-store .inner-icon-store a {
        margin-left: 0px; }

.bottom-footer {
  background-color: #EF4129;
  color: #fff;
  padding: 18px 0;
  margin-top: 20px; }
  .bottom-footer img {
    margin-right: 20px;
    width: 50px; }
  .bottom-footer span {
    position: relative;
    top: 4px; }
  .bottom-footer a {
    color: #fff; }
    .bottom-footer a:hover {
      color: #fff;
      text-decoration: underline; }
  .bottom-footer .footer-bottom-right ul {
    text-align: right; }
    .bottom-footer .footer-bottom-right ul li {
      display: inline-block;
      margin-left: 20px; }

.footer-content.footer-contact ul {
  margin-bottom: 0; }

.footer-buy {
  text-align: center;
  margin-bottom: 30px; }
  .footer-buy a {
    display: inline-block;
    padding: 8px 25px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 20px;
    position: relative;
    z-index: 1; }
    .footer-buy a:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #FFC439;
      border-radius: 30px;
      z-index: -2; }
    .footer-buy a:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0%;
      height: 100%;
      background-color: #EF4129;
      transition: all .3s;
      border-radius: 10rem;
      z-index: -1; }
    .footer-buy a:hover, .footer-buy a:focus {
      color: #fff;
      border-color: #EF4129; }
      .footer-buy a:hover:before, .footer-buy a:focus:before {
        width: 100%; }

/*Style for kid*/
.kid-stories {
  margin-top: 50px;
  position: relative; }
  .kid-stories h3.title {
    font-size: 20px;
    margin-bottom: 30px; }
  .kid-stories .owl-nav.disabled, .kid-stories .owl-nav {
    display: block !important; }
    .kid-stories .owl-nav.disabled button, .kid-stories .owl-nav button {
      position: absolute;
      top: 34%;
      font-size: 40px; }
      .kid-stories .owl-nav.disabled button.owl-prev, .kid-stories .owl-nav button.owl-prev {
        left: -25px; }
      .kid-stories .owl-nav.disabled button.owl-next, .kid-stories .owl-nav button.owl-next {
        right: -25px; }

.scroll-top {
  bottom: 98px;
  right: 25px; }

.relax--wrap-new {
  background: #fff; }

.partner-section {
  padding-top: 30px;
  margin: 50px 0 0; }
  .partner-section .title_style {
    margin-bottom: 0; }

.product_newsletter {
  margin-top: 30px; }
  .product_newsletter .input-group {
    display: flex;
    background-color: #fbfbfb;
    border-radius: 6px;
    width: 350px; }
    .product_newsletter .input-group input#newsletter-email-product {
      background: transparent;
      height: 46px;
      border: 0;
      width: 100%;
      padding: 5px 10px; }
    .product_newsletter .input-group button {
      position: relative;
      border-radius: 30px;
      padding: 13px 20px;
      white-space: nowrap;
      margin-left: 15px;
      border: 0;
      font-size: 0; }
      .product_newsletter .input-group button:before {
        background: url(arrow_right.png) no-repeat;
        background-position: center;
        transition: none;
        transform: none; }

.header-upper-menu {
  margin-left: 54px; }

@media (max-width: 1440px) {
  #section-video .welcome__features-content {
    margin-top: 60px;
    margin-left: 100px; } }

@media (max-width: 1199px) {
  body.index .header-upper-middle .container-fluid {
    max-width: 100%; }
  body.index .container {
    width: 970px; }
  body.index .mainHeader_temp02 .flexContainer-header .header-upper-menu {
    margin-left: 40px; }
  body.index .main-header #nav .main-nav > ul > li > a {
    margin-left: 10px; }
  .welcome--wrap img {
    margin-top: 0; }
  .title {
    font-size: 40px; }
  .section-skill .item-response {
    left: 246px; }
  .section-skill .item-command {
    left: 184px;
    top: 311px; }
  .maika-dissection .image .desc {
    top: 62px; }
  .section-four .section-box-content .section-four-title {
    font-size: 40px; }
  .top-footer .area_newsletter .title_newsletter h4 {
    font-size: 38px; }
  .connect--wrap h4.title {
    font-size: 20px;
    line-height: 30px; }
  .smart-home--wrap {
    padding-top: 0; }
    .smart-home--wrap .section-three-image {
      padding-left: 0;
      margin-top: 20px; }
  .kid-stories .owl-nav.disabled button, .kid-stories .owl-nav button {
    top: 23%; }
    .kid-stories .owl-nav.disabled button.owl-next, .kid-stories .owl-nav button.owl-next {
      right: -20px;
      font-size: 50px; }
    .kid-stories .owl-nav.disabled button.owl-prev, .kid-stories .owl-nav button.owl-prev {
      left: -20px;
      font-size: 50px; }
  .news-about-maika--wrap .owl-nav.disabled button, .news-about-maika--wrap .owl-nav button {
    top: 23%; }
    .news-about-maika--wrap .owl-nav.disabled button.owl-next, .news-about-maika--wrap .owl-nav button.owl-next {
      right: -20px;
      font-size: 50px !important; }
    .news-about-maika--wrap .owl-nav.disabled button.owl-prev, .news-about-maika--wrap .owl-nav button.owl-prev {
      left: -20px;
      font-size: 50px !important; }
  .section-slider .owl-carousel .owl-nav {
    right: 30%; }
  .footer.mainfooter-toolbar {
    margin-top: 70px; } }

@media (max-width: 992px) {
  body.index .container {
    width: 750px; }
  body.index .hamburger-menu .bar, body.index .hamburger-menu .bar:before, body.index .hamburger-menu .bar:after {
    background: #252a2b; }
  #section-video .welcome__features-content {
    margin-top: 30px; }
  .title {
    font-size: 32px;
    line-height: 38px; }
  .welcome__features-content .title_style {
    font-size: 30px; }
  #section-video .welcome__features-content p {
    line-height: 32px; }
  .section-skill .item-response {
    left: 216px; }
  .section-skill .item-command {
    left: 137px;
    top: 254px;
    width: 160px;
    height: 160px;
    padding: 10px;
    display: flex;
    flex-flow: column; }
    .section-skill .item-command img {
      width: 40px;
      margin: auto; }
    .section-skill .item-command .item-command-text {
      width: 100%; }
  .music-section-top .shadown-elips {
    width: 600px;
    height: 600px; }
  .music-section-top .music-section-image img {
    width: 300px; }
  .welcome-world--wrap .music-section {
    padding-bottom: 280px; }
  .bubble {
    font-size: 12px;
    padding: 10px 20px; }
  .calling--wrap .full-image img {
    margin-left: -25%; }
  .calling--wrap .full-image .icon-microphone {
    left: 29%; }
  .connect--wrap h4.title {
    font-size: 18px; }
  .connect--wrap .box-content .intro-text {
    padding: 0; }
  .section-four .section-box-content {
    margin-top: 0; }
    .section-four .section-box-content .section-four-title {
      font-size: 33px; }
  .reminders--wrap .maika-command .command {
    font-size: 13px; }
  .section-slider .owl-carousel .owl-nav {
    right: 26%;
    bottom: 10px; }
  .maika-dissection .image .desc {
    top: 7px;
    left: 250px;
    width: 150px;
    font-size: 13px; }
  .top-footer .area_newsletter .title_newsletter h4 {
    font-size: 28px; }
  .area_newsletter .form_newsletter {
    width: 300px; }
  .middle-footer .social-footer ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
    gap: 5px;
    width: 100%; }
  .footer-icon-store .inner-icon-store a {
    width: 100px; }
  .scroll-top {
    bottom: 150px; }
  .bottom-footer p {
    display: flex;
    align-items: center; } }

@media (max-width: 767px) {
  body.index .container {
    width: 100%; }
  body.index .main-header .header-navbar-menu .wrap-logo-sticky, body.index .main-header .wrap-logo {
    min-width: 0; }
  .welcome__features-content .title_style {
    padding: 0 20px;
    font-size: 20px; }
  #section-video .welcome__features-content p {
    line-height: 15px; }
  .flexContainer-header > div.header-upper-logo .wrap-logo img {
    max-width: 60px; }
  .introduce__bubble {
    left: 11%; }
    .introduce__bubble .bubble {
      padding: 6px 25px; }
  .section-skill {
    padding-bottom: 100px; }
    .section-skill .item-response {
      left: 6px;
      top: 0; }
    .section-skill .skill-image {
      padding: 50px 0; }
    .section-skill .item-command {
      left: 25px;
      top: 202px; }
    .section-skill #btn-explore-maika {
      max-width: 100vw;
      margin-top: 80px;
      padding: 12px 20px 5px; }
      .section-skill #btn-explore-maika h3 {
        font-size: 20px; }
  .music-section-top .shadown-elips {
    margin-left: 50%;
    transform: translateX(-50%); }
  .music-section-content .description {
    padding: 0 10px; }
  .welcome-world--wrap .music-section {
    border: 0; }
  .section-music-images {
    margin-top: 0; }
  .welcome-world--wrap .music-section {
    padding-bottom: 20px;
    margin-bottom: 50px; }
  .section-music-images .music-image {
    display: block; }
    .section-music-images .music-image .image-item {
      margin-bottom: 30px; }
  .latest-news--wrap .section-two .row {
    display: block; }
  .latest-news--wrap .section-two-content {
    padding-left: 0;
    margin-top: 50px; }
  .command {
    font-size: 15px; }
  .section-three-image {
    padding-left: 0; }
  .audiobooks--wrap .box-content {
    margin-bottom: 30px; }
    .audiobooks--wrap .box-content .description {
      margin-bottom: 20px; }
  .maika-dissection {
    display: block; }
    .maika-dissection .image {
      width: 100%; }
      .maika-dissection .image .desc {
        top: 20px;
        left: 11px; }
    .maika-dissection h3.title {
      width: auto;
      padding: 0 15px;
      text-align: center; }
  .section-six {
    display: flex;
    text-align: center;
    padding: 0 15px;
    flex-flow: column-reverse; }
    .section-six .description {
      margin: auto;
      width: auto; }
  .calling--wrap .full-image .image > img {
    margin: 0;
    height: 400px;
    width: 100%; }
  .calling--wrap .full-image .icon-microphone {
    left: 58%; }
  .calling--wrap .box-content {
    width: auto;
    padding-top: 150px;
    padding-bottom: 50px; }
  .connect--wrap h3.title {
    margin: 50px 0;
    padding: 0 15px;
    font-size: 25px; }
  .connect--wrap .box-content {
    margin-bottom: 30px; }
    .connect--wrap .box-content .intro-text {
      padding: 0 20px; }
  .welcome-world--wrap .music-section {
    border-radius: 0; }
  .kid-stories .owl-nav.disabled button.owl-next, .kid-stories .owl-nav button.owl-next {
    right: 20px; }
  .kid-stories .owl-nav.disabled button.owl-prev, .kid-stories .owl-nav button.owl-prev {
    left: 20px; }
  .news-about-maika--wrap {
    padding-top: 50px;
    padding-bottom: 50px; }
  .news-about-maika--wrap .owl-nav button {
    top: 30%; }
  .news-about-maika--wrap .owl-nav.disabled button.owl-next, .news-about-maika--wrap .owl-nav button.owl-next {
    right: 15px; }
  .news-about-maika--wrap .owl-nav.disabled button.owl-prev, .news-about-maika--wrap .owl-nav button.owl-prev {
    left: 15px; }
  .news-about-maika--wrap .owl-nav.disabled button.owl-next, .news-about-maika--wrap .owl-nav button.owl-next {
    right: 15px; }
  .news-about-maika--wrap .owl-nav.disabled button.owl-prev, .news-about-maika--wrap .owl-nav button.owl-prev {
    left: 15px; }
  .reminders--wrap {
    padding-top: 20px; }
  .section-four {
    margin: 0;
    display: flex;
    flex-flow: column-reverse; }
    .section-four .section-four-images {
      margin: 30px 0; }
  .section-control-feeling {
    margin: 0; }
  .section-box-content {
    margin-bottom: 40px; }
  .section-slider .owl-carousel .owl-nav button {
    border: 1px solid #EF4129; }
  .section-slider .owl-carousel .owl-nav {
    bottom: -51px;
    left: 0;
    right: 0;
    text-align: center; }
  .banner-list {
    padding: 0 20px; }
  .partner-section .title_style {
    font-size: 40px; }
  .top-footer .area_newsletter {
    display: block;
    padding-bottom: 20px; }
    .top-footer .area_newsletter .title_newsletter {
      display: block !important;
      text-align: center;
      line-height: 30px; }
      .top-footer .area_newsletter .title_newsletter h4 {
        margin-bottom: 0; }
  .footer.mainfooter-toolbar {
    margin-top: 0; }
  .middle-footer .social-footer {
    margin-bottom: 20px; }
  .bottom-footer .footer-bottom-right {
    padding: 0; }
    .bottom-footer .footer-bottom-right ul {
      text-align: center;
      margin-top: 20px; }
  .section-four-bottom .description {
    width: auto;
    margin-bottom: 30px; }
  .scroll-top {
    bottom: 10px; }
  .bocongthuong {
    padding: 30px 0; } }