section#tggw-home-header{
  position: relative;
  background: var(--main-purple);
  color: #fff;
  overflow: hidden;
  padding-top: 90px;
  min-height: 100vh;
}

section#tggw-home-header > .container{
  flex: 1;
}
section#tggw-home-header .info{
  position: relative;
  width: 56%;
  padding-right: 40px;
  z-index: 1;
}
section#tggw-home-header .media{
  position: relative;
  width: 44%;
  padding-left: 40px;
  z-index: 1;
}
section#tggw-home-header .media .holder{
  position: relative;
}
section#tggw-home-header .media .holder > video,
section#tggw-home-header .media .holder > img{
  position: relative;
  z-index: 2;
  border-radius: 15px;
}
section#tggw-home-header .media .video-player,
section#tggw-home-header .media .plyr{
  box-shadow: 0 0 10px rgb(0,0,0, 0.3);
  z-index: 5;
}

section#tggw-home-header .media video{
  width: 100%;
}
section#tggw-home-header .media > img{
  border-radius: 15px;
}
section#tggw-home-header .media > video{
  border-radius: 15px;
}

section#tggw-home-header .media .decor{
  position: absolute;
}
section#tggw-home-header .media .decor span{
  display: block;
}
section#tggw-home-header .media .decor-1 span{
  transition: all 1.5s ease-out;
}
section#tggw-home-header .media .decor-2 span{
  transition: all 1.4s ease-out;
}
section#tggw-home-header .media .decor-3 span{
  transition: all 1.3s ease-out;
}
section#tggw-home-header .media .decor-4 span{
  transition: all 1.0s ease-out;
}
section#tggw-home-header .media .decor .bg{
  padding-bottom: 100%;
  border-radius: 15px;
}
section#tggw-home-header .media .decor-1 .bg{
  transition: all 0.4s ease-out;
}
section#tggw-home-header .media .decor-2 .bg{
  transition: all 0.6s ease-out;
}
section#tggw-home-header .media .decor-3 .bg{
  transition: all 0.8s ease-out;
}
section#tggw-home-header .media .decor-4 .bg{
  transition: all 1.0s ease-out;
}
section#tggw-home-header .media .decor-1{
  width: 48%;
  right: 100%;
  bottom: 100%;
  transform: translate(75%, 25%);
  z-index: 1;
}
section#tggw-home-header .media .decor-2{
  width: 25%;
  left: 100%;
  bottom: 100%;
  transform: translate(-48%, -33%);
  z-index: 1;
}
section#tggw-home-header .media .decor-3{
  width: 40%;
  top: 100%;
  right: 100%;
  transform: translate(46%, -29%);
  z-index: 1;
}
section#tggw-home-header .media.video-youtube .decor-3{
  transform: translate(46%, 50%);
}
section#tggw-home-header .media .decor-4{
  width: 35%;
  left: 100%;
  top: 100%;
  transform: translate(-30%, -68%);
  z-index: 3;
}
section#tggw-home-header .media.video-youtube .decor-4{
  transform: translate(-30%, 20%);
}
section#tggw-home-header .background{
  position: absolute;
  top: 0;
  left: calc(50% - 1160px/4);
  width: calc(50vw + 1160px/4);
  height: 100%;
  opacity: 0.2;
  background-position: top left;
  overflow: hidden;
}
section#tggw-home-header .background:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(1160px/2);
  height: 100%;
  background: linear-gradient(90deg, rgba(54,48,158,1) 0%, rgba(54,48,158,0) 100%);
}
section#tggw-home-header .background img{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  max-width: unset;
}

/* Responsive -------------------------------------- */

@media (max-width: 1250px){
  section#tggw-home-header .info{
    padding-right: 70px;
  }
  section#tggw-home-header .media{
    padding-right: 40px;
    padding-left: 0;
  }
  section#tggw-home-header .media .decor-2{
    transform: translate(-100%, -30%);
  }
  section#tggw-home-header .media .decor-3{
    transform: translate(75%, -22%);
  }
  section#tggw-home-header .media.video-youtube .decor-3{
    transform: translate(75%, 55%);
  }
  section#tggw-home-header .media .decor-4{
    transform: translate(-85%, 7%);
  }
  section#tggw-home-header .media.video-youtube .decor-3{
    transform: translate(-85%, 95%);
  }
}

@media (min-width: 1025px){
  section#tggw-home-header .media{
    padding-top: 0;
  }
  section#tggw-home-header .media .decor-1{
    max-width: calc(100vh / 4.6);
  }
  section#tggw-home-header .media .decor-2{
    max-width: calc(100vh / 8.6);
  }
  section#tggw-home-header .media .decor-3{
    max-width: calc(100vh / 5.6);
  }
  section#tggw-home-header .media .decor-4{
    max-width: calc(100vh / 6.3);
  }
}

@media (max-width: 1024px){
  section#tggw-home-header{
    min-height: unset;
  }
  section#tggw-home-header .live-demo-spacer:not(:empty){
    padding-top: 25px;
  }
  section#tggw-home-header > .container{
    flex-direction: column;
    min-height: unset;
    padding-top: 40px;
  }
  section#tggw-home-header .info{
    width: 100%;
    padding: 0;
  }
  section#tggw-home-header .info > *:last-child{
    margin-bottom: 0;
  }
  section#tggw-home-header .media{
    display: block;
    width: 50%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
  section#tggw-home-header .media .decor-1{
    width: 34%;
    right: -26%;
    bottom: 58%;
    transform: translate(75%, 20%);
  }
  section#tggw-home-header .media .decor-2{
    width: 19%;
    left: 170%;
    bottom: 69%;
    transform: translate(-55%, -25%);
  }
  section#tggw-home-header .media .decor-3{
    width: 29%;
    top: 40%;
    right: -33%;
    transform: translate(80%, 45%);
  }
  section#tggw-home-header .media .decor-4{
    width: 24%;
    left: 181%;
    top: 41%;
    transform: translate(-75%, -15%);
  }
}

@media (max-width: 800px){
  section#tggw-home-header > .container{
    padding-top: 30px;
  }
  section#tggw-home-header .media{
    width: 100%;
  }
  section#tggw-home-header .media .decor{
    display: none;
  }
  section#tggw-home-header .background{
    display: none;
  }
}

@media (max-width: 430px){
  section#tggw-home-header{
    padding-top: 70px;
  }
}

/* height */

@media (max-height: 700px){
  section#tggw-home-header .media{
    padding-top: 30px;
  }
}

@media (max-height: 600px){
  section#tggw-home-header > .container{
    padding-top: 25px;
  }
}