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-gradient(linear, left top, left bottom, from(#f7f7f7), to(#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-gradient(linear, left top, left bottom, from(rgba(202, 140, 140, 0.5)), to(rgba(202, 140, 140, 0.5)));
  background-image: linear-gradient(180deg, rgba(202, 140, 140, 0.5), rgba(202, 140, 140, 0.5));
}

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

.full-screen-project.full-screen-project-03 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(105, 194, 137, 0.5)), to(rgba(105, 194, 137, 0.5)));
  background-image: linear-gradient(180deg, rgba(105, 194, 137, 0.5), rgba(105, 194, 137, 0.5));
}

.full-screen-project.homepage {
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#32c2a5), to(#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-gradient(linear, left top, left bottom, from(#f3f3f3), to(#f3f3f3));
  background-image: linear-gradient(180deg, #f3f3f3, #f3f3f3);
}

.contact {
  height: 70vh;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2dd4be), to(#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-gradient(linear, left top, left bottom, from(rgba(79, 94, 204, 0.5)), to(rgba(79, 94, 204, 0.5)));
  background-image: linear-gradient(180deg, rgba(79, 94, 204, 0.5), rgba(79, 94, 204, 0.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: 40px;
  padding-left: 0px;
  color: #fff;
  font-size: 18px;
}

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

.menu_link.about-link.black.back-to-work {
  float: right;
}

.menu_link.about-link.black.back-to-work.adar {
  float: left;
}

.menu_link.about-link.black.back-to-work.adar.main {
  color: #fff;
}

.menu_link.about-link.black.back-to-work.adar.main.ctn {
  color: #000;
}

.menu_link.about-link.black.ctn {
  color: #000;
}

.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-gradient(linear, left top, left bottom, from(#ea5455), to(#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-gradient(linear, left top, left bottom, from(#ea5455), to(#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-gradient(linear, left top, left bottom, from(#ea5455), to(#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-gradient(linear, left top, left bottom, from(#73cac6), to(#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-gradient(linear, left top, left bottom, from(#73cac6), to(#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-gradient(linear, left top, left bottom, from(#73cac6), to(#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-gradient(linear, left top, left bottom, from(#ea5455), to(#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-gradient(linear, left top, left bottom, from(#73cac6), to(#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-gradient(linear, left top, left bottom, from(#73cac6), color-stop(56%, #56b6b1), color-stop(69%, #73cac6), color-stop(82%, #8ae4e0), to(#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-gradient(linear, left top, left bottom, from(#85cb85), to(#85cb85));
  background-image: linear-gradient(180deg, #85cb85, #85cb85);
}

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

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

.dts-section-06 {
  overflow: hidden;
  height: 100vh;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#85cb85), to(#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-gradient(linear, left top, left bottom, from(#67c2be), to(#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-gradient(linear, left top, left bottom, from(#67c2be), to(#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-gradient(linear, left top, left bottom, from(#67c2be), to(#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-gradient(linear, left top, left bottom, from(#2f2f2f), to(#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-gradient(linear, left top, left bottom, from(#ef2d47), to(#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-gradient(linear, left top, left bottom, from(#2f2f2f), to(#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-gradient(linear, left top, left bottom, from(#66a0ab), to(#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-gradient(linear, left top, left bottom, from(#000), to(#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: 350px;
  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: 370px;
  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: -80px;
  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: -7px;
  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: 350px;
  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: -160px;
  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: 46%;
  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-gradient(linear, left top, left bottom, from(#f7efda), to(#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-gradient(linear, left top, left bottom, from(#000), to(#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-gradient(linear, left top, left bottom, from(#53a0a9), to(#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-gradient(linear, left top, left bottom, from(#53a0a9), to(#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-gradient(linear, left top, left bottom, from(#f7efda), to(#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-gradient(linear, left top, left bottom, from(#53a0a9), to(#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-gradient(linear, left top, left bottom, from(rgba(0, 71, 255, 0.15)), to(rgba(0, 71, 255, 0.15)));
  background-image: linear-gradient(180deg, rgba(0, 71, 255, 0.15), rgba(0, 71, 255, 0.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-gradient(linear, left top, left bottom, from(#00afb8), to(#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-gradient(linear, left top, left bottom, from(#00afb8), to(#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-gradient(linear, left top, left bottom, from(#00afb8), to(#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-gradient(linear, left top, left bottom, from(#4fb1a1), to(#4fb1a1));
  background-image: linear-gradient(180deg, #4fb1a1, #4fb1a1);
}

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

.sb-section-04 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#334d5a), to(#334d5a));
  background-image: linear-gradient(180deg, #334d5a, #334d5a);
}

.sb-section-05 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3787b), to(#f3787b));
  background-image: linear-gradient(180deg, #f3787b, #f3787b);
}

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

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

.sb-section-09 {
  position: relative;
  margin-top: -2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8155a1), to(#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-gradient(linear, left top, left bottom, from(#e43a54), to(#e43a54));
  background-image: linear-gradient(180deg, #e43a54, #e43a54);
}

.sami-section-03 {
  position: relative;
  display: block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e7ebf4), to(#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-gradient(linear, left top, left bottom, from(#65c4c0), to(#65c4c0));
  background-image: linear-gradient(180deg, #65c4c0, #65c4c0);
}

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

.sami-section-07 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#84d5c9), to(#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-gradient(linear, left top, left bottom, from(#8b92cc), to(#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-gradient(linear, left top, left bottom, from(rgba(194, 93, 93, 0)), to(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-gradient(linear, left top, left bottom, from(#ea5455), to(#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-gradient(linear, left top, left bottom, from(#525b7c), to(#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-gradient(linear, left top, left bottom, from(#fff), to(#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-gradient(linear, left top, left bottom, from(#f3d8d5), to(#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-gradient(linear, left top, left bottom, from(#fff), to(#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-gradient(linear, left top, left bottom, from(#f2d6bc), to(#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-gradient(linear, left top, left bottom, from(#74cee6), to(#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-gradient(linear, left top, left bottom, from(#75c379), to(#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: 13;
  display: block;
  width: 100%;
  height: 80px;
  padding-left: 40px;
}

.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-gradient(linear, left top, left bottom, from(#d53147), to(#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-gradient(linear, left top, left bottom, from(#d53147), to(#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-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, #fff, #fff);
}

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

.eg-section-03 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#efefef));
  background-image: linear-gradient(180deg, #efefef, #efefef);
}

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

.eg-section-05 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#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-gradient(linear, left top, left bottom, from(#202020), to(#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-gradient(linear, left top, left bottom, from(#202020), to(#202020));
  background-image: linear-gradient(180deg, #202020, #202020);
}

.eg-section-08 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#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;
  display: block;
  overflow: hidden;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 30px;
}

.main-row._02.dtsv2 {
  display: none;
}

.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 {
  display: block;
  overflow: hidden;
}

.main-link-mask._02 {
  display: inline-block;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f7f7f7));
  background-image: linear-gradient(180deg, #f7f7f7, #f7f7f7);
}

.main-link-mask._02.backbeater {
  position: relative;
  display: block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
  background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6);
}

.main-link-mask._03 {
  position: relative;
  display: block;
  width: 100%;
  height: 450px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d53147), to(#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-gradient(linear, left top, left bottom, from(#202020), to(#202020));
  background-image: linear-gradient(180deg, #202020, #202020);
}

.map-blocker {
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(45, 212, 190, 0.82)), to(rgba(45, 212, 190, 0.82)));
  background-image: linear-gradient(180deg, rgba(45, 212, 190, 0.82), rgba(45, 212, 190, 0.82));
}

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

.play-section-01 {
  overflow: hidden;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4554), to(#ff4554));
  background-image: linear-gradient(180deg, #ff4554, #ff4554);
}

.play-section-09 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
  background-image: linear-gradient(180deg, #f0f0f0, #f0f0f0);
}

.play-section-07 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4bb0bf), to(#4bb0bf));
  background-image: linear-gradient(180deg, #4bb0bf, #4bb0bf);
}

.play-section-04 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
  background-image: linear-gradient(180deg, #f0f0f0, #f0f0f0);
}

.play-section-02 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
  background-image: linear-gradient(180deg, #f0f0f0, #f0f0f0);
}

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

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

.play-bg-div-03 {
  width: 50%;
  height: 300px;
  float: none;
  clear: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8358a0), to(#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-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 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 {
  position: static;
  z-index: 12;
  display: block;
  width: 100vw;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2cd4be), to(#2cd4be));
  background-image: linear-gradient(180deg, #2cd4be, #2cd4be);
}

.main-hero.on-homepage {
  position: absolute;
  display: block;
  height: 0vh;
}

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

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

.more-projects-slider {
  height: 260px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
  background-image: linear-gradient(180deg, transparent, transparent);
}

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

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

.more-projects-arrow-div {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#202020));
  background-image: linear-gradient(180deg, #202020, #202020);
}

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

.main-hero-text {
  display: block;
  width: 780px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-bottom: 0px;
  font-family: Catamaran, sans-serif;
  font-size: 38px;
  line-height: 54px;
  font-weight: 100;
  text-align: left;
  text-transform: none;
}

.main-hero-text._02 {
  padding-right: 58px;
  padding-left: 0px;
  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;
  display: block;
  overflow: visible;
  margin-right: auto;
  margin-bottom: 252px;
  margin-left: auto;
}

.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-gradient(linear, left top, left bottom, from(#f7f7f7), to(#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;
  top: -30px;
  width: 100%;
  height: 260px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ede7d1), to(#ede7d1));
  background-image: linear-gradient(180deg, #ede7d1, #ede7d1);
}

.text-block {
  height: 50px;
  margin-top: 15px;
  margin-left: 35px;
  padding-top: 18px;
  font-family: Catamaran, sans-serif;
  color: #000;
  font-size: 26px;
  font-weight: 800;
}

.image-7 {
  padding-top: 0px;
}

.div-block-3 {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 200px;
  height: 48px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#67d1be), to(#67d1be));
  background-image: linear-gradient(180deg, #67d1be, #67d1be);
  -webkit-transform: translate(-50%, -120%);
  -ms-transform: translate(-50%, -120%);
  transform: translate(-50%, -120%);
}

.image-8 {
  display: block;
}

.image-9 {
  position: absolute;
  z-index: 10;
  display: none;
  overflow: visible;
}

.image-10 {
  margin-top: 10px;
}

.div-block-4 {
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#66d0be), to(#66d0be));
  background-image: linear-gradient(180deg, #66d0be, #66d0be);
}

.text-block-2 {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  font-family: Catamaran, sans-serif;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 4px;
}

.div-block-5 {
  position: static;
  display: block;
  overflow: hidden;
  width: 169px;
  margin-top: 0px;
  margin-bottom: 40px;
  border-radius: 9999999px;
}

.image-11 {
  width: 390px;
  float: none;
}

.columns {
  margin-top: 197px;
}

.image-12 {
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
  max-height: 100%;
  max-width: 100%;
}

.image-13 {
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
}

.div-block-6 {
  display: block;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  float: none;
  clear: none;
}

.link-block {
  display: block;
  width: 100%;
  height: 20px;
  float: none;
}

.link {
  display: block;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
  float: none;
  font-family: Catamaran, sans-serif;
  color: #333;
  font-weight: 400;
  text-align: center;
}

.link.contact-me-link {
  margin-bottom: 20px;
}

.column {
  display: block;
  padding-left: 54px;
}

.white-text {
  color: #fff;
}

.small-about-text {
  margin-top: 20px;
  clear: none;
  font-family: Catamaran, sans-serif;
  font-size: 17px;
  letter-spacing: 0.5px;
}

.bold-text {
  font-weight: 600;
}

.bold-text-2 {
  font-weight: 600;
}

.bold-text-3 {
  font-weight: 600;
}

.bold-text-4 {
  font-weight: 600;
}

.bold-text-5 {
  font-weight: 600;
}

.bold-text-6 {
  font-weight: 600;
}

.bold-text-7 {
  font-weight: 600;
}

.bold-text-8 {
  font-weight: 600;
}

.about-small-header {
  display: inline-block;
  padding-left: 15px;
  float: none;
  font-family: Catamaran, sans-serif;
}

.about-small-header.project-name {
  padding-left: 0px;
}

.about-small-header.project-date {
  display: inline;
  padding-left: 10px;
  float: none;
  clear: none;
  color: rgba(51, 51, 51, 0.45);
}

.about-small-header.project-text {
  display: block;
  width: 425px;
  padding-left: 0px;
  float: none;
  text-align: left;
}

.div-block-7 {
  display: inline-block;
  width: 16px;
  height: 1px;
  margin-top: 0px;
  margin-bottom: 4px;
  padding-top: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));
  background-image: linear-gradient(180deg, #333, #333);
}

.bold-text-9 {
  display: inline-block;
  font-weight: 600;
}

.div-block-8 {
  margin-top: 80px;
}

.work-columns {
  margin-top: 25px;
}

.div-block-9 {
  height: 35px;
}

.column-2 {
  height: 0px;
}

.column-3 {
  height: 0px;
}

.column-4 {
  height: 0px;
}

.column-5 {
  height: 0px;
}

.column-6 {
  height: 0px;
}

.column-7 {
  height: 0px;
}

.column-8 {
  height: 0px;
}

.column-9 {
  height: 0px;
}

.about-header-mask {
  overflow: hidden;
  height: 50px;
}

.about-i-do-mask {
  overflow: hidden;
}

.fly-coffee-icon {
  position: absolute;
  margin-top: 222px;
  margin-left: -142px;
}

.fly-dot {
  height: 245px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-image: none;
}

.fly-dot._2nd {
  background-image: url('../images/Dot-In-Feed-Copy-2.png');
  background-position: 0px 0px;
  background-size: 315px;
  background-repeat: no-repeat;
}

.fly-circle-03 {
  position: absolute;
  display: block;
  margin-top: 86px;
  margin-left: 143px;
}

.flying-section-02 {
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: radial-gradient(circle farthest-corner at 0% 0%, #fefefe, #eaedf2 21%);
  -webkit-perspective: 1001px;
  perspective: 1001px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.fly-circles {
  position: absolute;
  display: block;
  margin-top: 210px;
  margin-left: 131px;
}

.fly-map {
  position: absolute;
  display: block;
  width: 315px;
  border-radius: 10px;
  opacity: 1;
}

.fly-dot-row {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 315px;
  height: 239px;
  margin-top: -273px;
  margin-left: 0px;
  padding-left: 0px;
  clear: none;
  opacity: 0;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.fly-dots-row-img {
  width: 917px;
  height: 220.296875px;
  max-width: 400%;
  padding-left: 19px;
}

.fly-list-header {
  position: absolute;
  width: 315px;
  height: 56px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-image: url('../images/List-Headline.png');
  background-position: 0px 0px;
  background-size: 315px;
  background-repeat: no-repeat;
}

.fly-circle-02 {
  position: absolute;
  display: block;
  margin-top: 95px;
  margin-left: 229px;
}

.fly-road {
  width: 127px;
  margin-top: 103px;
  margin-left: 158px;
  opacity: 0;
}

.fly-places {
  position: absolute;
  display: block;
  width: 315px;
  box-shadow: 0 -7px 11px -5px rgba(0, 0, 0, 0.11);
}

.fly-gallery {
  position: absolute;
  margin-top: 107px;
  margin-left: -44px;
}

.fly-burger {
  position: absolute;
  margin-top: 98px;
  margin-left: -130px;
}

.fly-search {
  height: 67px;
  margin-bottom: 0px;
  background-image: url('../images/Search-Bar.png');
  background-position: 19px 6px;
  background-size: 279px;
  background-repeat: no-repeat;
}

.fly-search.fly-menu {
  overflow: hidden;
  height: 66px;
  margin-top: -83px;
  background-image: none;
}

.map-dots {
  position: absolute;
  width: 315px;
  height: 561px;
}

.phone-main-div {
  display: block;
  overflow: visible;
  width: 315px;
  height: 555.83333333px;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f9), to(#f6f6f9));
  background-image: linear-gradient(180deg, #f6f6f9, #f6f6f9);
  -webkit-transform: translate3d(0px, 0px, 74px);
  transform: translate3d(0px, 0px, 74px);
  color: #fff;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.div-block-40 {
  position: absolute;
  overflow: hidden;
  width: 255px;
  height: 511px;
  margin-top: 119px;
  margin-left: 69px;
  padding-left: 0px;
  border-radius: 13px;
}

.section-4 {
  height: 10000px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eaedf2), to(#eaedf2));
  background-image: linear-gradient(180deg, #eaedf2, #eaedf2);
}

.div-block-38 {
  height: 2400px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8ecf0), to(#e8ecf0));
  background-image: linear-gradient(180deg, #e8ecf0, #e8ecf0);
}

.video-3 {
  position: static;
  display: block;
  width: 300px;
  height: 600px;
  margin-left: 20px;
}

.image-14 {
  position: static;
  width: 345px;
  margin-top: 79px;
}

.text-block-9 {
  position: absolute;
  -webkit-transform: translate(449px, 299px);
  -ms-transform: translate(449px, 299px);
  transform: translate(449px, 299px);
  color: #484596;
  font-size: 28px;
  line-height: 32px;
  font-weight: 400;
}

.text-block-9._2nd-text {
  -webkit-transform: translate(-340px, 299px);
  -ms-transform: translate(-340px, 299px);
  transform: translate(-340px, 299px);
  color: #484596;
}

.text-block-9._3rd-text {
  color: #484596;
  line-height: 22px;
}

.text-block-9._4th-text {
  -webkit-transform: translate(-370px, 299px);
  -ms-transform: translate(-370px, 299px);
  transform: translate(-370px, 299px);
}

.text-span {
  margin-bottom: 49px;
  padding-bottom: 0px;
  color: #534eb9;
  line-height: 42px;
}

.div-block-39 {
  position: absolute;
  left: 50%;
  display: block;
  width: 350px;
  height: 700px;
  -webkit-transform: translate(-365px, 0px);
  -ms-transform: translate(-365px, 0px);
  transform: translate(-365px, 0px);
}

.div-block-39._03 {
  -webkit-transform: translate(-365px, 1330px);
  -ms-transform: translate(-365px, 1330px);
  transform: translate(-365px, 1330px);
}

.div-block-39._04 {
  -webkit-transform: translate(30px, 2060px);
  -ms-transform: translate(30px, 2060px);
  transform: translate(30px, 2060px);
}

.div-block-39._02 {
  -webkit-transform: translate(30px, 650px);
  -ms-transform: translate(30px, 650px);
  transform: translate(30px, 650px);
}

.section-5 {
  background-color: #2b2b2a;
}

.container-2 {
  height: 800px;
}

.paragraph {
  margin-top: 34px;
  text-align: center;
}

.link-2 {
  text-align: center;
}

.section-6 {
  overflow: hidden;
  height: 600px;
  background-color: #2b2b2a;
}

.div-block-41 {
  overflow: hidden;
  height: 500px;
  margin-right: -10px;
}

.image-15 {
  position: absolute;
  display: inline-block;
  max-width: 130%;
  padding-left: 0px;
}

.columns-2 {
  overflow: hidden;
  height: 700px;
  margin-right: 10%;
  margin-left: 10%;
  padding-top: 127px;
}

.columns-2.first {
  overflow: visible;
  height: 500px;
}

.image-16 {
  position: absolute;
  left: 15%;
  max-width: 60%;
  margin-top: 4%;
}

.heading {
  margin-top: 0px;
  margin-bottom: 28px;
  margin-left: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 26px;
  line-height: 33px;
  font-weight: 300;
  letter-spacing: 0px;
  text-indent: 0px;
  -webkit-column-count: 0;
  column-count: 0;
  white-space: normal;
}

.heading.sub {
  color: #928e8e;
  font-size: 18px;
  line-height: 24px;
}

.heading.sub.subber {
  display: inline-block;
  float: none;
  clear: left;
  font-family: 'Open Sans', sans-serif;
  color: #00f6ff;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}

.div-block-42 {
  width: 121px;
  height: 1px;
  margin-top: -33px;
  margin-left: 0px;
  background-color: #00f6ff;
}

.section-7 {
  height: 1200px;
  background-color: #393839;
  color: #333;
}

.section-7.video {
  background-color: #414041;
}

.background-video {
  width: 500px;
  height: 550px;
}

.video-4 {
  width: 700px;
}

.video-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1000px;
  height: 700px;
  margin-right: auto;
  margin-left: auto;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-43 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.background-video-2 {
  z-index: 1;
  overflow: visible;
  width: 810px;
  height: 690px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(10%, 43px);
  -ms-transform: translate(10%, 43px);
  transform: translate(10%, 43px);
}

.text-block-10 {
  width: 650px;
  font-family: 'Open Sans', sans-serif;
  color: #929292;
  font-size: 23px;
  line-height: 34px;
  font-weight: 300;
  white-space: normal;
}

.image-17 {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.image-17.auto-display {
  opacity: 1;
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.image-18 {
  display: inline-block;
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
  -webkit-transform: translate(0px, -1px);
  -ms-transform: translate(0px, -1px);
  transform: translate(0px, -1px);
}

.image-18._2 {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.text-block-11 {
  display: inline-block;
  padding-left: 10px;
  float: none;
  clear: left;
  -webkit-transform: translate(0px, 10px);
  -ms-transform: translate(0px, 10px);
  transform: translate(0px, 10px);
  font-family: 'Open Sans', sans-serif;
  color: #666;
}

.columns-3 {
  margin-right: 10%;
  margin-left: 10%;
  padding-top: 86px;
}

.div-block-45 {
  margin-left: 0px;
  padding-bottom: 11px;
}

.div-block-46 {
  margin-left: 0px;
}

.div-block-47 {
  height: 20px;
  background-color: #414041;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.section-8 {
  overflow: hidden;
  background-color: #313131;
}

.image-19 {
  max-width: 130%;
  margin-top: -16%;
  margin-left: -30%;
}

.column-10 {
  z-index: 1;
  display: block;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.container-3 {
  padding-left: 0px;
}

.image-20 {
  position: absolute;
  max-width: 129%;
  margin-top: -16%;
  margin-left: -30%;
}

.div-block-48 {
  position: absolute;
  width: 60%;
  height: 90%;
  border: 2px solid #000;
  border-radius: 920px;
  -webkit-transform: translate(27%, -19%) rotateX(111deg) rotateY(-7deg) rotateZ(0deg);
  transform: translate(27%, -19%) rotateX(111deg) rotateY(-7deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.image-21 {
  display: block;
  max-width: 60%;
  margin-top: 109px;
  margin-right: auto;
  margin-left: auto;
}

.section-9 {
  height: 850px;
  background-color: #383838;
}

.section-10 {
  background-color: #2a2b29;
}

.nav-link {
  margin-top: 5px;
  font-family: Catamaran, sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.nav-link.w--current {
  color: #333;
}

.nav-link.main {
  color: #333;
}

.navbar {
  position: fixed;
  width: 100%;
  background-color: #74cde6;
}

.navbar.essential {
  background-color: #2a2b29;
}

.navbar.dottie {
  background-color: #74c378;
}

.navbar.dare {
  background-color: #e95354;
}

.navbar.stickivid {
  background-color: #515a7b;
}

.navbar.dts {
  background-color: #b4ddd7;
}

.navbar.stickiweb {
  background-color: #8a91cb;
}

.navbar.acc {
  background-color: #67c1bd;
}

.navbar.dd {
  background-color: #e95354;
}

.navbar.stickimain {
  background-color: #4fb0a0;
}

.navbar.ab {
  background-color: #2bd3bd;
}

.navbar.main {
  background-color: #f7f7f7;
}

.div-block-49 {
  position: relative;
  overflow: hidden;
  width: 500px;
  height: 500px;
  border: 1px none #000;
  border-radius: 0px;
  background-color: #000;
}

.video-6 {
  position: relative;
  display: block;
  overflow: visible;
  width: 870px;
  height: 490px;
  margin-left: -303px;
}

.div-block-50 {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, hsla(0, 0%, 100%, 0) 59%, #1d1d1d 68%);
  opacity: 1;
}

.container-4 {
  background-color: #1d1d1d;
}

.section-11 {
  background-color: #1d1d1d;
}

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;
}

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

@media screen and (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-gradient(linear, left top, left bottom, from(#202020), to(#202020)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(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;
  }
  .heading {
    font-size: 18px;
    line-height: 24px;
  }
  .heading.sub {
    font-size: 12px;
    line-height: 17px;
  }
  .heading.sub.subber {
    font-size: 12px;
  }
  .div-block-42 {
    width: 88px;
    margin-top: -28px;
  }
  .section-7 {
    height: 1100px;
  }
  .background-video-2 {
    width: 570px;
    height: 510px;
    margin-top: 55px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .text-block-10 {
    width: 380px;
    opacity: 1;
    font-size: 20px;
    line-height: 31px;
  }
  .section-8 {
    height: 380px;
  }
  .section-9 {
    height: 640px;
  }
  .navbar.stickiweb {
    background-color: #8a91cb;
  }
  .icon {
    color: #fff;
  }
}

@media screen and (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-01 {
    padding-top: 59px;
  }
  .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;
  }
  .heading.sub.subber {
    font-size: 13px;
  }
  .div-block-42 {
    width: 96px;
    margin-top: -26px;
  }
  .section-7 {
    height: 1140px;
  }
  .background-video-2 {
    width: 460px;
    height: 380px;
  }
  .section-8 {
    height: 620px;
  }
  .section-9 {
    height: 760px;
  }
}

@media screen and (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-01 {
    padding-top: 63px;
  }
  .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 {
    overflow: visible;
    width: 100%;
    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;
    margin-top: 38px;
    margin-left: 124px;
    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-text-01.sticki {
    margin-top: 47px;
    margin-left: -19px;
  }
  .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-frame-02 {
    width: 90%;
  }
  .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;
  }
  .main-hero-text.main-hero-text-01 {
    width: 90%;
    font-size: 14px;
  }
  .main-hero-text.main-hero-text-02 {
    width: 90%;
    font-size: 14px;
  }
  .main-hero-text.main-hero-text-03 {
    width: 90%;
    font-size: 14px;
    line-height: 20px;
  }
  .main-hero-text-div {
    margin-top: -110px;
  }
  .projects-category-link {
    padding-right: 10px;
    font-size: 16px;
    line-height: 24px;
  }
  .projects-category-link.divider {
    padding-right: 10px;
  }
  .gallery-container {
    margin-top: 53px;
  }
  .column {
    overflow: visible;
  }
  .small-about-text {
    padding-left: 26px;
  }
  .about-small-header.project-text {
    width: 90%;
  }
  .about-header-mask {
    margin-bottom: -26px;
  }
  .section-6 {
    height: 510px;
  }
  .div-block-41 {
    height: 100%;
    margin-top: 48px;
  }
  .heading {
    margin-left: 0px;
    font-size: 19px;
  }
  .heading.sub.subber {
    margin-top: -2px;
  }
  .div-block-42 {
    margin-left: 0px;
  }
  .section-7 {
    height: 890px;
  }
  .background-video-2 {
    width: 260px;
    height: 220px;
  }
  .text-block-10 {
    width: 240px;
    margin-top: 16px;
    font-size: 14px;
    line-height: 18px;
  }
  .section-8 {
    height: 530px;
  }
  .image-21 {
    max-width: 90%;
    margin-top: 51px;
  }
  .section-9 {
    height: 540px;
  }
  .column-11 {
    margin-top: 26px;
  }
  .nav-link.w--current {
    color: #fff;
  }
  .nav-link.xuxu {
    display: block;
  }
  .nav-link.main.w--current {
    display: block;
    color: #333;
  }
  .navbar.dottie {
    background-color: #74c378;
  }
  .navbar.dare {
    background-color: #e95354;
  }
  .navbar.stickivid {
    background-color: #515a7b;
  }
  .navbar.ddtnew {
    background-color: #3b5cf0;
  }
  .navbar.about {
    background-color: #2bd3bd;
  }
  .navbar.ab {
    background-color: #2bd3bd;
  }
  .icon.main {
    color: #333;
  }
  .nav-menu {
    background-color: #73cde6;
    box-shadow: 0 12px 9px -5px rgba(0, 0, 0, 0.06);
  }
  .nav-menu.essential {
    background-color: #2a2b29;
    box-shadow: 0 12px 9px -5px rgba(0, 0, 0, 0.25);
  }
  .nav-menu.dottie {
    background-color: #74c378;
  }
  .nav-menu.dare {
    background-color: #e95354;
  }
  .nav-menu.stickivid {
    background-color: #515a7b;
  }
  .nav-menu.dts {
    background-color: #b4ddd7;
  }
  .nav-menu.stickiweb {
    background-color: #8b92cb;
  }
  .nav-menu.acc {
    background-color: #67c1bd;
  }
  .nav-menu.dd {
    background-color: #e95354;
  }
  .nav-menu.stickimain {
    background-color: #4fb0a0;
  }
  .nav-menu.ddsnew {
    background-color: #3b5cf0;
  }
  .nav-menu.ab {
    background-color: #2ad3bd;
  }
  .nav-menu.main {
    background-color: #f7f7f7;
  }
  .menu-button {
    background-color: #67c2be;
  }
  .menu-button.w--open {
    background-color: #73cde6;
  }
  .menu-button.essential {
    background-color: #2a2b29;
  }
  .menu-button.xuxu {
    background-color: #74cde6;
  }
  .menu-button.dottie {
    background-color: #74c378;
  }
  .menu-button.dare {
    background-color: #e95354;
  }
  .menu-button.stickivid {
    background-color: #515a7b;
  }
  .menu-button.dts {
    background-color: #b4ddd7;
  }
  .menu-button.stickiweb {
    background-color: #8a91cb;
  }
  .menu-button.acc {
    background-color: #67c1bd;
  }
  .menu-button.dd {
    background-color: #e95354;
  }
  .menu-button.stickimain {
    background-color: #4fb0a0;
  }
  .menu-button.ab {
    background-color: #2ad3bd;
  }
  .menu-button.main {
    background-color: #f7f7f7;
  }
  .menu-button.ddsnew {
    background-color: #3b5cf0;
  }
}