@charset "UTF-8";
@font-face {
  font-family: 'LatoBlack';
  src: url("../fonts/Lato-Black.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato-Black.eot@") format("embedded-opentype"), url("../fonts/Lato-Black.woff2") format("woff2"), url("../fonts/Lato-Black.woff") format("woff"), url("../fonts/Lato-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'LatoBold';
  src: url("../fonts/Lato-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato-Bold.eot@") format("embedded-opentype"), url("../fonts/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'LatoLight';
  src: url("../fonts/Lato-Light.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato-Light.eot@") format("embedded-opentype"), url("../fonts/Lato-Light.woff2") format("woff2"), url("../fonts/Lato-Light.woff") format("woff"), url("../fonts/Lato-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'LatoMedium';
  src: url("../fonts/Lato-Medium.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato-Medium.eot@") format("embedded-opentype"), url("../fonts/Lato-Medium.woff2") format("woff2"), url("../fonts/Lato-Medium.woff") format("woff"), url("../fonts/Lato-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato-Regular.eot@") format("embedded-opentype"), url("../fonts/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'LatoSemibold';
  src: url("../fonts/Lato-Semibold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato-Semibold.eot@") format("embedded-opentype"), url("../fonts/Lato-Semibold.woff2") format("woff2"), url("../fonts/Lato-Semibold.woff") format("woff"), url("../fonts/Lato-Semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'LatoThin';
  src: url("../fonts/Lato-Thin.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Lato-Thin.eot@") format("embedded-opentype"), url("../fonts/Lato-Thin.woff2") format("woff2"), url("../fonts/Lato-Thin.woff") format("woff"), url("../fonts/Lato-Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'Aileron';
  src: url("../fonts/Ailerons.eot");
  src: local("☺"), url("../fonts/Ailerons.woff") format("woff"), url("../fonts/Ailerons.ttf") format("truetype"), url("../fonts/Ailerons.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box;
  outline: 0 !important;
  border-width: 1px; }

::-moz-focus-outer, ::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-loader {
  display: none !important; }

html {
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.center {
  text-align: center; }

.left-align {
  text-align: left; }

body {
  background: #1d1d1b;
  color: #ffffff;
  overflow: hidden; }
  body a {
    text-decoration: none; }

h1, p.h1_header {
  color: #00afd7;
  font-family: 'LatoLight';
  font-size: 4rem;
  padding-bottom: 6vh;
  padding-top: 8.5vh; }

header {
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 120; }
  header .top-left-nav {
    display: flex;
    justify-content: space-between; }
    header .top-left-nav .little {
      display: none; }
    header .top-left-nav li {
      display: inline-block;
      margin: 0 20px; }
      header .top-left-nav li a {
        font-family: 'Lato';
        font-style: normal;
        font-size: 1.8rem;
        color: #b2b2b2; }
    header .top-left-nav li.menu-rel {
      position: relative;
      z-index: 20; }
      header .top-left-nav li.menu-rel ul {
        display: flex; }
    header .top-left-nav li:first-child {
      margin-left: 0; }
    header .top-left-nav li:last-child {
      margin-right: 0; }
    header .top-left-nav a.lang:hover {
      color: #00afd7; }
    header .top-left-nav .social-media li {
      margin: 0 10px; }
      header .top-left-nav .social-media li a {
        font-size: 2rem; }
      header .top-left-nav .social-media li a:hover {
        color: #00afd7; }
  header nav {
    margin: 3% 5% 1%;
    text-align: center;
    position: relative; }
    header nav a.main {
      position: absolute;
      left: 50%;
      top: -7px;
      right: 0;
      width: 139px;
      margin-left: -70px; }
    header nav img {
      position: relative;
      width: 100%; }

main {
  height: 80vh;
  box-sizing: border-box;
  margin-top: 10vh;
  zoom: 1;
  display: block; }

main.main-page {
  height: 420vh;
  box-sizing: border-box;
  zoom: 1;
  display: block; }

.menu {
  display: block;
  background: #1d1d1b;
  height: 100vh;
  width: 365px;
  position: absolute;
  top: 0;
  left: -365px;
  z-index: 110;
  padding-top: 20vh;
  opacity: 0;
  transition: all 1.2s; }
  .menu .menu-wrapper {
    width: 170px;
    margin: auto; }
    .menu .menu-wrapper .main-nav li {
      padding-top: 2vh;
      padding-bottom: 2vh; }
      .menu .menu-wrapper .main-nav li a {
        font-family: 'LatoLight';
        font-style: normal;
        font-size: 2.4rem;
        color: #ffffff; }
      .menu .menu-wrapper .main-nav li a:hover {
        color: #00afd7; }
    .menu .menu-wrapper .footer {
      position: fixed;
      bottom: 0;
      width: 170px;
      margin: auto; }
      .menu .menu-wrapper .footer p {
        font-style: normal;
        color: #ffffff;
        font-size: 1.4rem;
        font-family: 'Lato'; }
      .menu .menu-wrapper .footer p:nth-child(2) {
        margin-bottom: 1vh; }
      .menu .menu-wrapper .footer p:last-child {
        font-family: 'LatoLight';
        font-size: 1.2rem;
        margin-bottom: 4vh; }

.menu.active {
  left: 0;
  opacity: 0.98; }

a.burger {
  width: 20px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  position: relative;
  top: -8px;
  background: inherit; }
  a.burger span {
    width: 20px;
    height: 2px;
    background: #ffffff;
    display: block;
    position: relative;
    transition: background 0.25s; }
  a.burger span::before, a.burger span::after {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    background: #ffffff;
    transition: top 0.25s, transform 0.35s; }
  a.burger span::before {
    top: -6px;
    left: 0; }
  a.burger span::after {
    top: 6px;
    left: 0; }

a.burger.active span {
  background: transparent; }
a.burger.active span::before {
  top: 0;
  transform: rotateZ(45deg); }
a.burger.active span::after {
  top: 0;
  transform: rotateZ(-45deg); }

footer {
  padding: 3vh 5% 5vh;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  text-align: center; }
  footer img {
    position: absolute;
    bottom: -100px;
    opacity: 0;
    right: 0;
    left: 0;
    width: 19px;
    height: 31px;
    display: block;
    margin: auto; }
  footer .bottom-nav {
    display: flex;
    justify-content: space-between;
    font-size: 1.8rem; }
    footer .bottom-nav li {
      display: inline-block;
      margin: 0 10px 0 10px; }
      footer .bottom-nav li a {
        font-family: 'LatoSemibold';
        font-style: normal;
        font-size: 1.5rem;
        color: #b2b2b2; }
      footer .bottom-nav li a:hover {
        color: #00afd7; }
    footer .bottom-nav li:first-child {
      margin-left: 0; }
    footer .bottom-nav li:last-child {
      margin-right: 0; }
    footer .bottom-nav .up {
      text-transform: uppercase; }

a.mob-bottom-btn, a.mob-top-btn {
  display: none; }

div.progress-bar-sp {
  position: absolute;
  height: 216px;
  width: 216px;
  top: 50%;
  left: 50%;
  margin-top: -108px;
  margin-left: -108px;
  border-radius: 50%; }

a.play-sp, a.play-sp-after-init {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -104px;
  margin-left: -104px;
  z-index: 100; }

a.play-sp, a.play-sp-after-init {
  display: none; }

.slider-btn-main {
  box-sizing: border-box;
  padding: 0 4%;
  position: absolute;
  z-index: 6;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  top: 45vh; }
  .slider-btn-main a {
    display: flex;
    align-items: center; }
  .slider-btn-main .left {
    opacity: 0;
    cursor: default; }
  .slider-btn-main .left-btn, .slider-btn-main .right-btn {
    position: relative;
    transition: 0.55s; }
  .slider-btn-main .left-rhomb, .slider-btn-main .right-rhomb {
    position: relative;
    transition: 0.55s; }
  .slider-btn-main .left-btn {
    left: 30px; }
  .slider-btn-main .right-btn {
    right: 30px; }
  .slider-btn-main .left-rhomb {
    left: 0; }
  .slider-btn-main .right-rhomb {
    left: 0; }
  .slider-btn-main a:hover .left-rhomb {
    left: 30px; }
  .slider-btn-main a:hover .right-rhomb {
    left: -30px; }
  .slider-btn-main a:hover .left-btn {
    left: 0; }
  .slider-btn-main a:hover .right-btn {
    right: 0; }

.all-main, .all-agency, .all-brands, .all-contacts, .all-how-it-works {
  overflow: hidden; }

.wrapper-page1 {
  height: 100vh;
  /*width: 400%;*/
  width: 300%;
  margin: 10vh 0 0;
  padding: 0;
  font-size: 0; }

.wrapper-page2, .wrapper-page3, .wrapper-page4, .wrapper-page5 {
  height: 100vh;
  width: 100%;
  margin: 10vh 0 0;
  padding: 0;
  font-size: 0; }

.wrapper {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto; }

.wrapper-page1 .content-main1, .wrapper-page1 .content-main2, .wrapper-page1 .content-main3 {
  position: relative;
  float: left;
  width: 33.33%; }

.main1 {
  background: url(../assets/img/main1.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100vh;
  opacity: 1; }

.content-main1 h1 {
  font-family: 'LatoThin';
  font-style: normal;
  font-size: 4rem;
  color: #ffffff;
  display: inline-block;
  margin-top: 60vh;
  width: 42%; }
.content-main1 .hit, .content-main1 .target {
  width: 33.33%;
  text-align: center; }
.content-main1 .ht {
  display: none; }
.content-main1 .hit {
  position: absolute;
  left: 10%;
  top: 40%; }
  .content-main1 .hit .h2_header {
    font-family: 'LatoLight';
    color: #00afd7;
    font-size: 5rem;
    text-transform: uppercase; }
.content-main1 .target {
  position: absolute;
  right: 10%;
  top: 40%; }
  .content-main1 .target .h2_header {
    font-family: 'LatoLight';
    font-size: 3rem;
    text-transform: uppercase; }

.main2 {
  background: url(../assets/img/main3.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100vh;
  overflow-x: hidden;
  opacity: 1; }

.content-main2 {
  position: relative; }
  .content-main2 .best {
    position: absolute;
    top: 43vh;
    left: 10%;
    text-transform: uppercase; }
    .content-main2 .best .h2_header {
      color: #00699c;
      font-family: 'Aileron', 'Arial', sans-serif;
      font-size: 16rem;
      margin-bottom: 2vh; }
    .content-main2 .best .h3_header {
      font-family: 'LatoMedium';
      font-size: 4.5rem; }
  .content-main2 .link-heinz-promo {
    margin-top: 75vh;
    position: relative;
    z-index: 2; }
  .content-main2 a {
    font-family: 'Lato';
    font-size: 2.4rem;
    color: #ffffff; }
    .content-main2 a img {
      padding-bottom: 2%; }
  .content-main2 #animation_container {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1; }

.main3 {
  background: url(../assets/img/main4.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100vh;
  opacity: 1; }

.anim-main4 {
  display: none;
  background: inherit;
  position: absolute;
  z-index: 3;
  height: 100vh;
  width: 100%;
  top: -10vh; }
  .anim-main4 .smoke {
    position: absolute;
    height: 100vh;
    left: 50%;
    z-index: 3; }
    .anim-main4 .smoke span {
      display: block;
      position: absolute;
      bottom: -35px;
      margin-left: -20px;
      height: 400px;
      width: 300px;
      background-repeat: no-repeat;
      background-image: url("../assets/img/smoke-texture.png");
      left: -14px;
      opacity: 0;
      transform: scale(0.2); }
@keyframes smoke {
  0% {
    opacity: 0;
    transform: scale(0.1) translate(0, 0); }
  25% {
    opacity: 0.9; }
  100% {
    opacity: 0.3;
    transform: scale(1) translate(-73vh, -70vh); } }
  .anim-main4 .dryer {
    background: url("../assets/img/dryer.png") no-repeat;
    width: 500px;
    min-height: 559px;
    left: 47%;
    position: absolute;
    top: 78vh;
    z-index: 2; }

.content-main3 {
  position: relative; }
  .content-main3 .main4-label-remington {
    position: absolute;
    width: 30%;
    top: 20%;
    right: 5%;
    text-align: right;
    z-index: 5; }
    .content-main3 .main4-label-remington img {
      display: block;
      margin-left: auto;
      margin-right: 0;
      width: 100%; }
  .content-main3 .main4-label-young {
    position: absolute;
    width: 20%;
    top: 45%;
    right: 5%;
    text-align: right;
    z-index: 5; }
    .content-main3 .main4-label-young img {
      display: block;
      margin-left: auto;
      margin-right: 0;
      width: 100%; }
  .content-main3 .deadly {
    position: absolute;
    top: 43vh;
    left: 10%;
    text-transform: uppercase;
    z-index: 5; }
    .content-main3 .deadly .h2_header {
      color: #00699c;
      font-family: 'Aileron', 'Arial', sans-serif;
      font-size: 16rem;
      margin-bottom: 2vh; }
    .content-main3 .deadly .h3_header {
      font-family: 'LatoMedium';
      font-size: 6.1rem;
      margin-left: 2%; }
  .content-main3 .link-remington-promo {
    padding-top: 75vh;
    position: relative;
    z-index: 5; }
  .content-main3 a {
    font-family: 'Lato';
    font-size: 2.4rem;
    color: #ffffff; }

.connect-form-all {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: #1d1d1b;
  opacity: 0.98;
  width: 100%;
  height: 100vh;
  cursor: pointer;
  overflow: hidden;
  z-index: 15; }

.connect-form {
  background: #1d1d1b;
  width: 100%;
  height: 92vh;
  position: fixed;
  top: 8vh;
  left: 0;
  opacity: 0.98;
  z-index: 20;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  .connect-form .wrapper .h1_header {
    font-family: 'LatoLight';
    font-style: normal;
    font-size: 4rem;
    color: #ffffff;
    padding-bottom: 0;
    padding-top: 10.5vh; }
  .connect-form .wrapper .notice {
    font-family: 'LatoLight';
    font-style: normal;
    font-size: 1.6rem;
    color: #ffffff;
    margin: 1vh 0; }
  .connect-form .wrapper a {
    color: #ffffff;
    text-decoration: underline; }
  .connect-form .wrapper a:hover {
    color: #00afd7; }

.wrapper-feedback-form {
  max-width: 715px;
  width: 75%;
  margin: 0 auto; }

.close-icon {
  height: 40px;
  width: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  position: relative;
  top: -35px;
  background: inherit;
  margin-left: auto;
  margin-right: 0; }
  .close-icon span::before, .close-icon span::after {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 2px;
    background: #ffffff;
    top: 17px;
    left: 5px; }
  .close-icon span::before {
    transform: rotateZ(45deg); }
  .close-icon span::after {
    transform: rotateZ(-45deg); }

input {
  outline: none; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0 100px #1d1d1b !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: #1d1d1b !important;
  color: #ffffff !important; }

.input-form {
  position: relative;
  display: block; }

.notes {
  position: absolute;
  top: 1rem;
  left: 0;
  display: flex; }

.input__field {
  display: block;
  background: transparent;
  font-style: normal;
  font-size: 2rem;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  margin: 3vh 0 3vh;
  padding: 5px 0;
  width: 100%;
  color: #ffffff;
  font-family: 'LatoLight';
  -webkit-appearance: none; }

.input__label, input.empty ~ .notes .input__label {
  display: inline-block;
  color: #979797;
  padding: 0 10px 0 0;
  font-family: 'LatoLight';
  font-size: 2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s; }

label.validator-error, input.empty ~ .notes label.validator-error {
  font-family: 'Lato';
  font-size: 2rem;
  z-index: 3;
  color: #c80243;
  padding: 0; }

input:focus ~ .notes, input.not-empty ~ .notes {
  top: -1.5rem; }

input:focus ~ .notes .input__label, input:focus ~ .notes label.validator-error,
input.not-empty ~ .notes .input__label, input.not-empty ~ .notes label.validator-error {
  font-size: 1.5rem; }

input[type="submit"] {
  background: inherit;
  background: transparent;
  color: #ffffff;
  font-family: 'Lato';
  font-style: normal;
  font-size: 2.2rem;
  padding: 1.3vh 0;
  margin: 1.5vh 0 0;
  cursor: pointer;
  max-width: 140px;
  width: 50%;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 0;
  border-radius: 0; }

#modal_form {
  background: #1d1d1b;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  display: none;
  opacity: 0;
  z-index: 25; }
  #modal_form .wrapper-popup {
    margin: 38vh 8% 3vh 8%; }
    #modal_form .wrapper-popup .h2_header {
      font-family: 'LatoLight';
      font-style: normal;
      font-size: 3rem;
      color: #ffffff;
      margin-bottom: 25px;
      text-align: center;
      line-height: 1.2; }

#modal_close {
  text-align: center; }
  #modal_close a {
    background: inherit;
    color: #ffffff;
    font-family: 'Lato';
    font-style: normal;
    font-size: 2.2rem;
    max-width: 140px;
    width: 50%;
    padding: 1vh 0;
    border: 1px solid #ffffff;
    text-align: center;
    display: inline-block; }

.content-contacts2 {
  position: relative;
  height: 75vh; }
  .content-contacts2 a.btn {
    display: inline-block;
    background: inherit;
    color: #ffffff;
    font-family: 'Lato';
    font-style: normal;
    font-size: 2.2rem;
    border: solid 1px #b2b2b2;
    padding: 1.5% 3%;
    margin-bottom: 4vh; }
  .content-contacts2 a {
    color: #ffffff; }
  .content-contacts2 .contacts-agency {
    margin-bottom: 4vh;
    display: flex; }
    .content-contacts2 .contacts-agency div {
      width: 25%; }
    .content-contacts2 .contacts-agency .h3_header {
      font-family: 'LatoThin';
      font-size: 2.4rem;
      color: #ffffff;
      margin-bottom: 15px; }
    .content-contacts2 .contacts-agency p, .content-contacts2 .contacts-agency a {
      font-family: 'Lato';
      font-size: 1.8rem;
      color: #ffffff;
      line-height: 1.2; }
    .content-contacts2 .contacts-agency a:hover {
      color: #00afd7; }

iframe {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  margin-bottom: 10px;
  height: 40vh !important; }

.content-agency {
  margin-top: 5vh;
  height: 80vh; }
  .content-agency .wrapper {
    overflow: hidden; }
    .content-agency .wrapper .h1_header {
      text-align: center; }
    .content-agency .wrapper .h4_header {
      display: block;
      text-align: center;
      font-family: "LatoBold";
      font-size: 1.4rem;
      text-transform: uppercase;
      padding: 0 0 5vh;
      overflow: hidden;
      color: #ffffff;
      opacity: 0.271; }
    .content-agency .wrapper .h4_header:before,
    .content-agency .wrapper .h4_header:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      box-sizing: border-box;
      width: 100%;
      height: 1px;
      background: #ffffff;
      border: solid #1d1d1b;
      border-width: 0 20px; }
    .content-agency .wrapper .h4_header:before {
      margin-left: -100%; }
    .content-agency .wrapper .h4_header:after {
      margin-right: -100%; }
    .content-agency .wrapper .owl-item.center .h4_header {
      opacity: 1; }
    .content-agency .wrapper .owl-item.center .h4_header:before {
      opacity: 0.271; }
    .content-agency .wrapper .owl-item.center .h4_header:after {
      opacity: 0.271; }
    .content-agency .wrapper .h3_header.mob-h3 {
      display: none; }
    .content-agency .wrapper .wrapper-slider-agency {
      width: 400%;
      height: 90vh; }
    .content-agency .wrapper .wrapper-slider-agency .content-agency1, .content-agency .wrapper .wrapper-slider-agency .content-agency2, .content-agency .wrapper .wrapper-slider-agency .content-agency3 {
      position: relative;
      float: left;
      width: 25%;
      height: 90vh; }
      .content-agency .wrapper .wrapper-slider-agency .content-agency1 .wrapper, .content-agency .wrapper .wrapper-slider-agency .content-agency2 .wrapper, .content-agency .wrapper .wrapper-slider-agency .content-agency3 .wrapper {
        overflow: visible; }
    .content-agency .wrapper .mission .h2_header {
      text-align: center;
      font-size: 7.1rem; }
    .content-agency .wrapper .mission .h2_header.black {
      font-family: "LatoBlack"; }
    .content-agency .wrapper .mission .h2_header.thin {
      font-family: "LatoThin"; }
    .content-agency .wrapper .mission .tagline {
      max-width: 870px;
      width: 90%;
      margin: 5vh auto 0;
      display: flex;
      justify-content: space-between; }
      .content-agency .wrapper .mission .tagline div {
        max-height: 226px;
        height: 35vh; }
        .content-agency .wrapper .mission .tagline div img {
          margin: auto;
          height: 100%; }
    .content-agency .wrapper .ideology {
      display: flex;
      padding-top: 10vh; }
      .content-agency .wrapper .ideology div {
        width: 50%; }
      .content-agency .wrapper .ideology .we .h1_header {
        font-family: "LatoBold";
        font-size: 34.8rem;
        text-transform: uppercase;
        color: #ffffff;
        padding: 0; }
      .content-agency .wrapper .ideology .list {
        font-family: "LatoLight";
        font-size: 2.5rem;
        line-height: 5.8rem;
        margin-left: 2%;
        margin-top: 1vh; }
      .content-agency .wrapper .ideology.ru .we .h1_header {
        font-size: 31.8rem; }
      .content-agency .wrapper .ideology.ru .list {
        line-height: 5rem; }
        .content-agency .wrapper .ideology.ru .list .small-interval {
          line-height: 3.3rem; }
    .content-agency .wrapper .core-values {
      display: flex; }
      .content-agency .wrapper .core-values p {
        font-family: "LatoLight"; }
      .content-agency .wrapper .core-values .h2_header {
        font-size: 6.1rem; }
      .content-agency .wrapper .core-values .desc_def {
        font-size: 2.4rem;
        line-height: 3.6rem; }
      .content-agency .wrapper .core-values .big {
        width: 80%; }
      .content-agency .wrapper .core-values .small {
        width: 15%; }
        .content-agency .wrapper .core-values .small .desc_def {
          width: 30%; }
      .content-agency .wrapper .core-values .row {
        width: 100%;
        display: flex; }
        .content-agency .wrapper .core-values .row .first {
          width: 55%; }
        .content-agency .wrapper .core-values .row .second {
          width: 35%; }
        .content-agency .wrapper .core-values .row .first {
          padding-right: 5%; }
      .content-agency .wrapper .core-values .row:first-child {
        margin-bottom: 10vh; }
      .content-agency .wrapper .core-values.ru .desc_def {
        line-height: 4.4rem; }

.content-brands .brands {
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
  margin: auto; }
.content-brands .brands {
  margin-top: 1vh;
  max-width: 970px;
  text-align: center;
  margin-left: 0; }
  .content-brands .brands div {
    height: 100px;
    line-height: 80px;
    width: 165px; }

.content-how-it-works {
  color: #ffffff;
  font-style: normal; }
  .content-how-it-works .h2_header {
    font-family: 'LatoLight';
    font-size: 4rem;
    margin-bottom: 1vh; }
  .content-how-it-works .desc {
    font-family: 'LatoLight';
    font-size: 1.8rem;
    line-height: 1.556;
    margin-bottom: 3.5vh; }

.policy-content, .personal-data-content, .er404-content {
  height: 70vh;
  margin-top: 15.5vh;
  overflow-y: scroll; }
  .policy-content h1, .personal-data-content h1, .er404-content h1 {
    padding-top: 0; }
  .policy-content h2, .personal-data-content h2, .er404-content h2 {
    font-family: 'LatoLight';
    font-style: normal;
    font-size: 3rem;
    color: #ffffff;
    line-height: 1.5;
    margin: 10px 0; }
  .policy-content .not-top-margin, .personal-data-content .not-top-margin, .er404-content .not-top-margin {
    margin-top: 0; }
  .policy-content ul, .personal-data-content ul, .er404-content ul {
    list-style-type: disc;
    margin-left: 20px; }
  .policy-content li, .policy-content p, .personal-data-content li, .personal-data-content p, .er404-content li, .er404-content p {
    font-family: 'LatoLight';
    font-style: normal;
    font-size: 1.8rem;
    color: #ffffff;
    line-height: 1.7; }
  .policy-content a, .personal-data-content a, .er404-content a {
    color: #ffffff;
    text-decoration: underline; }
  .policy-content a:hover, .personal-data-content a:hover, .er404-content a:hover {
    color: #00afd7; }
  .policy-content .justify, .personal-data-content .justify, .er404-content .justify {
    text-align: justify; }
  .policy-content .right, .personal-data-content .right, .er404-content .right {
    text-align: right; }

.er404-content {
  overflow-y: auto; }

@media screen and (max-width: 1300px) and (min-width: 1200px) and (max-height: 1030px) and (min-height: 1000px) {
  .anim-main4 .smoke {
    left: 52%; }
  .anim-main4 .dryer {
    left: 48%;
    top: 80vh; } }
@media screen and (max-width: 1700px) and (min-width: 1600px) and (max-height: 1100px) and (min-height: 1000px) {
  .anim-main4 .smoke {
    left: 50%; }
  .anim-main4 .dryer {
    left: 47%;
    top: 80vh; } }
@media screen and (max-width: 1700px) and (min-width: 1600px) and (max-height: 950px) and (min-height: 860px) {
  .anim-main4 .smoke {
    left: 50%; }
  .anim-main4 .dryer {
    left: 47%;
    top: 78vh; } }
@media screen and (max-width: 1500px) and (min-width: 1025px) {
  .wrapper {
    width: 85%;
    margin: 0 auto; }

  .content-how-it-works .h2_header {
    font-size: 3rem; }

  .content-agency {
    margin-top: 5vh; }
    .content-agency .wrapper .mission .h2_header {
      font-size: 6.1rem; }
    .content-agency .wrapper .mission .tagline {
      max-width: 600px; }
      .content-agency .wrapper .mission .tagline div {
        max-height: 160px;
        height: 20vh; }
        .content-agency .wrapper .mission .tagline div img {
          margin: auto;
          height: 100%; }
    .content-agency .wrapper .ideology .we .h1_header {
      font-size: 20rem; }
    .content-agency .wrapper .ideology .list {
      font-size: 1.6rem;
      line-height: 3.5rem; }
    .content-agency .wrapper .ideology.ru .we .h1_header {
      font-size: 19.8rem; }
    .content-agency .wrapper .ideology.ru .list {
      line-height: 3.3rem; }
    .content-agency .wrapper .core-values .h2_header {
      font-size: 4rem;
      padding-left: 5%;
      padding-right: 5%; }
    .content-agency .wrapper .core-values .desc_def {
      font-size: 1.6rem;
      line-height: 2.5rem;
      padding-left: 5%;
      padding-right: 5%; }
    .content-agency .wrapper .core-values.ru .desc_def {
      line-height: 3rem; }

  #modal_form .wrapper-popup {
    margin: 38vh 8% 3vh 8%; }
    #modal_form .wrapper-popup .h2_header {
      font-size: 2.2rem; }

  .policy-content, .personal-data-content, .er404-content {
    margin-top: 15.5vh; } }
@media screen and (max-width: 1250px) {
  .content-agency .wrapper .ideology.ru .list .small-interval {
    line-height: 1.8rem; } }
@media screen and (max-width: 1170px) and (min-width: 700px) {
  input[type="submit"] {
    margin-left: 10px; } }
@media screen and (max-width: 1080px) {
  .content-contacts2 .contacts-agency a {
    display: block; } }
@media screen and (max-height: 850px) {
  h1, p.h1_header {
    font-size: 3rem;
    padding-bottom: 4vh;
    padding-top: 4vh; }

  footer {
    padding: 3vh 5% 4vh; }

  .content-main1 h1 {
    font-size: 2.7rem; }

  .content-main2 .best {
    top: 38vh; }
  .content-main2 div.progress-bar-sp {
    height: 106px;
    width: 106px;
    margin-top: -53px;
    margin-left: -53px; }
  .content-main2 a.play-sp, .content-main2 a.play-sp-after-init {
    margin-top: -50px;
    margin-left: -50px; }
    .content-main2 a.play-sp img, .content-main2 a.play-sp-after-init img {
      max-width: 100px; }

  .anim-main4 .smoke {
    left: 45%; }
  .anim-main4 .dryer {
    left: 44%; }

  .content-main3 .deadly {
    top: 38vh; }

  .connect-form .wrapper .h1_header {
    font-size: 2.4rem;
    padding-top: 8vh; }

  .connect-form .wrapper.feed-form {
    cursor: pointer; }

  .wrapper-feedback-form {
    cursor: pointer; }

  #modal_form {
    cursor: pointer; }

  .input__field {
    font-size: 1.6rem; }

  .input__label, input.empty ~ .notes .input__label {
    font-size: 1.6rem; }

  label.validator-error, input.empty ~ .notes label.validator-error {
    font-size: 1.6rem; }

  input:focus ~ .notes, input.not-empty ~ .notes {
    top: -1.2rem; }

  input:focus ~ .notes .input__label, input:focus ~ .notes label.validator-error,
  input.not-empty ~ .notes .input__label, input.not-empty ~ .notes label.validator-error {
    font-size: 1.2rem; }

  .content-brands .brands div {
    height: 80px;
    line-height: 60px;
    margin-right: 1%;
    margin-left: 1%;
    width: 140px; }
    .content-brands .brands div img {
      max-width: 100%;
      height: auto; }

  .content-how-it-works .h2_header {
    font-size: 2.4rem; }
  .content-how-it-works .desc {
    font-size: 1.6rem;
    line-height: 1.3; } }
@media screen and (max-height: 750px) {
  .content-agency .wrapper .mission .h2_header {
    font-size: 4.1rem; }
  .content-agency .wrapper .mission .tagline {
    max-width: 400px; }
    .content-agency .wrapper .mission .tagline div {
      max-height: 140px;
      height: 25vh; }
  .content-agency .wrapper .ideology {
    padding-bottom: 10vh; }
    .content-agency .wrapper .ideology .we .h1_header {
      font-size: 15rem; }
    .content-agency .wrapper .ideology .list {
      font-size: 1.6rem;
      line-height: 2.2rem; }
    .content-agency .wrapper .ideology.ru .we .h1_header {
      font-size: 14.3rem; }
    .content-agency .wrapper .ideology.ru .list {
      line-height: 1.9rem; }
      .content-agency .wrapper .ideology.ru .list .small-interval {
        line-height: 1.9rem; }
  .content-agency .wrapper .core-values {
    padding-bottom: 5vh; }
    .content-agency .wrapper .core-values .h2_header {
      font-size: 3.5rem;
      padding-left: 5%;
      padding-right: 5%; }
    .content-agency .wrapper .core-values .desc_def {
      font-size: 1.6rem;
      line-height: 2.5rem;
      padding-left: 5%;
      padding-right: 5%; }
    .content-agency .wrapper .core-values.ru .desc_def {
      line-height: 2.9rem; }

  .content-how-it-works .desc {
    font-size: 1.6rem;
    line-height: 1.2;
    margin-bottom: 2.5vh; }

  .content-contacts2 .wrapper {
    margin: 0 auto;
    width: 87%; }
    .content-contacts2 .wrapper .contacts-agency {
      margin-bottom: 20px; }
      .content-contacts2 .wrapper .contacts-agency .h3_header {
        font-size: 1.8rem; }
      .content-contacts2 .wrapper .contacts-agency p, .content-contacts2 .wrapper .contacts-agency a {
        font-size: 1.4rem; }
  .content-contacts2 a.btn {
    padding: 1% 3%;
    margin-bottom: 2vh; }

  iframe {
    height: 40vh; } }
@media screen and (max-width: 1400px) and (min-width: 1300px) and (max-height: 800px) and (min-height: 700px) {
  .anim-main4 .dryer {
    left: 42%;
    top: 75vh; } }
@media screen and (max-width: 1400px) and (min-width: 1300px) and (max-height: 700px) and (min-height: 600px) {
  .anim-main4 .smoke {
    left: 44%; }
  .anim-main4 .dryer {
    left: 41%;
    top: 71vh; }

  .content-agency .wrapper .ideology.ru .list, .content-agency .wrapper .ideology.ru .list .small-interval {
    line-height: 2.3rem; } }
@media screen and (max-width: 1300px) and (min-width: 1200px) and (max-height: 820px) and (min-height: 780px) {
  .anim-main4 .smoke {
    left: 45%; }
  .anim-main4 .dryer {
    left: 41%;
    top: 75vh; } }
@media screen and (max-width: 1300px) and (min-width: 1200px) and (max-height: 780px) and (min-height: 660px) {
  .anim-main4 .smoke {
    left: 45%; }
  .anim-main4 .dryer {
    left: 41%;
    top: 71vh; } }
@media screen and (max-width: 1300px) and (min-width: 1200px) and (max-height: 750px) and (min-height: 570px) {
  .content-agency .wrapper .ideology.ru .list, .content-agency .wrapper .ideology.ru .list .small-interval {
    line-height: 2.3rem; } }
@media screen and (max-width: 800px) {
  .connect-form .wrapper .h1_header {
    font-size: 2.4rem;
    padding-bottom: 0; }

  footer .mouse {
    display: none; } }
@media screen and (max-width: 700px) {
  footer {
    display: none; }

  main {
    height: 90vh; }

  .connect-form .wrapper .h1_header {
    padding-top: 30px; }
  .connect-form .wrapper .notice {
    font-size: 1.2rem; } }
@media screen and (max-height: 570px), (max-width: 700px) {
  body {
    overflow-y: scroll; }

  main.main-page {
    height: auto; }

  .menu {
    position: fixed; }

  .wrapper-page2, .wrapper-page3, .wrapper-page4, .wrapper-page5 {
    height: auto; }

  .content-how-it-works, .content-agency, .content-contacts2, .content-brands {
    height: auto; }

  .mob-wrapper-page-1 {
    overflow: hidden;
    margin-top: 10vh; }
    .mob-wrapper-page-1 .wrapper-page1 {
      margin-top: 0; }

  .mob-wrapper-page-2 {
    overflow-y: scroll; }
    .mob-wrapper-page-2 .wrapper-page2 {
      margin-top: 10vh;
      position: relative; }

  .content-agency .wrapper .owl-carousel {
    display: none; }
  .content-agency .wrapper .wrapper-slider-agency {
    width: 100%; }
  .content-agency .wrapper .wrapper-slider-agency .content-agency1, .content-agency .wrapper .wrapper-slider-agency .content-agency2, .content-agency .wrapper .wrapper-slider-agency .content-agency3 {
    float: none;
    width: 100%; }
    .content-agency .wrapper .wrapper-slider-agency .content-agency1 .wrapper, .content-agency .wrapper .wrapper-slider-agency .content-agency2 .wrapper, .content-agency .wrapper .wrapper-slider-agency .content-agency3 .wrapper {
      width: 88%;
      margin: auto; }
  .content-agency .wrapper .h3_header.mob-h3 {
    display: block;
    text-align: center;
    font-family: "LatoBold";
    font-size: 1.4rem;
    text-transform: uppercase;
    padding: 5vh 0;
    overflow: hidden; }
  .content-agency .wrapper .h3_header.mob-h3:before,
  .content-agency .wrapper .h3_header.mob-h3:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    background: #ffffff;
    border: solid #1d1d1b;
    border-width: 0 20px;
    opacity: 0.27; }
  .content-agency .wrapper .h3_header.mob-h3:before {
    margin-left: -100%; }
  .content-agency .wrapper .h3_header.mob-h3:after {
    margin-right: -100%; } }
@media screen and (max-width: 1024px) and (min-width: 431px) {
  html {
    font-size: 10px; }

  h1, p.h1_header {
    font-size: 2.4rem; }

  header {
    background-color: #1d1d1b; }
    header .top-left-nav img {
      max-width: 105px; }
    header nav {
      text-align: center; }
      header nav a.main {
        width: 100px;
        margin-left: -50px; }
      header nav img {
        width: 100px; }

  footer {
    background-color: #1d1d1b; }

  .menu .wrapper {
    margin: 10vh auto 0;
    width: 80%; }
    .menu .wrapper .main-nav li a {
      font-size: 2.4rem; }

  .wrapper {
    width: 90%;
    padding-top: 15px; }

  .all-how-it-works {
    overflow-y: scroll; }
    .all-how-it-works .wrapper {
      margin: 0 auto;
      width: 87%; }

  .content-how-it-works .h2_header {
    font-size: 3rem; }
  .content-how-it-works .desc {
    line-height: 1.2;
    margin-bottom: 2.5vh; }

  .all-contacts {
    overflow-y: scroll; }

  .connect-form .wrapper.feed-form {
    cursor: pointer; }

  .wrapper-feedback-form {
    cursor: pointer; }

  input[type="submit"] {
    font-size: 1.6rem;
    margin: 2vh 0 5vh; }

  #modal_form {
    cursor: pointer; }

  .content-contacts2 .wrapper {
    margin: 0 auto;
    width: 87%; }
    .content-contacts2 .wrapper .contacts-agency {
      margin-bottom: 20px; }
      .content-contacts2 .wrapper .contacts-agency .h3_header {
        font-size: 1.8rem; }
      .content-contacts2 .wrapper .contacts-agency p, .content-contacts2 .wrapper .contacts-agency a {
        font-size: 1.4rem; }

  iframe {
    height: 40vh; }

  .all-agency {
    background: none;
    margin-top: 0;
    overflow-y: scroll; }

  .content-agency .wrapper {
    height: auto; }
    .content-agency .wrapper .wrapper-slider-agency {
      height: auto; }
      .content-agency .wrapper .wrapper-slider-agency .content-agency1, .content-agency .wrapper .wrapper-slider-agency .content-agency2, .content-agency .wrapper .wrapper-slider-agency .content-agency3 {
        height: auto; }
    .content-agency .wrapper .mission .h2_header {
      font-size: 4.1rem; }
    .content-agency .wrapper .mission .tagline {
      max-width: 400px; }
      .content-agency .wrapper .mission .tagline div {
        max-height: 140px;
        height: 25vh; }
    .content-agency .wrapper .ideology {
      padding-bottom: 10vh; }
      .content-agency .wrapper .ideology .we .h1_header {
        font-size: 15rem; }
      .content-agency .wrapper .ideology .list {
        font-size: 1.6rem;
        line-height: 2.2rem; }
      .content-agency .wrapper .ideology.ru .we .h1_header {
        font-size: 14.3rem; }
      .content-agency .wrapper .ideology.ru .list {
        line-height: 1.9rem; }
    .content-agency .wrapper .core-values {
      padding-bottom: 5vh; }
      .content-agency .wrapper .core-values .h2_header {
        font-size: 3.5rem;
        padding-left: 5%;
        padding-right: 5%; }
      .content-agency .wrapper .core-values .desc_def {
        font-size: 1.6rem;
        line-height: 2.5rem;
        padding-left: 5%;
        padding-right: 5%; }
      .content-agency .wrapper .core-values.ru .desc_def {
        line-height: 2.9rem; }

  .all-brands {
    overflow-y: scroll; }

  .content-brands .brands {
    max-width: 800px; }
    .content-brands .brands div {
      height: 80px;
      line-height: 60px;
      margin-right: 1%;
      margin-left: 1%;
      width: 110px; }
      .content-brands .brands div img {
        max-width: 100%;
        height: auto; }

  .main1 {
    height: 100vh; }

  .content-main1 h1 {
    font-size: 2.4rem;
    margin-top: 60vh;
    width: 90%; }
  .content-main1 .hit, .content-main1 .target {
    display: none; }
  .content-main1 .ht {
    display: block;
    text-align: center;
    padding-top: 5vh; }
    .content-main1 .ht .h2_header {
      font-family: 'LatoLight';
      font-size: 3rem; }
      .content-main1 .ht .h2_header span {
        color: #00afd7; }

  .main2 {
    background: none;
    height: 100vh; }

  .content-main2 {
    background: url("../assets/img/main3-middle.jpg") no-repeat center center;
    background-size: cover;
    height: 90vh;
    position: relative; }
    .content-main2 .sputnik {
      display: none; }
    .content-main2 .best {
      position: relative;
      top: 10%;
      left: 8%; }
      .content-main2 .best .h2_header {
        color: #ffffff;
        font-size: 15rem; }
      .content-main2 .best .h3_header {
        font-size: 4.5rem; }
    .content-main2 .link-heinz-promo {
      margin-top: 23vh; }
    .content-main2 a {
      font-size: 2.4rem; }
      .content-main2 a img {
        max-width: 100px;
        padding-bottom: 2%; }
    .content-main2 div.progress-bar-sp {
      height: 106px;
      width: 106px;
      margin-top: -53px;
      margin-left: -53px; }
    .content-main2 a.play-sp, .content-main2 a.play-sp-after-init {
      margin-top: -50px;
      margin-left: -50px; }
      .content-main2 a.play-sp img, .content-main2 a.play-sp-after-init img {
        max-width: 100px; }

  .main3 {
    background: none;
    height: 100vh; }

  .anim-main4 {
    display: none; }
    .anim-main4 .smoke span {
      display: none; }
    .anim-main4 .dryer {
      background: none;
      top: 0;
      width: 0; }

  .content-main3 {
    background: url("../assets/img/main4-middle.jpg") 20% no-repeat;
    background-size: cover;
    height: 90vh;
    position: relative; }
    .content-main3 .main4-label-remington {
      position: absolute;
      top: 45vh;
      right: 0;
      left: 0;
      text-align: center;
      margin: 0 auto; }
      .content-main3 .main4-label-remington img {
        display: block;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto; }
    .content-main3 .main4-label-young img {
      display: none; }
    .content-main3 .deadly {
      position: relative;
      top: 10%;
      left: 5%; }
      .content-main3 .deadly .h2_header {
        color: #ffffff;
        font-size: 14rem; }
      .content-main3 .deadly .h3_header {
        font-size: 6.1rem; }
    .content-main3 .link-remington-promo {
      position: relative;
      top: 30vh;
      z-index: 5;
      margin: 0 auto;
      padding-top: 0; }
    .content-main3 a {
      font-size: 2.4rem; }

  #modal_form .wrapper-popup {
    margin: 38vh 8% 3vh 8%; }
    #modal_form .wrapper-popup h1 {
      font-size: 2rem; } }
@media screen and (max-width: 1024px) and (min-width: 431px) and (min-height: 700px) {
  .content-main1 h1 {
    margin-top: 50vh; } }
@media screen and (max-height: 500px) and (max-width: 700px) and (min-width: 431px) {
  .content-main1 h1 {
    margin-top: 45vh; }

  .mob-wrapper-page-2 .wrapper-page2 {
    margin-top: 28vh; }

  .content-main2 .link-heinz-promo {
    margin-top: 20vh; }

  .wrapper-feedback-form {
    width: 80%; }

  #feedback-form {
    position: relative; }

  .close-icon {
    position: absolute;
    top: -40px;
    right: 0; }

  .input__field {
    margin: 3vh auto 3vh;
    padding: 2px 0 2px;
    width: 90%; }

  .notes {
    top: 0;
    left: 2%; }

  .wrapper-feedback-form {
    width: 85%; }

  .input__label, input.empty ~ .notes .input__label {
    padding: 7px 10px;
    font-size: 1.4rem; }

  label.validator-error, input.empty ~ .notes label.validator-error {
    padding: 7px 10px 7px 0;
    font-size: 1.4rem; }

  input:focus ~ .notes, input.not-empty ~ .notes {
    top: -1.5rem; }

  input:focus ~ .notes .input__label, input:focus ~ .notes label.validator-error,
  input.not-empty ~ .notes .input__label, input.not-empty ~ .notes label.validator-error {
    font-size: 1.2rem; }

  input[type="submit"] {
    margin: 2vh 0 100px; } }
@media screen and (max-width: 700px) and (min-width: 431px) {
  html {
    font-size: 10px; }

  .easy h2 {
    font-size: 12.5rem !important; }
  .easy h3 {
    font-size: 2.8rem !important; }

  .best .h2_header {
    font-size: 10rem !important; }
  .best .h3_header {
    font-size: 3.5rem !important; }

  .deadly .h2_header {
    font-size: 9rem !important; }
  .deadly .h3_header {
    font-size: 4.1rem !important; }

  .menu {
    position: fixed; }
    .menu .menu-wrapper .footer {
      position: absolute; }

  .content-agency .wrapper .mission .h2_header {
    font-size: 2.3rem; }
  .content-agency .wrapper .mission .tagline {
    max-width: 300px; }
    .content-agency .wrapper .mission .tagline div {
      max-height: 100px; }
  .content-agency .wrapper .ideology {
    flex-wrap: wrap;
    padding-top: 5vh; }
    .content-agency .wrapper .ideology .we {
      width: 100%; }
      .content-agency .wrapper .ideology .we .h1_header {
        font-size: 17rem; }
    .content-agency .wrapper .ideology .list {
      width: 100%;
      font-size: 1.6rem;
      line-height: 3rem;
      text-align: center; }
    .content-agency .wrapper .ideology.ru .we {
      width: 100%; }
      .content-agency .wrapper .ideology.ru .we .h1_header {
        font-size: 17rem; }
    .content-agency .wrapper .ideology.ru .list {
      width: 100%;
      font-size: 1.6rem;
      line-height: 3rem; }
      .content-agency .wrapper .ideology.ru .list .small-interval {
        line-height: 3rem; }
  .content-agency .wrapper .core-values {
    padding-bottom: 5vh; }
    .content-agency .wrapper .core-values .h2_header {
      font-size: 2.1rem;
      padding-left: 5%;
      padding-right: 5%; }
    .content-agency .wrapper .core-values .desc_def {
      font-size: 1.4rem;
      line-height: 1.4rem;
      padding-left: 5%;
      padding-right: 5%; }
    .content-agency .wrapper .core-values.ru .desc_def {
      line-height: 1.4rem; } }
@media screen and (max-width: 430px) {
  html {
    font-size: 10px; }

  body {
    overflow-y: scroll; }

  h1, p.h1_header {
    padding-top: 2vh;
    padding-bottom: 2vh; }

  header, .header {
    background: #1d1d1b;
    height: 50px;
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0; }
    header .top-left-nav, .header .top-left-nav {
      display: flex;
      justify-content: space-between; }
      header .top-left-nav li, .header .top-left-nav li {
        margin: 0 10px; }
      header .top-left-nav .social-media li, .header .top-left-nav .social-media li {
        margin: 0 5px; }
    header nav, .header nav {
      margin: 5% 5% 0; }
      header nav a.main, .header nav a.main {
        top: 0;
        width: 75px;
        margin-left: -37px; }
      header nav img, .header nav img {
        width: 75px; }

  .main-nav li {
    border: none;
    padding-top: 4vh;
    text-align: center; }
    .main-nav li a {
      font-size: 2.4rem; }

  main {
    margin-top: 45px;
    height: auto;
    min-height: 100vh; }

  main.main-page {
    height: auto; }

  .main1, .main2, .main3 {
    height: 100vh;
    background: none; }

  .wrapper-page1, .wrapper-page2, .wrapper-page3, .wrapper-page4, .wrapper-page5 {
    height: auto;
    margin-top: 0; }

  .menu {
    position: fixed;
    width: 100%; }
    .menu .menu-wrapper .main-nav li a {
      font-size: 1.8rem;
      color: #b2b2b2; }
    .menu .menu-wrapper .footer {
      position: absolute;
      bottom: 12vh;
      text-align: center; }

  a.mob-bottom-btn {
    margin-left: -22px;
    position: absolute;
    bottom: -45px;
    left: 50%;
    height: 40px;
    display: inline-block;
    z-index: 10; }

  a.mob-top-btn {
    margin-left: -22px;
    position: absolute;
    top: -45px;
    left: 50%;
    height: 40px;
    display: inline-block; }

  .slider-btn-main {
    top: 45vh; }
    .slider-btn-main a {
      display: flex;
      align-items: center; }
    .slider-btn-main img.left-rhomb, .slider-btn-main img.right-rhomb {
      width: 46px; }
    .slider-btn-main img.left-btn, .slider-btn-main img.right-btn {
      width: 20px; }
    .slider-btn-main .left-rhomb, .slider-btn-main .right-rhomb {
      left: 0; }
    .slider-btn-main .left-btn {
      left: 20px; }
    .slider-btn-main .right-btn {
      right: 20px; }
    .slider-btn-main a:hover .left-rhomb {
      left: 10px; }
    .slider-btn-main a:hover .right-rhomb {
      left: 10px; }
    .slider-btn-main a:hover .left-btn {
      left: 10px; }
    .slider-btn-main a:hover .right-btn {
      right: 10px; }

  .all-agency, .all-brands, .all-contacts, .all-how-it-works {
    overflow-y: scroll; }

  .mob-wrapper-page-1 {
    overflow: hidden;
    margin-top: 10vh; }

  .mob-wrapper-page-2 {
    overflow-y: scroll;
    margin-top: 20vh;
    position: relative; }

  .connect-form {
    z-index: 1500; }
    .connect-form .wrapper .h1_header {
      font-size: 2.4rem;
      padding-bottom: 0; }
    .connect-form .wrapper .notice {
      font-size: 1.2rem; }

  .input-form {
    text-align: left; }

  .input__field {
    margin: 3vh auto 3vh;
    padding: 2px 0 2px;
    width: 90%; }

  .notes {
    top: 0;
    left: 2%; }

  .wrapper-feedback-form {
    width: 85%; }

  .input__label, input.empty ~ .notes .input__label {
    padding: 7px 10px;
    font-size: 1.4rem; }

  label.validator-error, input.empty ~ .notes label.validator-error {
    padding: 7px 10px 7px 0;
    font-size: 1.4rem; }

  input:focus ~ .notes, input.not-empty ~ .notes {
    top: -1.5rem; }

  input:focus ~ .notes .input__label, input:focus ~ .notes label.validator-error,
  input.not-empty ~ .notes .input__label, input.not-empty ~ .notes label.validator-error {
    font-size: 1.2rem; }

  input[type="submit"] {
    font-size: 1.4rem;
    padding: 1vh 0;
    margin: 3vh auto 6vh;
    width: 100px;
    display: block; }

  #modal_form .wrapper-popup .h2_header {
    font-size: 2.4rem; }

  .content-contacts2 {
    height: inherit; }
    .content-contacts2 .wrapper {
      width: 88%;
      margin: auto; }
    .content-contacts2 .mob-center {
      text-align: center; }
    .content-contacts2 a.btn {
      margin-bottom: 0; }
    .content-contacts2 .contacts-agency {
      display: block; }
      .content-contacts2 .contacts-agency .mob-list-item {
        display: block;
        height: 50px;
        width: 100%;
        text-align: center;
        float: none;
        padding: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      .content-contacts2 .contacts-agency .mob-list-item:last-child {
        height: 85px;
        border: none; }
      .content-contacts2 .contacts-agency .h3_header {
        font-size: 1.6rem;
        margin-bottom: 5px;
        margin-top: 20px; }
      .content-contacts2 .contacts-agency p {
        font-size: 1.2rem; }
        .content-contacts2 .contacts-agency p a {
          font-size: 1.2rem; }
      .content-contacts2 .contacts-agency .social-links a {
        font-size: 1.2rem; }
      .content-contacts2 .contacts-agency .social-links p {
        display: inline-block; }

  iframe {
    height: 250px !important; }

  .content-how-it-works .wrapper {
    width: 88%;
    text-align: center; }
    .content-how-it-works .wrapper .h2_header {
      font-size: 2.4rem;
      width: 100%;
      padding: 3vh 0 1vh; }
    .content-how-it-works .wrapper .desc {
      font-size: 1.4rem;
      width: 100%;
      padding: 1vh 0 1vh; }

  .content-agency .wrapper .wrapper-slider-agency {
    height: auto; }
  .content-agency .wrapper .wrapper-slider-agency .content-agency1, .content-agency .wrapper .wrapper-slider-agency .content-agency2, .content-agency .wrapper .wrapper-slider-agency .content-agency3 {
    height: auto; }
  .content-agency .wrapper .h3_header.mob-h3 {
    display: block;
    text-align: center;
    font-family: "LatoBold";
    font-size: 1.4rem;
    text-transform: uppercase;
    padding: 5vh 0;
    overflow: hidden; }
  .content-agency .wrapper .h3_header.mob-h3:before,
  .content-agency .wrapper .h3_header.mob-h3:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    background: #ffffff;
    border: solid #1d1d1b;
    border-width: 0 20px;
    opacity: 0.27; }
  .content-agency .wrapper .h3_header.mob-h3:before {
    margin-left: -100%; }
  .content-agency .wrapper .h3_header.mob-h3:after {
    margin-right: -100%; }
  .content-agency .wrapper .mission .h2_header {
    font-size: 3.4rem; }
  .content-agency .wrapper .mission .tagline {
    flex-wrap: wrap;
    justify-content: center; }
    .content-agency .wrapper .mission .tagline div {
      max-height: 160px;
      margin-bottom: 3vh; }
  .content-agency .wrapper .ideology {
    flex-wrap: wrap;
    padding-top: 5vh; }
    .content-agency .wrapper .ideology .we {
      width: 100%; }
      .content-agency .wrapper .ideology .we .h1_header {
        font-size: 17rem; }
    .content-agency .wrapper .ideology .list {
      width: 100%;
      font-size: 1.5rem;
      line-height: 3rem;
      text-align: center; }
      .content-agency .wrapper .ideology .list li {
        margin-bottom: 8px; }
    .content-agency .wrapper .ideology.ru .we {
      width: 100%; }
      .content-agency .wrapper .ideology.ru .we .h1_header {
        font-size: 15rem; }
    .content-agency .wrapper .ideology.ru .list {
      width: 100%;
      font-size: 1.6rem;
      line-height: 3rem;
      text-align: center; }
  .content-agency .wrapper .core-values {
    padding-bottom: 5vh;
    flex-wrap: wrap; }
    .content-agency .wrapper .core-values .big {
      width: 100%; }
    .content-agency .wrapper .core-values .small {
      width: 100%; }
      .content-agency .wrapper .core-values .small .desc_def {
        width: 100%; }
    .content-agency .wrapper .core-values .row {
      width: 100%;
      display: block; }
      .content-agency .wrapper .core-values .row .first {
        width: 100%; }
      .content-agency .wrapper .core-values .row .second {
        width: 100%; }
    .content-agency .wrapper .core-values .row:first-child {
      margin-bottom: 0; }
    .content-agency .wrapper .core-values .first, .content-agency .wrapper .core-values .second {
      margin: 7vh 0; }
    .content-agency .wrapper .core-values .h2_header {
      font-size: 4rem;
      padding-left: 0;
      padding-right: 0; }
    .content-agency .wrapper .core-values .desc_def {
      font-size: 1.6rem;
      line-height: 2rem;
      padding-left: 0;
      padding-right: 0; }
    .content-agency .wrapper .core-values.ru .desc_def {
      line-height: 2rem; }

  .content-brands .wrapper {
    width: 88%;
    margin: auto;
    text-align: center; }
    .content-brands .wrapper .brands {
      margin-top: 3vh;
      margin-bottom: 0;
      justify-content: space-around; }
      .content-brands .wrapper .brands div {
        height: 80px;
        margin-right: 2%;
        margin-left: 2%;
        width: 100px;
        line-height: 60px; }
        .content-brands .wrapper .brands div img {
          max-width: 100px;
          max-height: 50px; }

  .content-main1 {
    background: url(../assets/img/main1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 90vh; }
    .content-main1 h1 {
      font-size: 1.8rem;
      margin-top: 52vh;
      width: 70%; }
    .content-main1 .hit, .content-main1 .target {
      display: none; }
    .content-main1 .ht {
      display: block;
      text-align: center;
      padding-top: 9vh; }
      .content-main1 .ht .h2_header {
        font-family: 'LatoLight';
        font-size: 2rem;
        color: #00afd7; }

  .content-main2 {
    background: url("../assets/img/main3-little.jpg") no-repeat;
    background-size: cover;
    height: 90vh;
    position: relative; }
    .content-main2 .sputnik {
      display: none; }
    .content-main2 .best {
      position: relative;
      top: 10%;
      left: 10%; }
      .content-main2 .best .h2_header {
        color: #ffffff;
        font-size: 6.4rem; }
      .content-main2 .best .h3_header {
        font-size: 1.8rem; }
    .content-main2 .link-heinz-promo {
      margin-top: 48vh; }
    .content-main2 a {
      font-size: 1.8rem; }
      .content-main2 a img {
        max-width: 100px;
        padding-bottom: 2%; }
    .content-main2 div.progress-bar-sp {
      height: 106px;
      width: 106px;
      margin-top: -53px;
      margin-left: -53px; }
    .content-main2 a.play-sp, .content-main2 a.play-sp-after-init {
      margin-top: -50px;
      margin-left: -50px; }
      .content-main2 a.play-sp img, .content-main2 a.play-sp-after-init img {
        max-width: 100px; }

  .anim-main4 {
    display: none;
    height: 0; }
    .anim-main4 .smoke span {
      display: none; }
    .anim-main4 .dryer {
      background: none;
      top: 0;
      width: 0; }

  .content-main3 {
    background: url("../assets/img/main4-little.jpg") no-repeat;
    background-size: cover;
    height: 90vh;
    position: relative; }
    .content-main3 .main4-label-remington {
      position: absolute;
      top: 54vh;
      right: 0;
      left: 0;
      text-align: center;
      margin: 0 auto;
      width: 100%; }
      .content-main3 .main4-label-remington img {
        display: block;
        max-width: 170px;
        margin-left: auto;
        margin-right: auto; }
    .content-main3 .main4-label-young img {
      display: none; }
    .content-main3 .deadly {
      position: relative;
      top: 10%;
      left: 10%; }
      .content-main3 .deadly .h2_header {
        color: #ffffff;
        font-size: 6.1rem; }
      .content-main3 .deadly .h3_header {
        font-size: 2.3rem; }
    .content-main3 .link-remington-promo {
      position: relative;
      top: 45vh;
      z-index: 5;
      margin: 0 auto;
      padding-top: 0; }
    .content-main3 a {
      font-size: 1.8rem; }

  .personal-data-content, .policy-content, .er404-content {
    width: 88%;
    margin: 75px auto 0;
    height: 90vh; }

  #modal_form .wrapper-popup {
    margin: 38vh 8% 3vh 8%; }
    #modal_form .wrapper-popup h1 {
      font-size: 2rem; } }
@media screen and (max-width: 335px) {
  .wrapper-feedback-form {
    width: 90%; }

  .content-agency .wrapper .ideology.ru .list .mob-small-interval {
    line-height: 1.8rem; } }

/*# sourceMappingURL=main.css.map */