a {
  color: #fff;
  text-decoration: none;
}

.header {
  position: fixed;
  z-index: 1;
  display: block;
  width: 100%;
  height: 75px;
}

.gallery {
  margin-top: 0px;
  padding-top: 99px;
  padding-bottom: 55px;
  background-image: -webkit-linear-gradient(270deg, #f7f7f7, #f7f7f7);
  background-image: linear-gradient(180deg, #f7f7f7, #f7f7f7);
}

.gallery._3-projects {
  margin-top: 60px;
  margin-bottom: 60px;
}

.footer {
  display: inline-block;
  width: 100%;
  margin-bottom: -10px;
}

.full-screen-project {
  height: 100vh;
}

.full-screen-project.full-screen-project-01 {
  display: inline-block;
  height: 100%;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 37%, 67%, .5), hsla(0, 37%, 67%, .5));
  background-image: linear-gradient(180deg, hsla(0, 37%, 67%, .5), hsla(0, 37%, 67%, .5));
}

.full-screen-project.full-screen-project-02 {
  display: block;
  height: 100%;
  margin-top: -6px;
  background-image: -webkit-linear-gradient(270deg, rgba(38, 75, 190, .5), rgba(38, 75, 190, .5));
  background-image: linear-gradient(180deg, rgba(38, 75, 190, .5), rgba(38, 75, 190, .5));
}

.full-screen-project.full-screen-project-03 {
  background-image: -webkit-linear-gradient(270deg, rgba(105, 194, 137, .5), rgba(105, 194, 137, .5));
  background-image: linear-gradient(180deg, rgba(105, 194, 137, .5), rgba(105, 194, 137, .5));
}

.full-screen-project.homepage {
  height: 100%;
  background-image: -webkit-linear-gradient(270deg, #32c2a5, #32c2a5);
  background-image: linear-gradient(180deg, #32c2a5, #32c2a5);
}

.menu-list {
  position: static;
  display: block;
  float: right;
  clear: none;
}

.menu-list-item {
  margin-top: 30px;
  margin-right: 27px;
  float: left;
  font-family: Catamaran, sans-serif;
  font-size: 19px;
  font-weight: 500;
  text-transform: uppercase;
}

.logo {
  display: block;
  width: 470px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  float: none;
}

.menu-container {
  position: relative;
}

.about {
  background-image: -webkit-linear-gradient(270deg, #f3f3f3, #f3f3f3);
  background-image: linear-gradient(180deg, #f3f3f3, #f3f3f3);
}

.contact {
  height: 70vh;
  background-image: -webkit-linear-gradient(270deg, #2dd4be, #2dd4be);
  background-image: linear-gradient(180deg, #2dd4be, #2dd4be);
}

.row-4-4-4-projects {
  margin-bottom: 52px;
}

.item-projects {
  display: block;
  padding-left: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.div-projects {
  position: static;
  left: 0px;
  top: 0px;
  display: block;
  overflow: visible;
  height: 400px;
  margin-right: 0px;
  padding-right: 0px;
  padding-left: 0px;
  float: none;
  clear: none;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-image: -webkit-linear-gradient(270deg, rgba(79, 94, 204, .5), rgba(79, 94, 204, .5));
  background-image: linear-gradient(180deg, rgba(79, 94, 204, .5), rgba(79, 94, 204, .5));
}

.text-project {
  margin-top: 11px;
  font-family: Catamaran, sans-serif;
}

.link-project {
  display: block;
  overflow: hidden;
  height: 100%;
}

.menu-link {
  position: relative;
  display: inline-block;
  padding-top: 35px;
  padding-right: 100px;
  padding-left: 100px;
  float: left;
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}

.menu-link.about-link {
  display: block;
  padding-top: 31px;
  padding-right: 50px;
  padding-left: 50px;
  float: right;
  clear: none;
  color: #000;
}

.menu-link.about-link.red {
  color: #ec314c;
  text-transform: uppercase;
}

.menu-link.about-link.black {
  padding-top: 31px;
  padding-right: 50px;
  padding-left: 50px;
  color: #000;
  font-size: 18px;
}

.menu-link.about-link.black.w--current {
  float: right;
  color: #000;
  font-size: 18px;
}

.menu-link.work-link {
  display: block;
  padding-top: 31px;
  padding-right: 0px;
  float: right;
  color: #000;
  font-size: 18px;
}

.menu-link.work-link.red {
  color: #ec314c;
  text-transform: uppercase;
}

.menu-link.work-link.black {
  color: #000;
}

.menu-link.work-link.black.w--current {
  padding-top: 31px;
  padding-right: 0px;
  float: right;
  font-size: 18px;
}

.red-bg {
  position: static;
  overflow: hidden;
  height: 800px;
  clear: none;
  border-style: solid;
  border-width: 1px 99vw 239px 0px;
  border-color: #000 transparent #74cac7;
  background-image: -webkit-linear-gradient(270deg, #ea5455, #ea5455);
  background-image: linear-gradient(180deg, #ea5455, #ea5455);
}

.container {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  padding-top: 114px;
}

.dare-devil-section-01 {
  background-image: -webkit-linear-gradient(270deg, #ea5455, #ea5455);
  background-image: linear-gradient(180deg, #ea5455, #ea5455);
}

.dare-devil-h1 {
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
}

.img-01 {
  margin-top: -49px;
  padding-top: 0px;
}

.video {
  position: static;
  display: block;
}

.dare-devil-section-02 {
  height: 1000px;
  border-right: 0px none transparent;
  border-bottom: 187px none #73cac6;
  background-image: -webkit-linear-gradient(270deg, #ea5455, #ea5455);
  background-image: linear-gradient(180deg, #ea5455, #ea5455);
}

.dare-devil-container {
  padding-top: 0px;
}

.dare-devil-row {
  margin-top: 106px;
}

.dare-devil-img-02 {
  position: static;
  display: block;
  overflow: visible;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  clear: none;
}

.dare-devil-img-02.dare-devil-img-03 {
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(5px, 0px);
  -ms-transform: translate(5px, 0px);
  transform: translate(5px, 0px);
}

.dare-devil-img-02.responsive {
  display: none;
}

.dare-devil-screen {
  position: absolute;
  overflow: hidden;
  width: 199px;
  height: 355px;
  margin-top: 85px;
  margin-right: auto;
  margin-left: 120px;
  padding-top: 0px;
}

.dare-devil-h2 {
  font-family: Catamaran, sans-serif;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.dare-devil-h2.dare-devil-slogen {
  display: inline-block;
  font-size: 47px;
  line-height: 55px;
  text-align: left;
}

.dare-devil-icon-01 {
  display: block;
  width: 50px;
  margin-right: auto;
  margin-left: auto;
}

.dare-devil-p {
  margin-right: 60px;
  margin-left: 60px;
  padding-left: 0px;
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.dare-devil-divider {
  position: static;
  z-index: 2;
  margin-top: -492px;
  border-right: 100vw solid transparent;
  border-bottom: 260px solid #73cac6;
}

.dare-devil-divider.dare-devil-divider-02 {
  position: static;
  z-index: 2;
  margin-top: -1576px;
  border-style: solid solid solid none;
  border-top-width: 260px;
  border-top-color: #73cac6;
  border-bottom-color: #ea5455;
  border-left-width: 100vw;
  border-left-color: transparent;
}

.dare-devil-divider.dare-devil-divider-03 {
  margin-top: -264px;
}

.dare-devil-blue-bg {
  display: block;
  height: 327px;
  background-image: -webkit-linear-gradient(270deg, #73cac6, #73cac6);
  background-image: linear-gradient(180deg, #73cac6, #73cac6);
}

.dare-devil-blue-bg.dare-devil-blue-bg-02 {
  height: 261px;
}

.trigger-div {
  position: absolute;
  height: 10px;
}

.dare-devil-section-03 {
  background-image: -webkit-linear-gradient(270deg, #73cac6, #73cac6);
  background-image: linear-gradient(180deg, #73cac6, #73cac6);
}

.dare-devil-img-04 {
  display: block;
  width: 80%;
  margin-top: -88px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: rotate(-17deg);
  -ms-transform: rotate(-17deg);
  transform: rotate(-17deg);
}

.dare-devil-sticker-01 {
  position: absolute;
  left: 50%;
  z-index: 2;
  width: 130px;
  margin-top: 224px;
  margin-right: auto;
  margin-left: auto;
}

.dare-devil-section-04 {
  margin-top: -57px;
  background-image: -webkit-linear-gradient(270deg, #73cac6, #73cac6);
  background-image: linear-gradient(180deg, #73cac6, #73cac6);
}

.dare-devil-sticker-02 {
  position: absolute;
  left: 50%;
  z-index: 2;
  width: 130px;
  margin-top: 413px;
  margin-left: 50px;
  padding-top: 0px;
}

.dare-devil-img-05 {
  display: block;
  width: 70%;
  margin-top: 93px;
  margin-right: auto;
  margin-left: auto;
}

.dare-devil-img-05.dare-devil-img-06 {
  margin-top: 3px;
}

.dare-devil-img-05.dare-devil-img-08 {
  margin-top: 73px;
  padding-left: 13px;
}

.dare-devil-sticker-03 {
  width: 130px;
}

.dare-devil-container-03 {
  margin-top: -47px;
}

.dare-devil-red-bg {
  height: 643px;
  background-image: -webkit-linear-gradient(270deg, #ea5455, #ea5455);
  background-image: linear-gradient(180deg, #ea5455, #ea5455);
}

.dare-devil-img-07 {
  margin-top: 90px;
}

.dare-devil-section-05 {
  display: block;
  height: 904px;
  background-image: -webkit-linear-gradient(270deg, #73cac6, #73cac6);
  background-image: linear-gradient(180deg, #73cac6, #73cac6);
}

.dare-devil-icon-02 {
  display: block;
  width: 70%;
  float: right;
}

.dare-devil-container-04 {
  padding-right: 100px;
  padding-left: 100px;
}

.dare-devil-row-02 {
  padding-top: 260px;
}

.dare-devil-screen-div {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.dare-devil-screen-img {
  position: relative;
  z-index: 1;
}

.saw-section {
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, #73cac6, #56b6b1 56%, #73cac6 69%, #8ae4e0 82%, #73cac6);
  background-image: linear-gradient(180deg, #73cac6, #56b6b1 56%, #73cac6 69%, #8ae4e0 82%, #73cac6);
}

.dts-section-01 {
  position: static;
}

.dts-section-02 {
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, #85cb85, #85cb85);
  background-image: linear-gradient(180deg, #85cb85, #85cb85);
}

.dts-section-04 {
  position: relative;
  display: block;
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, #d5635d, #d5635d);
  background-image: linear-gradient(180deg, #d5635d, #d5635d);
}

.dts-section-05 {
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, #7cc5bb, #7cc5bb);
  background-image: linear-gradient(180deg, #7cc5bb, #7cc5bb);
}

.dts-section-06 {
  overflow: hidden;
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, #85cb85, #85cb85);
  background-image: linear-gradient(180deg, #85cb85, #85cb85);
}

.dts-city-div {
  position: relative;
  overflow: hidden;
}

.dts-logo {
  position: absolute;
  left: 50%;
  top: 11%;
  z-index: 1;
  display: block;
  width: 30%;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.dts-bg {
  display: inline-block;
  padding-top: 0px;
}

.dts-car-01 {
  position: absolute;
  top: 53%;
  z-index: 2;
  width: 8%;
  margin-left: 0px;
  -webkit-transform: translate(-250px, 0px);
  -ms-transform: translate(-250px, 0px);
  transform: translate(-250px, 0px);
}

.dts-bg-02 {
  position: absolute;
  top: 40.5%;
  z-index: 3;
  display: block;
  width: 74%;
}

.dts-car-02 {
  position: absolute;
  top: 48%;
  right: 0px;
  width: 7%;
  -webkit-transform: translate(200px, 0px);
  -ms-transform: translate(200px, 0px);
  transform: translate(200px, 0px);
}

.dts-car-03 {
  position: absolute;
  top: 91.5%;
  right: 0px;
  width: 10%;
  -webkit-transform: translate(200px, 0px);
  -ms-transform: translate(200px, 0px);
  transform: translate(200px, 0px);
}

.dts-cloud-01 {
  position: absolute;
  left: 30px;
  top: 20%;
  width: 10%;
}

.dts-cloud-02 {
  position: absolute;
  top: 28%;
  right: 70px;
  width: 15%;
}

.dts-cloud-03 {
  position: absolute;
  left: 30%;
  top: 34%;
  width: 5%;
}

.dts-cloud-04 {
  position: absolute;
  left: -40px;
  top: 5%;
  width: 8%;
}

.dts-cloud-05 {
  position: absolute;
  top: 15%;
  right: 28%;
  width: 7%;
}

.dts-phone-01 {
  width: 50%;
  float: right;
}

.dts-h1 {
  margin-top: 137px;
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 44px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
}

.dts-text {
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 26px;
  line-height: 30px;
}

.dts-slider {
  position: absolute;
  top: 32px;
  right: 44px;
  bottom: 0px;
  width: 38.1%;
  height: 79.5%;
}

.dts-slide-01 {
  background-image: url('../images/DTS-01.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.dts-slider-nav {
  display: none;
}

.dts-slide-02 {
  background-image: url('../images/DTS-02.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.dts-slider-03 {
  background-image: url('../images/DTS-03.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.dts-slide-04 {
  background-image: url('../images/DTS-04.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.dts-slide-05 {
  background-image: url('../images/DTS-05.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.dts-slide-06 {
  background-image: url('../images/DTS-06.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.dts-slide-07 {
  background-image: url('../images/DTS-07.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.dts-slide-08 {
  background-image: url('../images/DTS-08.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.dts-phone-div {
  position: static;
  left: 0px;
  top: 50%;
}

.dts-phone-container {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.dts-phone-column-02 {
  padding-left: 22px;
}

.dts-phone-02 {
  position: relative;
  left: 50%;
  top: 30%;
  display: inline-block;
  width: 28%;
  max-width: 100%;
}

.dts-face-01 {
  position: absolute;
  left: 18%;
  top: 10%;
  z-index: 2;
  display: block;
  width: 10.5%;
}

.dts-face-02 {
  position: absolute;
  left: 46.6%;
  top: 13%;
  z-index: 2;
  display: block;
  width: 9.98%;
}

.dts-face-03 {
  position: absolute;
  left: 23.5%;
  top: 59.3%;
  z-index: 2;
  display: block;
  width: 7.5%;
}

.dts-spots {
  position: absolute;
  left: 23%;
  top: 10%;
  display: block;
  width: 45%;
}

.dts-slogen-01 {
  position: absolute;
  left: 25%;
  top: 27%;
  display: block;
  width: 25%;
}

.dts-section-03-div {
  position: relative;
  left: 2.5%;
  top: 50%;
  max-width: 1010px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.dts-section-03-container {
  height: 100%;
}

.dts-spark-01 {
  position: absolute;
  left: 420px;
  top: 65%;
  display: block;
  width: 2%;
}

.dts-spark-02 {
  position: absolute;
  left: 21%;
  top: 46%;
  width: 2.5%;
}

.dts-spark-03 {
  position: absolute;
  left: 32%;
  top: 19%;
  width: 3%;
}

.dts-spark-03.dts-spark-04 {
  left: 46%;
  top: 53%;
  width: 2.5%;
}

.dts-spark-03.dts-spark-05 {
  left: 27%;
  top: 52%;
}

.dts-section-04-div {
  position: relative;
  top: 50%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.dts-phone-03 {
  position: relative;
  left: 27%;
  display: inline-block;
  width: 25%;
}

.dts-slogen-02 {
  position: relative;
  left: 26%;
  width: 30%;
}

.dts-section-06-div {
  position: relative;
  top: 50%;
  display: block;
  overflow: visible;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.dts-phone-04 {
  position: relative;
  left: 50%;
  width: 260px;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.dts-slogen-03 {
  position: absolute;
  left: 10%;
  top: 0px;
  display: inline-block;
  width: 260px;
  margin-top: 89px;
  padding-top: 0px;
}

.saw-section-01 {
  height: 980px;
  background-image: -webkit-linear-gradient(270deg, #67c2be, #67c2be);
  background-image: linear-gradient(180deg, #67c2be, #67c2be);
}

.saw-section-01-container {
  padding-top: 147px;
}

.saw-samsung-logo {
  position: static;
  display: block;
  width: 32%;
  margin-top: 54px;
  margin-right: auto;
  margin-left: auto;
}

.saw-phone-01 {
  position: relative;
  z-index: 1;
  margin-top: 134px;
}

.saw-h1 {
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 29px;
  font-weight: 400;
  text-align: center;
}

.saw-p {
  padding-right: 30px;
  padding-left: 30px;
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 13px;
  text-align: center;
}

.saw-screen-01 {
  display: block;
  width: 84%;
  margin-right: auto;
  margin-left: auto;
}

.saw-programs {
  margin-top: 50px;
}

.saw-section-02 {
  position: static;
  display: block;
  overflow: visible;
  height: 70vh;
  background-image: url('../images/SAW-BG.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-attachment: fixed;
}

.saw-section-03 {
  height: 560px;
  background-image: -webkit-linear-gradient(270deg, #67c2be, #67c2be);
  background-image: linear-gradient(180deg, #67c2be, #67c2be);
}

.saw-screen-02 {
  position: relative;
  display: block;
  width: 70%;
  margin-top: -82px;
  margin-right: auto;
  margin-left: auto;
}

.saw-phone-02 {
  position: relative;
  left: 65%;
  z-index: 1;
  width: 31%;
  margin-top: -199px;
  float: none;
  clear: none;
}

.saw-section-04 {
  display: block;
  overflow: hidden;
  height: 70vh;
  background-image: url('../images/SAW-BG-02.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-attachment: fixed;
}

.saw-bg-02 {
  max-width: 100%;
}

.saw-section-05 {
  display: block;
  background-image: -webkit-linear-gradient(270deg, #67c2be, #67c2be);
  background-image: linear-gradient(180deg, #67c2be, #67c2be);
}

.saw-pic {
  display: inline-block;
  width: 24%;
  margin-right: 9px;
}

.saw-pic-div {
  position: relative;
  display: block;
  margin-top: -76px;
}

.saw-comp-phone-div {
  margin-right: auto;
  margin-left: auto;
}

.saw-screen-03 {
  position: relative;
  display: block;
  width: 500px;
  margin: 150px auto 0px;
  padding-bottom: 150px;
}

.saw-bg-01-img {
  position: static;
  display: block;
  overflow: hidden;
  padding-top: 0px;
}

.saw-doers {
  position: static;
  top: 50%;
  display: block;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.saw-bg-01-div {
  position: absolute;
  display: block;
  overflow: hidden;
  height: 70vh;
}

.bb-section-01 {
  height: 533px;
  background-image: url('../images/BB-1-first-image.jpg');
  background-position: 50% 100%;
  background-size: cover;
  background-attachment: fixed;
}

.bb-box {
  position: relative;
  left: -20%;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  width: 70%;
  margin-top: 269px;
}

.h1 {
  margin-top: 14px;
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 31px;
  line-height: 32px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.bb-section-01-div {
  position: absolute;
  left: 50%;
  top: 180px;
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(79px, 0px);
  -ms-transform: translate(79px, 0px);
  transform: translate(79px, 0px);
}

.bb-logo {
  position: relative;
  display: block;
  width: 25%;
  margin-right: auto;
  margin-left: auto;
}

.bb-section-02 {
  width: 100%;
  height: 900px;
  background-image: -webkit-linear-gradient(270deg, #2f2f2f, #2f2f2f);
  background-image: linear-gradient(180deg, #2f2f2f, #2f2f2f);
}

.bb-phone {
  position: absolute;
  top: 160px;
  right: 90px;
  bottom: 0px;
  width: 38%;
  float: right;
  clear: right;
}

.bb-cable {
  position: absolute;
  left: 191px;
  top: 370px;
  z-index: 1;
  display: block;
  width: 30%;
  margin-top: 0px;
}

.bb-h2 {
  position: absolute;
  left: 170px;
  top: 500px;
  display: inline-block;
  margin-top: 0px;
  padding-left: 0px;
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 41px;
  line-height: 44px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.bb-section-02-div {
  position: relative;
  height: 1000px;
}

.bb-section-03 {
  position: static;
  display: block;
  overflow: visible;
  height: 100%;
}

.bb-h3 {
  position: absolute;
  right: 50%;
  display: inline-block;
  float: none;
  clear: none;
  -webkit-transform: translate(350px, 250px);
  -ms-transform: translate(350px, 250px);
  transform: translate(350px, 250px);
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 56px;
  line-height: 55px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.bb-h3.bb-h3-02 {
  z-index: 1;
  -webkit-transform: translate(-162px, 560px);
  -ms-transform: translate(-162px, 560px);
  transform: translate(-162px, 560px);
  font-size: 42px;
  line-height: 51px;
}

.bb-section-03-img {
  position: static;
  left: 0px;
  top: 0px;
  float: none;
}

.bb-section-04 {
  height: 968px;
  background-image: -webkit-linear-gradient(270deg, #ef2d47, #ef2d47);
  background-image: linear-gradient(180deg, #ef2d47, #ef2d47);
}

.bb-stick-01 {
  position: absolute;
  display: block;
  width: 25%;
}

.bb-stick-02 {
  display: none;
  width: 30%;
}

.bb-picks {
  display: none;
  width: 20%;
}

.bb-snare {
  position: absolute;
  z-index: 2;
  display: block;
  width: 570px;
  float: none;
  clear: both;
  -webkit-transform: translate(0px, 430px);
  -ms-transform: translate(0px, 430px);
  transform: translate(0px, 430px);
}

.bb-section-05 {
  height: 100%;
  background-image: -webkit-linear-gradient(270deg, #2f2f2f, #2f2f2f);
  background-image: linear-gradient(180deg, #2f2f2f, #2f2f2f);
}

.bb-h4 {
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.bb-h5 {
  display: block;
  margin-bottom: -3px;
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}

.bb-boxes {
  position: absolute;
  left: 50%;
  z-index: 1;
  width: 710px;
  -webkit-transform: translate(-41%, -16%);
  -ms-transform: translate(-41%, -16%);
  transform: translate(-41%, -16%);
}

.bb-sticks {
  position: relative;
  left: 0px;
  top: 0px;
  display: block;
  width: 650px;
  margin-left: auto;
  padding-top: 332px;
}

.bb-p {
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 11px;
  font-weight: 100;
  text-align: center;
  text-transform: uppercase;
}

.bb-quote-div {
  display: inline-block;
  margin-top: 187px;
  padding-left: 57px;
  float: left;
}

.bb-phone-02 {
  position: relative;
  display: block;
  width: 350px;
  margin-top: -76px;
  margin-left: auto;
  padding-top: 0px;
  float: right;
}

.bb-shirt {
  position: relative;
  left: 50%;
  width: 430px;
  margin-top: -380px;
  -webkit-transform: translate(-680px, 0px);
  -ms-transform: translate(-680px, 0px);
  transform: translate(-680px, 0px);
}

.bb-logo-02 {
  position: relative;
  display: block;
  width: 170px;
  margin-top: 317px;
  float: right;
}

.bb-appstore {
  position: absolute;
  display: block;
  width: 180px;
  float: right;
  -webkit-transform: translate(409px, 804px);
  -ms-transform: translate(409px, 804px);
  transform: translate(409px, 804px);
}

.ctn-section-01 {
  display: block;
  overflow: hidden;
  height: 620px;
  margin-top: 0px;
  background-image: -webkit-linear-gradient(270deg, #66a0ab, #66a0ab);
  background-image: linear-gradient(180deg, #66a0ab, #66a0ab);
}

.layer {
  position: relative;
  z-index: 8;
  width: 100%;
  height: 100%;
}

.layer.ctn-test-01 {
  position: absolute;
  left: 0%;
  top: 0px;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
  background-attachment: scroll;
}

.layer.ctn-test-02 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 9;
  display: block;
  width: 100%;
  height: 100%;
}

.layer.ctn-test-03 {
  position: relative;
  left: 0px;
  top: 0px;
  display: block;
  width: 100%;
  height: 100%;
}

.scene {
  position: relative;
  left: 0px;
  top: 0px;
  display: block;
  height: 560px;
}

.ctn-black-plants {
  position: absolute;
  left: -10%;
  top: 60%;
  display: block;
  height: 300px;
  max-width: 500%;
}

.ctn-section-02 {
  overflow: hidden;
  background-image: -webkit-linear-gradient(270deg, #000, #000);
  background-image: linear-gradient(180deg, #000, #000);
}

.ctn-test-bg {
  position: fixed;
  z-index: 10;
  display: none;
  width: 100%;
  height: 100vh;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-attachment: scroll;
}

.ctn-body {
  overflow: visible;
  height: 100%;
}

.ctn-front-plants {
  position: absolute;
  left: -10%;
  top: 76%;
  display: block;
  height: 230px;
  max-width: 999999%;
}

.ctn-back-trees {
  position: absolute;
  left: 0px;
  top: -9%;
  z-index: 8;
  display: block;
  height: 400px;
  max-width: 120%;
}

.ctn-mountains {
  position: absolute;
  left: 0px;
  top: 50px;
  display: block;
  height: 220px;
  max-width: 120%;
}

.ctn-front-plants-div {
  position: absolute;
  left: -10%;
  top: 430px;
  width: 120%;
  height: 280px;
  background-image: url('../images/CTN-Hero-front-plants.png');
  background-position: 50% 100%;
  background-size: 1560px;
  background-repeat: repeat-x;
  background-attachment: scroll;
}

.ctn-black-plants-div {
  position: absolute;
  left: -10%;
  top: 410px;
  width: 120%;
  height: 260px;
  background-image: url('../images/CTN-Hero-Black-Plants.png');
  background-position: 50% 100%;
  background-size: 1848px 334px;
}

.ctn-back-trees-div {
  position: absolute;
  left: -10%;
  top: -40px;
  width: 120%;
  height: 520px;
  background-image: url('../images/CTN-Hero-Trees.png');
  background-position: 50% -38px;
  background-size: 1674px;
  background-repeat: repeat-x;
}

.ctn-mountains-div {
  position: absolute;
  left: -10%;
  top: 23px;
  width: 120%;
  height: 290px;
  background-image: url('../images/CTN-Hero-Red-Mountains.png');
  background-position: 50% 0px;
  background-size: 1678px;
  background-repeat: repeat-x;
}

.ctn-fog {
  position: absolute;
  left: -20%;
  top: 410px;
  right: 0px;
  bottom: 0px;
  width: 140%;
  height: 260px;
  background-image: url('../images/CTN-Hero-Clouds.png');
  background-position: 50% 100%;
  background-size: 1678px;
  background-repeat: repeat-x;
}

.ctn-front-vines-div {
  position: absolute;
  left: -10%;
  top: -60px;
  width: 120%;
  height: 380px;
  background-image: url('../images/CTN-Hero-Top-Plants.png');
  background-position: 50% -59px;
  background-size: 1678px;
  background-repeat: repeat-x;
}

.ctn-logo-div {
  position: absolute;
  top: 52%;
  width: 100%;
  height: 415px;
  background-image: url('../images/CTN-Hero-logo.png');
  background-position: 50% 0px;
  background-size: 898px;
  background-repeat: no-repeat;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.ctn-section-03 {
  overflow: hidden;
  height: 1590px;
  background-image: -webkit-linear-gradient(270deg, #f7efda, #f7efda);
  background-image: linear-gradient(180deg, #f7efda, #f7efda);
}

.ctn-h2 {
  display: inline-block;
  font-family: Catamaran, sans-serif;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
}

.ctn-section-03-container {
  position: relative;
  height: 1000px;
}

.ctn-transition-section {
  display: none;
  height: 295px;
  background-image: -webkit-linear-gradient(270deg, #000, #000);
  background-image: linear-gradient(180deg, #000, #000);
}

.ctn-quote-name {
  display: block;
  float: none;
  font-family: Catamaran, sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
}

.ctn-quote-div {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  display: inline-block;
}

.ctn-house {
  position: relative;
  display: block;
  width: 560px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  clear: none;
  -webkit-transform: translate(120px, -153px);
  -ms-transform: translate(120px, -153px);
  transform: translate(120px, -153px);
}

.ctn-section-03-div {
  position: relative;
  width: 100%;
  height: 1590px;
}

.ctn-house-and-quote-div {
  position: relative;
  left: 25%;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.ctn-quote-01 {
  position: relative;
  z-index: 1;
  display: block;
  width: 420px;
  margin-top: 116px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  clear: none;
  -webkit-transform: translate(-162px, 0px);
  -ms-transform: translate(-162px, 0px);
  transform: translate(-162px, 0px);
}

.ctn-ipad-01 {
  position: relative;
  display: block;
  width: 820px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(-460px, -360px);
  -ms-transform: translate(-460px, -360px);
  transform: translate(-460px, -360px);
}

.ctn-prizes {
  position: relative;
  display: block;
  width: 190px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(160px, -650px);
  -ms-transform: translate(160px, -650px);
  transform: translate(160px, -650px);
}

.ctn-ipad-02 {
  position: relative;
  display: block;
  width: 710px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(510px, -660px);
  -ms-transform: translate(510px, -660px);
  transform: translate(510px, -660px);
}

.ctn-quote-02 {
  position: relative;
  z-index: 1;
  display: block;
  width: 430px;
  margin-right: auto;
  margin-left: auto;
  clear: none;
  -webkit-transform: translate(-194px, -510px);
  -ms-transform: translate(-194px, -510px);
  transform: translate(-194px, -510px);
}

.ctn-burning-house {
  position: relative;
  display: block;
  width: 520px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(-213px, -1090px);
  -ms-transform: translate(-213px, -1090px);
  transform: translate(-213px, -1090px);
}

.ctn-section-04 {
  height: 510px;
  background-image: url('../images/7-image.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-attachment: fixed;
}

.ctn-section-05 {
  position: relative;
  margin-bottom: -16px;
  padding-top: 40px;
  padding-bottom: 0px;
  background-image: -webkit-linear-gradient(270deg, #53a0a9, #53a0a9);
  background-image: linear-gradient(180deg, #53a0a9, #53a0a9);
}

.ctn-section-03-container-div {
  width: 100%;
  height: 100%;
  padding-right: 10%;
  padding-left: 10%;
}

.ctn-poster-01 {
  padding-right: 0px;
  padding-left: 0px;
}

.ctn-poster-01-img {
  width: 41%;
  margin-right: -10%;
  padding-left: 0px;
}

.ctn-poster-02-img {
  width: 41%;
  margin-right: -10%;
}

.ctn-poster-03-img {
  width: 38%;
  float: none;
  clear: none;
}

.ctn-section-06 {
  width: 100%;
}

.ctn-section-07 {
  height: 860px;
  margin-top: -8px;
  background-image: -webkit-linear-gradient(270deg, #53a0a9, #53a0a9);
  background-image: linear-gradient(180deg, #53a0a9, #53a0a9);
}

.ctn-poster-04-img {
  width: 37.5%;
  margin-right: -10%;
}

.ctn-poster-05-img {
  width: 41.5%;
  margin-right: -10%;
}

.ctn-poster-06 {
  width: 38.5%;
}

.ctn-ipad-03 {
  position: relative;
  left: -83px;
  top: 60px;
  z-index: 3;
  display: block;
  width: 770px;
  margin-right: auto;
  margin-left: auto;
}

.ctn-section-08 {
  overflow: hidden;
  background-image: -webkit-linear-gradient(270deg, #f7efda, #f7efda);
  background-image: linear-gradient(180deg, #f7efda, #f7efda);
}

.ctn-logo-02 {
  position: relative;
  display: block;
  width: 430px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 290px;
}

.ctn-island {
  position: relative;
  left: 6%;
  z-index: 1;
  display: block;
  margin-top: 73px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.ctn-sun {
  position: absolute;
  left: 50%;
  width: 30%;
  -webkit-transform: translate(0px, 370px);
  -ms-transform: translate(0px, 370px);
  transform: translate(0px, 370px);
}

.ctn-island-div {
  position: relative;
  display: inline-block;
}

.ctn-sea {
  position: relative;
  top: 6px;
  height: 380px;
  margin-top: -134px;
  background-image: -webkit-linear-gradient(270deg, #53a0a9, #53a0a9);
  background-image: linear-gradient(180deg, #53a0a9, #53a0a9);
}

.ctn-sunset {
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 71, 255, .15), rgba(0, 71, 255, .15));
  background-image: linear-gradient(180deg, rgba(0, 71, 255, .15), rgba(0, 71, 255, .15));
}

.byp-section-01 {
  height: 70vh;
  background-image: url('../images/1-backyard-band-photo.jpg');
  background-position: 50% -61px;
  background-size: cover;
  background-attachment: fixed;
}

.byp-logo {
  position: relative;
  top: 55%;
  display: block;
  width: 511px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.byp-section-02 {
  background-image: -webkit-linear-gradient(270deg, #00afb8, #00afb8);
  background-image: linear-gradient(180deg, #00afb8, #00afb8);
}

.byp-p {
  margin: 109px 46px 81px;
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-weight: 200;
  text-align: center;
}

.byp-p.byp-p-02 {
  margin-top: 10px;
}

.byp-p.byp-p-03 {
  margin-top: 122px;
}

.byp-poster-01 {
  margin-top: -58px;
}

.byp-pin-01 {
  position: relative;
  display: block;
  width: 42%;
  margin-top: 34px;
  margin-right: auto;
  margin-left: auto;
}

.byp-h1 {
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.byp-section-03 {
  height: 70vh;
  margin-top: -81px;
  background-image: url('../images/6-pin-photos-copy.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.byp-section-04 {
  background-image: -webkit-linear-gradient(270deg, #00afb8, #00afb8);
  background-image: linear-gradient(180deg, #00afb8, #00afb8);
}

.byp-section-05 {
  height: 70vh;
  margin-top: -57px;
  background-image: url('../images/BYP-BG-03.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-attachment: scroll;
}

.byp-logo-02 {
  position: relative;
  top: 55%;
  display: block;
  width: 560px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.byp-section-06 {
  background-image: -webkit-linear-gradient(270deg, #00afb8, #00afb8);
  background-image: linear-gradient(180deg, #00afb8, #00afb8);
}

.byp-banner {
  position: relative;
  display: block;
  width: 760px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 150px;
  padding-bottom: 150px;
}

.sb-section-01 {
  position: static;
  overflow: hidden;
  height: 520px;
  background-image: -webkit-linear-gradient(270deg, #4fb1a1, #4fb1a1);
  background-image: linear-gradient(180deg, #4fb1a1, #4fb1a1);
}

.sb-section-02 {
  height: 730px;
  background-image: -webkit-linear-gradient(270deg, #865ca4, #865ca4);
  background-image: linear-gradient(180deg, #865ca4, #865ca4);
}

.sb-section-04 {
  background-image: -webkit-linear-gradient(270deg, #334d5a, #334d5a);
  background-image: linear-gradient(180deg, #334d5a, #334d5a);
}

.sb-section-05 {
  background-image: -webkit-linear-gradient(270deg, #f3787b, #f3787b);
  background-image: linear-gradient(180deg, #f3787b, #f3787b);
}

.sb-section-07 {
  position: relative;
  margin-top: -5px;
  background-image: -webkit-linear-gradient(270deg, #7db6db, #7db6db);
  background-image: linear-gradient(180deg, #7db6db, #7db6db);
}

.sb-section-08 {
  height: 738px;
  background-image: -webkit-linear-gradient(270deg, #4fb1a1, #4fb1a1);
  background-image: linear-gradient(180deg, #4fb1a1, #4fb1a1);
}

.sb-section-09 {
  position: relative;
  margin-top: -2px;
  background-image: -webkit-linear-gradient(270deg, #8155a1, #8155a1);
  background-image: linear-gradient(180deg, #8155a1, #8155a1);
}

.sb-fridge {
  position: relative;
  top: 110px;
  display: inline-block;
  width: 300px;
}

.sb-logo {
  position: relative;
  width: 310px;
  padding-right: 25px;
}

.sb-section-01-container {
  position: relative;
  left: 0px;
  top: 0px;
  display: block;
  width: 635px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  clear: none;
}

.sb-section-01-container-01 {
  position: relative;
  display: block;
}

.sb-phone-01 {
  width: 370px;
  margin-top: -79px;
  margin-right: -63px;
}

.sb-phone-02 {
  width: 228px;
  -webkit-transform: translate(-74px, 162px);
  -ms-transform: translate(-74px, 162px);
  transform: translate(-74px, 162px);
}

.sb-ces {
  position: relative;
  width: 138px;
  margin-top: -383px;
}

.sb-text-01 {
  width: 194px;
  margin-left: 144px;
}

.sb-section-02-div {
  display: inline-block;
  padding-right: 100px;
  padding-left: 117px;
}

.sb-illustration-01 {
  margin-top: 143px;
  margin-bottom: 218px;
}

.sb-frames {
  position: relative;
  display: block;
  width: 1020px;
  margin-right: auto;
  margin-left: auto;
}

.sb-frame {
  position: absolute;
  left: 50%;
  z-index: 1;
  width: 360px;
  -webkit-transform: translate(-48%, -88px);
  -ms-transform: translate(-48%, -88px);
  transform: translate(-48%, -88px);
}

.sb-illustration-02 {
  position: relative;
  display: block;
  width: 680px;
  margin: 66px auto 182px;
  padding-bottom: 0px;
}

.sb-frame-02 {
  position: relative;
  left: 0%;
  top: -260px;
  display: block;
  width: 570px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(2%, 0px);
  -ms-transform: translate(2%, 0px);
  transform: translate(2%, 0px);
}

.sb-illustration-03 {
  display: block;
  width: 590px;
  margin: 133px auto;
}

.sb-video {
  height: 710px;
  padding-bottom: 0px;
}

.sami-section-02 {
  height: 90vh;
  background-image: -webkit-linear-gradient(270deg, #e43a54, #e43a54);
  background-image: linear-gradient(180deg, #e43a54, #e43a54);
}

.sami-section-03 {
  position: relative;
  display: block;
  background-image: -webkit-linear-gradient(270deg, #e7ebf4, #e7ebf4);
  background-image: linear-gradient(180deg, #e7ebf4, #e7ebf4);
}

.sami-section-04 {
  height: 90vh;
  background-image: url('../images/00028-bcs-whiteridges.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.sami-section-05 {
  height: 90vh;
  background-image: -webkit-linear-gradient(270deg, #65c4c0, #65c4c0);
  background-image: linear-gradient(180deg, #65c4c0, #65c4c0);
}

.sami-section-06 {
  height: 90vh;
  background-image: -webkit-linear-gradient(270deg, #b76e82, #b76e82);
  background-image: linear-gradient(180deg, #b76e82, #b76e82);
}

.sami-section-07 {
  background-image: -webkit-linear-gradient(270deg, #84d5c9, #84d5c9);
  background-image: linear-gradient(180deg, #84d5c9, #84d5c9);
}

.sami-html {
  position: relative;
  display: block;
  height: 265px;
}

.sami-video-bg {
  position: relative;
  display: block;
  overflow: visible;
  float: none;
}

.sami-video-bg-div {
  position: relative;
  display: block;
}

.sami-section-01-img {
  display: block;
  width: 500px;
  margin: 67px auto 78px;
}

.sami-01-img {
  position: relative;
  top: 50%;
  display: block;
  width: 760px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.sami-02-img {
  position: relative;
  top: 50%;
  display: block;
  width: 620px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.sami-03-img {
  position: relative;
  top: 50%;
  display: block;
  width: 550px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 23px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.sbw-section-01 {
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, #8b92cc, #8b92cc);
  background-image: linear-gradient(180deg, #8b92cc, #8b92cc);
}

.sbw-section-02 {
  position: relative;
  width: 100%;
  height: 100%;
}

.sbw-html-embed {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
}

.sbw-section-02-div {
  position: relative;
}

.saw-row {
  position: relative;
  display: block;
  width: 100%;
}

.sbw-row-div {
  position: absolute;
  top: 50%;
  display: block;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.sbw-container {
  position: relative;
  height: 100%;
}

.sbw-p {
  margin-top: 12px;
  font-family: Catamaran, sans-serif;
  color: #fff;
}

.sbw-logo {
  margin-top: 84px;
}

.sbw-blocker {
  position: absolute;
  z-index: 9;
  display: block;
  overflow: visible;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(270deg, rgba(194, 93, 93, 0), rgba(194, 93, 93, 0));
  background-image: linear-gradient(180deg, rgba(194, 93, 93, 0), rgba(194, 93, 93, 0));
}

.sbw-links {
  font-family: Catamaran, sans-serif;
  color: #4e5591;
  font-weight: 600;
  text-decoration: none;
}

.sbw-text {
  display: block;
  color: #4e5591;
}

.sbw-text._02 {
  display: none;
}

.ddv-section {
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, #ea5455, #ea5455);
  background-image: linear-gradient(180deg, #ea5455, #ea5455);
}

.ddw-div {
  position: relative;
  top: 40%;
  display: block;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.ddv-logo {
  position: relative;
  display: block;
  width: 100px;
  margin-right: auto;
  margin-bottom: -30px;
  margin-left: auto;
  padding-top: 113px;
}

.sbv-section {
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, #525b7c, #525b7c);
  background-image: linear-gradient(180deg, #525b7c, #525b7c);
}

.sbv-video-div {
  display: block;
  width: 700px;
  margin-right: auto;
  margin-left: auto;
}

.sbv-logo {
  display: block;
  width: 170px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding-top: 101px;
}

.sbv-div {
  position: relative;
  top: 42%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.mbm-section-01 {
  overflow: hidden;
  height: 560px;
  background-image: url('../images/MBM-BG-01.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.mbm-section-02 {
  overflow: hidden;
  height: 630px;
  background-image: url('../images/MBM-BG-02.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.mbm-section-03 {
  overflow: hidden;
}

.mbm-section-04 {
  overflow: hidden;
  margin-top: 113px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
}

.mbm-bg-div-01 {
  position: static;
  height: 636px;
  border-right: 97vw solid transparent;
  border-bottom: 110px solid #fff;
  background-image: -webkit-linear-gradient(270deg, #f3d8d5, #f3d8d5);
  background-image: linear-gradient(180deg, #f3d8d5, #f3d8d5);
}

.mbm-bg-div-02 {
  position: static;
  height: 670px;
  border-bottom: 240px solid #f2d6bc;
  border-left: 97vw solid transparent;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
}

.mbm-bg-div-03 {
  height: 410px;
  border-right: 97vw solid transparent;
  border-bottom: 41px solid #fff;
  background-image: -webkit-linear-gradient(270deg, #f2d6bc, #f2d6bc);
  background-image: linear-gradient(180deg, #f2d6bc, #f2d6bc);
  color: #f2d6bc;
}

.bmb-text-01 {
  position: absolute;
  left: 50%;
  z-index: 2;
  display: block;
  width: 738px;
  margin-top: 66px;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.mbm-img-01 {
  position: absolute;
  left: 40%;
  z-index: 2;
  width: 309px;
  margin-top: 111px;
}

.mbm-img-02 {
  position: absolute;
  left: 13%;
  width: 514px;
  margin-top: 613px;
}

.mbm-img-03 {
  position: absolute;
  left: 34%;
  width: 513px;
  margin-top: 987px;
}

.mbm-text-02 {
  position: absolute;
  left: 26%;
  width: 660px;
  margin-top: 1273px;
}

.mbm-img-04 {
  position: absolute;
  left: 32%;
  width: 470px;
  margin-top: 1477px;
}

.mbm-img-05 {
  width: 385px;
  margin-top: 134px;
  float: right;
}

.mbm-img-06 {
  width: 340px;
}

.mbm-img-07 {
  width: 275px;
  margin-top: 244px;
  float: right;
}

.mbm-img-08 {
  width: 255px;
  margin-top: 234px;
}

.mbm-img-09 {
  width: 285px;
  margin-top: 16px;
  float: right;
}

.mbm-img-10 {
  width: 335px;
  margin-top: 17px;
}

.mbm-img-11 {
  width: 225px;
  margin-top: 44px;
  float: right;
}

.mbm-img-12 {
  width: 315px;
  -webkit-transform: translate(19px, 0px);
  -ms-transform: translate(19px, 0px);
  transform: translate(19px, 0px);
}

.mbm-img-13 {
  width: 285px;
  margin-top: 22px;
  float: right;
  -webkit-transform: translate(40px, 0px);
  -ms-transform: translate(40px, 0px);
  transform: translate(40px, 0px);
}

.mbm-img-14 {
  width: 305px;
  -webkit-transform: translate(26px, 0px);
  -ms-transform: translate(26px, 0px);
  transform: translate(26px, 0px);
}

.mbm-img-15 {
  width: 275px;
  margin-top: 38px;
  float: right;
}

.mbm-img-16 {
  position: relative;
  display: block;
  width: 400px;
  margin-top: 39px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 86px;
}

.mbm-column-01 {
  padding-right: 15px;
}

.mbm-column-02 {
  padding-left: 15px;
}

.mbm-logo-02 {
  position: relative;
  display: block;
  width: 300px;
  margin: 168px auto 287px;
}

.mbm-logo-01 {
  position: relative;
  top: 50%;
  display: block;
  width: 288px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.mbm-text {
  position: relative;
  left: 50%;
  top: 0px;
  display: inline-block;
  margin-top: 56px;
  -webkit-transform: translate(-170%, 0px);
  -ms-transform: translate(-170%, 0px);
  transform: translate(-170%, 0px);
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.mbm-h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 442px;
  font-family: Catamaran, sans-serif;
  color: #fff;
}

.mbm-section-02-div {
  padding-left: 201px;
}

.mbm-text-h2 {
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 100;
}

.xuxu-section {
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, #74cee6, #74cee6);
  background-image: linear-gradient(180deg, #74cee6, #74cee6);
}

.xuxu-logo {
  display: block;
  width: 110px;
  margin: 96px auto 20px;
}

.xuxu-div {
  position: relative;
  display: block;
}

.dpv-section {
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, #75c379, #75c379);
  background-image: linear-gradient(180deg, #75c379, #75c379);
}

.dpv-logo {
  display: block;
  width: 120px;
  margin: 99px auto 25px;
}

.dpv-logo.dts-small-logo {
  width: 60px;
  margin-top: 100px;
  margin-bottom: 15px;
}

.ctn-bubbles {
  position: relative;
  top: 50%;
  display: block;
  width: 750px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.menu {
  position: fixed;
  z-index: 11;
  display: block;
  width: 100%;
  height: 80px;
  background-image: -webkit-linear-gradient(270deg, #f7f7f7, #f7f7f7);
  background-image: linear-gradient(180deg, #f7f7f7, #f7f7f7);
}

.menu-logo {
  display: block;
  width: 140px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 29px;
}

.dd-navbar {
  position: fixed;
  display: none;
  width: 100%;
  background-color: transparent;
}

.menu-nav-div {
  position: relative;
  display: block;
  width: 100%;
}

.menu-logo-div {
  position: relative;
  display: block;
  width: 250px;
  margin-right: auto;
  margin-left: auto;
  float: left;
  clear: none;
}

.menu-logo-div.w--current {
  float: left;
}

.sami-html-embed {
  display: block;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.sami-video-bg-02 {
  position: static;
  left: 0px;
  top: 0px;
  display: block;
  overflow: visible;
}

.sami-video-div {
  position: relative;
  display: block;
  overflow: visible;
}

.sami-video {
  display: none;
}

.main-slider {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.main-mask {
  position: relative;
  display: block;
  height: 100%;
  background-image: -webkit-linear-gradient(270deg, #d53147, #d53147);
  background-image: linear-gradient(180deg, #d53147, #d53147);
}

.main-slide {
  position: relative;
  display: inline-block;
  float: none;
  clear: none;
}

.main-backbeater-bg {
  display: inline-block;
  width: 100%;
  height: 520px;
  background-image: -webkit-linear-gradient(270deg, #d53147, #d53147);
  background-image: linear-gradient(180deg, #d53147, #d53147);
}

.main-h1 {
  margin-bottom: 0px;
  font-family: Catamaran, sans-serif;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
}

.main-p {
  font-family: Catamaran, sans-serif;
  font-size: 14px;
}

.main-map {
  width: 100px;
}

.main-map-text {
  position: absolute;
  left: 50%;
  top: 61%;
  display: block;
  width: 261px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  float: right;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 100;
  text-align: left;
  text-transform: uppercase;
}

.main-h2 {
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.main-bb-flag {
  position: relative;
  top: 50%;
  display: block;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.main-text-01 {
  position: static;
  left: 0px;
  bottom: 0px;
  z-index: 9;
  display: block;
  font-family: Catamaran, sans-serif;
  color: #000;
  font-size: 19px;
  font-weight: 200;
  text-align: left;
}

.main-text-01.white {
  color: #fff;
}

.main-text-01._02 {
  margin-top: 8px;
  color: #646464;
  font-size: 11px;
  text-transform: uppercase;
}

.main-text-div {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 9;
  margin-bottom: 70px;
  margin-left: 70px;
}

.main-text-div.r {
  left: auto;
  right: 0px;
  bottom: 0px;
  margin-right: 70px;
}

.main-text-02 {
  margin-top: 7px;
  font-family: Catamaran, sans-serif;
  color: #000;
  font-size: 24px;
  font-weight: 500;
}

.main-text-02.white {
  color: #fff;
}

.main-text-02._02 {
  margin-top: 0px;
  color: #9c9c9c;
  font-size: 15px;
  text-transform: uppercase;
}

.main-contact-div {
  position: relative;
  top: 50%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.main-h3 {
  margin-top: 14px;
  font-family: Catamaran, sans-serif;
  color: #292929;
  font-size: 16px;
}

.line {
  display: none;
  width: 170px;
  height: 1px;
  margin-right: auto;
  margin-left: auto;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
}

.main-about-container {
  padding-top: 100px;
  padding-bottom: 100px;
}

.eg-section-03 {
  background-image: -webkit-linear-gradient(270deg, #efefef, #efefef);
  background-image: linear-gradient(180deg, #efefef, #efefef);
}

.eg-section-04 {
  height: 680px;
  margin-top: -309px;
  background-image: -webkit-linear-gradient(270deg, #202020, #202020);
  background-image: linear-gradient(180deg, #202020, #202020);
}

.eg-section-05 {
  background-image: -webkit-linear-gradient(270deg, #efefef, #efefef);
  background-image: linear-gradient(180deg, #efefef, #efefef);
}

.eg-section-06 {
  margin-top: -80px;
}

.eg-section-01-imgs {
  display: block;
  width: 600px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
}

.eg-section-01-imgs._01 {
  width: 500px;
}

.eg-section-01-imgs._02 {
  width: 758px;
  margin-top: -26px;
}

.eg-section-01-imgs._03 {
  width: 500px;
  margin-top: -205px;
}

.eg-grey-div {
  position: static;
  height: 155px;
  background-image: -webkit-linear-gradient(270deg, #202020, #202020);
  background-image: linear-gradient(180deg, #202020, #202020);
}

.eg-container-01 {
  margin-top: -93px;
}

.eg-bike {
  display: block;
  width: 160px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 336px;
}

.eg-img-01 {
  width: 530px;
  margin-top: -145px;
}

.eg-img-02 {
  width: 344px;
  margin-top: -109px;
}

.eg-img-03 {
  position: relative;
  display: block;
  width: 390px;
  margin-top: 45px;
  margin-right: auto;
  margin-left: auto;
}

.eg-section-07 {
  height: 980px;
  background-image: -webkit-linear-gradient(270deg, #202020, #202020);
  background-image: linear-gradient(180deg, #202020, #202020);
}

.eg-section-08 {
  background-image: -webkit-linear-gradient(270deg, #efefef, #efefef);
  background-image: linear-gradient(180deg, #efefef, #efefef);
}

.eg-img-04 {
  display: block;
  width: 300px;
  margin-top: -100px;
  margin-right: auto;
  margin-left: auto;
}

.eg-img-05 {
  display: block;
  width: 140px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(208px, -111px);
  -ms-transform: translate(208px, -111px);
  transform: translate(208px, -111px);
}

.eg-img-06 {
  display: block;
  width: 320px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(-148px, -204px);
  -ms-transform: translate(-148px, -204px);
  transform: translate(-148px, -204px);
}

.eg-img-07 {
  display: block;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(176px, -250px);
  -ms-transform: translate(176px, -250px);
  transform: translate(176px, -250px);
}

.eg-img-08 {
  display: block;
  width: 400px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(-111px, -430px);
  -ms-transform: translate(-111px, -430px);
  transform: translate(-111px, -430px);
}

.eg-img-09 {
  display: block;
  width: 190px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(199px, -801px);
  -ms-transform: translate(199px, -801px);
  transform: translate(199px, -801px);
}

.eg-img-10 {
  display: block;
  width: 80%;
  margin: 37px auto 111px;
}

.eg-text-01 {
  margin-top: 225px;
  font-family: Catamaran, sans-serif;
  font-size: 22px;
  text-align: center;
}

.eg-link {
  display: block;
  margin-top: 13px;
  margin-right: auto;
  margin-left: auto;
  color: #0014ff;
  text-align: center;
}

.eg-container-03 {
  height: 600px;
}

.eg-img-d {
  position: relative;
  display: block;
  width: 880px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(9px, 0px);
  -ms-transform: translate(9px, 0px);
  transform: translate(9px, 0px);
}

.main-link-div {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
}

.main-link-text-01 {
  margin-top: 10px;
  font-family: Catamaran, sans-serif;
  color: #333;
  text-transform: uppercase;
}

.main-link-text-02 {
  margin-top: 7px;
  font-family: Catamaran, sans-serif;
  color: #333;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
}

.main-full-screen-div {
  width: 100%;
}

.main-row {
  margin-top: 20px;
  margin-bottom: 50px;
}

.main-row._02 {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 30px;
}

.footer-text-01 {
  display: inline-block;
  float: left;
  font-family: Catamaran, sans-serif;
  color: #000;
}

.footer-text-02 {
  display: inline-block;
  float: right;
  font-family: Catamaran, sans-serif;
  color: #000;
  text-align: right;
}

.footer-container {
  margin-top: 20px;
  margin-bottom: 20px;
}

.footer-social-div {
  position: absolute;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  margin-top: 4px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  clear: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.footer-social-link {
  width: 40px;
  margin-right: 5px;
  margin-left: 5px;
}

.main-map-img {
  width: 300px;
  height: 165px;
  float: none;
  clear: none;
  background-image: url('../images/Studio-Map.jpg');
  background-position: 1px -71px;
  background-size: 259px;
}

.main-link-mask {
  overflow: hidden;
}

.main-link-mask._02 {
  display: inline-block;
  width: 100%;
  background-image: -webkit-linear-gradient(270deg, #d53147, #d53147);
  background-image: linear-gradient(180deg, #d53147, #d53147);
}

.main-link-mask._02.backbeater {
  position: relative;
  display: block;
  height: 450px;
}

.main-link-mask._03 {
  position: relative;
  display: block;
  width: 100%;
  height: 450px;
  background-image: -webkit-linear-gradient(270deg, #d53147, #d53147);
  background-image: linear-gradient(180deg, #d53147, #d53147);
}

.more-projects-container {
  height: 270px;
  margin-top: 0px;
  margin-bottom: -50px;
}

.more-projects-section {
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: -webkit-linear-gradient(270deg, #202020, #202020);
  background-image: linear-gradient(180deg, #202020, #202020);
}

.map-blocker {
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(270deg, rgba(45, 212, 190, .82), rgba(45, 212, 190, .82));
  background-image: linear-gradient(180deg, rgba(45, 212, 190, .82), rgba(45, 212, 190, .82));
}

.main-closer-prizes {
  position: absolute;
  left: 938px;
  top: 155px;
  z-index: 2;
  width: 180px;
}

.play-section-01 {
  overflow: hidden;
  background-image: -webkit-linear-gradient(270deg, #ff4554, #ff4554);
  background-image: linear-gradient(180deg, #ff4554, #ff4554);
}

.play-section-09 {
  background-image: -webkit-linear-gradient(270deg, #f0f0f0, #f0f0f0);
  background-image: linear-gradient(180deg, #f0f0f0, #f0f0f0);
}

.play-section-07 {
  background-image: -webkit-linear-gradient(270deg, #4bb0bf, #4bb0bf);
  background-image: linear-gradient(180deg, #4bb0bf, #4bb0bf);
}

.play-section-04 {
  background-image: -webkit-linear-gradient(270deg, #f0f0f0, #f0f0f0);
  background-image: linear-gradient(180deg, #f0f0f0, #f0f0f0);
}

.play-section-02 {
  background-image: -webkit-linear-gradient(270deg, #f0f0f0, #f0f0f0);
  background-image: linear-gradient(180deg, #f0f0f0, #f0f0f0);
}

.play-bg-div-01 {
  width: 50%;
  height: 600px;
  float: right;
  clear: right;
  background-image: -webkit-linear-gradient(270deg, #d55694, #d55694);
  background-image: linear-gradient(180deg, #d55694, #d55694);
}

.play-bg-div-02 {
  width: 50%;
  height: 300px;
  float: none;
  background-image: -webkit-linear-gradient(270deg, #febd3e, #febd3e);
  background-image: linear-gradient(180deg, #febd3e, #febd3e);
}

.play-bg-div-03 {
  width: 50%;
  height: 300px;
  float: none;
  clear: none;
  background-image: -webkit-linear-gradient(270deg, #8358a0, #8358a0);
  background-image: linear-gradient(180deg, #8358a0, #8358a0);
}

.play-img-01 {
  position: relative;
  top: 50%;
  display: block;
  width: 270px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.play-img-02 {
  position: relative;
  top: 60%;
  display: block;
  width: 250px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.play-img-03 {
  position: relative;
  top: 52%;
  display: block;
  width: 470px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.play-img-04 {
  display: block;
  width: 780px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.play-img-05 {
  display: block;
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

.play-img-06 {
  display: block;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 120px;
  padding-bottom: 120px;
}

.play-logo {
  position: relative;
  top: 50%;
  display: block;
  width: 680px;
  margin-right: auto;
  margin-left: auto;
}

.play-slogan {
  margin-top: 30px;
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 19px;
  font-weight: 800;
  text-align: center;
}

.play-logo-div {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 600px;
  -webkit-transform: translate(-50%, -70%);
  -ms-transform: translate(-50%, -70%);
  transform: translate(-50%, -70%);
}

.play-gif-02 {
  position: absolute;
  left: 50%;
  width: 280px;
  -webkit-transform: translate(0px, 0px) translate(-250px, 180px);
  -ms-transform: translate(0px, 0px) translate(-250px, 180px);
  transform: translate(0px, 0px) translate(-250px, 180px);
}

.play-img-07 {
  position: relative;
  z-index: 2;
  display: block;
  width: 840px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.coming-soon {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 240px;
  height: 35px;
  -webkit-perspective: 1482px;
  perspective: 1482px;
  -webkit-transform: translate(-50%, -120%);
  -ms-transform: translate(-50%, -120%);
  transform: translate(-50%, -120%);
  font-family: Catamaran, sans-serif;
  color: #2dd4be;
  font-size: 28px;
  font-weight: 800;
  text-transform: uppercase;
}

.coming-soon-text {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0px, -42%);
  -ms-transform: translate(0px, -42%);
  transform: translate(0px, -42%);
  color: #2dd4be;
  font-size: 25px;
  text-align: center;
}

.menu-base {
  position: static;
  height: 80px;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.main-backbeater-gif {
  position: relative;
  top: 50%;
  display: block;
  width: 350px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.backbeater-bg {
  position: static;
}

.main-hero {
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, #2dd4be, #2dd4be);
  background-image: linear-gradient(180deg, #2dd4be, #2dd4be);
}

.main-backbeater-div {
  height: 450px;
}

.arrow {
  margin-top: 80px;
  background-color: transparent;
  opacity: 0.33;
}

.more-projects-slider {
  height: 260px;
  background-image: -webkit-linear-gradient(270deg, transparent, transparent);
  background-image: linear-gradient(180deg, transparent, transparent);
}

.more-projects-mask {
  overflow: hidden;
  height: 260px;
  padding-right: 80px;
  padding-left: 80px;
  background-image: -webkit-linear-gradient(270deg, transparent, transparent);
  background-image: linear-gradient(180deg, transparent, transparent);
}

.more-projects-slide {
  height: 260px;
  margin-bottom: -43px;
  padding-bottom: 40px;
  background-image: -webkit-linear-gradient(270deg, #202020, #202020);
  background-image: linear-gradient(180deg, #202020, #202020);
}

.more-projects-arrow-div {
  background-image: -webkit-linear-gradient(270deg, #202020, #202020);
  background-image: linear-gradient(180deg, #202020, #202020);
}

.main-hero-container {
  height: 100%;
  padding-top: 0px;
}

.main-hero-text {
  font-family: Catamaran, sans-serif;
  font-size: 44px;
  line-height: 54px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.main-hero-text._02 {
  padding-right: 58px;
  padding-left: 57px;
  font-size: 17px;
  line-height: 23px;
  font-weight: 600;
}

.main-hero-divider {
  position: relative;
  display: block;
  overflow: visible;
  width: 300px;
  height: 1.5px;
  margin: 0px auto 10px;
}

.main-hero-text-div {
  position: relative;
  top: 53%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.arrow-link-div {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 60px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  padding: 15px;
}

.main-hero-arrow {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.projects-section {
  padding-bottom: 50px;
  background-image: -webkit-linear-gradient(270deg, #f7f7f7, #f7f7f7);
  background-image: linear-gradient(180deg, #f7f7f7, #f7f7f7);
}

.projects-text-01 {
  margin-top: 8px;
  margin-bottom: 2px;
  opacity: 1;
  font-family: Catamaran, sans-serif;
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
}

.projects-text-02 {
  font-family: Catamaran, sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.projects-row {
  margin-top: 38px;
}

.projects-item {
  display: inline-block;
  margin-right: 29px;
  font-family: Catamaran, sans-serif;
  font-size: 31px;
  line-height: 43px;
  font-weight: 800;
  text-transform: uppercase;
}

.projects-item._02 {
  color: #2dd4be;
}

.projects-list-div {
  margin-top: 40px;
  margin-bottom: 20px;
}

.projects-mask-div {
  overflow: hidden;
}

.projects-category-link {
  display: inline-block;
  padding-right: 25px;
  font-family: Catamaran, sans-serif;
  color: #333;
  font-size: 31px;
  line-height: 43px;
  font-weight: 900;
  text-transform: uppercase;
}

.projects-category-link.current-category {
  color: #2dd4be;
}

.projects-category-link.current-category.w--current {
  padding-right: 25px;
}

.projects-category-link.divider {
  padding-right: 25px;
  font-weight: 600;
}

.play-gif {
  display: block;
  width: 100%;
}

.more-projects-coming-soon {
  position: absolute;
  left: 50%;
  top: 43%;
  display: block;
  width: 120px;
  height: 20px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: Catamaran, sans-serif;
  color: #2dd4be;
  font-size: 17px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.projects-coming-soon {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 210px;
  height: 22px;
  -webkit-transform: translate(-50%, -150%);
  -ms-transform: translate(-50%, -150%);
  transform: translate(-50%, -150%);
  font-family: Catamaran, sans-serif;
  color: #2dd4be;
  font-size: 29px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

._2nd-logo {
  display: block;
  width: 370px;
  margin-right: auto;
  margin-bottom: 150px;
  margin-left: auto;
}

.div-block {
  display: block;
  height: 100%;
}

.image {
  position: absolute;
  display: block;
  margin-top: 521px;
}

.image-2 {
  position: absolute;
  display: block;
  max-width: 100%;
  margin-top: 147px;
}

.image-3 {
  position: absolute;
  display: block;
  max-width: 100%;
  margin-top: -64px;
  margin-bottom: -64px;
}

.image-4 {
  position: absolute;
  display: block;
  margin-top: 595px;
  margin-bottom: 595px;
}

.image-5 {
  position: absolute;
  display: block;
  height: 230px;
  max-width: 120%;
  margin-top: 492px;
  margin-bottom: 492px;
}

.image-6 {
  position: absolute;
  display: block;
  width: 1894px;
  max-width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.div-block-2 {
  position: absolute;
  width: 100%;
  height: 260px;
  background-image: -webkit-linear-gradient(270deg, #ede7d1, #ede7d1);
  background-image: linear-gradient(180deg, #ede7d1, #ede7d1);
}

html.w-mod-js *[data-ix="hover"] {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

html.w-mod-js *[data-ix="appear"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix="appear-02"] {
  opacity: 0;
  -webkit-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}

html.w-mod-js *[data-ix="appear-4"] {
  opacity: 0;
  -webkit-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}

html.w-mod-js *[data-ix="appear-03"] {
  opacity: 0;
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix="dts-car-01"] {
  -webkit-transform: translate(-200px, 0px);
  -ms-transform: translate(-200px, 0px);
  transform: translate(-200px, 0px);
}

html.w-mod-js *[data-ix="dts-car-02"] {
  -webkit-transform: translate(200px, 0px);
  -ms-transform: translate(200px, 0px);
  transform: translate(200px, 0px);
}

html.w-mod-js *[data-ix="dts-car-03"] {
  -webkit-transform: translate(200px, 0px);
  -ms-transform: translate(200px, 0px);
  transform: translate(200px, 0px);
}

html.w-mod-js *[data-ix="dts-phone-04"] {
  -webkit-transform: translate(0px, 50%);
  -ms-transform: translate(0px, 50%);
  transform: translate(0px, 50%);
}

html.w-mod-js *[data-ix="dts-phone-03"] {
  -webkit-transform: scale(0.01, 0.01) translate(-100px, 200px) rotate(-43deg);
  -ms-transform: scale(0.01, 0.01) translate(-100px, 200px) rotate(-43deg);
  transform: scale(0.01, 0.01) translate(-100px, 200px) rotate(-43deg);
}

html.w-mod-js *[data-ix="appear-down-01"] {
  opacity: 0;
  -webkit-transform: translate(0px, 70px);
  -ms-transform: translate(0px, 70px);
  transform: translate(0px, 70px);
}

html.w-mod-js *[data-ix="appear-down-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, 70px);
  -ms-transform: translate(0px, 70px);
  transform: translate(0px, 70px);
}

html.w-mod-js *[data-ix="appear-down-3"] {
  opacity: 0;
  -webkit-transform: translate(0px, 70px);
  -ms-transform: translate(0px, 70px);
  transform: translate(0px, 70px);
}

html.w-mod-js *[data-ix="appear-down-4"] {
  opacity: 0;
  -webkit-transform: translate(0px, 70px);
  -ms-transform: translate(0px, 70px);
  transform: translate(0px, 70px);
}

html.w-mod-js *[data-ix="saw-phone-01"] {
  -webkit-transform: translate(0px, 40px);
  -ms-transform: translate(0px, 40px);
  transform: translate(0px, 40px);
}

html.w-mod-js *[data-ix="hero"] {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

html.w-mod-js *[data-ix="hero-02"] {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

html.w-mod-js *[data-ix="ctn-sun"] {
  -webkit-transform: translate(0px, 370px);
  -ms-transform: translate(0px, 370px);
  transform: translate(0px, 370px);
}

html.w-mod-js *[data-ix="ctn-logo-02"] {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

html.w-mod-js *[data-ix="ctn-sunset"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="main-hover"] {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

html.w-mod-js *[data-ix="map-blocker"] {
  opacity: 0;
}

@media (max-width: 991px) {
  .logo {
    width: 350px;
  }
  .dare-devil-h1 {
    font-size: 21px;
  }
  .img-01 {
    display: block;
    width: 628px;
    margin-right: auto;
    margin-left: auto;
  }
  .dare-devil-container.dare-devil-container-02 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .dare-devil-img-02 {
    display: none;
  }
  .dare-devil-img-02.dare-devil-img-03 {
    display: block;
  }
  .dare-devil-img-02.responsive {
    display: block;
  }
  .dare-devil-screen {
    display: none;
    width: 145px;
    height: 258px;
    margin-top: 61px;
    margin-left: 87px;
  }
  .dare-devil-h2.dare-devil-slogen {
    margin-top: 19px;
    font-size: 40px;
    line-height: 40px;
  }
  .dare-devil-p {
    font-size: 12px;
    line-height: 18px;
  }
  .dare-devil-divider.dare-devil-divider-02 {
    height: 790px;
    border-top-style: none;
    border-top-width: 90vh;
    border-bottom-width: 230px;
  }
  .dare-devil-divider.dare-devil-divider-03 {
    margin-top: -373px;
    border-bottom-width: 150px;
  }
  .dare-devil-blue-bg {
    position: static;
    height: 597px;
  }
  .dare-devil-blue-bg.dare-devil-blue-bg-02 {
    height: 151px;
  }
  .dare-devil-img-04 {
    margin-top: -243px;
  }
  .dare-devil-sticker-01 {
    width: 100px;
    margin-top: -13px;
  }
  .dare-devil-sticker-02 {
    width: 100px;
  }
  .dare-devil-red-bg {
    height: 753px;
  }
  .dare-devil-row-02 {
    padding-top: 332px;
  }
  .dare-devil-screen-div {
    display: block;
    overflow: visible;
  }
  .dts-section-01 {
    overflow: hidden;
  }
  .dts-section-02 {
    overflow: hidden;
  }
  .dts-section-03 {
    overflow: hidden;
  }
  .dts-section-04 {
    overflow: hidden;
  }
  .dts-section-05 {
    overflow: hidden;
  }
  .saw-pic {
    width: 23%;
  }
  .bb-section-01 {
    background-position: 100% 50%;
  }
  .bb-box {
    margin-top: 367px;
  }
  .bb-section-01-div {
    left: 34%;
  }
  .bb-section-02 {
    height: 690px;
  }
  .bb-phone {
    right: 30px;
  }
  .bb-cable {
    left: 101px;
    top: 290px;
  }
  .bb-h2 {
    left: 80px;
    top: 400px;
  }
  .bb-h3 {
    -webkit-transform: translate(310px, 170px);
    -ms-transform: translate(310px, 170px);
    transform: translate(310px, 170px);
    font-size: 46px;
    line-height: 48px;
  }
  .bb-snare {
    width: 390px;
    -webkit-transform: translate(0px, 600px);
    -ms-transform: translate(0px, 600px);
    transform: translate(0px, 600px);
  }
  .bb-section-05 {
    overflow: visible;
    height: 890px;
  }
  .bb-h4 {
    font-size: 18px;
    line-height: 23px;
  }
  .bb-sticks {
    width: 530px;
  }
  .bb-quote-div {
    width: 418px;
    margin-top: 166px;
    float: left;
  }
  .bb-phone-02 {
    left: -70px;
    top: 0px;
    width: 220px;
  }
  .bb-shirt {
    left: 9%;
    top: 0px;
    width: 260px;
    margin-top: -149px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .bb-logo-02 {
    width: 110px;
    margin-top: 136px;
  }
  .bb-appstore {
    width: 160px;
    -webkit-transform: translate(369px, 544px);
    -ms-transform: translate(369px, 544px);
    transform: translate(369px, 544px);
  }
  .ctn-section-03 {
    height: 1140px;
  }
  .ctn-house {
    width: 400px;
  }
  .ctn-quote-01 {
    width: 294px;
  }
  .ctn-ipad-01 {
    width: 560px;
    -webkit-transform: translate(-320px, -360px);
    -ms-transform: translate(-320px, -360px);
    transform: translate(-320px, -360px);
  }
  .ctn-prizes {
    width: 130px;
    -webkit-transform: translate(120px, -500px);
    -ms-transform: translate(120px, -500px);
    transform: translate(120px, -500px);
  }
  .ctn-ipad-02 {
    width: 660px;
    -webkit-transform: translate(300px, -520px);
    -ms-transform: translate(300px, -520px);
    transform: translate(300px, -520px);
  }
  .ctn-quote-02 {
    width: 300px;
    -webkit-transform: translate(-144px, -510px);
    -ms-transform: translate(-144px, -510px);
    transform: translate(-144px, -510px);
  }
  .ctn-burning-house {
    width: 340px;
    -webkit-transform: translate(-153px, -1010px);
    -ms-transform: translate(-153px, -1010px);
    transform: translate(-153px, -1010px);
  }
  .ctn-section-07 {
    height: 710px;
  }
  .ctn-ipad-03 {
    width: 610px;
  }
  .sb-section-02 {
    height: 610px;
  }
  .sb-phone-01 {
    position: relative;
    width: 290px;
    margin-right: -65px;
  }
  .sb-phone-02 {
    width: 178px;
    -webkit-transform: translate(-32px, 162px);
    -ms-transform: translate(-32px, 162px);
    transform: translate(-32px, 162px);
  }
  .sb-ces {
    width: 108px;
    -webkit-transform: translate(37px, 9px);
    -ms-transform: translate(37px, 9px);
    transform: translate(37px, 9px);
  }
  .sb-text-01 {
    margin-left: 1px;
    -webkit-transform: translate(28px, 0px);
    -ms-transform: translate(28px, 0px);
    transform: translate(28px, 0px);
  }
  .sb-section-02-div {
    padding-left: 116px;
  }
  .sbw-section-02 {
    display: none;
  }
  .sbw-logo {
    margin-top: 45px;
  }
  .sbw-text._02 {
    display: block;
  }
  .sbw-text._01 {
    display: none;
  }
  .mbm-section-04 {
    margin-top: 222px;
  }
  .mbm-bg-div-02 {
    height: 390px;
  }
  .mbm-bg-div-03 {
    height: 260px;
  }
  .bmb-text-01 {
    width: 568px;
  }
  .mbm-img-01 {
    left: 37%;
    width: 226px;
  }
  .mbm-img-02 {
    width: 374px;
    margin-top: 499px;
  }
  .mbm-img-03 {
    width: 413px;
    margin-top: 797px;
  }
  .mbm-text-02 {
    width: 500px;
    margin-top: 1032px;
  }
  .mbm-img-04 {
    left: 34%;
    width: 370px;
    margin-top: 1187px;
  }
  .mbm-img-05 {
    width: 245px;
  }
  .mbm-img-06 {
    width: 260px;
  }
  .mbm-img-07 {
    width: 215px;
    margin-top: 57px;
  }
  .mbm-img-08 {
    width: 185px;
    margin-top: 38px;
  }
  .mbm-img-09 {
    width: 225px;
  }
  .mbm-img-10 {
    width: 235px;
  }
  .mbm-img-12 {
    width: 195px;
    margin-top: 39px;
  }
  .mbm-img-13 {
    width: 155px;
  }
  .mbm-img-14 {
    width: 215px;
    margin-top: 21px;
    padding-top: 1px;
  }
  .mbm-img-15 {
    width: 195px;
  }
  .mbm-text {
    position: relative;
    left: 0%;
    top: 130px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: center;
  }
  .mbm-h1 {
    padding-top: 474px;
    padding-left: 0px;
  }
  .mbm-section-02-div {
    padding-left: 84px;
  }
  .sami-html-embed {
    display: none;
  }
  .sami-video {
    display: block;
  }
  .main-p {
    font-size: 13px;
  }
  .main-map-text {
    font-size: 11px;
    text-align: center;
  }
  .eg-img-01 {
    width: 410px;
  }
  .eg-img-02 {
    width: 264px;
  }
  .eg-img-d {
    width: 680px;
  }
  .main-map-img {
    width: 220px;
    height: 225px;
  }
  .play-section-01 {
    position: relative;
  }
  .play-img-01 {
    width: 250px;
  }
  .play-img-02 {
    width: 230px;
  }
  .play-img-03 {
    width: 340px;
  }
  .play-img-06 {
    width: 590px;
  }
  .play-slogan {
    margin-top: 15px;
    font-size: 15px;
  }
  .play-logo-div {
    top: 50%;
    width: 410px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .more-projects-slider {
    background-image: -webkit-linear-gradient(270deg, #202020, #202020), -webkit-linear-gradient(270deg, transparent, transparent);
    background-image: linear-gradient(180deg, #202020, #202020), linear-gradient(180deg, transparent, transparent);
  }
  .more-projects-mask {
    height: 230px;
  }
  .more-projects-slide {
    margin-bottom: -64px;
  }
  .main-hero-text {
    font-size: 32px;
    line-height: 39px;
  }
  .main-hero-text._02 {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .logo {
    width: 280px;
  }
  .menu-link.about-link {
    padding-top: 17px;
    padding-right: 60px;
    padding-left: 30px;
    font-size: 14px;
  }
  .menu-link.about-link.black {
    padding-top: 19px;
    font-size: 14px;
  }
  .menu-link.work-link {
    padding-top: 17px;
    padding-right: 30px;
    padding-left: 60px;
    font-size: 14px;
  }
  .menu-link.work-link.black.w--current {
    padding-top: 19px;
    font-size: 15px;
  }
  .container {
    padding-top: 84px;
  }
  .img-01 {
    width: 458px;
    margin-top: -26px;
  }
  .dare-devil-container.dare-devil-container-02 {
    height: 700px;
  }
  .dare-devil-img-02 {
    width: 40%;
  }
  .dare-devil-img-02.dare-devil-img-03 {
    width: 80%;
  }
  .dare-devil-img-02.responsive {
    width: 80%;
  }
  .dare-devil-screen {
    position: absolute;
    left: 50%;
    display: none;
    width: 124px;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
  }
  .dare-devil-h2 {
    font-size: 22px;
    line-height: 23px;
  }
  .dare-devil-h2.dare-devil-slogen {
    text-align: center;
  }
  .dare-devil-p {
    margin-right: 30px;
    margin-left: 30px;
    font-size: 12px;
    line-height: 16px;
  }
  .dare-devil-img-04 {
    margin-top: -277px;
  }
  .dare-devil-sticker-01 {
    margin-top: -103px;
  }
  .dare-devil-sticker-02 {
    display: none;
  }
  .dare-devil-img-05 {
    width: 40%;
  }
  .dare-devil-icon-02 {
    position: relative;
    display: block;
    width: 30%;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .dare-devil-row-02 {
    padding-top: 273px;
  }
  .dare-devil-screen-img {
    z-index: 7;
  }
  .dts-section-02 {
    height: 520px;
  }
  .dts-phone-01 {
    position: relative;
    left: 8px;
    display: block;
    width: 180px;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .dts-h1 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 3px;
    font-size: 33px;
    text-align: center;
  }
  .dts-text {
    font-size: 15px;
    line-height: 17px;
    text-align: center;
  }
  .dts-slider {
    position: absolute;
    left: 50%;
    top: 24px;
    right: auto;
    bottom: auto;
    display: block;
    width: 143px;
    height: 254px;
    margin-left: -72px;
    padding-left: 0px;
  }
  .dts-phone-04 {
    width: 150px;
  }
  .dts-slogen-03 {
    position: absolute;
    width: 130px;
    margin-top: 67px;
    margin-left: 94px;
  }
  .saw-section-01 {
    height: 1420px;
  }
  .saw-section-01-container {
    display: block;
  }
  .saw-samsung-logo {
    margin-top: 220px;
  }
  .saw-phone-01 {
    display: block;
    width: 240px;
    margin-top: 53px;
    margin-right: auto;
    margin-left: auto;
  }
  .saw-p {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  .saw-screen-01 {
    width: 64%;
    float: none;
    clear: none;
    -webkit-transform: translate(0px, -900px);
    -ms-transform: translate(0px, -900px);
    transform: translate(0px, -900px);
  }
  .saw-programs {
    position: relative;
    display: block;
    width: 448px;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: translate(0px, -260px);
    -ms-transform: translate(0px, -260px);
    transform: translate(0px, -260px);
  }
  .saw-section-02 {
    background-position: 50% 50%;
  }
  .saw-section-03 {
    height: 280px;
  }
  .saw-screen-02 {
    left: -29px;
  }
  .saw-phone-02 {
    left: 55%;
  }
  .saw-section-04 {
    background-position: 50% 50%;
  }
  .h1 {
    font-size: 21px;
    line-height: 24px;
  }
  .bb-section-01-div {
    left: 50%;
    top: 130px;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
  }
  .bb-logo {
    width: 110px;
  }
  .bb-phone {
    top: 50px;
  }
  .bb-cable {
    top: 180px;
  }
  .bb-h2 {
    left: 79px;
    top: 260px;
    font-size: 30px;
    line-height: 32px;
  }
  .bb-h3 {
    -webkit-transform: translate(220px, 140px);
    -ms-transform: translate(220px, 140px);
    transform: translate(220px, 140px);
    font-size: 30px;
    line-height: 30px;
  }
  .bb-section-04 {
    height: 768px;
  }
  .bb-snare {
    width: 250px;
  }
  .bb-boxes {
    width: 480px;
  }
  .bb-sticks {
    display: block;
    width: 380px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 313px;
  }
  .bb-quote-div {
    position: relative;
    display: block;
    margin-top: 12px;
    margin-right: auto;
    margin-left: auto;
  }
  .bb-shirt {
    width: 240px;
    margin-top: -131px;
  }
  .bb-logo-02 {
    left: 0px;
    top: 0px;
    width: 80px;
    margin-top: 247px;
    margin-left: -29px;
    float: left;
  }
  .bb-appstore {
    width: 158px;
    margin-top: 92px;
    margin-left: -29px;
  }
  .ctn-section-01 {
    overflow: hidden;
    height: 100vh;
  }
  .scene {
    height: 100vh;
  }
  .ctn-front-plants-div {
    top: 140px;
    background-size: 1150px;
  }
  .ctn-black-plants-div {
    position: absolute;
    left: -10%;
    top: 90px;
    background-position: 50% 100%;
    background-size: 978px;
    background-repeat: repeat-x;
  }
  .ctn-back-trees-div {
    background-position: 0px -12px;
    background-size: 774px;
  }
  .ctn-mountains-div {
    background-position: 0px 3px;
    background-size: 678px;
  }
  .ctn-fog {
    top: 50px;
    background-size: 778px;
  }
  .ctn-front-vines-div {
    background-position: 0px -20px;
    background-size: 778px;
  }
  .ctn-logo-div {
    width: 100%;
    background-position: 50% 50%;
    background-size: 358px;
  }
  .ctn-section-03 {
    height: 940px;
  }
  .ctn-house {
    width: 360px;
    -webkit-transform: translate(93px, -139px);
    -ms-transform: translate(93px, -139px);
    transform: translate(93px, -139px);
  }
  .ctn-quote-01 {
    width: 274px;
    -webkit-transform: translate(-111px, 0px);
    -ms-transform: translate(-111px, 0px);
    transform: translate(-111px, 0px);
  }
  .ctn-ipad-01 {
    -webkit-transform: translate(-220px, -300px);
    -ms-transform: translate(-220px, -300px);
    transform: translate(-220px, -300px);
  }
  .ctn-prizes {
    -webkit-transform: translate(120px, -440px);
    -ms-transform: translate(120px, -440px);
    transform: translate(120px, -440px);
  }
  .ctn-ipad-02 {
    -webkit-transform: translate(270px, -460px);
    -ms-transform: translate(270px, -460px);
    transform: translate(270px, -460px);
  }
  .ctn-quote-02 {
    width: 270px;
    -webkit-transform: translate(-114px, -460px);
    -ms-transform: translate(-114px, -460px);
    transform: translate(-114px, -460px);
  }
  .ctn-burning-house {
    width: 280px;
    -webkit-transform: translate(-113px, -840px);
    -ms-transform: translate(-113px, -840px);
    transform: translate(-113px, -840px);
  }
  .ctn-poster-01-img {
    width: 39%;
  }
  .ctn-poster-02-img {
    width: 39.5%;
  }
  .ctn-poster-03-img {
    width: 37%;
  }
  .ctn-section-07 {
    height: 545px;
  }
  .ctn-ipad-03 {
    width: 480px;
    padding-left: 0px;
    -webkit-transform: translate(29px, 0px);
    -ms-transform: translate(29px, 0px);
    transform: translate(29px, 0px);
  }
  .byp-section-01 {
    height: 100vh;
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .byp-logo {
    width: 261px;
  }
  .byp-p {
    margin-top: 64px;
    margin-bottom: 29px;
  }
  .byp-p.byp-p-02 {
    margin-bottom: 83px;
  }
  .byp-p.byp-p-03 {
    margin-top: 64px;
    margin-bottom: 29px;
  }
  .byp-section-03 {
    height: 100vh;
    background-image: url('../images/6-pin-photos-copy.jpg');
    background-position: 50% 50%;
    background-size: cover;
  }
  .sb-section-01 {
    height: 372px;
  }
  .sb-section-02 {
    height: 480px;
  }
  .sb-section-04 {
    position: relative;
    margin-top: -6px;
  }
  .sb-fridge {
    width: 210px;
  }
  .sb-logo {
    padding-left: 36px;
  }
  .sb-section-01-container {
    overflow: hidden;
  }
  .sb-phone-01 {
    display: inline-block;
    width: 240px;
    margin-right: -63px;
    margin-left: -37px;
  }
  .sb-phone-02 {
    position: relative;
    display: inline-block;
    width: 144px;
    clear: none;
    -webkit-transform: translate(-32px, 130px);
    -ms-transform: translate(-32px, 130px);
    transform: translate(-32px, 130px);
  }
  .sb-ces {
    display: inline-block;
    width: 98px;
    -webkit-transform: translate(37px, 51px);
    -ms-transform: translate(37px, 51px);
    transform: translate(37px, 51px);
  }
  .sb-text-01 {
    position: relative;
    display: inline-block;
    width: 120px;
  }
  .sb-section-02-div {
    width: 100%;
  }
  .sb-illustration-03 {
    width: 440px;
  }
  .saw-screen {
    display: block;
    width: 388px;
    margin-right: auto;
    margin-left: auto;
  }
  .sbw-p {
    padding-right: 56px;
    padding-left: 60px;
    text-align: center;
  }
  .sbw-logo {
    display: block;
    width: 308px;
    margin-right: auto;
    margin-left: auto;
  }
  .sbw-text {
    text-align: center;
  }
  .ddw-div {
    top: 28%;
    width: 100%;
  }
  .sbv-video-div {
    width: 100%;
  }
  .mbm-section-04 {
    margin-top: 92px;
  }
  .mbm-bg-div-03 {
    height: 130px;
  }
  .bmb-text-01 {
    width: 468px;
  }
  .mbm-img-01 {
    width: 183px;
  }
  .mbm-img-02 {
    width: 334px;
    margin-top: 444px;
  }
  .mbm-img-03 {
    width: 313px;
    margin-top: 687px;
  }
  .mbm-text-02 {
    width: 370px;
    margin-top: 877px;
  }
  .mbm-img-04 {
    width: 310px;
    margin-top: 1000px;
  }
  .mbm-img-05 {
    width: 195px;
  }
  .mbm-img-06 {
    width: 190px;
  }
  .mbm-h1 {
    padding-top: 490px;
  }
  .mbm-section-02-div {
    padding-left: 52px;
  }
  .dpv-logo {
    margin-top: 64px;
  }
  .ctn-bubbles {
    width: 460px;
  }
  .menu {
    display: block;
    height: 51px;
  }
  .menu-logo {
    width: 110px;
    padding-top: 17px;
  }
  .main-map-text {
    position: relative;
    display: none;
    overflow: visible;
  }
  .main-text-01._02 {
    margin-top: 3px;
    font-size: 10px;
  }
  .main-text-02._02 {
    margin-top: -3px;
    font-size: 13px;
  }
  .eg-img-01 {
    width: 310px;
  }
  .eg-img-02 {
    width: 204px;
  }
  .eg-img-06 {
    width: 320px;
  }
  .eg-img-08 {
    width: 330px;
    -webkit-transform: translate(-65px, -430px);
    -ms-transform: translate(-65px, -430px);
    transform: translate(-65px, -430px);
  }
  .eg-img-09 {
    width: 160px;
    -webkit-transform: translate(176px, -701px);
    -ms-transform: translate(176px, -701px);
    transform: translate(176px, -701px);
  }
  .eg-img-d {
    width: 520px;
  }
  .main-link-div {
    margin-bottom: 40px;
  }
  .footer-text-01 {
    margin-left: 10px;
  }
  .footer-text-02 {
    margin-right: 10px;
  }
  .footer-social-div {
    position: absolute;
    left: 50%;
    display: inline-block;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    float: none;
    clear: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
  }
  .main-link-mask._02.backbeater {
    height: 330px;
  }
  .more-projects-section {
    display: none;
  }
  .map-blocker {
    display: none;
  }
  .more-projects-item {
    display: inline-block;
    width: 110px;
  }
  .more-projects-dynamic-item {
    display: block;
    width: 20%;
  }
  .more-projects-dynamic-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .main-slider-nav {
    display: none;
  }
  .play-gif-02 {
    width: 190px;
    -webkit-transform: translate(-170px, 132px);
    -ms-transform: translate(-170px, 132px);
    transform: translate(-170px, 132px);
  }
  .play-img-07 {
    width: 540px;
  }
  .menu-base {
    background-image: none;
  }
  .main-backbeater-div {
    height: 330px;
  }
  .main-hero-text {
    font-size: 26px;
    line-height: 33px;
  }
  .projects-list-div {
    padding-left: 11px;
  }
  .projects-category-link {
    font-size: 23px;
    line-height: 32px;
  }
  .gallery-container {
    padding-right: 10px;
    padding-left: 10px;
  }
  .projects-link-block {
    margin-bottom: 42px;
  }
}

@media (max-width: 479px) {
  .gallery {
    padding-top: 2px;
    padding-bottom: 0px;
  }
  .logo {
    width: 220px;
  }
  .menu-link.about-link {
    padding-top: 17px;
    padding-right: 20px;
    font-size: 14px;
  }
  .menu-link.about-link.black {
    padding-right: 25px;
    padding-left: 25px;
    font-size: 14px;
  }
  .menu-link.work-link {
    padding-top: 17px;
    padding-left: 20px;
    font-size: 14px;
  }
  .dare-devil-h1 {
    font-size: 15px;
  }
  .img-01 {
    width: 277px;
    font-size: 13px;
  }
  .dare-devil-h2.dare-devil-slogen {
    position: relative;
    display: block;
    width: 290px;
    margin-right: auto;
    margin-left: auto;
    float: none;
    clear: none;
    -webkit-transform: translate(-97px, 0px);
    -ms-transform: translate(-97px, 0px);
    transform: translate(-97px, 0px);
    font-size: 24px;
    line-height: 24px;
  }
  .dare-devil-sticker-01 {
    margin-top: 191px;
  }
  .dare-devil-img-05 {
    width: 60%;
  }
  .dare-devil-img-05.dare-devil-img-08 {
    width: 60%;
  }
  .dare-devil-red-bg {
    height: 653px;
  }
  .dare-devil-section-05 {
    height: 804px;
  }
  .dare-devil-icon-02 {
    width: 120px;
  }
  .dts-section-04 {
    display: block;
    height: 300px;
  }
  .dts-section-05 {
    height: 300px;
  }
  .dts-section-06 {
    height: 300px;
  }
  .dts-phone-04 {
    width: 90px;
  }
  .dts-slogen-03 {
    width: 70px;
    margin-top: 44px;
    margin-left: 34px;
  }
  .saw-programs {
    -webkit-transform: translate(0px, -200px);
    -ms-transform: translate(0px, -200px);
    transform: translate(0px, -200px);
  }
  .saw-section-03 {
    height: 350px;
  }
  .saw-screen-02 {
    left: 0px;
  }
  .saw-phone-02 {
    left: -6%;
    display: block;
    width: 41%;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
  }
  .saw-pic {
    width: 46%;
    padding-bottom: 18px;
  }
  .saw-pic-div {
    margin-top: -43px;
    padding-right: 12px;
    padding-left: 12px;
  }
  .bb-section-01 {
    height: 423px;
  }
  .h1 {
    font-size: 17px;
    line-height: 20px;
  }
  .bb-section-01-div {
    width: 300px;
  }
  .bb-section-02 {
    height: 350px;
  }
  .bb-cable {
    left: 41px;
    top: 140px;
  }
  .bb-h2 {
    left: 39px;
    top: 200px;
    font-size: 21px;
    line-height: 25px;
  }
  .bb-h3 {
    -webkit-transform: translate(139px, 75px);
    -ms-transform: translate(139px, 75px);
    transform: translate(139px, 75px);
    font-size: 20px;
    line-height: 20px;
  }
  .bb-section-04 {
    height: 618px;
  }
  .bb-snare {
    width: 200px;
    -webkit-transform: translate(0px, 510px);
    -ms-transform: translate(0px, 510px);
    transform: translate(0px, 510px);
  }
  .bb-h4 {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    font-size: 13px;
    line-height: 18px;
  }
  .bb-h5 {
    position: relative;
    display: inline-block;
    width: 230px;
    margin-right: auto;
    margin-left: auto;
  }
  .bb-boxes {
    width: 310px;
  }
  .bb-sticks {
    width: 310px;
    padding-top: 237px;
  }
  .bb-p {
    display: inline-block;
    width: 240px;
  }
  .bb-quote-div {
    display: block;
    width: 358px;
    float: none;
  }
  .bb-phone-02 {
    width: 140px;
  }
  .bb-shirt {
    left: 0%;
    display: block;
    margin-top: 135px;
    margin-right: auto;
    margin-left: auto;
  }
  .bb-logo-02 {
    display: block;
    margin-top: -133px;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .bb-appstore {
    position: relative;
    display: block;
    margin-top: 159px;
    margin-right: auto;
    margin-left: auto;
    float: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .ctn-front-plants-div {
    top: 420px;
    background-size: 1560px;
  }
  .ctn-black-plants-div {
    left: -20%;
    top: 400px;
    width: 160%;
    background-size: 1688px;
    background-repeat: repeat-x;
  }
  .ctn-back-trees-div {
    top: -30px;
    background-size: 1054px;
  }
  .ctn-mountains-div {
    top: 45px;
  }
  .ctn-fog {
    top: 180px;
    height: 400px;
  }
  .ctn-front-vines-div {
    background-size: 1278px;
  }
  .ctn-logo-div {
    top: 46%;
    height: 245px;
    background-size: 318px;
  }
  .ctn-house {
    -webkit-transform: translate(0px, 10px);
    -ms-transform: translate(0px, 10px);
    transform: translate(0px, 10px);
  }
  .ctn-quote-01 {
    width: 264px;
    margin-top: 66px;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  .ctn-ipad-01 {
    width: 580px;
    -webkit-transform: translate(-139px, -30px);
    -ms-transform: translate(-139px, -30px);
    transform: translate(-139px, -30px);
  }
  .ctn-prizes {
    -webkit-transform: translate(70px, -180px);
    -ms-transform: translate(70px, -180px);
    transform: translate(70px, -180px);
  }
  .ctn-ipad-02 {
    display: none;
    overflow: visible;
  }
  .ctn-quote-02 {
    -webkit-transform: translate(0px, -140px);
    -ms-transform: translate(0px, -140px);
    transform: translate(0px, -140px);
  }
  .ctn-burning-house {
    -webkit-transform: translate(0px, -210px);
    -ms-transform: translate(0px, -210px);
    transform: translate(0px, -210px);
  }
  .ctn-section-07 {
    height: 415px;
  }
  .ctn-logo-02 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .byp-section-01 {
    height: 70vh;
  }
  .byp-logo {
    width: 241px;
  }
  .byp-section-03 {
    height: 70vh;
    background-image: url('../images/6-pin-photos-copy.jpg');
    background-position: 50% 50%;
    background-size: cover;
  }
  .sb-section-01 {
    height: 323px;
  }
  .sb-section-02 {
    height: 330px;
  }
  .sb-section-04 {
    position: relative;
    height: 355px;
  }
  .sb-section-08 {
    height: 368px;
  }
  .sb-fridge {
    position: relative;
    width: 180px;
    -webkit-transform: translate(-32px, 0px);
    -ms-transform: translate(-32px, 0px);
    transform: translate(-32px, 0px);
  }
  .sb-logo {
    z-index: 1;
    width: 210px;
    padding-right: 46px;
    padding-left: 31px;
  }
  .sb-section-01-container {
    width: 635px;
  }
  .sb-phone-01 {
    width: 290px;
    margin-right: 0px;
    margin-left: -73px;
  }
  .sb-phone-02 {
    position: absolute;
    width: 90px;
    float: none;
    -webkit-transform: translate(-56px, -42px);
    -ms-transform: translate(-56px, -42px);
    transform: translate(-56px, -42px);
  }
  .sb-ces {
    width: 88px;
    margin-left: 54px;
  }
  .sb-text-01 {
    width: 90px;
    -webkit-transform: translate(-46px, 0px);
    -ms-transform: translate(-46px, 0px);
    transform: translate(-46px, 0px);
  }
  .sb-illustration-01 {
    margin-top: 99px;
  }
  .sb-frame {
    width: 160px;
    -webkit-transform: translate(-48%, -51px);
    -ms-transform: translate(-48%, -51px);
    transform: translate(-48%, -51px);
  }
  .sb-illustration-03 {
    width: 270px;
  }
  .sbw-p {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 12px;
    line-height: 15px;
  }
  .sbw-logo {
    width: 238px;
  }
  .ddw-div {
    top: 132px;
  }
  .ddv-logo {
    padding-top: 70px;
  }
  .sbv-logo {
    padding-top: 63px;
  }
  .sbv-div {
    top: 29%;
  }
  .mbm-section-04 {
    margin-bottom: 180px;
  }
  .mbm-bg-div-01 {
    height: 316px;
  }
  .bmb-text-01 {
    width: 248px;
  }
  .mbm-img-01 {
    width: 119px;
  }
  .mbm-img-02 {
    left: 7%;
    width: 234px;
    margin-top: 313px;
  }
  .mbm-img-03 {
    left: 21%;
    width: 223px;
    margin-top: 490px;
  }
  .mbm-text-02 {
    left: 12%;
    width: 230px;
    margin-top: 664px;
  }
  .mbm-img-04 {
    left: 22%;
    width: 218px;
    margin-top: 745px;
  }
  .mbm-img-05 {
    margin-top: 46px;
  }
  .mbm-img-06 {
    width: 100px;
  }
  .mbm-img-07 {
    margin-top: 33px;
  }
  .mbm-img-08 {
    width: 115px;
  }
  .mbm-img-09 {
    width: 115px;
  }
  .mbm-img-10 {
    width: 114px;
    margin-top: 20px;
  }
  .mbm-img-11 {
    margin-top: 11px;
  }
  .mbm-img-12 {
    width: 105px;
    margin-top: 54px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .mbm-img-13 {
    width: 105px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .mbm-img-14 {
    width: 115px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .mbm-img-15 {
    float: right;
  }
  .mbm-logo-02 {
    margin-top: 8px;
    margin-bottom: -66px;
    padding-bottom: 65px;
  }
  .mbm-logo-01 {
    width: 248px;
  }
  .mbm-h1 {
    padding-top: 528px;
    font-size: 18px;
  }
  .mbm-section-02-div {
    padding-left: 25px;
  }
  .mbm-text-h2 {
    font-size: 11px;
    line-height: 14px;
  }
  .xuxu-logo {
    width: 110px;
  }
  .ctn-bubbles {
    width: 290px;
  }
  .saw-screen-img {
    display: block;
    width: 310px;
    margin-right: auto;
    margin-left: auto;
  }
  .menu {
    display: block;
  }
  .menu-logo {
    width: 90px;
    padding-top: 17px;
  }
  .menu-logo-div {
    width: 120px;
  }
  .menu-logo-div.w--current {
    width: 120px;
  }
  .main-backbeater-bg {
    height: 140px;
  }
  .main-h2 {
    padding-right: 30px;
    padding-left: 30px;
    line-height: 35px;
  }
  .main-text-01 {
    font-size: 14px;
  }
  .main-text-01.white {
    font-size: 11px;
  }
  .main-text-01._02 {
    margin-top: 6px;
    margin-bottom: 5px;
    line-height: 11px;
  }
  .main-text-div {
    margin-bottom: 13px;
    margin-left: 19px;
  }
  .main-text-div.r {
    margin-right: 15px;
    margin-left: 27px;
  }
  .main-text-02 {
    margin-top: -5px;
    font-size: 15px;
  }
  .main-text-02.white {
    margin-top: -5px;
  }
  .main-text-02._02 {
    font-size: 12px;
    line-height: 15px;
  }
  .main-about-container {
    padding-top: 23px;
    padding-bottom: 38px;
  }
  .eg-section-04 {
    height: 590px;
  }
  .eg-section-06 {
    margin-top: -17px;
  }
  .eg-section-01-imgs._01 {
    width: 260px;
  }
  .eg-section-01-imgs._03 {
    width: 260px;
    margin-top: -104px;
  }
  .eg-grey-div {
    height: 55px;
  }
  .eg-container-01 {
    margin-top: -38px;
  }
  .eg-img-01 {
    width: 169px;
    margin-top: -38px;
  }
  .eg-img-02 {
    width: 107px;
    margin-top: -27px;
  }
  .eg-img-03 {
    width: 180px;
    margin-top: 35px;
  }
  .eg-section-07 {
    height: 580px;
  }
  .eg-img-04 {
    width: 140px;
    margin-top: -30px;
  }
  .eg-img-05 {
    width: 80px;
    -webkit-transform: translate(93px, -32px);
    -ms-transform: translate(93px, -32px);
    transform: translate(93px, -32px);
  }
  .eg-img-06 {
    width: 200px;
    -webkit-transform: translate(-79px, -125px);
    -ms-transform: translate(-79px, -125px);
    transform: translate(-79px, -125px);
  }
  .eg-img-07 {
    width: 190px;
    -webkit-transform: translate(74px, -148px);
    -ms-transform: translate(74px, -148px);
    transform: translate(74px, -148px);
  }
  .eg-img-08 {
    width: 230px;
    -webkit-transform: translate(-14px, -250px);
    -ms-transform: translate(-14px, -250px);
    transform: translate(-14px, -250px);
  }
  .eg-img-09 {
    width: 120px;
    -webkit-transform: translate(-69px, -660px);
    -ms-transform: translate(-69px, -660px);
    transform: translate(-69px, -660px);
  }
  .eg-text-01 {
    margin-top: 186px;
  }
  .eg-img-d {
    width: 280px;
  }
  .main-link-div {
    margin-bottom: 10px;
  }
  .main-link-text-01 {
    margin-top: 3px;
    font-size: 12px;
  }
  .main-link-text-02 {
    margin-top: -3px;
    margin-bottom: 24px;
    font-size: 14px;
  }
  .main-row._02 {
    margin-top: 1px;
    margin-bottom: -2px;
    padding-right: 10px;
    padding-left: 11px;
  }
  .footer-text-01 {
    display: block;
    float: left;
  }
  .footer-text-02 {
    display: block;
    float: right;
  }
  .footer-container {
    margin-top: 21px;
  }
  .footer-social-div {
    position: relative;
    left: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 160px;
    margin-top: 9px;
    margin-bottom: 25px;
    padding-top: 0px;
    float: none;
    clear: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .main-link-mask._02.backbeater {
    height: 140px;
  }
  .more-projects-dynamic-item {
    width: 25%;
  }
  .main-closer-prizes {
    left: auto;
    top: 42px;
    right: 7px;
    width: 70px;
  }
  .main-column-02 {
    margin-bottom: -47px;
  }
  .play-bg-div-01 {
    height: 200px;
  }
  .play-bg-div-02 {
    height: 100px;
  }
  .play-bg-div-03 {
    height: 100px;
  }
  .play-img-01 {
    width: 100px;
  }
  .play-img-02 {
    width: 94px;
    -webkit-transform: translate(9px, -50%);
    -ms-transform: translate(9px, -50%);
    transform: translate(9px, -50%);
  }
  .play-img-03 {
    width: 100px;
  }
  .play-img-06 {
    width: 240px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .play-slogan {
    font-size: 10px;
  }
  .play-logo-div {
    width: 170px;
  }
  .play-gif-02 {
    width: 100px;
    -webkit-transform: translate(-88px, 102px);
    -ms-transform: translate(-88px, 102px);
    transform: translate(-88px, 102px);
  }
  .play-img-07 {
    width: 290px;
  }
  .menu-base {
    height: 51px;
  }
  .main-backbeater-gif {
    width: 150px;
  }
  .main-backbeater-div {
    height: 140px;
  }
  .main-hero-text {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 18px;
    line-height: 23px;
  }
  .main-hero-text._02 {
    font-size: 12px;
    line-height: 20px;
  }
  .projects-category-link {
    padding-right: 10px;
    font-size: 16px;
    line-height: 24px;
  }
  .projects-category-link.divider {
    padding-right: 10px;
  }
  .gallery-container {
    margin-top: 53px;
  }
}