html, body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  font-size: 12px; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0px;
  padding: 0px; }

.clear {
  clear: both; }

.sections_wrap {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }

.section {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  font-size: 3rem; }
  .section h1 {
    color: #fff;
    text-align: center;
    font-size: 1.8em;
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    position: relative; }
    .section h1 span {
      font-weight: 100; }
  .section p {
    color: #fff;
    text-align: center;
    font-size: 1em;
    font-family: 'Dosis', sans-serif;
    font-weight: 200; }

.section_1 {
  background-color: #ff2929;
  top: 0%; }
  .section_1 h1 {
    margin-top: 15%; }
    .section_1 h1 span {
      font-weight: 100; }
  .section_1 p {
    position: absolute;
    bottom: 68px;
    width: 260px;
    left: 50%;
    margin-left: -130px; }

.section_2 {
  overflow: hidden; }
  .section_2 h1 {
    margin-top: 5%;
    margin-bottom: 2%; }
  .section_2 .section_2_bg {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%; }
    .section_2 .section_2_bg img {
      width: 100%;
      height: 100%;
      -webkit-transition: -webkit-transform 500ms linear;
      transition: transform 500ms linear;
      -webkit-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05); }
  .section_2 .section_2_arm {
    width: 375px;
    position: absolute;
    left: 50%;
    margin-left: -288px;
    bottom: -100px;
    -webkit-transition: -webkit-transform 500ms linear;
    transition: transform 500ms linear; }
    .section_2 .section_2_arm svg {
      width: 100%; }
    .section_2 .section_2_arm:hover {
      -webkit-transform: scale(1.05, 1.05); }

.triangle_play {
  -webkit-transition: fill 200ms linear;
  transition: fill 200ms linear;
  fill: #fff;
  cursor: pointer; }

.triangle_play_hover {
  fill: #ff2929; }

.scaleBG {
  -webkit-transform: scale(1, 1) !important;
  transform: scale(1, 1) !important; }

.video_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  top: 0px;
  visibility: hidden;
  -webkit-transition: visibility 300ms linear;
  transition: visibility 300ms linear; }

.video_popup {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -23% 0 0 -40%;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  z-index: 1000; }
  .video_popup .close_video {
    position: absolute;
    top: 30px;
    right: -5%;
    cursor: pointer; }
  .video_popup .video_wrap {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0; }
    .video_popup .video_wrap iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.video_out {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1); }

.video_overlay_out {
  visibility: visible; }

.mobile_play {
  width: 60%;
  height: 46%;
  position: absolute;
  bottom: 45%;
  left: 50%;
  margin-left: -10%;
  z-index: 999;
  cursor: pointer; }

.section_3 {
  background: white url(../images/slash.svg) 15% center no-repeat;
  background-size: 35%; }
  .section_3 .content_wrap {
    width: 80%;
    position: relative;
    left: 50%;
    margin-left: -40%;
    top: 20%; }
    .section_3 .content_wrap .nail_polish {
      position: relative;
      float: left;
      width: 25%; }
      .section_3 .content_wrap .nail_polish img {
        width: 80%; }
    .section_3 .content_wrap .text_block {
      position: relative;
      float: left;
      width: 75%; }
      .section_3 .content_wrap .text_block h1 {
        color: #ff2929;
        margin-left: 0px;
        text-align: left; }
      .section_3 .content_wrap .text_block p {
        color: #282B2D;
        text-align: left;
        margin: 10px 0;
        font-size: .6em; }

.section_4 {
  background-color: #ff2929; }
  .section_4 h1 {
    margin-top: 8%; }
  .section_4 p {
    clear: both;
    padding-top: 3%; }
  .section_4 .social_wrap {
    width: 750px;
    margin: 0 auto; }
    .section_4 .social_wrap .social {
      width: 200px;
      height: 200px;
      float: left;
      margin: 25px;
      -webkit-transition: -webkit-transform 300ms linear;
      transition: transform 300ms linear;
      background-size: cover;
      cursor: pointer; }
    .section_4 .social_wrap .social:hover {
      -webkit-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05); }
    .section_4 .social_wrap .facebook {
      background-image: url(../images/facebook.svg);
      background-repeat: no-repeat;
      background-position: center center; }
    .section_4 .social_wrap .twitter {
      background-image: url(../images/twitter.svg);
      background-repeat: no-repeat;
      background-position: center center; }
    .section_4 .social_wrap .googlePlus {
      background-image: url(../images/googlePlus.svg);
      background-repeat: no-repeat;
      background-position: center center; }

.section_5 {
  background-color: #fff; }
  .section_5 h1 {
    color: #ff2929;
    height: 100px;
    margin-top: 25px; }
  .section_5 p {
    color: #282B2D;
    height: 100px;
    font-size: .7em; }

.downArrow {
  width: 25px;
  height: 15px;
  position: absolute;
  bottom: 45px;
  left: 50%;
  margin-left: -12px; }

.grid_wrap {
  width: 100%;
  position: absolute;
  height: calc(100% - 250px);
  bottom: 0px; }

.grid_block {
  position: relative;
  float: left;
  width: calc(100%/6);
  background-color: #333; }
  .grid_block img {
    width: 100%;
    margin: 0 0 -9px 0; }

.section_6 {
  background: #fff; }
  .section_6 img {
    width: 50%;
    position: absolute;
    left: 50%;
    margin-left: -25%;
    bottom: 46%; }
  .section_6 p {
    position: absolute;
    bottom: 125px;
    right: 35px;
    font-size: 1.5rem;
    color: #282B2D; }
    .section_6 p a:link, .section_6 p a:visited, .section_6 p a:hover, .section_6 p a:active {
      color: #ff2929;
      font-weight: 500; }
  .section_6 .footer {
    background: #ff2929;
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 0px; }
    .section_6 .footer h1 {
      margin-top: 1%;
      font-size: 1em; }

@media screen and (min-width: 1101px) {
  html, body {
    font-size: 12px; }

  .section_2 .section_2_arm {
    width: 350px;
    margin-left: -285px;
    bottom: -240px;
    position: absolute;
    left: 50%; } }
@media screen and (max-width: 1100px) {
  html, body {
    font-size: 10px; }

  .section_2 .section_2_arm {
    width: 300px;
    margin-left: -216px;
    bottom: -220px;
    position: absolute;
    left: 50%; } }
@media screen and (max-width: 910px) {
  html, body {
    font-size: 8px; }

  .section_2 .section_2_arm {
    width: 265px;
    margin-left: -188px;
    bottom: -220px;
    position: absolute;
    left: 50%; }

  .section_4 .social_wrap {
    width: 585px;
    margin: 0 auto; }
    .section_4 .social_wrap .social {
      width: 150px;
      height: 150px;
      margin: 20px; }

  .section_6 img {
    bottom: 43%; }
  .section_6 .footer {
    height: 100px; }
    .section_6 .footer h1 {
      margin-top: 3%; } }
@media screen and (max-width: 715px) {
  html, body {
    font-size: 6px; }

  .section_6 img {
    bottom: 50%; }
  .section_6 .footer {
    height: 100px; }
    .section_6 .footer h1 {
      margin-top: 5%; }
  .section_6 p {
    position: absolute;
    bottom: 105px;
    right: 15px;
    font-size: 3rem;
    color: #282B2D;
    margin-right: -82px;
    width: 166px;
    right: 50%; }
    .section_6 p a:link, .section_6 p a:visited, .section_6 p a:hover, .section_6 p a:active {
      color: #ff2929;
      font-weight: 500; } }
@media screen and (max-width: 600px) {
  .section_4 .social_wrap {
    width: 240px;
    margin: 0 auto; }
    .section_4 .social_wrap .social {
      width: 60px;
      height: 60px;
      margin: 10px; } }
@media screen and (max-width: 550px) {
  html, body {
    font-size: 4px; }

  .section_2 .section_2_arm {
    width: 200px;
    margin-left: -144px;
    bottom: -260px;
    position: absolute;
    left: 50%; }

  .downArrow {
    bottom: 25px; }

  .section_3 {
    background: white url(../images/slash.svg) 15% center no-repeat;
    background-size: 45%; }
    .section_3 .content_wrap {
      width: 85%;
      position: relative;
      left: 50%;
      margin-left: -43%;
      top: 5%; }
      .section_3 .content_wrap .nail_polish {
        position: relative;
        float: none;
        width: 100%; }
        .section_3 .content_wrap .nail_polish img {
          position: relative;
          width: 14%;
          left: 50%;
          margin-left: -7%; }
      .section_3 .content_wrap .text_block {
        position: relative;
        float: none;
        width: 100%; }
        .section_3 .content_wrap .text_block h1 {
          color: #ff2929;
          margin-left: 0px;
          text-align: left; }
        .section_3 .content_wrap .text_block p {
          color: #282B2D;
          text-align: left;
          margin: 5px 0;
          font-size: 1.2em; }

  .mobile_play {
    width: 50%;
    height: 26%;
    position: absolute;
    bottom: 49%;
    left: 50%;
    margin-left: -2%;
    cursor: pointer; }

  .downArrow {
    width: 25px;
    height: 15px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -12px; }

  .section_4 h1 {
    margin-top: 12%; }

  .section_5 h1 {
    color: #ff2929;
    height: 50px; }
  .section_5 p {
    color: #282B2D;
    height: 50px;
    font-size: 1em; }

  .grid_wrap {
    width: 100%;
    position: absolute;
    height: calc(100% - 120px);
    bottom: 0px; } }
@media all and (max-height: 320px) {
  .section_2 .section_2_arm {
    width: 200px;
    margin-left: -144px;
    bottom: -280px;
    position: absolute;
    left: 50%; }

  .grid_block {
    position: relative;
    float: left;
    width: calc(100%/6); }

  .section_3 {
    background: white url(../images/slash.svg) 15% center no-repeat;
    background-size: 45%; }
    .section_3 .content_wrap {
      width: 90%;
      position: relative;
      left: 50%;
      margin-left: -45%;
      top: 2%; }
      .section_3 .content_wrap .nail_polish {
        position: absolute;
        float: none;
        width: 5%;
        top: -5px;
        left: 0px; }
        .section_3 .content_wrap .nail_polish img {
          position: relative;
          width: 100%;
          left: 50%;
          margin-left: 0%; }
      .section_3 .content_wrap .text_block {
        position: absolute;
        float: none;
        width: 100%;
        top: 5%; }
        .section_3 .content_wrap .text_block h1 {
          color: #ff2929;
          margin-left: 40px;
          text-align: left;
          padding-top: 5px; }
        .section_3 .content_wrap .text_block p {
          color: #ff2929;
          text-align: left;
          margin: 5px 0;
          font-size: .9em; } }