@font-face {
  font-family: 'ProximaNova';
  src: url("/assets/fonts/proximanova-bold-webfont.eot");
  src: url("/assets/fonts/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold") format("svg"), url("/assets/fonts/ProximaNova-Bold.otf") format("opentype"), url("/assets/fonts/proximanova-bold-webfont.woff") format("woff"), url("/assets/fonts/proximanova-bold-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNova';
  src: url("/assets/fonts/proximanova-light-webfont.eot");
  src: url("/assets/fonts/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/proximanova-light-webfont.svg#proxima_nova_ltlight") format("svg"), url("/assets/fonts/ProximaNova-Light.otf") format("opentype"), url("/assets/fonts/proximanova-light-webfont.woff") format("woff"), url("/assets/fonts/proximanova-light-webfont.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNova';
  src: url("/assets/fonts/proximanova-reg-webfont.eot");
  src: url("/assets/fonts/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/proximanova-reg-webfont.svg#proxima_nova_rgregular") format("svg"), url("/assets/fonts/ProximaNova-Reg.otf") format("opentype"), url("/assets/fonts/proximanova-reg-webfont.woff") format("woff"), url("/assets/fonts/proximanova-reg-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProximaNova';
  src: url("/assets/fonts/proximanova-regit-webfont.eot");
  src: url("/assets/fonts/proximanova-regit-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/proximanova-regit-webfont.svg#proxima_novaregular_italic") format("svg"), url("/assets/fonts/ProximaNova-RegIt.otf") format("opentype"), url("/assets/fonts/proximanova-regit-webfont.woff") format("woff"), url("/assets/fonts/proximanova-regit-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: "pf-html";
  src: url("/assets/fonts/pf-html.eot");
  src: url("/assets/fonts/pf-html.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/pf-html.woff") format("woff"), url("/assets/fonts/pf-html.ttf") format("truetype"), url("/assets/fonts/pf-html.svg#pf-html") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Helvetica */
@font-face {
  font-family: "Helvetica";
  src: url("/assets/fonts/helvetica.eot");
  src: local("Helvetica"), url("/assets/fonts/bloggers/helvetica.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bloggers/helvetica.woff2") format("woff2"), url("/assets/fonts/bloggers/helvetica.woff") format("woff"), url("/assets/fonts/bloggers/helvetica.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Helvetica";
  src: url("/assets/fonts/bloggers/helvetica_light.eot");
  src: local("Helvetica Light"), local("Helvetica_light"), url("/assets/fonts/helveticaneuecyr-light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/helveticaneuecyr-light-webfont.woff") format("woff"), url("/assets/fonts/helveticaneuecyr-light-webfont.ttf") format("truetype"), url("/assets/fonts/helveticaneuecyr-light-webfont.svg") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Helvetica";
  src: url("/assets/fonts/bloggers/helvetica_bold.eot");
  src: local("Helvetica Bold"), local("Helvetica_bold"), url("/assets/fonts/bloggers/helvetica/Helvetica_bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bloggers/helvetica_bold.woff2") format("woff2"), url("/assets/fonts/bloggers/helvetica_bold.woff") format("woff"), url("/assets/fonts/bloggers/helvetica_bold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

html {
  -ms-overflow-style: scrollbar;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .pricing__plans-row,
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .pricing__plans-row,
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .pricing__plans-row,
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .pricing__plans-row,
  .container {
    max-width: 1140px;
  }
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 780px;
  }
}
@media (min-width: 1010px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 1020px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}
.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}
.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}
.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.33333%;
}
.offset-2 {
  margin-left: 16.66667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333%;
}
.offset-5 {
  margin-left: 41.66667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333%;
}
.offset-8 {
  margin-left: 66.66667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333%;
}
.offset-11 {
  margin-left: 91.66667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
progress {
  vertical-align: baseline;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0;
}
optgroup {
  font-weight: 700;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
html {
  font: 112.5%/1.45em georgia, serif;
  overflow-y: scroll;
}
*,
:after,
:before {
  box-sizing: inherit;
}
body {
  word-wrap: break-word;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  -ms-font-feature-settings: "kern", "liga", "clig", "calt";
  font-feature-settings: "kern", "liga", "clig", "calt";
}
img {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 2.25rem;
}
h1,
h2 {
  padding: 0;
  margin: 0 0 1.45rem;
  color: inherit;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  line-height: 1.1;
}
h2 {
  font-size: 1.62671rem;
}
h3 {
  font-size: 1.38316rem;
}
h3,
h4 {
  padding: 0;
  margin: 0 0 1.45rem;
  color: inherit;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  line-height: 1.1;
}
h4 {
  font-size: 1rem;
}
h5 {
  font-size: 0.85028rem;
}
h5,
h6 {
  padding: 0;
  margin: 0 0 1.45rem;
  color: inherit;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  line-height: 1.1;
}
h6 {
  font-size: 0.78405rem;
}
hgroup {
  padding: 0;
  margin: 0 0 1.45rem;
}
ol,
ul {
  padding: 0;
  margin: 0 0 1.45rem 1.45rem;
  list-style-position: outside;
  list-style-image: none;
}
dd,
dl {
  margin: 0 0 1.45rem;
}
dd,
dl,
p {
  padding: 0;
}
p {
  margin: 0;
}
figure {
  padding: 0;
}
figure,
pre {
  margin: 0 0 1.45rem;
}
pre {
  font-size: 0.85rem;
  line-height: 1.42;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 3px;
  overflow: auto;
  word-wrap: normal;
  padding: 1.45rem;
}
table {
  font-size: 1rem;
  line-height: 1.45rem;
  border-collapse: collapse;
  width: 100%;
}
fieldset,
table {
  padding: 0;
  margin: 0 0 1.45rem;
}
blockquote {
  padding: 0;
  margin: 0 1.45rem 1.45rem;
}
form,
iframe,
noscript {
  padding: 0;
  margin: 0 0 1.45rem;
}
hr {
  padding: 0;
  margin: 0 0 calc(1.45rem - 1px);
  background: rgba(0, 0, 0, 0.2);
  border: none;
  height: 1px;
}
address {
  padding: 0;
  margin: 0 0 1.45rem;
}
b,
dt,
strong,
th {
  font-weight: 700;
}
li {
  margin-bottom: 0.725rem;
}
ol li,
ul li {
  padding-left: 0;
}
li > ol,
li > ul {
  margin-left: 1.45rem;
  margin-bottom: 0.725rem;
  margin-top: 0.725rem;
}
blockquote :last-child,
li :last-child,
p :last-child {
  margin-bottom: 0;
}
li > p {
  margin-bottom: 0.725rem;
}
code,
kbd,
samp {
  font-size: 0.85rem;
  line-height: 1.45rem;
}
abbr,
abbr[title],
acronym {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
  cursor: help;
}
abbr[title] {
  text-decoration: none;
}
td,
th,
thead {
  text-align: left;
}
td,
th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  font-feature-settings: "tnum";
  -moz-font-feature-settings: "tnum";
  -ms-font-feature-settings: "tnum";
  -webkit-font-feature-settings: "tnum";
  padding: 0.725rem 0.96667rem calc(0.725rem - 1px);
}
td:first-child,
th:first-child {
  padding-left: 0;
}
td:last-child,
th:last-child {
  padding-right: 0;
}
code,
tt {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 3px;
  font-family: SFMono-Regular, Consolas, Roboto Mono, Droid Sans Mono,
    Liberation Mono, Menlo, Courier, monospace;
  padding: 0.2em 0;
}
pre code {
  background: none;
  line-height: 1.42;
}
code:after,
code:before,
tt:after,
tt:before {
  letter-spacing: -0.2em;
  content: " ";
}
pre code:after,
pre code:before,
pre tt:after,
pre tt:before {
  content: "";
}
@media only screen and (max-width: 480px) {
  html {
    font-size: 100%;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 0;
  }
}
.logo {
  padding-top: 3px;
}
.logo .logo__image {
  width: 169px;
  opacity: 1;
}
.logo .logo__image:hover {
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
@media (max-width: 992px) {
  .logo .logo__image {
    width: 127px;
  }
}
@media (max-width: 767px) {
  .logo .logo__image {
    width: 147px;
  }
}
.link {
  display: flex;
  font-size: 13px;
  font-weight: 900;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #727272;
}
.link:hover {
  color: #000;
}
@media (max-width: 992px) {
  .link {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .link {
    font-size: 14px;
  }
}
.button {
  min-width: 192px;
  padding: 22px 28px;
  background-color: #ff6100;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}
.button:hover {
  color: #fff;
  background-color: #ff8300;
}
@media (max-width: 992px) {
  .button {
    font-size: 13px;
    min-width: 145px;
    padding: 16px 22px;
  }
}
@media (max-width: 767px) {
  .button {
    font-size: 16px;
    min-width: 168px;
    padding: 22px;
  }
}
.subtitle {
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .subtitle {
    padding: 0 27px;
    max-width: 540px;
    margin: 0 auto;
  }
}
.subtitle-line {
  width: 43%;
  border-top: 1px solid #303030;
  margin-top: 5px;
}
@media (max-width: 992px) {
  .subtitle-line {
    width: 41%;
  }
}
@media (max-width: 767px) {
  .subtitle-line {
    width: 100%;
    margin-bottom: 30px;
  }
}
.subtitle-name {
  width: 53%;
  font-size: 12px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-family: Krona One, sans-serif;
  font-weight: 700;
}
@media (max-width: 992px) {
  .subtitle-name {
    width: 55%;
  }
}
@media (max-width: 767px) {
  .subtitle-name {
    font-size: 13px;
    width: 100%;
  }
}
.content-line-left {
  font-size: 14px;
  font-style: normal;
  margin-left: 85px;
  position: relative;
}
.content-line-left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -60px;
  width: 38px;
  height: 1.5px;
  background-color: #303030;
}
.influence-companies {
  flex-wrap: wrap;
  margin-top: 60px;
}
.influence-companies .influence-companies__wrapper {
  justify-content: center;
  margin-bottom: 50px;
}
.influence-companies .fox {
  width: 77px;
  height: 29px;
}
@media (max-width: 992px) {
  .influence-companies .fox {
    width: 58px;
    height: 22px;
  }
}
.influence-companies .lenovo {
  width: 79px;
  height: 20px;
}
@media (max-width: 992px) {
  .influence-companies .lenovo {
    width: 57px;
    height: 15px;
  }
}
.influence-companies .m_and_ms {
  width: 57px;
  height: 26px;
}
@media (max-width: 992px) {
  .influence-companies .m_and_ms {
    width: 43px;
    height: 20px;
  }
}
.influence-companies .suzuki {
  width: 99px;
  height: 26px;
}
@media (max-width: 992px) {
  .influence-companies .suzuki {
    width: 74px;
    height: 20px;
  }
}
.influence-companies .allset {
  width: 89px;
  height: 21px;
}
@media (max-width: 992px) {
  .influence-companies .allset {
    width: 67px;
    height: 16px;
  }
}
.influence-companies .samsung {
  width: 81px;
  height: 16px;
}
@media (max-width: 992px) {
  .influence-companies .samsung {
    width: 61px;
    height: 12px;
  }
}
.chief-marketing {
  width: 390px;
}
.chief-marketing .chief-marketing__image {
  flex-shrink: 0;
  width: 65px;
  height: 65px;
  margin-right: 30px;
}
@media (max-width: 992px) {
  .chief-marketing .chief-marketing__image {
    margin-right: 15px;
  }
}
.chief-marketing .chief-marketing__signature {
  font-size: 14px;
}
@media (max-width: 767px) {
  .chief-marketing-desktop {
    display: none;
  }
}
.chief-marketing-mobile {
  display: none;
}
.chief-marketing-mobile .chief-marketing {
  width: auto;
  max-width: 320px;
}
.chief-marketing-mobile .chief-marketing__signature {
  margin-top: 4px;
}
@media (max-width: 767px) {
  .chief-marketing-mobile {
    display: block;
  }
}
html {
  box-sizing: border-box;
}
*,
:after,
:before {
  box-sizing: inherit;
}
body {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  font-size: 16px;
  color: #303030;
  background-color: #f4f3ef;
  overflow: hidden;
}
@media (max-width: 992px) {
  body {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 17px;
  }
}
li,
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
a {
  display: inline-block;
  text-decoration: none;
}
h1,
h2,
h3 {
  font-family: Krona One, sans-serif;
  margin: 0;
}
h1 {
  line-height: 1.2;
  font-size: 46px;
}
@media (max-width: 1200px) {
  h1 {
    font-size: 40px;
  }
}
@media (max-width: 992px) {
  h1 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  h1 {
    letter-spacing: 1px;
    font-size: 27px;
  }
}
h2 {
  line-height: 1.2;
  font-size: 32px;
}
@media (max-width: 1200px) {
  h2 {
    font-size: 28px;
  }
}
@media (max-width: 992px) {
  h2 {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  h2 {
    line-height: 1.3;
    letter-spacing: 1px;
    font-size: 22px;
  }
}
h3 {
  line-height: 1.2;
  font-size: 17px;
  font-weight: 400;
  font-family: Roboto, sans-serif;
}
@media (max-width: 992px) {
  h3 {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  h3 {
    line-height: 1.3;
    font-size: 17px;
  }
}
.flex {
  display: flex;
}
.text-align-center {
  text-align: center;
}
.m-b-100 {
  margin-bottom: 100px;
}
.m-b-150 {
  margin-bottom: 150px;
}
.m-b-200 {
  margin-bottom: 200px;
}
.box-shadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.content-bold {
  font-family: Krona One, sans-serif;
  font-weight: 700;
}
.content-italic {
  font-style: italic;
}
.content-orange {
  color: #ff6100;
}
.content {
  text-align: center;
}
@media (max-width: 767px) {
  .content {
    text-align: left;
    padding: 0 40px;
  }
}
.content .content__wrap-head {
  margin-bottom: 20px;
}
.content .content__wrap-description {
  margin-bottom: 50px;
}
.content-wrapper {
  position: relative;
  text-align: left;
}
@media (max-width: 767px) {
  .desktop-image {
    display: none;
  }
}
.mobile-image {
  display: none;
}
@media (max-width: 767px) {
  .mobile-image {
    display: block;
  }
}
.navigation {
  margin-top: 30px;
  height: 110px;
}
@media (max-width: 767px) {
  .navigation {
    height: 125px;
    margin: 0 27px;
  }
}
.navigation .login-mobile {
  display: none;
}
@media (max-width: 767px) {
  .navigation .login-mobile {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .menu {
    display: none;
  }
}
.menu .menu__item:not(:last-child) {
  margin-right: 50px;
}
@media (max-width: 1200px) {
  .menu .menu__item:not(:last-child) {
    margin-right: 40px;
  }
}
@media (max-width: 992px) {
  .menu .menu__item:not(:last-child) {
    margin-right: 20px;
  }
}
footer {
  border-top: 1px solid #e2e2e2;
  padding: 80px 0;
}
@media (max-width: 767px) {
  footer {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .footer {
    display: none;
  }
}
.footer .footer-logo {
  margin-right: 30px;
}
.footer .footer-navigation .footer-navigation__item {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  justify-content: space-between;
}
.footer .footer-navigation .footer-navigation__item:not(:last-child) {
  margin-right: 50px;
}
@media (max-width: 1200px) {
  .footer .footer-navigation .footer-navigation__item:not(:last-child) {
    margin-right: 40px;
  }
}
@media (max-width: 992px) {
  .footer .footer-navigation .footer-navigation__item:not(:last-child) {
    margin-right: 27px;
  }
}
.years {
  padding-left: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #727272;
  letter-spacing: 0;
  text-transform: capitalize;
}
@media (max-width: 992px) {
  .years {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .years {
    font-size: 15px;
    margin-bottom: 60px;
  }
}
.footer-mobile {
  display: none;
}
@media (max-width: 767px) {
  .footer-mobile {
    display: block;
    padding: 20px 30px 50px;
  }
}
.footer-mobile .footer-logo {
  width: 190px;
}
.footer-mobile .footer-logo .logo__image {
  width: 100%;
  margin-bottom: 10px;
}
.footer-mobile .footer-navigation-mobile__row {
  margin-bottom: 45px;
}
.footer-mobile .footer-navigation-mobile__row .footer-navigation-mobile__item {
  width: 137px;
}
.footer-mobile
  .footer-navigation-mobile__row
  .footer-navigation-mobile__item:first-child {
  margin-right: 20px;
}
.footer-mobile
  .footer-navigation-mobile__row
  .footer-navigation-mobile__item
  .link {
  font-size: 14px;
}
@media (max-width: 992px) {
  .power-influence {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .power-influence {
    margin-bottom: 30px;
  }
  .power-influence .content {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .power-influence .influence-companies {
    display: none;
  }
}
.discovery__search {
  margin-bottom: 65px;
}
@media (max-width: 992px) {
  .discovery__search {
    margin-bottom: 40px;
  }
}
.discovery__search .discovery__search-filters {
  box-shadow: 5px 6px 7px rgba(0, 0, 0, 0.1);
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .discovery__search .discovery__search-filters {
    width: calc(100% - 10px);
    margin: 10px 5px 30px;
  }
}
.discovery__search .discovery__search-card {
  width: 100%;
  max-height: 169px;
  box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.2);
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .discovery__search .discovery__search-card {
    margin-bottom: 20px;
  }
}
.channels {
  max-width: 435px;
}
@media (max-width: 992px) {
  .channels {
    max-width: 358px;
  }
}
@media (max-width: 767px) {
  .channels {
    max-width: none;
    padding: 0 40px;
  }
}
.channels .channels__description {
  margin: 32px 0 15px;
}
@media (max-width: 767px) {
  .explore {
    margin-bottom: 100px;
  }
  .explore .content {
    margin-bottom: 45px;
  }
}
@media (max-width: 992px) {
  .campaign,
  .campaign .campaign-card {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .campaign {
    display: none;
  }
}
.campaign-card .campaign-card__item {
  position: relative;
  width: 304px;
  height: 434px;
  padding: 48px 28px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .campaign-card .campaign-card__item {
    width: 293px;
    height: 413px;
  }
}
@media (max-width: 992px) {
  .campaign-card .campaign-card__item {
    width: 217px;
    height: 338px;
    padding: 22px 20px;
  }
}
.campaign-card .campaign-card__item .campaign-card__number {
  position: absolute;
  top: -10px;
  right: 25px;
}
.campaign-card .campaign-card__item .campaign-card__description {
  margin-top: 26px;
}
.campaign-card .campaign-card__item .campaign-card__image {
  position: absolute;
  width: 100%;
  top: 148px;
  left: 4px;
}
@media (max-width: 992px) {
  .campaign-card .campaign-card__item .campaign-card__image {
    top: 130px;
    left: 0;
  }
}
@media (max-width: 992px) {
  .campaign-data {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .campaign-data {
    margin-bottom: 100px;
  }
}
.campaign-data .content {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .campaign-data .content {
    padding-top: 0;
    padding-bottom: 0;
  }
  .campaign-data .content .content__title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .campaign-data__chief {
    display: none;
  }
}
.campaign-data__mobile {
  display: none;
  margin: 300px 40px 0;
}
@media (max-width: 767px) {
  .campaign-data__mobile {
    display: block;
  }
}
.campaign-data__mobile .campaign-data__button {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .story {
    display: none;
  }
}
.story-cards {
  margin-bottom: 310px;
}
@media (max-width: 992px) {
  .story-cards {
    margin-bottom: 240px;
  }
}
.story-cards .story-cards__item {
  position: relative;
  width: 365px;
  height: 365px;
}
@media (max-width: 1200px) {
  .story-cards .story-cards__item {
    width: 360px;
    height: 360px;
  }
}
@media (max-width: 992px) {
  .story-cards .story-cards__item {
    width: 290px;
    height: 275px;
  }
}
.story-cards .story-cards__wrapper {
  padding: 35px 30px;
  position: absolute;
  top: 50%;
  left: 33%;
  width: 100%;
  height: calc(100% - 10px);
  background-color: #ffd400;
}
@media (max-width: 1200px) {
  .story-cards .story-cards__wrapper {
    left: 25%;
  }
}
@media (max-width: 992px) {
  .story-cards .story-cards__wrapper {
    padding: 24px 15px;
    left: 13%;
  }
}
.story-cards .story-cards__wrapper:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 96px;
  background-color: rgba(0, 0, 0, 0.1);
  left: 47%;
  bottom: 0;
}
@media (max-width: 992px) {
  .story-cards .story-cards__wrapper:after {
    height: 78px;
  }
}
.story-cards .story-cards__item:last-child .story-cards__wrapper {
  left: auto;
  right: 33%;
  background-color: #00b780;
}
@media (max-width: 1200px) {
  .story-cards .story-cards__item:last-child .story-cards__wrapper {
    right: 25%;
  }
}
@media (max-width: 992px) {
  .story-cards .story-cards__item:last-child .story-cards__wrapper {
    right: 13%;
  }
}
.story-cards .story-cards__description {
  position: relative;
  font-size: 15px;
  height: inherit;
}
@media (max-width: 992px) {
  .story-cards .story-cards__description {
    font-size: 13px;
  }
}
.story-cards .story-cards__logo {
  width: 118px;
  height: 35px;
  margin-bottom: 12px;
}
@media (max-width: 992px) {
  .story-cards .story-cards__logo {
    width: 102px;
    height: 31px;
  }
}
.story-cards .story-cards__data {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.story-cards .data-wrapper {
  width: 45%;
}
.story-cards .data-wrapper .data-total {
  font-size: 32px;
}
@media (max-width: 992px) {
  .story-cards .data-wrapper .data-total {
    font-size: 25px;
  }
}
.disvored-brands {
  position: relative;
  max-width: 787px;
  max-height: 200px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 2px 0 7px rgba(0, 0, 0, 0.2);
}
.disvored-brands .disvored-brands__image {
  position: relative;
  width: 311px;
  left: -46px;
}
@media (max-width: 992px) {
  .disvored-brands .disvored-brands__image {
    width: 255px;
  }
}
.disvored-brands .disvored-brands__description {
  position: relative;
  left: -23px;
  max-width: 300px;
  margin-top: 40px;
}
.disvored-brands .disvored-brands__button {
  position: absolute;
  right: 38px;
  bottom: -30px;
}
@media (max-width: 992px) {
  .start {
    margin-bottom: 160px;
  }
}
@media (max-width: 767px) {
  .start {
    display: none;
  }
}
.start-cards {
  margin-top: 10px;
}
.start-cards .start-cards__item {
  position: relative;
  width: 48.7%;
  height: 210px;
  background-color: #fff;
  padding: 30px;
}
@media (max-width: 992px) {
  .start-cards .start-cards__item {
    font-size: 14px;
    width: 48.5%;
    height: 166px;
    padding: 22px;
  }
}
.start-cards .start-cards__item:first-child:before {
  content: "";
  z-index: -1;
  position: absolute;
  width: 1260px;
  height: 168px;
  top: -25px;
  right: 35px;
  background-color: rgba(255, 187, 0, 0.1);
}
.start-cards .start-cards__item .content-bold {
  margin-bottom: 20px;
}
.start-cards .start-cards__item .start-cards__button {
  position: absolute;
  right: 46px;
  bottom: -30px;
}
.background:before {
  content: "";
  z-index: -1;
  position: absolute;
  width: 1260px;
  height: 92%;
  top: -25px;
  left: -25px;
  background-color: rgba(255, 187, 0, 0.1);
}
@media (max-width: 767px) {
  .background:before {
    height: 70%;
    top: -20px;
    left: auto;
    right: 45px;
  }
}
.images-wrapper {
  position: relative;
  float: right;
  width: 429px;
}
.images-wrapper .images-wrapper__item {
  width: 100%;
  position: absolute;
  top: 34%;
  left: -19%;
}
@media (max-width: 767px) {
  .images-wrapper .images-wrapper__item {
    top: 38%;
  }
}
@media (max-width: 992px) {
  .images-wrapper {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .images-wrapper {
    width: 81%;
  }
}
@media (max-width: 767px) {
  .marketing-predictable {
    margin-bottom: 100px;
  }
  .marketing-predictable .content__title {
    font-size: 25px;
  }
}
.marketing-predictable .background:before {
  top: 14%;
  left: -73%;
  height: 77%;
  background-color: rgba(255, 93, 0, 0.1);
}
@media (max-width: 767px) {
  .marketing-predictable .background:before {
    top: 11%;
    left: 17%;
    height: 93%;
  }
}
.marketing-predictable .images-wrapper {
  position: relative;
  float: right;
  width: 279px;
}
@media (max-width: 992px) {
  .marketing-predictable .images-wrapper {
    width: 210px;
  }
}
@media (max-width: 767px) {
  .marketing-predictable .images-wrapper {
    float: none;
    width: 57%;
    margin-left: 28px;
  }
}
.marketing-predictable .images-wrapper .images-wrapper__item {
  max-width: 127%;
  position: absolute;
  z-index: -1;
  top: 16%;
  left: -92%;
}
@media (max-width: 767px) {
  .marketing-predictable .images-wrapper .images-wrapper__item {
    max-width: 110%;
    z-index: 1;
    left: 54%;
    top: 25%;
  }
}
.campaign-data .background:before {
  top: 28%;
  left: 14%;
}
@media (max-width: 992px) {
  .campaign-data .background:before {
    left: 24%;
  }
}
@media (max-width: 767px) {
  .campaign-data .background:before {
    height: 145%;
    left: 15%;
  }
}
.campaign-data .images-wrapper {
  position: relative;
  float: none;
  left: 50px;
  width: 480px;
}
@media (max-width: 992px) {
  .campaign-data .images-wrapper {
    left: 0;
    width: 367px;
  }
}
@media (max-width: 767px) {
  .campaign-data .images-wrapper {
    width: 92%;
  }
}
.campaign-data .images-wrapper .images-wrapper__item {
  max-width: 74%;
  position: absolute;
  top: 40%;
  left: 43%;
}
@media (max-width: 992px) {
  .campaign-data .images-wrapper .images-wrapper__item {
    top: 57%;
    left: 38%;
  }
}
@media (max-width: 767px) {
  .campaign-data .images-wrapper .images-wrapper__item {
    max-width: 91%;
    top: 55%;
    left: 26%;
  }
}
.dont-stop {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .dont-stop .content__title {
    font-size: 30px;
  }
}
.dont-stop .content__wrap-description {
  max-width: 385px;
}
@media (max-width: 767px) {
  .dont-stop .content-line-left {
    margin-top: 11px;
    margin-left: 63px;
    display: block;
  }
}
@media (max-width: 767px) {
  .dont-stop .dont-stop__button {
    display: none;
  }
}
.dont-stop .dont-stop__button-mobile {
  display: none;
}
@media (max-width: 767px) {
  .dont-stop .dont-stop__button-mobile {
    display: inline-block;
    margin: 40px 30px;
  }
}
.pricing .pricing__companies {
  margin-bottom: 40px;
}
.pricing .pricing__companies-title {
  font-size: 19px;
}
@media (max-width: 767px) {
  .pricing .influence-companies {
    max-width: 375px;
  }
}
.pricing .influence-companies .influence-companies__wrapper {
  width: 127px;
}
.pricing .influence-companies .influence-companies__wrapper:first-child {
  padding-right: 13px;
}
@media (max-width: 992px) {
  .pricing .influence-companies .influence-companies__wrapper {
    width: 95px;
  }
  .pricing .influence-companies .influence-companies__wrapper:first-child {
    padding-right: 10px;
  }
}
.pricing .chief-marketing-desktop .chief-marketing {
  margin-top: 18px;
}
.pricing .chief-marketing-desktop .chief-marketing:before {
  content: "";
  width: 1px;
  height: 74px;
  background-color: #303030;
  position: absolute;
  top: 40px;
  left: -41px;
}
@media (max-width: 992px) {
  .pricing .chief-marketing-desktop .chief-marketing:before {
    top: 47px;
    left: 3px;
  }
}
@media (max-width: 992px) {
  .pricing .chief-marketing-desktop .chief-marketing {
    margin-top: 20px;
  }
}
.pricing .chief-marketing-mobile {
  padding: 0 30px;
  margin: 70px 0;
}

.pricing__plans-row {
  display: flex;
  justify-content: space-between;
  width: 1055px;

  @media (max-width: 991px) {
    flex-direction: column;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .pricing__plan {
    display: block;
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .pricing__plan .pricing__plan__wrapper {
    margin-top: 70px;
  }
}
.pricing__plan .pricing__plan__wrapper:last-child {
  position: relative;
  top: 70px;
  left: -22px;
}
@media (max-width: 767px) {
  .pricing__plan .pricing__plan__wrapper:last-child {
    position: static;
  }
}
.pricing__plan .plan-card {
  position: relative;
  width: 420px;
  height: 420px;
  padding: 30px 23px;
  background-color: #fff;
  box-shadow: 2px 0 7px rgba(0, 0, 0, 0.2);
}
@media (max-width: 992px) {
  .pricing__plan .plan-card {
    width: 365px;
    height: 380px;
  }
}
@media (max-width: 767px) {
  .pricing__plan .plan-card {
    width: auto;
    max-width: 320px;
    height: 360px;
  }
}
.pricing__plan .background:before {
  left: 13%;
  top: -12%;
}
.plan-card__name {
  padding-left: 35px;
  position: relative;
}
.plan-card__price {
  font-size: 22px;
  padding: 30px 0 17px;
}
@media (max-width: 767px) {
  .plan-card__price {
    font-size: 18px;
    padding: 15px 0;
  }
}
.plan-card__price .plan-card__price-number {
  font-size: 46px;
}
@media (max-width: 767px) {
  .plan-card__price .plan-card__price-number {
    font-size: 30px;
  }
}
.plan-card__price .plan-card__price-number .price-dollar {
  position: relative;
  top: -20px;
  font-size: 22px;
}
@media (max-width: 767px) {
  .plan-card__price .plan-card__price-number .price-dollar {
    font-size: 17px;
    top: -12px;
  }
}
.plan-card__list {
  height: 70px;
}
.plan-card__button {
  position: relative;
  left: -45px;
  margin-bottom: 25px;
}
.plan-advantages {
  color: #848484;
}
.plan-advantages .plus {
  padding-left: 6px;
}
.plan-advantages__title {
  margin-bottom: 20px;
}
.plan-advantages .plan-advantages__list {
  margin: 25px 0;
}
.plan-advantages .plan-advantages__list li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
}
.plan-advantages .plan-advantages__list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  background-color: #ddd;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .plan-advantages .plan-advantages__list {
    margin: 18px 0;
  }
  .plan-advantages .plan-advantages__list li {
    margin-bottom: 18px;
  }
}
.list-type-round:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 23px;
  height: 23px;
  background-color: #ddd;
  border-radius: 50%;
}
/* Utils */


:root {
  --text-primary-color: #000000;
  --text-secondary-color: rgba(0, 0, 0, 0.8);
  --text-thirdy-color: #666666;
  --text-accent-color: #fd8324;
  --text-footer-age-color: #cbcbcb;
  --bg-accent-color: #fd8324;
  --bg-banner-color: rgba(128, 128, 128, 0.2);
  --bg-card-img: rgba(0, 0, 0, 0.25);
}

/* Base styles */

.campaign_container {
  font-family: "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--text-primary-color);
}

.campaign_heading {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

.campaign_container a {
  text-decoration: none;
}

.campaign_container li {
  list-style: none;
}


.campaign_container {
  /* outline: 1px solid tomato; */
  margin: 0 auto;
  max-width: 1234px;
  padding: 0 20px;
}

/* Hero */

.hero {
  padding: 56px 0 70px 0;
}

@media screen and (max-width: 767px) {
  .hero {
    padding: 49px 0 10px 0;
  }
}

.hero > .campaign_container {
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 940px) {
  .hero > .campaign_container {
    flex-direction: row;
  }
}

.hero__info-wrap {
  max-width: 558px;
}

@media screen and (max-width: 939px) {
  .hero__info-wrap {
    margin: 0 auto;
  }
}

/* Brief */

.brief__container {
  padding-bottom: 50px;
}

@media screen and (min-width: 940px) {
  .brief__container {
    border-bottom: 1px solid rgba(102, 102, 102, 0.5);
  }
}
.hero__main-title {
  font-weight: 700;
  font-size: 58px;
  line-height: 1.16;
}

@media screen and (max-width: 939px) {
  .hero__main-title {
    font-weight: 600;
    font-size: 33px;
  }
}
.hero__about-text {
  margin-top: 10px;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.15;
  color: var(--text-secondary-color);
}

@media screen and (max-width: 939px) {
  .hero__about-text {
    margin-top: 8px;
    font-weight: 300;
    font-size: 14px;
  }

  .brief__read-more_text {
    max-height: 4.5em;
    overflow: auto;
    transition: max-height 0.3s ease;
  }

  .brief__see-more-container {
    margin-bottom: 8px;
  }
}

.hero__social-text {
  display: inline-block;
  margin-top: 50px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.15;
  color: var(--text-secondary-color);
}

@media screen and (max-width: 939px) {
  .hero__social-text {
    display: none;
  }
}
.hero__budget-price,
.hero_date-range {
  margin-top: 7px;
  font-size: 20px;
  line-height: 1.15;
  color: var(--text-secondary-color);
}

@media screen and (max-width: 939px) {
  .hero__budget-price {
    display: inline-block;
    margin-top: 14px;
    font-size: 12px;
    font-weight: 600;
  }
}

@media screen and (max-width: 939px) {
  .hero_date-range {
    margin-top: 8px;
    font-weight: 600;
    font-size: 12px;
  }
}

.hero__date-text {
  margin-top: 13px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.15;
  color: var(--text-secondary-color);
}

@media screen and (max-width: 939px) {
  .hero__date-text {
    display: none;
  }
}

.hero__brief-title {
  margin-top: 35px;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.14;
}

@media screen and (max-width: 939px) {
  .hero__brief-title {
    margin-top: 25px;
    font-weight: 500;
    font-size: 16px;
  }
}

.hero__brief-title {
  margin-bottom: 16px;
}

.brief-disc {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.17;
  word-break: break-word;
}

.brief-disc a {
  color: #d1512a;
}

@media screen and (max-width: 939px) {
  .brief-disc {
    font-size: 12px;
  }
}

.brief__read-more-btn {
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;

  font-weight: 700;
  font-size: 12px;
  line-height: 1.17;
}

@media screen and (max-width: 939px) {
  .brief__read-more-btn {
    display: block;
    font-size: 12px;
  }

  .read_more-btn-disabled {
    display: none;
  }

}

@media screen and (min-width: 940px) {
  .brief__read-more-btn {
    display: none;
  }
}


@media screen and (max-width: 939px) {
  .brief__see-more {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
    transform: translateY(-101%);
    transition: all 250ms linear;
  }
}

.mobile__btn--hero {
  margin-top: 26px;
}

.hero__raw-text {
  white-space: pre-line;
}

/* Card */

.hero__card-wrap {
  position: sticky;
  position: -webkit-sticky;
  top: 15px;
  height: 496px;

  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8px;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .hero__card-wrap {
    display: none;
  }
}

@media screen and (max-width: 939px) {
  .hero__card-wrap {
    margin-top: 30px;
  }
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  .hero__card-wrap--mobile {
    position: static;
    display: block;
    display: flex;
    flex-direction: column;
    margin-top: 0;
    height: auto;
  }
}

.hero__card-wrap--mobile {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .hero__card-wrap--mobile {
    display: none;
  }
}

.hero__card-img {
  border-radius: 10px;
  background-color: var(--bg-card-img);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
}

.hero__card-img--mobile {
  margin-bottom: 43px;
}

.hero__card-btn {
  display: flex;
  align-items: center;
  justify-content: center;

  margin-top: 43px;
  max-width: 357px;
  width: 100%;
  height: 54px;
  background-color: var(--bg-accent-color);
  color: #ffffff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);

  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;

  transition: background-color 250ms linear;
}

@media screen and (max-width: 939px) {
  .hero__card-btn {
    height: 41px;
    font-size: 13px;
  }
}

.hero__card-btn:hover,
.hero__card-btn:focus {
  text-decoration: none;
  background-color: #fd6124;
}

.hero__card-btn__mobile {
  margin-top: 0;
}

.hero__card-btn--mobile {
  margin-top: 0;
}

.mobile__btn--banner {
  margin-top: 50px;
}

.hero__card-title {
  margin-top: 27px;
  text-align: center;
  font-weight: 700;
  font-size: 23px;
  line-height: 1.13;

  color: var(--text-thirdy-color);
}

@media screen and (max-width: 939px) {
  .hero__card-title {
    font-weight: 500;
  }
}

.hero__card-list {
  margin-top: 17px;
}

.hero__card-item {
  display: flex;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.17;
  color: var(--text-secondary-color);
}

.hero__card-item:not(:first-child) {
  margin-top: 10px;
}

.hero__card-item-text {
  display: inline-block;
}

.hero__card-symbol {
  margin-right: 9px;
  margin-left: 9px;

  height: 21px;

  border: 2px solid rgba(0, 0, 0, 0.4);
}

.hero__card-secure {
  margin-top: 13px;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.15;
  color: var(--text-secondary-color);
}

@media screen and (max-width: 939px) {
  .hero__card-secure {
    font-size: 18px;
  }
}
.social-icons {
  padding: 15px 0 0;
  margin: 0 0 -5px;
  float: right;
}

.social-icons .icon {
  float: left;
  margin-left: 10px;
}

.icon {
  position: relative;
  display: inline-block;
  vertical-align: top;
  transition: opacity 0.15s linear;
}

.icon-social {
  width: 35px;
  height: 35px;
  background-image: url(/assets/analytics/social.png);
}

.icon-social:after {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(/assets/analytics/social.png);
  transition: opacity 0.15s linear;
}

.icon-fb {
  background-position: 0 0;
}
.icon-vk {
  background-position: -35px 0;
}
.icon-tw {
  background-position: -70px 0;
}
.icon-in {
  background-position: -105px 0;
}
.icon-gg {
  background-position: -140px 0;
}
.icon-ln {
  background-position: -175px 0;
}
.icon-tt {
  background-position: -210px 0;
}
.icon-tg {
  background-position: -245px 0;
}
.icon-tk {
  background-position: -280px 0;
}

.icon-fb:after {
  background-position: 0 -35px;
}
.icon-vk:after {
  background-position: -35px -35px;
}
.icon-tw:after {
  background-position: -70px -35px;
}
.icon-in:after {
  background-position: -105px -35px;
}
.icon-gg:after {
  background-position: -139px -35px;
}
.icon-ln:after {
  background-position: -175px -35px;
}
.icon-tt:after {
  background-position: -210px -35px;
}
.icon-tg:after {
  background-position: -245px -35px;
}
.icon-tk:after {
  background-position: -280px -35px;
}

.icon-fb:hover:after,
.icon-fb.active:after,
.icon-vk:hover:after,
.icon-vk.active:after,
.icon-tw:hover:after,
.icon-tw.active:after,
.icon-in:hover:after,
.icon-in.active:after,
.icon-gg:hover:after,
.icon-gg.active:after,
.icon-ln:hover:after,
.icon-ln.active:after,
.icon-tt:hover:after,
.icon-tt.active:after,
.icon-tg:hover:after,
.icon-tg.active:after,
.icon-tk:hover:after,
.icon-tk.active:after {
  opacity: 1;
}

.icon:before,
.icon:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity 0.15s linear;
}

.social-icons .icon-social:before {
  opacity: 0;
  width: 17px;
  height: 17px;
  left: -6px;
  top: -7px;
  z-index: 1;
  background: url(/assets/analytics/social_active.png) 0 0 no-repeat;
}

.icon-social.active:before {
  opacity: 1;
}

.icon:hover:before {
  opacity: 0;
}

.icon:after {
  opacity: 0;
}

.icon:hover:after {
  opacity: 1;
}

.icon-close {
  cursor: pointer;
  width: 25px;
  height: 25px;
}

.icon-close:before,
.icon-close:after {
  background-image: url(/assets/analytics/close.png);
}

.icon-close:after {
  background-position: 0 -25px;
}
/* FAQ */


:root {
  --text-thirdy-color: #666666;
}

.faq__container {
  padding-top: 41px;
}

@media screen and (max-width: 939px) {
  .faq__container {
    padding-top: 27px;
  }
}
.faq__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.15;
}

@media screen and (max-width: 939px) {
  .faq__title {
    font-weight: 600;
    font-size: 28px;
  }
}
.faq__list {
  margin-top: 25px;
}
@media screen and (max-width: 939px) {
  .faq__list {
    margin-top: 14px;
  }
}

.faq__item:not(:first-child) {
  margin-top: 19px;
}

@media screen and (max-width: 939px) {
  .faq__item:not(:first-child) {
    margin-top: 9px;
  }
}
.faq__question-number {
  font-size: 24px;
  line-height: 1.17;
}

@media screen and (max-width: 939px) {
  .faq__question-number {
    font-size: 20px;
  }
}
.faq__question-text {
  margin-top: 11px;
  font-size: 16px;
  line-height: 1.125;
  color: var(--text-thirdy-color);
  white-space: pre-line;
}

@media screen and (max-width: 939px) {
  .faq__question-text {
    margin-top: 4px;
    font-weight: 300;
    font-size: 14px;
  }
}

.faq__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
}

.faq__trigger {
  cursor: pointer;
}

.faq__trigger.active .faq__symbol{
  transform: rotate(45deg);
}

.faq__symbol {
  float: right;
  margin-left: 5px;
  color: var(--text-thirdy-color);

  display: inline-block;
  transition: transform 0.4s ease-out;
}

@media screen and (min-width: 768px) and (max-width: 939px) {
  .faq__container {
    max-width: 90%;
  }
}
/* Banner */


:root {
  --text-primary-color: #000000;
  --text-accent-color: #fd8324;
  --bg-banner-color: rgba(128, 128, 128, 0.2);
}

.banner {
  display: flex;
  justify-content: center;
}

.banner-container {
  padding: 0 20px;
}

.banner > .banner-container {
  max-width: 1410px;
}

.pop-ap__container {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 20px;
  justify-content: center;
  max-width: 1410px;
  padding: 57px 68px 28px;
  border-radius: 7px;
  background-color: var(--bg-banner-color);
}

.pop-ap__container.hidden {
  display: none;
}

@media screen and (max-width: 767px) {
  .pop-ap__container {
    display: none;
  }
}

@media screen and (min-width: 627px) {
  .banner > .banner-container {
    flex-direction: row;
  }
}

@media screen and (max-width: 626px) {
  .banner__text-content {
    text-align: center;
  }
}

.banner__title {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;

  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 35px;
  text-transform: uppercase;
  line-height: 1.17;
}

@media screen and (max-width: 626px) {
  .banner__title {
    justify-content: center;
  }
}

.banner__greeting {
  margin-top: 67px;
  font-size: 24px;
  line-height: 1.17;
}

.banner__greeting--name {
  font-weight: 500;
}

.banner__call-to-act {
  margin-top: 13px;
  font-size: 14px;
  line-height: 1.14;
}

@media screen and (max-width: 626px) {
  .banner__video {
    text-align: center;
  }
}

@media screen and (min-width: 627px) {
  .banner__video {
    margin-left: 56px;
  }
}

.banner__iframe {
  border-radius: 7px;
}

@media screen and (min-width: 1206px) {
  .banner__info {
    margin-left: 25px;
  }
}

.banner__info-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.banner__info-item {
  background-color: #ffffff;
  border-radius: 15px;
  transition: scale 250ms linear;
}

.banner__info-item:hover,
.banner__info-item:focus {
  scale: 1.05;
}

.banner__info-item p {
  color: var(--text-primary-color);
}

.banner__info-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 170px;
  padding-top: 40px;
}

.banner__info-link:hover {
  text-decoration: none;
}

.banner__info-discr {
  margin-top: 31px;
  width: 148px;
  height: 32px;
  font-size: 14px;
  line-height: 1.14;
}
.banner__info-text {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 15px;
  width: 148px;
  font-weight: 700;
  font-size: 10px;
  line-height: 1.2;
}

.banner__close-btn {
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;

  position: absolute;
  top: 23px;
  right: 41px;
  color: #666666;

  transition: color 250ms linear;
}

.banner__close-btn:hover,
.banner__close-btn:focus {
  color: var(--text-accent-color);
}

.banner__close-btn-img {
  fill: currentColor;
}

.header__mobile-logo {
  text-align: center;
}

.header__mobile-logo-img {
  margin: 0 auto;
}

.mobile__btn {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .mobile__btn,
  .header__mobile-logo {
    display: none;
  }
}
:root {
  --text-secondary-color: rgba(0, 0, 0, 0.8);
  --text-thirdy-color: #666666;
  --bg-accent-color: #fd8324;
}

#delayed-modal {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 101;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);

  transition: opacity 0.3s ease-in-out;
}

.delayed-modal__content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  max-width: 50%;
  border-radius: 30px;
}

@media (max-width: 768px) {
  .delayed-modal__content {
    max-width: 90%;
  }
}

.delayed-modal__close-btn {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.delayed-modal__close-btn:hover,
.delayed-modal__close-btn:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.delayed-modal__content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.delayed-modal__content-img {
  margin-top: 43px;
  width: 357px;
}

.delayed-modal__content-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px 0 30px;
  margin-top: 43px;
  max-width: 357px;
  height: 54px;
  background-color: var(--bg-accent-color);
  color: #ffffff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 250ms linear;
}

.delayed-modal__content-btn:hover,
.delayed-modal__content-btn:focus {
  text-decoration: none;
  background-color: #fd6124;
}

.delayed-modal__content-title {
  margin-top: 27px;
  text-align: center;
  font-weight: 700;
  font-size: 23px;
  line-height: 1.13;
  color: var(--text-thirdy-color);
}

.delayed-modal__content-list {
  margin-top: 17px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.delayed-modal__content-item {
  display: flex;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.17;
  color: var(--text-secondary-color);
}

.delayed-modal__content-symbol {
  margin-right: 9px;
  margin-left: 9px;
  height: 21px;
  border: 2px solid rgba(0, 0, 0, 0.4);
}

.delayed-modal__content-item-text {
  display: inline-block;
}

.delayed-modal__content-secure {
  margin-top: 28px;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.15;
  color: var(--text-secondary-color);
}
/*







*/


nav .logo {
  display: none;
}

.active_page {
  opacity: 0.5;
  pointer-events: none;
}

.tooltip .sign_up_add {
  padding-left: 7px;
  padding-bottom: 2px;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.button.inf-sign-up {
  margin: 0 0 0 58px;
}

.tooltiptext.bloggers {
  width: max-content;
  text-align: left;
  padding: 5px;
}

.tooltiptext.bloggers .link {
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 3px
}

.pricing__plan .plan-card {
  height: 256px;
}

@media (max-width: 767px) {
  .story {
    display: block;
  }

  .story-cards {
    display: none;
  }

  .disvored-brands .disvored-brands__description {
    margin-top: 7px;
  }
  .disvored-brands .disvored-brands__button {
    bottom: -74px;
  }

  .sign-up-button .button {
    font-size: 14px;
    padding: 15px 4px;
    min-width: initial;
    width: calc(50% - 10px);
  }

  .sign-up-button .button.inf-sign-up {
    margin-left: 10px;
  }
}

.content__description {
  font-size: 17px;
}
.footer-navigation__item p {
  text-align: left;
  font-size: 13px;
  font-weight: 900;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: black;
}

@media (max-width: 992px) {
  .footer-navigation__item p {
    font-size: 10px;
  }
}

.footer .footer-navigation .footer-navigation__item {
  justify-content: start;
  gap: 5px;
}

.footer-mobile .footer-navigation-mobile__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.dropdown-sub {
  position: relative;
}

.dropdown-inside {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  min-width: 160px;
}

.dropdown-sub:hover .dropdown-inside {
  display: block;
}

/* Start Mobile Hamburger Side Menu */

.menu_btn {
  display: none;
}

@media screen and (max-width: 768px) {
  .menu_btn {
    width: 23px;
    display: block;
    float: right;
    position: relative;
    z-index: 1000;
  }
  .menu_btn span {
    display: block;
    height: 2px;
    width: 100%;
    margin-bottom: 5px;
    background-color: #303030;
    transition: linear 0.3s all;
    -moz-transition: linear 0.3s all;
    -webkit-transition: linear 0.3s all;
  }

  .menu_btn span:last-child {
    margin-bottom: 0;
  }
  .nav_open .navigation_block {
    right: 0;
    opacity: 1;
    visibility: visible;
    overflow-y: scroll;
  }
  .nav_open .menu_btn {
    position: fixed;
    top: 18px;
    right: 10px;
  }
  .nav_open .menu_btn span:nth-child(1) {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform-origin: 15% 250%;
    -moz-transform-origin: 15% 250%;
    -webkit-transform-origin: 15% 250%;
  }
  .nav_open .menu_btn span:nth-child(3) {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform-origin: 15% -150%;
    -moz-transform-origin: 15% -150%;
    -webkit-transform-origin: 15% -150%;
  }
  .nav_open .menu_btn span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
  }

  .nav_open .menu_btn.arrow span:nth-child(1) {
    transform-origin: right center;
    -moz-transform-origin: right center;
    -webkit-transform-origin: right center;
    transform: translateY(33%) rotate(45deg);
    -moz-transform: translateY(33%) rotate(45deg);
    -webkit-transform: translateY(33%) rotate(45deg);
    margin-top: 8px;
    margin-bottom: -9px;
  }
  .nav_open .menu_btn.arrow span:nth-child(3) {
    transform-origin: right center;
    -moz-transform-origin: right center;
    -webkit-transform-origin: right center;
    transform: translateY(-33%) rotate(-45deg);
    -moz-transform: translateY(-33%) rotate(-45deg);
    -webkit-transform: translateY(-33%) rotate(-45deg);
  }
}

.content_block {
  display: none;
}

@media screen and (max-width: 767px) {
  .mobile-side-bar {
    position: absolute;
    background: transparent;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    z-index: 100;
  }

  .mobile-side-bar .content_block {
    display: block;
    padding: 18px 10px;
    overflow: hidden;
    width: 100%;
  }

  .navigation_block {
    display: inline-block;
    vertical-align: top;
    margin-left: 73px;
    width: calc(100% - 247px);
  }
  .navigation_block .nav {
    display: inline-block;
    vertical-align: middle;
  }
  .navigation_block .nav li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px;
  }
  .navigation_block .nav li:first-child {
    margin-left: 0;
  }
  .navigation_block .nav li.active a,
  .navigation_block .nav li.active span {
    color: #ff3e7d;
  }
  .navigation_block .nav a,
  .navigation_block .nav span,
  .mobile-side-bar__dropdown-content a {
    color: #000000;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  .navigation_block .nav a:hover,
  .mobile-side-bar__dropdown-content a:hover {
    color: #ff6100;
  }
  .mobile-side-bar .navigation_block {
    position: fixed;
    height: 100%;
    width: 70%;
    right: -100%;
    top: 0;
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 80px 0 0;
    background: #f5f5f5;
    z-index: 10;
    transition: linear 0.4s all;
    -moz-transition: linear 0.4s all;
    -webkit-transition: linear 0.4s all;
    box-shadow: 0px 9px 8px 0 rgba(255, 97, 0, 1. 0.32);
    -moz-box-shadow: 0px 9px 8px 0 rgba(255, 97, 0, 1. 0.32);
    -webkit-box-shadow: 0px 9px 8px 0 rgba(255, 97, 0, 1. 0.32);
  }
  .mobile-side-bar .navigation_block .nav {
    display: block;
  }
  .mobile-side-bar .navigation_block .nav li {
    text-align: right;
    text-transform: none;
    padding: 7px 11px 7px 0;
    font-size: 14px;
  }
  .mobile-side-bar .navigation_block .nav li.active a,
  .mobile-side-bar .navigation_block .nav li.active span {
    color: #fff;
    font-weight: 800;
  }
  .navigation_block .nav li {
    margin: 0;
    display: block;
  }
  .navigation_block .nav li a,
  .navigation_block .nav li span {
    display: block;
    padding: 8px 0;
    font-size: 11px;
  }
  .navigation_block .nav li.active a,
  .navigation_block .nav li.active span {
    color: #525252;
    font-weight: 800;
  }
  .nav_open .navigation_block {
    right: 0;
    opacity: 1;
    visibility: visible;
    overflow-y: scroll;
  }
}

.mobile-side-bar__dropdown-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
}

.mobile-side-bar__dropdown-btn.active + .mobile-side-bar__dropdown-content {
  max-height: 200px;
}

.mobile-side-bar__dropdown-btn.active {
  text-decoration: underline;
}

/* End Mobile Hamburger Side Menu */

.overflow-visible {
  overflow: visible;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.content-wrap {
  padding-bottom: 20px;
  margin-bottom: 0;
}

.slogan {
  padding: 30px 0 10px 0;
  text-align: center;
  background: url("/assets/images/bloggers/slogan_bg.png") center 25px no-repeat;
}
.slogan .content-wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  max-width: 1140px;
}
.slogan_title {
  font-size: 60px;
  line-height: 82px;
  text-transform: uppercase;
  margin-bottom: 24px;
  /* font-family: "Helvetica", sans-serif; */
  font-weight: 400;

  border-bottom: 2px solid #fafafa;
  margin: 0 -40px 55px;
  padding: 0 40px 39px;
}

.slogan p {
  font-size: 18px;
  line-height: 24px;
  color: #4a4a4a;
  margin-bottom: 24px;
}
.slogan p a {
  color: inherit;
  font-weight: bold;
  text-decoration: underline;
  padding: 0 6px;
}
.slogan p a:hover {
  text-decoration: none;
}

.blogger-preview > h2 {
  font-size: 44px;
  line-height: 48px;
  font-weight: 400;
  margin: 45px 0 40px;
  text-align: center;
}

.blogger-preview {
  font-size: 14px;
  line-height: 20px;
}

.blogger-preview_item {
  text-align: left;
  padding: 32px;
  background-color: #fff;
  margin-bottom: 24px;
  clear: both;
  overflow: hidden;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  display: grid;
  grid-template-columns: 241px 32px auto 32px 321px;
  grid-template-rows: auto auto;
}

.blogger-preview .photo {
  position: relative;
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.blogger-preview .rating {
  background-color: #5bd467;
  position: absolute;
  top: 8px;
  left: 8px;
  height: 36px;
  width: 76px;
  justify-content: center;
  align-items: center;
  padding: 11px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.blogger-preview .rating span {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: 0 4px;
}

.blogger-preview .tooltip {
  position: relative;
}

.rating .tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  font-size: 12px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  width: 100px;
  top: -5px;
  left: 110%;
}
.rating .tooltip:hover {
  cursor: help;
}
.rating .tooltip:hover .tooltiptext {
  visibility: visible;
}
.rating .tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

.blogger-preview_content__bottom {
  margin-top: 16px;
}

.blogger-preview_content__right {
  grid-column: 5 / span 1;
  grid-row: 1 / span 2;
}

.blogger-preview_name {
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
}
.blogger-preview_name span {
  display: block;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 16px;
}

.blogger-preview .tags div {
  display: inline-block;
  vertical-align: top;
  background-color: #fff3e9;
  color: #fd8324;
  padding: 8px 16px;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.blogger-preview_socials {
  float: right;
}
.blogger-preview_socials > span {
  background-color: #f9f9f9;
  padding: 16px 8px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
  width: 99px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.blogger-preview_socials > span:last-child {
  margin: 0;
}
.blogger-preview_socials > span img {
  margin-bottom: 14px;
}
.blogger-preview_socials > span span {
  display: block;
}

.blogger-preview_description {
  grid-column: 3 / span 1;
  grid-row: 2 / span 1;
}

.blogger-preview_links {
  align-self: start;
}
.blogger-preview_links a {
  width: 321px;
  margin: 8px 0;
}
.blogger-preview_links .orange {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  font-family: "GothamPro", sans-serif;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  position: relative;
  border: none;
  cursor: pointer;
  clear: both;
  outline: none;
  letter-spacing: 0.4px;
  transition: 0.25s all ease-in;
  -moz-transition: 0.25s all ease-in;
  -webkit-transition: 0.25s all ease-in;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
  font-weight: 900;
  font-size: 16px;
  font-size: 14px;
  height: 54px;
  line-height: 54px;
  color: #fff;
  border: 1px solid #fd8324;
  background-color: #fd8324;
}
.blogger-preview_links .orange:hover,
.blogger-preview_links .orange:active {
  border: 1px solid #fd8324;
  background-color: #fd8324;
}
.blogger-preview_links .orange-border {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  font-family: "GothamPro", sans-serif;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  position: relative;
  border: none;
  cursor: pointer;
  clear: both;
  outline: none;
  letter-spacing: 0.4px;
  transition: 0.25s all ease-in;
  -moz-transition: 0.25s all ease-in;
  -webkit-transition: 0.25s all ease-in;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
  font-weight: 900;
  font-size: 16px;
  font-size: 14px;
  height: 54px;
  line-height: 54px;
  border: 1px solid #fd8324;
  background-color: transparent;
  color: #fd8324;
}
.blogger-preview_links .orange-border:hover,
.blogger-preview_links .orange-border:active {
  border: 1px solid #fd8324;
}

@media screen and (max-width: 768px) {
  .content-wrap {
    width: 100%;
    padding: 0 16px;
  }
  .blogger-preview {
    padding: 20px 0;
  }
  .blogger-preview > h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 16px;
  }
  .slogan {
    background: none;
  }
  .slogan .content-wrap {
    max-width: 755px;
  }
  .slogan_title {
    font-size: 44px;
    line-height: 52px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  .slogan p {
    font-size: 18px;
    line-height: 24px;
    color: #4a4a4a;
    margin-bottom: 24px;
  }
  .slogan p a {
    color: inherit;
    font-weight: bold;
    text-decoration: underline;
    padding: 0 6px;
  }
  .slogan p a:hover {
    text-decoration: none;
  }

  .bloggers-info > h2 {
    padding: 0 16px;
  }
}

@media screen and (max-width: 991px) {
  .blogger-preview_item {
    padding: 16px 16px 89px;
    position: relative;
    display: block;
  }
  .blogger-preview .photo {
    margin-right: 8px;
    width: 150px;
    height: 150px;
    float: left;
  }
  .blogger-preview .rating {
    top: 5px;
    left: 5px;
    height: 25px;
    width: 47px;
    padding: 6px 0;
  }
  .blogger-preview .rating span {
    font-size: 9px;
    margin: 0 2.5px;
  }
  .blogger-preview .rating img {
    width: 8px;
    height: 8px;
  }
  .blogger-preview_content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .blogger-preview_content__top {
    margin-bottom: 16px;
  }
  .blogger-preview_content__right {
    clear: both;
    width: 100%;
    text-align: center;
  }
  .blogger-preview_name {
    margin-right: 0;
  }
  .blogger-preview_name span {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 8px;
  }
  .blogger-preview .tags a {
    padding: 4px 8px;
    margin: 0 8px 8px 0;
  }
  .blogger-preview_socials {
    width: 100%;
    margin: 16px 0;
  }
  .blogger-preview_socials > span {
    margin-right: 7px;
    width: 99px;
  }
  .blogger-preview_description {
    max-width: 100%;
    margin-right: 0;
  }
  .blogger-preview_links {
    position: absolute;
    bottom: 16px;
    left: 0;
    margin-left: auto;
    width: 100%;
    padding: 0 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
  .blogger-preview_links a {
    width: 32%;
  }
  .blogger-preview_links a.orange {
    width: 65%;
  }
}
.infl-item{
padding:25px 0;
font:13px/17px 'ProximaNova';
color:#737373;}

.infl-image{
display:block;
position:relative;}

.image-label{
position:absolute;
left:0;
bottom:0;
background-color:#fff240;
color:#2d2d2d;
margin:0;
font-size:10px;
line-height:1;
padding:3px;
min-width:22px;
text-align:center;
letter-spacing:.8px;}

.infl-image-wrap{
float:left;
width:50px;}

.infl-text-mobile {
  display: none;
}

.tab-icon {
  opacity: 0.5;
}
.tab-icon.active {
  transform: scale(1.4);
  opacity: 1;
}
.tab-icon:hover {
  opacity: 1;
  transform: scale(1.4);
}
.invisible {
  display: none;
}
.tab-heading {
  float: right;
  margin-bottom: 10px;
  padding: 5px;
}

.social-category-title {
  border: 1px solid #e6f7e0;
  border-radius: 3px;
  padding: 4px;
  position: relative;
  background: #e6f7e0;
  color: #6c7556;
  box-shadow: 0 0 2px #78a475;
  margin-bottom: 7px;
}
.social-category-title::after, .social-category-title::before {
  content: '';
  position: absolute;
  background: #e6f7e0;
  left: 10px; bottom: -6px;
  width: 10px; height: 10px;
  box-shadow: 0 0 2px #78a475;
  z-index: -1;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.social-category-title::before {
  z-index: 0;
  box-shadow: none;
}
@media (max-width: 980px) {
  .social-category-title::after, .social-category-title::before {
    content: none;
  }
}

.infl-text{
margin:0 430px 0 70px;
max-width:600px;}

.infl-text .heading{
font:bold 15px/1 'ProximaNova';
color:#303030;
margin:0 0 10px;}

.infl-controls-wrap{
float:right;}

.infl-controls-wrap .infl-params-wrap{
float:left;
margin-right:9px;}

.infl-params-wrap .infl-params{
padding:0 10px;
float:left;}

.infl-params{
position:relative;
width:95px;}

.param-line{
min-height:22px;
font: 16px 'ProximaNova';
padding:4px 0 2px;}

.infl-params:before{
position:absolute;
left:0;
top:4px;
bottom:4px;
width:1px;
background:#e7e7e7;}

.infl-params~.infl-params:before{
content:'';}

[class*="icon-social-small"]{
width:16px;
height:16px;
background-image:url(/assets/influencers_list/icon_social.png);
background-size:auto 16px;}

.icon-social-small-facebook{
background-position:0 0;}
.icon-social-small-vkontakte{
background-position:-16px 0;}
.icon-social-small-instagram{
background-position:-32px 0;}
.icon-social-small-twitter{
background-position:-48px 0;}
.icon-social-small-google{
background-position:-64px 0;}
.icon-social-small-linkedin {
  background-position: -80px 0;
}
.icon-social-small-twitch {
  background-position: -96px 0;
}
.icon-social-small-telegram {
  background-position: -116px 0;
}
.icon-social-small-tiktok {
  background-position: -132px 0;
}

.infl-params-icons{
width:48px;}

.param-heading{
font:bold 11px/10px 'ProximaNova';
letter-spacing:1.1px;
color:#737373;
margin-bottom:10px;}

.params-heading-wrap{
padding-left:60px;}

.infl-param-box .param-heading{
margin-bottom:10px;}

.params-heading-wrap .param-heading{
float:left;
width:95px;
padding:0;}

.infl-controls-wrap .button{
width:144px;
padding:14px 10px 11px;}


.preview-info{
color:#737373;}

.ipw-separate~.ipw-separate{
margin-top:22px;}

.ipw-separate .params-heading-wrap{
padding-left:0;}

.ipw-separate .param-heading{
padding-left:0;
color:#303030;}

.ipw-separate .infl-params:first-child{
padding-left:0;}

.ipw-separate .infl-params-icons{
width:38px;}

.profile-preview .label{
background-color:#efefef;
color:#000;}

.label.active{
background-color:#fff240;}

.infl-params-wrap~dl{
margin-top:32px;}

[class*="icon-profile"]{
width:16px;
height:16px;
background-image:url(/assets/influencers_list/icon_profile.png);
background-size:auto 16px;}

.icon-profile-1{
background-position:0 0;}
.icon-profile-2{
background-position:-16px 0;}

.profile-params{
margin:40px 0 0;
font:12px/16px 'ProximaNova';}

.pp-item{
margin-top:6px;}

.pp-item .icon{
float:left;
margin-right:8px;}





/* search */

.search{
position:relative;}

.search input[type="text"]{
background-color:#FFF;
color:#acacac;
font-size:14px;
padding:20px 74px 18px;}

.search input[type="text"]:focus{
color:#2d2d2d;}

.search input[type="text"]:focus+.icon-search{
opacity:1;}

.icon-search{
width:16px;
transition: opacity .3s ease;
height:16px;
background: url(/assets/influencers_list/icon_search.png) 0 0 no-repeat;
background-size:contain;}

.search .icon-search{
position:absolute;
opacity:.5;
left:42px;
top:25px;}

.lf-column{
position:relative;
float:left;
width:50%;}

.lf-column:before{
position:absolute;
top:0;
height:100%;
width:1px;
background:#f6f6f6;
content:'';}

.lfc-1:before{
left:100%;}
.lfc-2:before{
left:0;}

.lfc-1{
padding-right:44px;}

.lfc-2{
padding-left:44px;}

.lf-column:after{
position:absolute;
height:1px;
background:#f6f6f6;
left:0;
right:0;
bottom:0;
content:'';}

.lfc-1:after{
left:-40px;}
.lfc-2:after{
right:-40px;}

/* /end search */




/* filters */

.lfi-header{
position:relative;
padding:25px 30px 23px 0;
transition: border-color .15s ease;
border-bottom:1px solid #f6f6f6;}

.lfi-header.active{
border-color:#e8e8e8;}

.lfi-toggle{
font:bold 10px/1 'ProximaNova';
letter-spacing:1px;}

.list-filter div.checker,
.list-filter div.checker span,
.list-filter div.checker input
.list-filter div.radio,
.list-filter div.radio span,
.list-filter div.radio input{
width:16px;
height:16px;}

.list-filter .checker,
.list-filter .radio{
position:relative;}

.list-filter .checker span,
.list-filter .radio span{
background:#FFF;}

.list-filter .checker span:before,
.list-filter .checker span:after,
.list-filter .radio span:before,
.list-filter .radio span:after{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
content:'';}

.list-filter .checker span:before,
.list-filter .radio span:before{
border:1px solid #c6c6c6;}

.list-filter .checker span:after,
.list-filter .radio span:after{
background: url(/assets/influencers_list/form.png) 50% no-repeat;
background-size:auto 16px;
opacity:0;
transition: opacity .15s ease;}

.list-filter span.checked:after,
.list-filter span.radio:after{
opacity:1;}

.list-filter div.checker span.checked,
.list-filter div.checker.hover span.checked,
.list-filter div.checker.focus span.checked,
.list-filter div.checker.focus.hover span.checked,
.list-filter div.checker.focus.active span.checked,
.list-filter div.radio span.checked,
.list-filter div.radio.hover span.checked,
.list-filter div.radio.focus span.checked,
.list-filter div.radio.focus.hover span.checked,
.list-filter div.radio.focus.active span.checked{
background:none;}

.lf-label{
min-height:16px;
letter-spacing:0;
text-transform:none;
width:120px;
margin:12px;
padding:1px 0 0;
font:14px/16px 'ProximaNova';
cursor:pointer;}

.lf-label .label-text{
display:block;
margin:0 0 0 28px;}

.lf-label .checker,
.lf-label .radio{
float:left;
margin-top:-1px;}

.lfi-content-label{
margin:0 -12px;
padding:12px 0;}

/*.lf-label.active{
font-weight:bold;}

.lfi-header{
border-width:1px 0;
border-style:solid;
border-color:#f6f6f6;}*/

[data-accordion-toggle]{
cursor:pointer;}

.accordion-item{
height:0;
overflow:hidden;
transition: height .3s ease;}

.accordion-item.active{
height:auto;}

.lfi-input-group{
font-size:0;
float:right;
text-align:right;
margin:-12px -30px 0 0;}

.lfi-input-group input[type="text"]{
width:50px;
border:1px solid #c6c6c6;
background-color:#FFF;
font-size:14px;
line-height:16px;
padding:8px;}

.lfi-input-group .separator{
width:6px;
height:1px;
background-color:#303030;
display:inline-block;
margin:17px 5px 0;}

.lfi-input-group .lf-label{
width:auto;
margin:8px 0 0 24px;}

.lfi-header[data-accordion-toggle]:after{
position:absolute;
right:0;
top:50%;
width:10px;
height:5px;
margin-top:-2px;
background:#FFF url(/assets/influencers_list/select.png) 0 0 no-repeat;
background-size:10px auto;
content:'';}

.lfi-header.active[data-accordion-toggle]:after{
background-position:0 -5px;}

.popup-article-list{
height:100%;
position:fixed;
left:90px;
top:0;
background-color:#FFF;
padding:30px 50px;
width: 700px;
transition: left .15s linear;}

.popup.active .popup-article-list{
left:370px;}

.popup-article-item~.popup-article-item{
margin-top:40px;}

.popup-article-list .nano{
position:absolute;
left:50px;
top:30px;
right:50px;
bottom:30px;
width:auto;
height:auto;}

.popup-article-list .nano-pane{
visibility:hidden;}

.lfi-label-wrap{
position:absolute;
right:30px;
top:50%;
margin-top:-8px;}

.label-small{
font-size:10px;
line-height:1;
padding:4px 4px 2px;
min-width:26px;
margin:0;}

.icon-del{
width:5px;
height:5px;
cursor:pointer;
background: url(/assets/influencers_list/icon_del.png) 0 0 no-repeat;
background-size:100% 100%;}

.icon-del:hover{
opacity:.6;}

.label-small .icon-del{
float:right;
margin:2px 2px 0 5px;}


.filter-controls{
padding:15px 40px;
border-bottom:1px solid #f6f6f6;}

.button-transparent{
cursor:pointer;
min-width:100px;
display:inline-block;
letter-spacing:1.1px;
font:bold 11px/20px 'ProximaNova';
color:#000;
border:1px solid #dfdfdf;
padding:6px 10px 4px;
background-color:#FFF;}

.button-show-filter{
min-width:132px;}

.button-transparent:hover{
background-color:#FFF;
color:#4c4c4c;}

.filter-selected-controls{
float:left;
font-size:0;}

.filter-selected-list{
display:inline-block;}

.button-filter-clear{
color:#4c4c4c;
width:112px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;}

.button-filter-clear:hover{
color:#000;}
.button-filter-clear:hover .icon-controls-delete{
opacity:1;}

[class*="icon-controls"]{
background-image:url(/assets/influencers_list/icon_controls.png);
background-size:17px auto;}

.icon-controls-filter{
width:8px;
height:8px;
background-position:-7px 0;}

.icon-controls-delete{
width:7px;
height:7px;
background-position:0 0;}

.button-transparent .icon-controls-filter{
margin:5px 10px 0 0;}
.button-transparent .icon-controls-delete{
opacity:.7;
float:right;
margin:5px 0 0 10px;}

.filter-selected-controls .button-transparent{
margin-right:10px;}

.filter-selected-text{
display:inline-block;
margin-left:10px;
padding:7px 0 5px;
font:bold 11px/20px 'ProximaNova';}

.filter-selected-text .align-bl{
font-size:13px;}

.filter-sort{
float:right;}

.fs-toggle{
display:inline-block;
letter-spacing:1.1px;
cursor:pointer;
font:bold 11px/20px 'ProximaNova';
padding:7px 0 5px;
margin-left:25px;
color:#737373;}

.fs-toggle:hover{
color:#303030;}

.fs-toggle.active{
cursor:default;
color:#303030;}


.icon-more{
width:45px;
transition: opacity .3s ease;
height:45px;
border:3px solid #2d2d2d;}

.icon-more:after{
background-image:url(/assets/influencers_list/icon_controls.png);
background-size:17px auto;
background-position:0 -8px;
width:17px;
height:11px;
left:11px;
top:15px;
content:'';
opacity:1;}

.link-more{
letter-spacing:1.1px;
display:inline-block;
font:bold 11px/12px 'ProximaNova';
color:#303030;}

.link-more .icon-more{
opacity:.5;
display:block;
margin-bottom:12px;}

.link-more:hover{
text-decoration:none;}

.link-more:hover .icon-more{
opacity:1;}

.more-box{
padding:40px;
text-align:center;}

.next-wrap{
padding: 30px 40px;}

.next-left{
padding:26px 0 0;
float:left;}

.next-link{
transition: opacity .3s ease;
opacity:.7;
color:#7f7f7f;
font:200 16px/18px 'ProximaNova';}

.next-link:hover{
text-decoration:none;
opacity:1;}

.next-right{
float:right;}


.button-big{
width:170px;
font-size:15px;
letter-spacing:1.5px;
margin-right:20px;
padding:24px 20px 21px;}

.button-arrow{
position:relative;}

.button-arrow:hover{
background-color:#109e28;}

.button-arrow:after{
position:absolute;
left:100%;
top:0;
width:20px;
height:100%;
background-image:url(/assets/influencers_list/button_arrow.png);
background-size:20px auto;
content:'';}


.lf-submit-box{
text-align:right;
z-index:1;
font-size:0;
padding:25px 40px;
position:fixed;
left:90px;
right:0;
bottom:0;
background-color:rgba(255, 255, 255, .9);}

.lf-submit-box .button{
width:195px;
font-size:12px;
margin-left:10px;}

.button.button-transparent{
padding:18px 10px 15px;
color:#b2b2b2;
border:1px solid #e5e5e5;}

.button.button-transparent:hover{
color:#2d2d2d;}

.fadable{
transition: opacity .3s ease, visibility .3s ease;}

.fadable.fade{
opacity:0;
visibility:hidden;}

.infl-text .popup-toggle{
color:#303030;}

.infl-text .popup-toggle:hover{
text-decoration:none;}



[data-lf-clear]{
cursor:pointer;}

[data-lf-clear]:hover .icon-del{
opacity:.6;}

.act-hide-text{
display:none;}

.active[data-accordion-toggle] .act-show-text{
display:none;}
.active[data-accordion-toggle] .act-hide-text{
display:inline-block;}

/* /end filters */


.overlay-content{
position:relative;}

.overlay-content:after{
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
content:'';
background:#fff;
opacity:.8;
z-index:1;}

.short-text{
overflow: hidden;
height: 4.7ex;
}

.full-text{
height: auto;
}

.disabled-button {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.disabled-button span {
  display: none;
}
.disabled-button:after {
  content: 'Loading...'
}
a,
.button,
.btn{
transition: color .2s linear, background-color .2s linear, opacity .2s linear;}

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

a:hover{
text-decoration:underline;}

a:focus{}

nav a,
nav a:hover{
text-decoration:none;}

p{}

p+p{}

h1{
text-align:center;
font:bold 35px/1 'ProximaNova';
margin-bottom:5px;}

h2{
text-align:center;
font:200 35px/1 'ProximaNova';
margin-bottom:10px;}

h3{
font:bold 25px/25px 'ProximaNova';
margin:0 0 12px;}

h4{}

ol, ul{}

li{}



/* layout style */

.container{
padding:0 40px;}

/* /end layout */



/* form style */

.input{
width:100%;}

.input~.input{
margin-top:10px;}

.content-wrap-campaign label,
.card-page-form label{
letter-spacing:1px;
text-transform:uppercase;
padding:5px 0;
display:inline-block;
vertical-align:top;
margin:0 0 10px;
font:bold 12px/18px 'ProximaNova';}

.label-hint{
letter-spacing:0;
font-size:15px;
text-transform:none;
margin:4px 0 0;
font-weight:normal;
display:block;}

fieldset~fieldset{
margin-top:46px;}

[type="text"],
[type="password"],
[type="email"],
textarea{
background: #EFEFEF;}

[type="text"]:focus,
[type="password"]:focus,
textarea:focus{
outline: none;
background: #F7F7F7;}

textarea{
height:110px;
overflow:auto;
resize:none;}

::-webkit-input-placeholder {
color:#2d2d2d;
opacity:.5;}

::-moz-placeholder {
color:#2d2d2d;
opacity:.5;} /* firefox 19+ */

:-moz-placeholder {
color:#2d2d2d;
opacity:.5;} /* firefox 18- */

:-ms-input-placeholder {
color:#2d2d2d;
opacity:.5;} /* ie */

.checkbox a:hover{
color:#666;}

.checkbox a{
color:#2d2d2d;
display: inline-block;
text-decoration: none;
margin-top: 2px;
line-height: 15px;
border-bottom: 1px solid #d8d8d8;}

.checkbox .form-info{
margin-bottom:-3px;
display:block;
color:#aaaaaa;
padding:0;}

.checkbox .text{
display:inline-block;
padding:5px 0 0 50px;
min-height:30px;}

.checkbox{
margin:0;
letter-spacing:0;
text-transform:none;
position:relative;
padding:0;
cursor:pointer;
font:16px/19px 'ProximaNova';}

.checkbox:hover .box-1{
opacity:.5}

.checkbox .box{
position:absolute;
left:0;
top:0;
content:'';
display:block;
float:left;
width:30px;
height:30px;
background-repeat:no-repeat;
transition: background-color .1s linear;}

.checkbox .box-2{
opacity:0;}

.checkbox .box-1{
background-color:#f7f7f7;}

.checkbox.active .box-2{
opacity:1;
background-image:url(/assets/campaign/checkbox.png);
background-position:0 0;}

.input-line.submit-line{
margin:50px 0 0;}

.input-line.filter{
width:170px;
display:inline-block;
margin-top:0px;}

.filter-select{
width:150px;
font-size:20px;}

.dash{
font-size:25px;
position:absolute;
margin:15px 11px 5px 11px;}

.white-text-field{
background-color:white;}

.submit-line,
.submit-line .input{
padding:0;}

[type="submit"]{
cursor:pointer;
min-width:210px;}

.content-wrap-campaign [type="submit"],
[type="submit"]:disabled,
[type="submit"]:disabled:hover,
.button,
.button-submit{
display:inline-block;
background:#109e28;
font: bold 12px/25px 'ProximaNova';
transition: all .3s linear;
color:#fff;
text-align:center;
border:none;
box-shadow:none;
text-transform:uppercase;
text-shadow:none;
letter-spacing:1px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
margin:0;}

.content-wrap-campaign [type="submit"],
.content-wrap-campaign [type="submit"]:disabled,
.content-wrap-campaign [type="submit"]:disabled:hover,
.content-wrap-campaign .button,
.content-wrap-campaign .button-submit{
font-size:13px;
line-height:15px;
height:70px;
padding:20px;}

[type="submit"]:disabled{
cursor:default;
opacity:.5;}

[type="submit"]:hover{
background:#11b52d;}

[type="submit"]:focus{
outline:none;}

.content-wrap-campaign .button{
font:bold 12px/25px 'ProximaNova';
padding:17px 10px 13px;
width:auto;
height:auto;
min-width:150px;
color:#fff;}

.form-info{
color:#7f7f7f;
padding:24px 0 0;
text-align:left;
font-size:16px;}

.input-file-wrap [type="file"]{
position:absolute;
visibility:hidden;
left:100%;
top:100%;}

.input-file-wrap{
position:relative;
overflow:hidden;}

.another{
opacity:.5;
text-decoration:none;
display:inline-block;
font:bold 15px/18px 'ProximaNova';
color:#2c2c2c;
margin:16px 0 0;
padding:0 0 0 20px;
background: url(/assets/leader_profile/another.png) left 4px no-repeat;}

.another:hover{
text-decoration:none;
opacity:1;}

.ava-box{
display:inline-block;
letter-spacing:0;
text-transform:none;
text-align:center;
position:relative;
cursor:pointer;
width:200px;
height:200px;
padding:0;
font:15px/18px 'ProximaNova';
color:#8a8a8a;
transition: all .3s linear;
background: url(/assets/campaign/ava.png) 0 0 no-repeat;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;}

.ava-box:after{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
display:block;
background:#fff;
opacity:0;
transition: all .3s linear;
padding-top:86px;}

.ava-box-active{
cursor:default;
background:#fff;}

.ava-box-active:after{
opacity:1;}

.ava-box-dragging:after{
color:#2d2d2d;
content:'Ð¡ÑŽÐ´Ð°!';}

.ava-box-loading:after{
content:'ÐŸÐ¾Ð´Ð¾Ð¶Ð´Ð¸Ñ‚Ðµ...';}

.ava-box:hover{
color:#2d2d2d;}

.icon-ava:before,
.icon-ava:after{
background-image:url(/assets/campaign/ava.png);}

.icon-ava:before{
background-position:0 -200px;}
.icon-ava:after{
background-position:-38px -200px;}

/* /end form */



/* content style */

.container{
position: relative;
padding:0;}

.sidebar{
width:275px;
position:absolute;
left:0;
top:90px;
bottom:0;
padding:30px 25px 40px 40px;
background:#f4f4f4;}

.content-wrap-campaign .content{
overflow:hidden;
position: relative;}

.content-wrap-campaign .sidebar~.content{
margin-left:275px;
padding:30px 40px 40px;}

.new-campaign-nav-title{
font:200 25px/41px 'ProximaNova';}

.new-campaign-nav{
margin-top: 40px;}
.new-campaign-nav .active a {
color:#000000;
text-decoration:none;}

.new-campaign-nav a{
font:200 14px/14px 'ProximaNova';
color:#b8b8b8;
display: block;
position: relative;
left: -32px;
padding-left: 32px;
cursor:default;}

.new-campaign-nav .active a,
.new-campaign-nav .completed a {
line-height:20px;}

.new-campaign-nav .completed a {
cursor:pointer;}

.new-campaign-nav li{
list-style: none;
position:relative;
margin-bottom:30px;
padding-left:32px;
margin-right: -20px;}

.new-campaign-nav li:before{
content:'';
display:inline-block;
border-radius:100%;
width:13px;
height:13px;
background:#b7b7b7;
position:absolute;
top:0;
left:3px;}

.new-campaign-nav .active:before{
width:18px;
height:18px;
background:#fff;
border:5px solid #2c2c2c;
left:0;}


.new-campaign-nav .completed:before{
width:18px;
height:18px;
background:#b7b7b7 url(/assets/campaign/step-completed.png) 0 0 no-repeat;
border:5px solid #b7b7b7;
left:0;}

.new-campaign-nav .completed a:before{
content: '';
display:inline-block;
border-radius:100%;
position:absolute;
width:18px;
height:18px;
background:#939393 url(/assets/campaign/step-back.png) 0 0 no-repeat;
border:5px solid #939393;
left:0;
opacity:0;
transition: all .15s linear;}

.new-campaign-nav .completed a:hover {
    color: #000;
}

.new-campaign-nav .completed:hover a:before{
opacity:1;}

.new-campaign-nav li:after{
content:'';
display:inline-block;
border-radius:100%;
width:1px;
height:20px;
background:#c8c8c8;
position:absolute;
bottom:100%;
left: 9px;
margin-bottom: 8px;}

.new-campaign-nav li:first-child:after{
content:none;}


.icon{
position:relative;
display:inline-block;}

.icon-ava,
.icon.icon-ava{
width:38px;
height:40px;
display:block;
margin:45px auto 12px;}

.icon:before,
.icon:after{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
display:block;
content:'';
transition: opacity .3s linear, visibility .3s linear, color .3s linear, background-color .3s linear;
background-repeat:no-repeat;}

.icon:after{
opacity:0;}


.content-block{
padding:6px 0 0;}

/*[class^="col"]{
min-height:1px;
margin-left:20px;
float:left;}

.col-left{
margin:0;
width:620px;}

.col-right{
float:right;
width:240px;}*/

.label-wrap{
margin-left:-10px;
margin-top:-17px;
display:table;
font-size:0;}

.label{
font-size:16px;
display:inline-block;
margin:10px 0 0 10px;
padding:8px 10px;
font-weight:bold;
background:#f7f7f7;
color:#ababab;}

.label .align{
font-size:14px;
line-height:0;
vertical-align:baseline;}

.label:first-child{
background:#fff240;
color:#2d2d2d;}

.label~.label{
margin-left:10px;}

dd .label{
margin-top:10px;
margin-left:10px;}

.mailbox:before{
width:58px;
height:40px;
position:absolute;
left:50%;
margin:0 0 0 -29px;
background:#FFF url(/assets/campaign/mailbox.png) 0 0 no-repeat;
content:'';
top:-21px;}

.mailbox{
font: 13px/30px 'ProximaNova';
padding:50px 35px 35px;
text-align:center;
position:relative;
border:5px solid #fff240;
margin:72px 0 0;}

.mailbox p{
letter-spacing:1px;}

.bold{
font-weight:bold;}

.mailbox h2{
margin-bottom:34px;}

.icon-at{
display:block;
width:22px;
height:22px;
margin:0 auto 16px;
background:#FFF url(/assets/campaign/at.png) 0 0 no-repeat;}

.mailbox a:hover{
opacity:.8;}

.mailbox a{
letter-spacing:0;
font-weight:bold;
color:#2d2d2d;
text-decoration:none;
font-size:20px;}


.icon-dropdown{
width:55px;
height:55px;
background: url(/assets/campaign/dropdown.png) 0 0 no-repeat;
position:absolute;
right:0;
top:0;
cursor:pointer;}

.dropdown-wrap.active .icon{
background-position:-55px 0;}

.icon.icon-dropdown.icon-delete:after{
background:  url(/assets/campaign/dropdown.png) -55px -55px no-repeat;}

.icon.icon-dropdown.icon-delete{
background-position:0 -55px;}

.dropdown-wrap.active{
z-index:3;}

.dropdown-wrap.closing{
z-index:2;}

.dropdown-wrap{
width:100%;
display:inline-block;
position:relative;
height:55px;}

.dropdown-wrap.loading{
overflow:hidden;}

.social-box a .icon:after{
display:none;}

.social-box.active .icon:after{
display:block;
opacity:1;}

.social-box.active .text{
opacity:1;}

.dropdown-placeholder{
opacity:.5;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
padding-top:5px;
padding: 15px 20px;
cursor:pointer;}

.dropdown-list-wrap{
background:#f7f7f7;
padding: 10px 20px 20px;
min-height:25px;
font: 16px/25px 'ProximaNova';
transition: all .3s linear;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;}

.dropdown-content{
height:0;
overflow:hidden;
transition: padding .3s linear;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;}

.dropdown-content .group{
position:relative;
top:21px;
background:#fff;
border:1px solid #e8e8e8;
padding:17px;}

.dropdown-content ul{
margin:0;
padding:0;
list-style-type:none;
float:left;
width:143px;}

.dropdown-content ul:first-child{
width:258px;}

.dropdown-item{
white-space:nowrap;
display:inline-block;
font:14px/1 'ProximaNova';
padding:9px;
border:1px solid #f7f7f7;
background:#f7f7f7;
cursor:pointer;
transition: all .15s linear;}

.dropdown-selected{
padding: 0 20px 10px;
list-style-type:none;
min-height:34px;
margin:-10px -20px -20px;
font-size:0;}

.dropdown-selected .dropdown-item{
position:relative;
border-width:1px 0;
width:0;
padding-left:0;
padding-right:0;
overflow:hidden;
font-weight:bold;
background:#dedede;
border-color:#dedede;
opacity:0;
margin-top:10px;
transition: opacity .3s linear;}

.dropdown-item:hover{
border-color:#dedede;
background:#dedede;}


.dropdown-primary .dropdown-selected .dropdown-item,
.dropdown-city .dropdown-selected .dropdown-item{
background-color:#fff240;
border-color:#fff240;}

.dropdown-selected .dropdown-item.active{
border-width:1px;
width:auto;
padding-left:9px;
padding-right:24px;
opacity:1;
margin-right:10px;
border-color: #FFF240;
background: #FFF240;}


.dropdown-content .dropdown-item.active,
.dropdown-content .dropdown-item.active:hover{
border-color: #FFF240;
background: #FFF240;
cursor:default;
opacity:.3;}

.dropdown-content .dropdown-item~.dropdown-item{
margin-top:10px;}

.fade{
opacity:0;
visibility:hidden;}

.dropdown-wrap.active .dropdown-list-wrap{
box-shadow:inset 0 0 7px rgba(0, 1, 1, .05);}

.dropdown-wrap .dropdown-selected .dropdown-item.ui-sortable-helper{
border-color:#000;
border-style:dashed;
opacity:.6;}

.dropdown-selected .dropdown-item:active{
cursor:url(/assets/campaign/cursor.png), move;}

.dropdown-content .nano ul{
width:125px;}

.nano .separator{
height:1px;
background:#e8e8e8;
margin:12px 0;}

.nano .dropdown-item:hover{
color:#737373;}

.nano .dropdown-item,
.nano .dropdown-item.active,
.nano .dropdown-item.active:hover{
color:#2d2d2d;
background:none;
display:block;
font:14px/25px 'ProximaNova';
border:none;
padding:0;}

.dropdown-helper{
position:relative;
top:45px;
padding:14px 0 0;
width:220px;
font:14px/22px 'ProximaNova';
float:right;}

.dropdown-helper+.group{
margin-right:250px;}

h5{
font:italic 14px/22px 'ProximaNova';
margin-bottom:10px;}


.dropdown-wrap [type="text"]{
z-index:1;
position:absolute;
left:0;
top:0;
transition: opacity .3s linear, background-color .3s linear, color .3s linear, outline .3s linear, padding-left .3s linear;}

.dropdown-wrap [type="text"]:focus{
background: #F7F7F7;
outline: none;}

.dropdown-city .dropdown-list-wrap{
position:absolute;
left:0;
top:0;
padding:0;
width:100%;
min-height:0;}

.dropdown-city .dropdown-selected{
z-index:1;
background:none;
position:absolute;
left:20px;
right:20px;
top:0;
margin:0 0 10px;
padding:0;
height:0;
min-height:0;}

.autocomplete{
position:relative;
top:100%;
margin-top:-1px;
visibility:hidden;}

.autocomplete.active{
visibility:visible;}

.autocomplete .dropdown-item.active+.dropdown-item{
border:none;}

.autocomplete .dropdown-item.active{
border:none;
height:0;
padding-top:0;
padding-bottom:0;}

.autocomplete .dropdown-item~.dropdown-item{
border-top:1px solid #e5e5e5;}

.autocomplete .dropdown-item{
font:16px/25px 'ProximaNova';
padding:14px 20px 9px;
z-index:1;
position:relative;
display:block;}

.dropdown-city .icon{
z-index:1;}

.dropdown-city.active .icon,
.dropdown-city .icon-delete{
visibility:visible;}

.dropdown-city .dropdown-selected{
z-index:2;}

.dropdown-city .dropdown-selected .dropdown-item{}

.dropdown-item.active .remove:before,
.dropdown-item.active .remove:after{
position:absolute;
right:6px;
top:10px;
display:inline-block;
width:13px;
height:13px;
transition: all .15s linear;
background-image:url(/assets/campaign/delete.png);
background-repeat:no-repeat;
content:'';}

.dropdown-item.active .remove:after{
opacity:0;
background-position:0 -13px;}

.item-for-action .remove:before{
opacity:0;}

.item-for-action .remove:after{
opacity:1;}

.dropdown-item .remove:before,
.dropdown-city .remove:before{
background-position:-13px 0;}

.dropdown-primary .remove:after,
.dropdown-city .remove:after{
background-position:-13px -13px;}

.selected ::-webkit-input-placeholder {
opacity:0;}

.selected ::-moz-placeholder {
opacity:0;} /* firefox 19+ */

.selected :-moz-placeholder {
opacity:0;} /* firefox 18- */

.selected :-ms-input-placeholder {
opacity:0;} /* ie */

.add-city:before{
margin:0 8px 0 0;
display:inline-block;
width: 10px;
height: 10px;
background: url(/assets/campaign/dropdown.png) -132px -22px no-repeat;
content:'';}

.dropdown-topics .dropdown-content .dropdown-item {
    margin-top: 0 !important;
    margin-right: 20px;
    margin-bottom: 20px;
}
.dropdown-topics .dropdown-content .remove {
    display: none;
}


/* main styles */

h1 {
    font:200 25px/41px 'ProximaNova';
    color: #2d2d2d;
    text-align: left;
    border-bottom: 2px solid #fafafa;
    margin: 0 -40px 55px;
    padding: 0 40px 39px;
    transition: all .3s linear;
    position: relative;
    box-sizing: content-box;
    min-height: 41px;
}
.campaign-title input {
    font:inherit;
    color: inherit;
    text-align: left;
    background: transparent;
    padding: 0;
    transition: all .3s linear;
    position: relative;
}
.campaign-title input:focus {
    background: transparent;
}
h2 {
    font: bold 20px/20px 'ProximaNova';
    text-align: left;
    margin: 45px 0 15px;
}
.he-edit {
    display: block;
    position: absolute;
    left: 0;
    bottom: 20px;
    font: 13px/9px 'ProximaNova';
    color: #2d2d2d;
    background: url(/assets/campaign/edit-icon.png) bottom left no-repeat;
    padding-left: 20px;
    cursor: pointer;
    opacity: 0.5;
    visibility: visible;
    transition: all .3s linear;
    margin-top: 10px;
    height: 10px;
}
h1:hover .edit ,
.heading-editable:hover .edit {
    visibility: visible;
opacity:.5;
}
h1 .edit:hover ,
.heading-editable .he-edit:hover {
    opacity: 1;
}
.tip {
  position:relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(/assets/campaign/tip-icon.png) 0 0 no-repeat;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 5px;
}
.campaign-tip {
  margin-left: 3px;
  margin-top: 1px;
}
.description {
    font: 13px/16px 'ProximaNova';
    color: #7c7c7c;
}
h2+.description {
    margin-bottom: 20px;
}
b, strong {
    font-weight: bold;
}
.radio-button {
    display: inline-block;
}
.square-button ,
label.square-button {
    display: inline-block;
    vertical-align: top;
    height: 60px;
    border: 1px solid #dedede;
    text-align: center;
    color: #2d2d2d;
    font: bold 14px/18px 'ProximaNova';
    transition: box-shadow .3s linear, border .3s linear, background-color .3s linear;
    cursor: pointer;
  border-radius:0;
}
.radio-button label {
    display: block;
    letter-spacing: 0;
    text-transform: none;
    padding: 0;
    display: block;
    margin: 0;
    font: bold 14px/18px 'ProximaNova';
}
.radio-button .square-button {
    width: 100%;
}
.square-button:hover,
.square-button:hover ,
.card-box:hover .square-button{
    border: 1px solid #b6b6b6;
    text-decoration: none;
}
.square-button:active,
.square-button.active {
    border: 1px solid #b6b6b6;
    text-decoration: none;
    -moz-box-shadow: 0 0 5px 0 rgba(44,44,44,0.3);
    -webkit-box-shadow: 0 0 5px 0 rgba(44,44,44,0.3);
    box-shadow: 0 0 5px 0 rgba(44,44,44,0.3);
}
#foo:checked:before,
.radio-button input[type="radio"],
.radio-button input[type="checkbox"] {
    position:absolute;
    clip: rect(0,0,0,0);
    clip: rect(0 0 0 0);
}
#foo:checked,
.radio-button input[type="radio"] + label .square-button,
.radio-button input[type="checkbox"] + label .square-button{

}
.radio-button input[type="radio"]:checked + label .square-button,
.radio-button input[type="checkbox"]:checked + label .square-button ,
.square-button.ui-state-active {
    border: 1px solid #b6b6b6;
    text-decoration: none;
    /*-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);*/
  -moz-box-shadow: 0 0 5px 0 rgba(44,44,44,0.3);
-webkit-box-shadow: 0 0 5px 0 rgba(44,44,44,0.3);
box-shadow: 0 0 5px 0 rgba(44,44,44,0.3);
}

/* step 1 */

.social-buttons {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.social-buttons .radio-button,
.important .radio-button {
    width: 170px;
    margin-right: 5px;
    flex: 0 0 calc(25% - 50px);
}
.important-button {
    display: inline-block;
    vertical-align: top;
    width: 170px;
    margin-right: 5px;
}
.city_input input {
    background: #efefef;
}
.city_input input:focus {
    outline: none;
    background: #f7f7f7;
}
.next-step-line .input ,
.card-page-form .submit-line .input {
    display: block;
    float: right;
    width: auto;
    position: relative;
}/*
.next-step-line .input {
    background:url(/assets/campaign/next.png) right -90px no-repeat;
}
}
.next-step-line .input:hover {
    background-position: right -180px;
}
.next-step-line .input:hover .button-submit{
background:#00af0c;}*/
.next-step-line [type="submit"] ,
.next-step-line [type="submit"]:hover {
    transition: none;
    width: 190px;
  min-width:190px;
    font: bold 16px/45px 'ProximaNova';
    padding: 0 10px 0 0;
}
.next-step-line .button-submit ,
.next-step-line .button-submit:hover {
padding-right:30px;
transition:none;
text-decoration:none;
    width: 190px;
  min-width:190px;
    font: bold 16px/30px 'ProximaNova';}
.next-step-line .input{
position:relative;
background: url(/assets/campaign/submit.png) 0 -70px no-repeat;}
.next-step-line .input:after{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background: url(/assets/campaign/submit.png) 0 -140px no-repeat;
content:'';
opacity:0;
transition: all .15s linear;}
.next-step-line .input:hover:after{
opacity:1;}

.next-step-line [type="submit"],
.next-step-line .button-submit{
position:relative;
z-index:1;
background:none;}
.next-step-line .button-submit.disabled ,
.next-step-line input:disabled ,
.next-step-line input:disabled:hover {
background: url(/assets/campaign/submit.png) 0 0 no-repeat;}
.way-to-choose {
    margin-top: 160px;
}
.way-to-choose h2 {
    text-align: center;
}
.way-to-choose .choose-buttons {
    text-align: center;
    margin-top: 25px;
}
.choose-button-wrap {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    width: 210px;
}
.choose-button-wrap .description {
    margin-top: 10px;
}
.choose-buttons .square-button {
    line-height: 60px;
    width: 210px;
    max-width: 100%;
}
.campaign-description {
    min-height: 200px;
    background: #EFEFEF;
    transition: all .3s linear;
    font:  16px/10px 'ProximaNova';
    color: #303030;
}
.campaign-description:focus ,
.campaign-description.focus ,
.campaign-description:focus textarea,
.campaign-description textarea:focus {
    background: #f7f7f7;
}
.campaign-row {
    display: table-row;
}
.campaign-cell {
    display: table-cell;
    vertical-align: bottom;
}
.campaign-row:first-child .campaign-cell {
    vertical-align: top;
}
.campaign-text {
    padding: 20px;
    line-height: 25px;
}
.campaign-images {
    padding: 15px 25px;
}
.campaign-images .campaign-image {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    width: 60px;
    height: 60px;
    transition: all .3s linear;
    cursor: pointer;
}
.campaign-images .campaign-image img {
    transition: all .3s linear;
}
.campaign-images .campaign-image .remove-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 13px;
    height: 14px;
    background: url(/assets/campaign/remove-image-icon.png);
    opacity: 0;
    transition: all .3s linear;
}
.campaign-images .campaign-image:hover img {
    opacity: 0.6;
}
.campaign-images .campaign-image:hover .remove-image {
    opacity: 1;
}
.campaign-images .load-campaign-image {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 60px;
    height: 60px;
    transition: all .3s linear;
    cursor: pointer;
    background: url(/assets/campaign/add-image-icon.png) 0 0 no-repeat;
    opacity: 0.7;
}
.campaign-images .load-campaign-image:hover {
    opacity: 1;
}
.campaign-tags {
    padding: 15px 25px 5px;
    padding-left: 50px;
    background: url(/assets/campaign/tags-list-icon.png) 25px 17px no-repeat;
    border-top: 2px dotted #d7d7d7;
    color: #303030;
    font: 13px/20px 'ProximaNova';
}
div.tagsinput {
    overflow-y: auto;
}
div.tagsinput span.tag {
    float: left;
    text-decoration:none;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}
div.tagsinput span.tag:before {
    content: '#';
}
div.tagsinput span.tag a {
    color: #303030;
    text-decoration: none;
    text-indent: -9999px;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
}
div.tagsinput span.tag a:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    top: 10px;
    left: 0;
    background: #696969;
}
div.tagsinput span.tag:hover a {
    opacity: 1;
}
div.tagsinput input {
    width:80px;
    margin:0;
    border: 0;
    padding:0;
    background: transparent;
    color: #303030;
    outline: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
}
div.tagsinput div { display:block; float: left; }
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}


.campaign-links {
    padding: 15px 25px;
    border-top: 2px dotted #d7d7d7;
    position: relative;
    color: #303030;
    font: 13px/20px 'ProximaNova';
}
.campaign-links .one-more-link {
    position: absolute;
    top: 15px;
    right: 0;
    width: 160px;
    opacity: 0.5;
    transition: all .3s linear;
    color: #303030;
}
.campaign-links .one-more-link:hover {
    opacity: 1;
    text-decoration: none;
}
.campaign-links .campaign-link {
    padding-left: 25px;
    background: url(/assets/campaign/links-list-icon.png) 0 4px no-repeat;
}
.campaign-buttons {
    overflow: hidden;
}
.campaign-buttons .radio-button {
    float: left;
    width: 33.3%;
    height: 60px;
}
.campaign-buttons .radio-button:first-child {
    width: 33.4%;
}
.campaign-buttons label {
    width: 100%;
    height: 60px;
    opacity: 0.5;
    background: #e1e1e1;
    text-align: center;
    color: #2d2d2d;
    font: bold 14px/20px 'ProximaNova';
    transition: all .3s linear;
    padding-top: 22px;
    cursor: pointer;
}
.campaign-buttons label:hover,
.campaign-buttons label.active {
    opacity: 1;
}
.campaign-buttons .text {
    display: inline-block;
    padding-left: 30px;
    min-height: 17px;
}
.campaign-buttons .add-hashtag .text {
    background: url(/assets/campaign/add-hashtag-icon.png) 0 2px no-repeat;
}
.campaign-buttons .add-link .text {
    background: url(/assets/campaign/add-link-icon.png) 0 2px no-repeat;
}
.campaign-buttons .add-file .text {
    background: url(/assets/campaign/add-file-icon.png) 0 0 no-repeat;
}
.campaign-buttons input[type="radio"]:checked + label,
.campaign-buttons input[type="checkbox"]:checked + label {
    opacity: 1;
}


/* ui datepicker */

.calendars-wrap {
    margin-bottom: 90px;
}
.datepicker-wrap {
    display: inline-block;
    vertical-align: top;
    width: 170px;
    margin-right: 10px;
    position: relative;
}
.datepicker-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 20px;
    right: 20px;
}
.start-date +.datepicker-icon {
    background: url(/assets/campaign/calendar-icon.png) 0 1px no-repeat;
}
.start-date:focus+.datepicker-icon  {
    background-position: left bottom;
}
.end-date +.datepicker-icon {
    background: url(/assets/campaign/calendar-icon.png) right 1px no-repeat;
}
.end-date:focus+.datepicker-icon  {
    background-position: right bottom;
}
.datepicker:focus {
    outline: 0;
    background: #f7f7f7;
}
.ui-datepicker {
    border-radius: 0;
    padding: 0;
    border: 0;
    background: #fff;
    color: #2d2d2d;
    width: 275px;
    -moz-box-shadow: 0 0 18px 1px rgba(44,44,44,0.15);
    -webkit-box-shadow: 0 0 18px 1px rgba(44,44,44,0.15);
    box-shadow: 0 0 18px 1px rgba(44,44,44,0.15);
}
.ui-datepicker .ui-widget-header {
    border: 0;
    background: #fff;
    color: #2d2d2d;
    font: bold 14px/20px 'ProximaNova';
    border-radius: 0;
    padding: 12px;
    height: 50px;
    border: 1px solid #EAEAEA;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  border: 0;
    background: 0;
    border-radius: 0;
    top: 0;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
  left: 0;
}
.ui-datepicker .ui-datepicker-next {
  right: 0;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 0;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 0;
}
.ui-datepicker .ui-datepicker-prev span {
    background: url(/assets/campaign/calendar-arrows.png) top left no-repeat;
}
.ui-datepicker .ui-datepicker-next span {
    background: url(/assets/campaign/calendar-arrows.png) top right no-repeat;
}
.ui-datepicker table {
    margin: 0;
    border: 1px solid #EAEAEA;
    border-top: 0;
}
.ui-datepicker th {
    padding: 10px;
    text-align: center;
    font: 200 10px/20px 'ProximaNova';
    border: 0;
    text-transform: uppercase;
}
.ui-datepicker td {
    border: 1px solid #eaeaea;
    padding: 0;
}
.ui-datepicker td .ui-state-default {
    border: 0;
    font: bold 13px/13px 'ProximaNova';
    background: #fff;
    color: #2d2d2d;
    text-align: center;
    padding: 11px 0;
}
.ui-datepicker td .ui-state-hover {
    background: #fffec5;
}
.ui-datepicker td .ui-state-highlight {
    background: #fffc18;
}
.ui-datepicker td .ui-state-hover {
    border: 0;
}

/* step 2 */

.common-price {
    background: #e8e8e8;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    font: 14px/25px 'ProximaNova';
    margin: 70px -25px 0 -40px;
    padding: 17px 40px;
}
.common-price .price {
    font: bold 25px/30px 'ProximaNova';
}
.filters {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    margin: 25px -40px 0;
    padding: 25px 40px;
}
.leaders-number {
    color: #303030;
    font: bold 13px/38px 'ProximaNova';
    float: right;
}
.chosen-leaders-number {
    font: 14px/11px 'ProximaNova';
    margin: 18px 0 20px;
}
.chosen-leaders-list {
    margin-bottom: 15px;
}
.chosen-leaders-list li {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    margin-bottom: 8px;
    position: relative;
}
.chosen-leaders-list .chosen-leader {
    display: block;
    position: relative;
}
.chosen-leaders-list img {
    width: 40px;
    transition: all .3s linear;
}
.chosen-leaders-list .chosen-leader:hover img {
    opacity: 0.5;
}
.chosen-leaders-list .remove-leader {
    position: absolute;
    top: 0;
    right: 0;
    width: 13px;
    height: 13px;
    background: url(/assets/campaign/leader-remove-icon.png);
}
.autochoose {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    width: 173px;
    height: 50px;
    background: url(/assets/campaign/autochoose.png) bottom left no-repeat;
    font: bold 12px/14px 'ProximaNova';
    color: #2c2c2c;
    padding: 10px 20px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    opacity: 0.6;
}
.autochoose:hover {
    text-decoration: none;
    background-position: bottom left;
    color: #2c2c2c;
    opacity: 1;
}
.choose-payment-link {
    color: #757575;
    text-decoration: none;
    font: 13px/14px 'ProximaNova';
    border-bottom: 1px solid #D9D9D9;
    opacity: 0.7;
}
.choose-payment-link:hover {
    opacity: 0.7;
    text-decoration: none;
}
.filter-button {
    display: inline-block;
    vertical-align: top;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
    font: bold 11px/20px 'ProximaNova';
    border: 1px solid #dfdfdf;
    padding: 6px 8px;
    padding-left: 27px;
    margin-right: 10px;
    background: url(/assets/campaign/filter-icon.png) 10px 13px no-repeat;
}
.filter-button:hover {
    text-decoration: none;
    border: 1px solid #d5d5d5;
}
.chosen-filter {
    display: inline-block;
    vertical-align: top;
    color: #737373;
    text-transform: uppercase;
    font: bold 11px/20px 'ProximaNova';
    border: 1px solid #e9e9e9;
    padding: 6px;
    padding-right: 28px;
    margin-right: 10px;
    letter-spacing: 1px;
    position: relative;
}
.chosen-filter:hover {
    text-decoration: none;
    border: 1px solid #dfdfdf;
}
.chosen-filter  .remove-filter {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 8px;
    height: 8px;
    background: url(/assets/campaign/filter-remove-icon.png) 0 1px no-repeat;
    top: 12px;
    right: 8px;
}
.chosen-filter  .remove-filter:hover {
    background-position: bottom left;
}
.leaders-list {
    margin: 0 -40px 0;
}
.leaders-list li {
    display: block;
    padding: 30px 40px;
    border-bottom: 1px solid #f3f3f3;
    overflow: hidden;
}
.choose-leader {
    float: right;
    margin-left: 20px;
}
.choose-leader .button {
    min-width: 145px;
    background: #109e28;
    margin-bottom: 15px;
}
.choose-leader .button:hover {
    background: #00af0c;
    text-decoration: none;
}
.choose-leader .button.cancel {
padding:15px 8px 11px;
    background: #fff;
    border: 2px solid #7e7e7e;
    color: #757575;
}
.choose-leader .button.cancel:hover {
    text-decoration: none;
    border: 2px solid #2d2d2d;
    color: #2d2d2d;
}
.choose-leader .note {
    font: 12px/14px 'ProximaNova';
    color: #303030;
    padding-left: 25px;
    margin-bottom: 10px;
}
.choose-leader .note.obscene {
    background: url(/assets/campaign/obscene-icon.png) top left no-repeat;
}
.choose-leader .note.test {
    background: url(/assets/campaign/test-icon.png) top left no-repeat;
}
.leader-ava {
    position: relative;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 25px;
}
.leader-ava img {
    max-width: 100%;
}
.leader-ava:before {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    bottom: -6px;
    right: -6px;
    border: 2px solid #fff;
    border-radius: 100%;
}
.leader-ava.online:before {
    background: #26c500;
}
.leader-ava.away:before {
    background: #faef3a;
}
.leader-ava.offline:before {
    background: #f05022;
}
.leader-description {
    overflow: hidden;
    color: #303030;
}
.leader-name {
    margin-bottom: 5px;
}
.leader-name a {
    font: bold 15px/15px 'ProximaNova';
    transition: all .3s linear;
    color: #303030;
    text-decoration: none;
}
.leader-name a:hover {
    text-decoration: none;
    opacity: 0.7;
}
.leader-text {
    font: 13px/16px 'ProximaNova';
    margin-bottom: 20px;
}
.leader-price,
.leader-rating,
.leader-coverage {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #f1f1f1;
    margin-right: 15px;
}
.leader-price .title,
.leader-rating .title,
.leader-coverage .title {
    font: bold 12px/10px 'ProximaNova';
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.leader-price {
    min-width: 55px;
}
.leader-rating {
    min-width: 75px;
}
.leader-coverage {
    min-width: 160px;
    border: 0;
}
.leader-coverage .coverage-facebook {
    color: #3b70bf;
}
.leader-coverage .coverage-vkontakte {
    color: #44678d;
}
.leader-coverage .coverage-twitter {
    color: #12c3ef;
}
.leader-coverage .coverage-instagram {
    color: #3f729b;
}
.leader-coverage .coverage-google {
    color: #D0011B;
}
@media screen and (min-width: 1280px)  {
    .leader-price {
        min-width: 105px;
    }
    .leader-rating {
        min-width: 145px;
    }
}
.load-more {
    text-align: center;
    margin: 0 -40px 0;
    padding: 40px 40px 60px;
    border-bottom: 1px solid #f3f3f3;
}
.load-more-button {
    display: inline-block;
    font: bold 12px/10px 'ProximaNova';
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #303030;
    position: relative;
    width: 45px;
    height: 45px;
    background: #fff url(/assets/campaign/load-more-icon.png) 11px 14px no-repeat;
    border: 3px solid #969696;
}
.load-more-button .title {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 15px;
}
.load-more-button:hover {
    text-decoration: none;
    background: #969696 url(/assets/campaign/load-more-icon.png) 11px -76px no-repeat;
}
.show-leaders-line {
    position: absolute;
    bottom: 30px;
    left: 40px;
    right: 40px;
    margin: 0 20px;
}


/* ui slider */

.ui-slider {
    border: 1px solid #e8e8e8;
    background: #fff;
    color: #2d2d2d;
    border-radius: 0;
    height: 40px;
    top: 5px;
    margin-bottom: 15px;
}
.ui-slider .ui-slider-range {
    border-radius: 0;
    background: #fffc18;
    border: 1px solid #fffc18;
    top: -1px;
}
.ui-slider .ui-slider-range:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #FFFC18;
    position: absolute;
    left: 0;
    bottom: -3px;
    z-index: 100;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 16px;
    height: 50px;
    cursor: default;
    background: url(/assets/campaign/ui-slider.png);
    border: 0;
    top: -5px;
    border-radius: 0;
    margin-left: -1px;
}
.ui-slider .ui-slider-handle:last-child {
    margin-left: -15px;
}
.slider-line .label-box {
    width: 100px;
    margin-right: 25px;
    float: left;
}
.slider-line .label-box label {
    text-transform: uppercase;
    font: bold 10px/10px 'ProximaNova';
    margin: 0;
}
.slider-line .input {
    width: auto;
    display: block;
    margin-left: 120px;
}
.slider-line .tip {
    display: block;
    margin: 0;
}
.minmax {
    overflow: hidden;
    width: 100%;
}
.min, .max {
    color: #303030;
    font: 12px/20px 'ProximaNova';
}
.min {
    float: left;
}
.max {
    float: right;
}
.choose-gender {
    margin-bottom: 80px;
}
.choose-gender .radio-button {
    width: 170px;
    margin-right: 10px;
}
.show-leaders-line [type="submit"] {
    width: 100%;
    height: 60px;
    font-size: 12px;
}

@media screen and (min-width: 1280px)  {

    .choose-buttons .square-button,
    .choose-gender .radio-button    {
        width: 210px;
    }

    .important .radio-button,
    .important-button,
    .choose-card .radio-button,
    .choose-card .square-button    {
        width: 260px;
    }

    .social-buttons .radio-button {
      width: 189px;
    }

}

/* step 3 */

.choose-card {
    margin: 25px 0 45px;
}
.choose-card .square-button {
    height: 70px;
    line-height: 70px;
    margin-right: 15px;
}
.square-button.card {
    position: relative;
    text-align: left;
    padding: 16px 15px 18px;
    letter-spacing: 1px;
}
.square-button.card .name {
    font: bold 11px/9px 'ProximaNova';
    text-transform: uppercase;
    margin-bottom: 17px;
}
.square-button.card .number {
    font: 11px/9px 'ProximaNova';
}
.square-button.card .edit ,
.card-box .edit {
cursor:pointer;
    position: absolute;
    top: 15px;
    right: 30px;
    width: 10px;
    height: 10px;
    background: url(/assets/campaign/edit-icon.png) 0 0 no-repeat;
  z-index:1;
}
.square-button.card .remove-card ,
.card-box .remove-card {
cursor:pointer;
    position: absolute;
    top: 15px;
    right: 10px;
    width: 10px;
    height: 10px;
    background: url(/assets/campaign/cancel-icon.png) 0 0 no-repeat;
  z-index:1;
}
.square-button.card .edit:hover,
.square-button.card .remove-card:hover,
.card-box .edit:hover,
.card-box .remove-card:hover {
    background-position: bottom left;
}
.card-page-form label {
    font: bold 11px/9px 'ProximaNova';
}
.input-line.card-number {
    margin-right: 245px;
    overflow: hidden;
}
.input-line.card-month {
    float: right;
    width: 112px;
    overflow: hidden;
    margin: 0;
}
.input-line.card-year {
    float: right;
    width: 112px;
    margin-left: 10px;
    overflow: hidden;
}
.input-line.card-cvv {
    float: left;
}
.input-line.card-cvv .description {
    font: 14px/16px 'ProximaNova';
    color: #ababab;
    margin-top: 15px;
}
.input-line.card-cvv input {
    float: left;
    width: 112px;
    margin-right: 25px;
}
.input-line.default-card {
    float: right;
    width: 200px;
    margin-top: 62px;
}
.default-card .checkbox {
padding:0;
letter-spacing:0;
margin:0;
    font: 14px/16px 'ProximaNova';
  text-transform:none;
}
.default-card .checkbox .box {
    width: 21px;
    height: 21px;
}
.default-card .checkbox .text {
    padding: 0px 0 0 40px;
}
.default-card .checkbox.active .box-2 {
    background-position: -5px -5px;
}


/* step 4 */


.final-content {
    position: relative;
    overflow: hidden;
    margin-top: -20px;
}
.final-content h2 {
    margin: 0 0 30px;
}
.final-content .chosen-leaders-list {
    overflow: hidden;
    margin-bottom: 80px;
}
.final {
    width: 260px;
    float: right;
    margin-left: 40px;
    border: 1px solid #f9f9f9;
    padding: 30px 15px 15px;
}
.final-wrap {
    padding: 0 15px 30px;
}
.final .price {
    font: bold 35px/45px 'ProximaNova';
    letter-spacing: 1px;
    margin-bottom: 25px;
}
.final .campaign-start,
.final .campaign-end {
    display: inline-block;
    width: 95px;
    line-height: 20px;
    margin-bottom: 20px;
}
.final .campaign-start .title,
.final .campaign-end .title {
    color: #b7b7b7;
}
.final .commission {
    line-height: 20px;
    margin-bottom: 22px;
}
.final .sum {
    line-height: 20px;
    margin-bottom: 40px;
}
.final .gray {
    color: #b7b7b7;
}
.final .change-settings {
    font-size: 16px;
    color: #b7b7b7;
    display: inline-block;
    background: url(/assets/campaign/back-icon.png) 0 3px no-repeat;
    padding-left: 20px;
    position: absolute;
    left: 0;
    bottom: 40px;
}
.final .change-settings:hover {
    text-decoration: none;
    background-position: 0 -42px;
    color: #7f7f7f;
}
.final .submit-line {
    width: 100%;
}
.final [type="submit"] {
    width: 100%;
    padding: 0;
  font-size:12px;
}


/* /end content */




.buttonset .square-button{
padding:0;
background:#FFF;
margin-bottom:0;
text-transform:none;
letter-spacing:0;
width:170px;
margin-right:5px;}

.campaign-description textarea{
height:65px;
padding:20px;}

.heading-editable{
position:relative;}

.heading-editable [type="text"]:focus{
color:#2d2d2d;}

.heading-editable [type="text"]{
position:absolute;
top:0;
left:0;
height:41px;
padding:0;
background:#fff;
font:200 25px/41px 'ProximaNova';}

.he-empty [type="text"]{
color:#a2a2a2;}

.card-box{
position:relative;
width:195px;
display:inline-block;}

.campaign-button-control{
float: left;
width: 33.3%;
height: 60px;
opacity: 0.5;
background: #e1e1e1;
text-align: center;
color: #2d2d2d;
font: bold 14px/20px 'ProximaNova';
transition: all .3s linear;
padding-top: 22px;
cursor: pointer;}

.campaign-button-control:hover{
opacity:1;}

.social-buttons .facebook {
    background: url(/assets/campaign/facebook-icon.png) center 10px no-repeat;
}
.social-buttons .vkontakte {
    background: url(/assets/campaign/vk-icon.png) center 10px no-repeat;
}

.social-buttons .twitter {
    background: url(/assets/campaign/twitter-icon.png) center 10px no-repeat;
}
.social-buttons .instagram {
    background: url(/assets/campaign/instagram-icon.png) center 8px no-repeat;
}
.social-buttons .google {
    background: url(/assets/campaign/youtube_icon.png) center 8px no-repeat;
}
.social-buttons .linkedin {
  background: url(/assets/campaign/linkedin_icon.png) center 8px no-repeat;
}
.social-buttons .twitch {
  background: url(/assets/campaign/twitch-icon.png) center 8px no-repeat;
}
.social-buttons .telegram {
  background: url(/assets/campaign/telegram-icon.png) center 8px no-repeat;
}
.social-buttons .tiktok {
  background: url(/assets/campaign/tiktok-icon.png) center 8px no-repeat;
}
.social-buttons .twitter:active,
.social-buttons .facebook:active,
.social-buttons .vkontakte:active,
.radio-button input[type="checkbox"]:checked + label .square-button.facebook,
.radio-button input[type="radio"]:checked + label .square-button.facebook,
.radio-button input[type="checkbox"]:checked + label .square-button.twitter,
.radio-button input[type="radio"]:checked + label .square-button.twitter,
.radio-button input[type="checkbox"]:checked + label .square-button.vkontakte,
.radio-button input[type="radio"]:checked + label .square-button.vkontakte,
.ui-state-active.square-button.facebook,
.ui-state-active.square-button.twitter,
.ui-state-active.square-button.vkontakte {
    background-position: center -74px;
}

.social-buttons .instagram:active,
.social-buttons .twitch:active,
.social-buttons .telegram:active,
.social-buttons .tiktok:active,
.radio-button input[type="checkbox"]:checked + label .square-button.instagram,
.radio-button input[type="radio"]:checked + label .square-button.instagram,
.radio-button input[type="checkbox"]:checked + label .square-button.twitch,
.radio-button input[type="radio"]:checked + label .square-button.twitch,
.radio-button input[type="checkbox"]:checked + label .square-button.telegram,
.radio-button input[type="radio"]:checked + label .square-button.telegram,
.radio-button input[type="checkbox"]:checked + label .square-button.tiktok,
.radio-button input[type="radio"]:checked + label .square-button.tiktok,
.ui-state-active.square-button.instagram,
.ui-state-active.square-button.twitch,
.ui-state-active.square-button.telegram,
.ui-state-active.square-button.tiktok  {
    background-position: center -71px;
}

.social-buttons .google:active,
.radio-button input[type="checkbox"]:checked + label .square-button.google,
.radio-button input[type="radio"]:checked + label .square-button.google,
.ui-state-active.square-button.google {
    background-position: center -77px;
}

.social-buttons .linkedin:active,
.radio-button input[type="checkbox"]:checked + label .square-button.linkedin,
.ui-state-active.square-button.linkedin {
    background-position: center -72px;
}

.important {
    margin-top: 30px;
}
.important .coverage {
    background: url(/assets/campaign/coverage-icon.png) center 10px no-repeat;
}
.important .action {
    background: url(/assets/campaign/action-icon.png) center 10px no-repeat;
}
.important .description {
    margin-top: 10px;
    padding-right: 20px;
}

.ui-button-text-only .ui-button-text{
padding:0;
line-height:18px;}

.choose-gender .ui-button-text{
line-height:58px;}

.choose-card .square-button,
.choose-card .card-box{
width:195px;}

@media screen and (min-width: 1280px)  {
    .buttonset .square-button    {
        width: 260px;
    }
    .social-buttons.buttonset .square-button {
      width: 189px;
    }
    .choose-gender .square-button    {
        width: 210px;
    }
    .choose-card .card-box    ,
    .choose-card .square-button    {
        width: 265px;
    }

}

.ui-tooltip{
text-align:left;
padding: 10px 5px;
font: 13px/1 'ProximaNova';
color: #fff;
background: #000000;
border-radius:0;
box-shadow:none;
border:none;
width:120px;}

.ui-tooltip:before {
width: 16px;
height: 8px;
display: block;
position: absolute;
top: 100%;
left: 50%;
margin: 0 0 0 -8px;
background: url(/assets/tooltip.png) -8px 0 no-repeat;
content: '';}

.ui-tooltip:before {
width: 8px;
height: 16px;
left: -8px;
top: 50%;
margin: -8px 0 0;
background-position: 0 0;}


.social-buttons .square-button,
.important .square-button {
    padding-top: 30px;
}

.form-info a{
color:#7f7f7f;
text-decoration:none;}

.form-info a:hover{
opacity:.7;}



.leader-price{
cursor:pointer;
position:relative;}

.leaders-list .leader-description{
overflow:visible;
margin:0 166px 0 75px;}

.leaders-list .tooltip{
text-align:left;
top:auto;
left:-15px;
line-height:20px;
padding:10px 15px;}

.leaders-list .tooltip-wrap .tooltip,
.profile-info-wrap .tooltip-wrap .tooltip{
visibility:hidden;
opacity:0;}

.leaders-list .tooltip-wrap.active .tooltip,
.profile-info-wrap .tooltip-wrap.active .tooltip{
opacity:1;
visibility:visible;}

.leader-description .tooltip{
width:220px;
bottom:61px;}

.leaders-list .tooltip:before,
.profile-info-wrap .tooltip:before{
left:12px;
margin:0;}

.tooltip .heading{
font-weight:bold;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:5px;}

.social-price-wrap{
white-space:nowrap;
font-size:0;}

.social-price-item{
display:inline-block;
font-size:13px;}

.social-price-item~.social-price-item{
margin-left:10px;}

.social-price-item .icon{
float:left;
margin:2px 3px 0 0;}

.icon-price{
width:15px;
height:14px;
background-image:url(/assets/campaign/tooltip_social.png);
background-repeat:no-repeat;}

.icon-price-fb{
background-position:0 0;}
.icon-price-vk{
background-position:-15px 0;}
.icon-price-tw{
background-position:-30px 0;}
.icon-price-in{
background-position:-45px 0;}
.icon-price-tt {
  background-position: -76px 0;
}
.icon-price-ln {
  background-position: -60px 0;
}

.leaders-list li{
position:relative;}

.lieader-list-icons{
position:absolute;
left:45px;
top:95px;
width:50px;}

.lieader-list-icons [class*="icon"]{
position:relative;
left:0;
top:0;
float:left;
margin:0;
display:inline-block;
width:14px;
height:16px;
margin-right:10px;}

.icon-test{
background: url(/assets/campaign/test-icon.png) 0 0 no-repeat;}

.choose-leader .note.obscene{
padding-bottom:2px;
margin-bottom:-1px;}

.lieader-list-icons .tooltip{
padding:10px;
left:-13px;
width:160px;
bottom:31px;}

.leader-coverage [class*="coverage-"]{
font-size:13px;
color:#2c2c2c;
display:block;
float:left;}

.leader-coverage [class*="coverage-"]~*{
margin-left:10px;}

.leader-coverage [class*="coverage-"]:before{
background-image:url(/assets/campaign/coverage_social.png);
width:13px;
height:13px;
display:inline-block;
margin:1px 4px 0 0;
content:'';}

.leader-coverage .coverage-facebook:before{
background-position:0 0;}
.leader-coverage .coverage-vkontakte:before{
background-position:-13px 0;}
.leader-coverage .coverage-twitter:before{
background-position:-26px 0;}
.leader-coverage .coverage-instagram:before{
background-position:-39px 0;}
.leader-coverage .coverage-google:before{
background-position:-53px 0;}
.leader-coverage .coverage-linkedin:before {
  background-position: -67px 0;
}
.leader-coverage .coverage-twitch:before {
  background-position: -81px 0;
}
.leader-coverage .coverage-telegram:before {
  background-position: -95px 0;
}

.content-wrap-campaign{
min-width:960px;}

.leaders-list .leader-text{
min-height:32px;}

/*CHOOSE POPUP*/

.ccp-overlay {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
display: block;
width: 100%;
height: 100%;
z-index:10;
background-color: rgba(0,0,0,0.85);
}

.ccp-column {
width: 960px;
height:  100%;
position: fixed;
left: 0px;
right: 0px;
margin: auto;
}

.ccp-container {
width: 960px;
height: 250px;
position: fixed;
top: 0px;
bottom: 0px;
margin: auto;
}

.ccp-heading {
display: block;
width: 960px;
text-align: center;
font-family: 'ProximaNova';
font-size: 50px;
font-weight: 700;
color: #FFFFFF;
line-height: 48px;
}

.ccp-buttons-container {
  display: flex;
  justify-content: space-between;
  width: 900px;
  height: 150px;
  position: fixed;
  left: 0px;
  right: 0px;
  margin: auto;
  margin-top: 30px;
}

.ccp-button-column {
width: 270px;
height: 150px;
float: left;
margin-left: 29px;
}

.ccp-button-description {
display: block;
width: 270px;
color: #FFFFFF;
text-align: center;
font-family: 'ProximaNova';
font-size: 13px;
font-weight: 600;
margin-top: 30px;
}

.ccp-button-default {
width: 270px;
height: 80px;
display: block;
background-color: #139324;
text-align: center;
line-height: 80px;
font-family: 'ProximaNova';
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFFFFF;
text-decoration: none;
transition: all 0.3s;
outline: none;
}

.ccp-button-default:hover {
background-color: #FFFFFF;
color: #139324;
cursor: pointer;
}

.ccp-button-subscribe {
  padding: 5px 0;
width: 340px;
display: block;
background-color: #CB4726;
text-align: center;
line-height: 30px;
font-family: 'ProximaNova';
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFFFFF;
text-decoration: none;
transition: all 0.3s;
outline: none;
}

.ccp-button-subscribe:hover {
background-color: #FFFFFF;
color: #CB4726;
cursor: pointer;
}

.ccp-button-locked {
width: 270px;
height: 80px;
display: block;
background-color: transparent;
border: 2px solid #FFFFFF;
box-sizing: border-box;
text-align: center;
line-height: 80px;
font-family: 'ProximaNova';
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFFFFF;
text-decoration: none;
transition: all 0.3s;
outline: none;
}

.ccp-button-add {
width: 50px;
height: 50px;
background-color: #000000;
border-radius: 50px;
border: 2px solid #FFFFFF;
position: absolute;
top: 53px;
right: -23px;
box-sizing: border-box;
background-image: url(/assets/campaign/icon-lock.png);
background-size: 20px 26px;
background-repeat: no-repeat;
background-position: center center;
}

.ccp-button-locked:hover {
cursor: help;
}

.ccp-hint {
width: 960px;
height: 310px;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
opacity: 0;
display: none;
background-color: #2d2d2d;
box-sizing: border-box;
border: 2px solid #FFF038;
}

.ccp-hint-heading {
display: block;
width: 960px;
height:80px;
text-align: center;
font-family: 'ProximaNova';
font-size: 34px;
font-weight: 700;
color: #FFF038;
margin-top: 40px;
margin-bottom: 20px;
line-height:1;
}

.ccp-hint a {
position: relative;
left: 0px;
right: 0px;
margin: auto;
}

.ccp-link-hide {
display: block;
width: 230px;
text-align: center;
font-family: 'ProximaNova';
font-size: 14px;
font-weight: 600;
color: #FFFFFF;
text-decoration: underline;
margin: auto;
margin-top: 30px;
transition: all 0.3s;
}

.ccp-link-hide:hover {
cursor: pointer;
color: #FFF038;
}

#choose_type article, #choose_type aside, #choose_type details, #choose_type figcaption, #choose_type figure, #choose_type footer, #choose_type header, #choose_type hgroup, #choose_type main, #choose_type nav, #choose_type section, #choose_type summary{
display:block;}

#choose_type audio, #choose_type canvas, #choose_type video{
display:inline-block;}

#choose_type audio:not([controls]){
display:none;height:0;}
[hidden]{
display:none;}

#choose_type html{
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;}

#choose_type body{
margin:0;}

#choose_type a:focus{
outline:thin dotted;}

#choose_type a:active, #choose_type a:hover{
outline:0;
text-decoration: none;}

#choose_type h1{
font-size:2em;
margin:0.67em 0;}

#choose_type abbr[title]{
border-bottom:1px dotted;}

#choose_type b, #choose_type strong{
font-weight:bold;}

#choose_type dfn{
font-style:italic;}

#choose_type hr{
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0;}

#choose_type mark{
background:#ff0;
color:#000;}

#choose_type code, #choose_type kbd, #choose_type pre, #choose_type samp{
font-family:monospace,serif;
font-size:1em;}

#choose_type pre{
white-space:pre-wrap;}

#choose_type q{
quotes:"\201C" "\201D" "\2018" "\2019";}

#choose_type small{
font-size:80%;}

#choose_type sub, #choose_type sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;}

#choose_type sup{
top:-0.5em;}

#choose_type sub{
bottom:-0.25em;}

#choose_type img{
border:0;}

#choose_type svg:not(:root){
overflow:hidden;}

#choose_type figure{
margin:0;}

#choose_type fieldset{
border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em;}

#choose_type legend{
border:0;
padding:0;}

#choose_type button, #choose_type input, #choose_type select, #choose_type textarea{
font-family:inherit;
font-size:100%;
margin:0;}

#choose_type button, #choose_type input{
line-height:normal;}

#choose_type button, #choose_type select{
text-transform:none;}

#choose_type button, #choose_type input[type="button"], #choose_type input[type="reset"], #choose_type input[type="submit"]{
-webkit-appearance:button;
cursor:pointer;}

#choose_type button[disabled], #choose_type input[disabled]{
cursor:default;}

#choose_type input[type="checkbox"], #choose_type input[type="radio"]{
box-sizing:border-box;
padding:0;}

#choose_type input[type="search"]{
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;}

#choose_type input[type="search"]::-webkit-search-cancel-button, #choose_type input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;}

#choose_type button::-moz-focus-inner, #choose_type input::-moz-focus-inner{
border:0;
padding:0;}

#choose_type textarea{
overflow:auto;
vertical-align:top;}

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

.red-bold {
  color: #f05022 !important;
  font-weight: bold;
}

.filter-tab span {
  font: 13px/21px 'ProximaNova', sans-serif;
  font-weight: bold;
}
.filter-tab a {
  text-decoration: none;
}

.filter-tab.active a:hover {
    opacity: 0.7;
    cursor: pointer;
    text-decoration: none;
}

.leaders-filters-container {
  float: right;
}

.person-name-social-links {
  margin-top: 10px;
  margin-bottom: 10px;
}
.person-name-social-links p {
  margin-top: 5px;
}
.person-name-social-links .link-text {
    font-size: 14px;
}
.person-name-social-links .link-text:hover {
    text-decoration: underline;
}
.person-name-social-links a span {
    margin-right: 5px;
}
.person-name-social-links a:hover {
  text-decoration: none;
}
.person-name-social-links .icon:hover {
  transform: scale(1.5);
  text-decoration: none;
}
.leader-screenshots-title {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
}

.leader-screenshots {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}

.leader-screenshots .provider {
    margin-right: 10px;
    text-align: center;
    border: 1px solid #e8e8e8;
    padding: 5px;
}

.leader-screenshots .provider-name {
    margin-bottom: 5px;
}

.analytics-screenshots-link {
    font-size: 14px;
}

.icon-analytics-pictures {
    background-image: url(/assets/influencers_list/images.png);
    width: 16px;
    height: 16px;
    background-size: auto 16px;
    margin-right: 5px;
    opacity: 0.9;
}

.icon-analytics-pictures:hover {
    transform: scale(1.5);
}

.leader-screenshots-wrapper {
    display: none;
}
/* profile preview popup */


  .popup-showleft{
  opacity:0;
  visibility:hidden;
  left:90px;
  min-width:350px;}

  .popup-showleft.active{
  opacity:1;
  visibility:visible;}

  .popup-showleft .popup-wrap{
  text-align:left;
  display:block;
  min-height:100%;
  overflow-x:auto;}

  .popup-showleft .popup-wrap:before{
  content:none;}

  .popup-showleft .popup-box{
  display:inline-block;
  width:280px;
  /*padding:30px 40px;*/
  float:left;
  min-height:100%;
  position:relative;
  left:-280px;
  transition: left .15s linear;
  z-index:1;}

  .popup-showleft .popup-box-posts{
  display:inline-block;
  width:auto;
  max-width: 750px;
  margin-left: 5px;
  min-height:auto;
  position:relative;
  left:0px;
  transition: left .15s linear;
  z-index:1;}

  .preview-name{
  font-weight:bold;
  font-size:18px;
  line-height:1;
  margin:18px 0 16px;}

  .popup-showleft hr{
  background:#e0e0e0;
  margin:16px 0 18px;}

  .profile-preview{
  color:#2d2d2d;}

  .profile-preview .profile-info-box{
  margin-top:0;
  padding-top:0;}

  .profile-preview .profile-info-box .param{
  font-weight:bold;}

  .profile-info-box .param:first-child{
  margin:0 0 10px;}

  .popup-showleft dl{
  padding:0;}

  .popup-showleft dt .align{
  font-size:11px;}

  .popup-showleft dt{
  line-height:13px;
  color:#303030;
  padding:0;
  margin-bottom:18px;}

  .popup-showleft dd{
  padding:0;
  margin:0;
  font-size:14px;}

  .popup-showleft dd~dt{
  margin-top:32px;}

  .profile-preview .social-box-wrap .social-box{
  display:block;
  font-size:0;}

  .profile-preview .social-num{
  display:inline-block;
  font:bold 14px/20px 'ProximaNova';
  margin:0 0 0 10px;}

  .profile-preview .icon-small{
  width:20px;
  height:20px;
  background-image:url(/assets/leader_profile/social_preview.png);
  background-repeat:no-repeat;}

  .profile-preview .icon-fb{
  background-position:0 0;}
  .profile-preview .icon-vk{
  background-position:0 -20px;}
  .profile-preview .icon-tw{
  background-position:0 -40px;}
  .profile-preview .icon-in{
  background-position:0 -60px;}
  .profile-preview .icon-gg{
  background-position:0 -80px;}

  .profile-preview .icon-small:before,
  .profile-preview .icon-small:after{
  background:none;}

  .profile-preview .social-box-wrap .social-box~.social-box{
  margin-top:12px;}

  .profile-preview .label-wrap{
  margin-right:-10px;}

  .profile-preview .label{
  padding-left:8px;
  padding-right:8px;}

  .popup-showleft,
  .popup-showleft .popup-overlay{
  width:auto;
  right:0;}

  .popup-showleft .popup-close{
  right:50px;}


  .popup-showleft .popup-inner-wrap{
  height:auto;
  display:block;}

  .popup-showleft .popup-inner-wrap:before{
  content:none;}

  .popup-inner-wrap{
  min-height:100%;
  position:relative;}

  /* /end profile preview popup */

  /* profile price tooltip */

  .profile-info-box .tip{
  margin:0;
  position:absolute;
  right:0;
  top:-1px;}

  .profile-info-box.tooltip-wrap{
  position:relative;
  cursor:pointer;}

  .profile-info-box.tooltip-wrap .param{
  position:relative;
  padding-right:16px;}

  .tooltip-price{
  text-align:left;
  letter-spacing:0;
  line-height:20px;
  cursor:default;
  text-transform:none;
  padding:10px 15px;
  min-width:220px;
  width:auto;}
  .tooltip-price:after{
  position:absolute;
  left:0;
  top:100%;
  width:50%;
  content:'';
  height:25px;}

  .tooltip-price-input {
    height: 15px;
    width: 60px;
    margin-left: 2px;
    margin-top: 2px;
    padding: 1px 1px;
  }
  .social-price-form-container {
    display: flex;
    flex-wrap: wrap;
  }
  .social-price-form-container .social-price-item {
    margin-right: 10px;
    display: block;
    margin-left: 0;
  }
  .update-post-price-link {
    display: none;
  }

  .profile-info-box .tooltip{
  top:auto;
  bottom:25px;
  left:-14px;}

  .tooltip .button{
  text-decoration:none;
  font-size:11px;}

  .tooltip .button-border{
  border-width:1px;
  padding:7px 4px 6px;}

  .tooltip-price .button{
  margin:10px 0 0;
  display:block;
  width:auto;}

  .tooltip .button-border-white{
  border-color:#595959;
  opacity:1;
  color:#cbcbcb;}

  .tooltip .button-border-white:hover{
  color:#fff;
  border-color:#fff;}

  .profile-info-box .social-price-item{
  font-size:14px;}

  .profile-icon {
    transform: scale(1.5);
    margin: 4px;
  }
  .profile-icon.active {
    transform: scale(1.9) !important;
    cursor: default;
  }

  /* /end profile price tooltip */

  .edit-social-user-form-wrapper {
    margin: 10px 0;
    display: none;
  }

  .update-social-user-btn-wrapper {
    height: 50px;
    margin-bottom: 10px;
    width: 100%;
  }

  .update-social-user-btn[type="submit"], .update-social-user-btn:disabled:hover,
  .update-social-user-btn:disabled {
    height: 100%;
    min-width: 100%;
    width: 100%;
    line-height: 100%;
    text-align: center;
  }

  .social-user-price-input {
    margin-bottom: 10px;
  }

  .edit-btn-wrapper {
    margin: 5px 0px 0px;
    width: 100%;
  }

  .edit-social-user-btn {
    width: 100%;
    min-width: 100%;
  }

  edit-social-user-btn, .orange {
    background-color: #F05022;
  }


  edit-social-user-btn, .orange:hover {
    background-color: #F05022;
    opacity: 0.9;
  }

  .display-none {
    display: none;
  }

  .currency-sym {
    font-size: 25px;
    text-align: center;
    margin: 0px 15px;
    color: grey;
  }

  .social-user-price-field-wripper {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #EFEFEF;
  }

  .social-user-price-field, [type="number"] {
    max-width:100%;
  }

  .delete-screenshot-btn-wrapper {
    height: 50px;
    line-height: 50px;
    text-align: center;
  }

  .delete-screenshot-btn {
    text-align: center;
    min-width: 100%;
    width: 100%;
    background-color: #F05022;
  }

  .delete-screenshot-btn:hover {
    opacity: 0.9;
    background-color: #F05022;
  }

  .screenshot-form-text {
    color: #8a8888;
    font-size: 11px;
    font-family: 'ProximaNova';
    text-align: center;
    margin: 5px 0px 5px 0px;
  }

  .screenshot-form-text.left {
    text-align: left;
    margin: 0;
    margin-bottom: 5px;
  }

  .popup_always_visible {
    opacity: 1;
    visibility: visible;
    display: block;
  }

  .popup_always_visible .popup-box {
    left: 0;
  }

  .popup{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:10;}

  .popup-wrap{
  min-height:100%;
  overflow-x:auto;
  height:100%;}

  .popup-inner-wrap{
  position:relative;
  display:table;
  width:100%;
  font-size:0;
  height:100%;
  text-align:center;
  overflow-x:hidden;}

  .popup-inner-wrap:before{
  display:inline-block;
  vertical-align:middle;
  height:100%;
  content:'';}

  .popup-box-invites{
  display:inline-block;
  vertical-align:middle;
  padding:35px 40px 40px;
  background:#fff;
  width:530px;
  top:25px;
  color:black;
  text-align:center;
  font-size:13px;
  line-height:18px;
  position:relative;
  z-index:1;}

  .popup-box-invites .invite-notes {
    font-size:medium;
  }
  .popup-box-invites .popup-text {
    margin: 23px 0;
  }

  .children-number{
  float:left;
  padding:8px;
  font-size:100px;}

  .popup-text{
  font-size:18px
  }

  .popup-box-outer{
  display:inline-block;
  vertical-align:middle;
  padding:35px 40px 40px;
  width:609px;
  height:600px;
  top:10%;
  left:30%;
  color:gray;
  text-align:left;
  font-size:13px;
  line-height:18px;
  position:absolute;
  z-index:1;}

  .popup-box{
  display:inline-block;
  vertical-align:middle;
  padding:35px 40px 40px;
  background:#fff;
  width:530px;
  text-align:left;
  font-size:13px;
  line-height:18px;
  position:relative;
  z-index:1;}

  .popup-box-posts{
  display:inline-block;
  vertical-align:middle;
  padding:35px 40px 40px;
  background:#fff;
  width:530px;
  text-align:left;
  font-size:13px;
  line-height:18px;
  position:absolute;
  z-index:1;}

  .popup-overlay{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#171717;
  opacity:.97;}

  .popup h2{
  margin:0 0 5px;
  font:bold 35px/1 'ProximaNova';}

  .popup h3{
  margin:0 0 10px;
  font:bold 20px/1 'ProximaNova';}

  .button.button-border{
  border:2px solid #898989;
  color:#898989;
  padding: 11px 8px 10px;}

  .button.button-submit-filter{
  display:inline-block;
  margin-left:50px;
  height:30px;
  line-height:3px;}

  .popup-close{
  display:inline-block;
  width:30px;
  height:30px;
  background: url(/assets/publications/popup_close.png) 0 0 no-repeat;
  position:absolute;
  right:30px;
  top:30px;
  z-index:1;
  opacity:.3;}

  .popup-close:hover{
  opacity:1;}

  .popup-transparent{
  background:none;
  color:#fff;}

  .popup-transparent a{
  color:#fff;}

  /* Custom styles for popup */

  .params-heading-wrap{
    display: inline-block;}

  dt span.align {
    font: 800 11px/14px 'ProximaNova';}

  .label:first-child{
    background:#efefef;}


  .popup-article-list{
    overflow: scroll;}

  .infl-params-wrap~dl {
    margin-top: 60px;
  }

  .popup.active .popup-article-list {
    left: 280px;
  }
h1 {
text-align:center;
font:bold 35px/1 'ProximaNova';
margin-bottom:5px;
}

/* form style */

[type="text"],
[type="password"],
[type="email"],
textarea,
select {
padding:15px 20px;
font:16px/25px 'ProximaNova';
margin:0;
display:inline-block;
vertical-align:top;
background:#f7f7f7;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#2d2d2d;
border:none;
box-shadow:none;
transition: all .3s linear;
width:100%;
outline-color:#fff240;
margin:10px 0;}

[type="text"]:focus,
[type="password"]:focus,
[type="email"]:focus,
textarea:focus{
box-shadow: 0 0 0 1px #fff240;
background:#fff;}

textarea{
height:200px;
overflow:auto;
resize:none;}

::-webkit-input-placeholder {
color:#2d2d2d;
opacity:.5;}

::-moz-placeholder {
color:#2d2d2d;
opacity:.5;} /* firefox 19+ */

:-moz-placeholder {
color:#2d2d2d;
opacity:.5;} /* firefox 18- */

:-ms-input-placeholder {
color:#2d2d2d;
opacity:.5;} /* ie */

[type="submit"]{
cursor:pointer;}

[type="submit"],
[type="submit"]:disabled,
[type="submit"]:disabled:hover{
padding:15px;
display:inline-block;
background:#109e28;
font: bold 13px/20px 'ProximaNova';
transition: all .3s linear;
color:#fff;
text-align:center;
border:none;
box-shadow:none;
text-transform:uppercase;
height:50px;
width:100%;
text-shadow:none;
letter-spacing:1px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;}

[type="submit"]:disabled{
cursor:default;
opacity:.5;}

[type="submit"]:hover{
background:#11b52d;}

[type="submit"]:focus{
outline:none;}

form{
text-align:center;
padding-top:11px;}

.input-line{
width:480px;
margin:0 auto;}

.submit-line{
margin-top:40px;}

/* /end form */



/* content style */

h1+.input-line{
margin-top:28px;}

form{}

.content-wrap{
padding-bottom:20px;
margin-bottom:0;}

/* /end content */





.feedback_form {
  font: 200 35px/1 'ProximaNova', sans-serif;
  padding-top: 11px;
  text-align: center;
}

.feedback_form form {
  padding-top: 0;
}




.input_holder_error {
  position: relative;
}
.input_holder_error input[type=text],
.input_holder_error input[type=password],
.input_holder_error input[type=email],
.input_holder_error textarea,
.input_holder_error select {
  background: #fff6f2;
  color: #ff4c00;
  outline-offset: -1px;
  outline: #f74d03 1px solid;
}

.input_holder_error.input_normal input[type=text],
.input_holder_error.input_normal input[type=password],
.input_holder_error.input_normal input[type=email],
.input_holder_error.input_normal textarea,
.input_holder_error.input_normal select {
  outline-color: #fff240;
  color: #2d2d2d;
  background: #f7f7f7;
}

.validation-error {
  display: none;
}
.input-line textarea {
  height: 100px;}

.submit-line {
  margin-top: 0;}

span.collaboration-title {
  text-align: center;
  font: bold 44px/48px 'ProximaNova';}

.orange.big-height {
  height: 55px;
  font: bold 15px/16px 'ProximaNova';
  margin: 10px 0 10px 0;
  background-color: #fd8324;
  border-radius: 5px;}

.popup-box.collaboration-form {
  width: auto;}

.input-line textarea, .input-line select {
  border-radius: 5px;}

.input-line select {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}


.input-line input {
  border-radius: 5px;}

.alert-container {
  position: fixed;
  top:0;
  left:0;
  width: 250px;
  left: 50%;
  margin: 0 0 0 -70px;
  text-align: center;
  z-index: 999;
}

.alert-container .alert-content {
  margin: 0;
  padding: 9px 15px;
  background: #fff1a8;
  font-weight: 600;
  font-size: 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.4);
}

.form-box {
  margin-bottom: 30px;}

[type="text"], [type="password"], [type="email"], textarea, select {
  background: white;}

@media only screen and (max-width: 766px) {
  .popup-wrap .popup-box {
    width: 90%;}

  .input-line {
    width: 95%;}

    .form-box {
      margin-top: 150px;
      z-index: 1;}
}
@media screen and (max-width: 766px) {
  .mobile_not_ready {
    display: table; }

  #discovery-page, .discovery-general-tabs {
    display: table; }

  input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0; }

  .select2-container .select2-choice > .select2-chosen,
  .select2-search-choice-close {
    white-space: normal;
    word-break: break-word;
    line-height: 24px; }

  .select2-container-multi .select2-choices .select2-search-choice {
    white-space: normal;
    word-break: break-word;
    margin-bottom: 5px; }

  .select2-container .select2-choice {
    padding: 10px 38px 11px 20px; }

  .profile_avatar_uploader .uploader-files .attach_item,
  .profile_avatar_uploader .uploader-files .attach_item .uploader_photo_link {
    width: 100%;
    height: 100%; }

  .profile_avatar_uploader .uploader-files .attach_item .uploader_photo_link img {
    width: 100%; }

  body {
    min-width: 1px;
    width: 100%; }
    body #subscribe_top_bar {
      margin-left: 0; }
    body .header,
    body .content-wrap {
      min-width: 1px;
      margin: 0;
      width: 100%;
      padding-top: 20px; }
      body .header .content-nav-wrap,
      body .content-wrap .content-nav-wrap {
        padding: 10px 3% 20px; }
        body .header .content-nav-wrap .tab-controls,
        body .content-wrap .content-nav-wrap .tab-controls {
          display: block;
          float: none;
          margin-bottom: 15px; }
        body .header .content-nav-wrap .content-nav,
        body .content-wrap .content-nav-wrap .content-nav {
          float: none;
          width: 100%;
          display: inline-block;
          vertical-align: top; }
          body .header .content-nav-wrap .content-nav a,
          body .header .content-nav-wrap .content-nav .nav-item,
          body .content-wrap .content-nav-wrap .content-nav a,
          body .content-wrap .content-nav-wrap .content-nav .nav-item {
            font-size: 22px;
            line-height: 28px; }
          body .header .content-nav-wrap .content-nav .arrow-toggle-wrap,
          body .content-wrap .content-nav-wrap .content-nav .arrow-toggle-wrap {
            margin-top: 7px; }
            body .header .content-nav-wrap .content-nav .arrow-toggle-wrap .arrow-toggle-right,
            body .content-wrap .content-nav-wrap .content-nav .arrow-toggle-wrap .arrow-toggle-right {
              margin-left: 15px; }
    body .header {
      padding-top: 0; }

  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .logo {
    height: 70px;
    width: 80px; }
    .logo a {
      height: 70px;
      width: 80px; }
      .logo a img {
        top: 20px;
        left: 25px; }

  .nav {
    padding: 0;
    right: -80px;
    left: auto;
    width: 80px;
    transition: ease-in .5s; }
    .nav > a {
      width: 80px;
      height: 45px; }
    .nav .user {
      width: 80px;
      padding: 20px 10px 20px; }
    .nav .hint {
      top: 9px;
      left: 40px; }
    .nav .menu_controll {
      position: absolute;
      text-align: center;
      opacity: 1;
      visibility: visible;
      width: 20px;
      height: 70px;
      padding: 21px 7px 15px;
      top: 0px;
      left: -20px;
      background: rgba(48, 48, 48, 0.8); }
      .nav .menu_controll span {
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background: #fff;
        display: block;
        margin: 0 0 8px; }
    .nav.open {
      right: 0; }
    .nav .tooltip {
      font: 500 10px/20px 'ProximaNova'; }
    .nav .tooltip-wrap .tooltip.tooltip-right {
      right: 100%;
      left: auto;
      padding: 10px; }
      .nav .tooltip-wrap .tooltip.tooltip-right:before {
        right: -8px;
        left: auto;
        transform: rotate(180deg); }

  .container-full {
    width: 100%;
    min-width: 1px;
    margin: 0; }

  .header-bottom {
    width: 100%;
    min-width: 1px; }

  .header-nav-bottom {
    min-width: 1px;
    width: 100%;
    display: block; }
    .header-nav-bottom ul {
      display: block;
      list-style: none;
      width: 100%; }
      .header-nav-bottom ul li {
        display: block;
        float: none;
        width: 100%; }
        .header-nav-bottom ul li a,
        .header-nav-bottom ul li span.nav-item {
          width: 100%;
          min-width: 1px;
          padding: 13px; }
        .header-nav-bottom ul li.width-fixed {
          width: 100%;
          float: none;
          border-bottom: 6px solid #fff; }
          .header-nav-bottom ul li.width-fixed .button-link {
            width: 90% !important;
            margin: 10px auto; }
    .header-nav-bottom .header-nav-bottom a,
    .header-nav-bottom .header-nav-bottom,
    .header-nav-bottom span.nav-item {
      min-width: 1px;
      width: 100%; }

  .header-top {
    padding: 20px 3% 20px; }

  .campaigns-list {
    width: 100%;
    padding: 0 3%; }

  .header-nav {
    text-align: center; }
    .header-nav a,
    .header-nav a.nav-item {
      float: none;
      display: block; }
    .header-nav span.nav-item {
      float: none;
      display: inline-block; }
    .header-nav .button.button-create {
      width: 100%;
      margin-top: 5px;
      float: none;
      margin-left: 0;
      min-width: 1px; }

  .wiselinks_preloader {
    margin-left: -75px; }

  .group:after {
    display: none; }

  .ccp-overlay {
    position: fixed; }
    .ccp-overlay:after {
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      content: ''; }
    .ccp-overlay .popup-close {
      right: 20px;
      top: 20px; }

  .ccp-column {
    width: 100%; }
    .ccp-column .ccp-container {
      width: 100%;
      height: auto;
      padding-top: 100px; }
      .ccp-column .ccp-container .ccp-heading {
        width: 100%;
        padding: 0 3%;
        font-size: 27px;
        line-height: 31px; }
      .ccp-column .ccp-container .ccp-buttons-container {
        width: 100%;
        padding: 0 7%; }
        .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column {
          width: 100%;
          margin-left: 0;
          margin-bottom: 25px;
          float: none;
          height: auto;
          position: relative; }
          .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column .ccp-button-add {
            top: 33px;
            right: -17px; }
          .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column .ccp-button-description {
            width: 100%;
            text-align: left;
            margin-top: 15px; }
          .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column .ccp-button-default,
          .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column .ccp-button-locked {
            width: 100%;
            height: 50px;
            line-height: 50px; }
          .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column:nth-child(3) {
            margin-bottom: 0; }
            .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column:nth-child(3) .ccp-button-description {
              padding-right: 29px; }
          .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column:nth-child(2) {
            display: none; }

  .ccp-hint {
    width: 94%;
    margin: 0 3%;
    padding: 30px 3%;
    bottom: auto;
    vertical-align: middle;
    top: 100px !important; }
    .ccp-hint .ccp-hint-heading {
      width: 100%;
      font-size: 20px;
      line-height: 24px;
      height: auto; }
    .ccp-hint .ccp-link-hide {
      margin-top: 20px; }
    .ccp-hint .ccp-button-subscribe {
      width: 100%;
      height: 40px;
      line-height: 40px;
      font-size: 15px; }

  .no-campaign-text {
    width: 100%;
    padding: 0 4%;
    margin-top: 65px; }
    .no-campaign-text p br {
      display: none; }
    .no-campaign-text .text-small {
      margin-left: 0;
      width: 100%; }

  #intercom-container {
    z-index: 2 !important; }

  .content-wrap-calendar .content-inner {
    padding: 0 0 30px; }
    .content-wrap-calendar .content-inner .calendar-heading {
      width: 100%;
      display: block;
      overflow: hidden;
      margin: 10px 0 10px; }
      .content-wrap-calendar .content-inner .calendar-heading .day {
        display: block;
        float: left;
        width: 14.28%; }
    .content-wrap-calendar .content-inner .calendar {
      overflow: hidden; }
      .content-wrap-calendar .content-inner .calendar .calendar-week .calendar-day {
        height: 60px;
        border-color: #f2f2f2; }
        .content-wrap-calendar .content-inner .calendar .calendar-week .calendar-day .day-inner {
          height: 100%;
          padding-top: 0; }
          .content-wrap-calendar .content-inner .calendar .calendar-week .calendar-day .day-inner .calendar-create {
            padding: 0; }
            .content-wrap-calendar .content-inner .calendar .calendar-week .calendar-day .day-inner .calendar-create span.text {
              margin-top: 45px;
              font-size: 0;
              line-height: 0;
              color: transparent; }
              .content-wrap-calendar .content-inner .calendar .calendar-week .calendar-day .day-inner .calendar-create span.text:before {
                width: 100%;
                background-position: center 0; }
          .content-wrap-calendar .content-inner .calendar .calendar-week .calendar-day .day-inner .calendar-date {
            position: static;
            font-size: 13px;
            font-weight: 500;
            padding: 4px;
            margin-left: 0; }

  .content-nav .input-line {
    margin-top: 20px; }
    .content-nav .input-line .button {
      padding: 0;
      height: 35px;
      line-height: 35px;
      display: block;
      margin: 10px auto;
      width: 40%; }
    .content-nav .input-line .checkbox {
      width: 100%;
      margin-right: 0 !important; }
      .content-nav .input-line .checkbox .checker + span {
        padding-left: 35px;
        padding-top: 0; }

  .campaigns-list .campaign-list-item {
    padding: 20px 20px 20px 35px;
    clear: both;
    overflow: hidden; }
    .campaigns-list .campaign-list-item .icon-campaign-list {
      left: 0;
      top: 25px; }
    .campaigns-list .campaign-list-item .campaign-list-item-controls {
      float: left;
      clear: both; }
    .campaigns-list .campaign-list-item.campaign-list-item-past .icon-campaign-list {
      top: 30px; }

  .publication {
    padding-left: 15px;
    padding-right: 3%; }
    .publication .publication-header .ava-author {
      margin-left: 32px; }
    .publication .publication-header .name {
      margin: 9px 0 0 39px;
      line-height: 21px;
      clear: both; }
    .publication .publication-header .time {
      margin-left: 39px; }
    .publication .campaign-started:before {
      left: -35px; }
    .publication .campaign-started p {
      margin-left: 15px; }
    .publication .publication-box .post-box {
      width: 100%; }
      .publication .publication-box .post-box .post-watch .fb_iframe_widget_fluid span {
        width: 300px;
        max-width: 300px; }
        .publication .publication-box .post-box .post-watch .fb_iframe_widget_fluid span iframe {
          width: 300px;
          max-width: 300px;
          overflow: hidden; }
    .publication .publication-sidebar {
      position: static;
      width: 300px; }
      .publication .publication-sidebar .sidebar-toggle-box {
        display: none; }
      .publication .publication-sidebar .publication-sidebar-inner {
        min-height: 1px; }
        .publication .publication-sidebar .publication-sidebar-inner .publication-author-controls .button {
          padding: 12px 6px; }

  .post .fb_iframe_widget_fluid span {
    width: 300px !important; }
    .post .fb_iframe_widget_fluid span iframe {
      width: 300px !important;
      overflow: hidden; }

  .inbox_pagination_container .inbox-dialogue-box {
    padding: 20px 3%; }

  .content-wrap.content-wrap-message,
  .content-wrap.content-wrap-leader-campaign {
    padding-top: 0; }
    .content-wrap.content-wrap-message .no-campaign-text,
    .content-wrap.content-wrap-leader-campaign .no-campaign-text {
      width: 100%;
      font-size: 20px;
      line-height: 24px; }
    .content-wrap.content-wrap-message .content .inbox_pagination_container .inbox-dialogue-text,
    .content-wrap.content-wrap-leader-campaign .content .inbox_pagination_container .inbox-dialogue-text {
      word-wrap: break-word;
      word-break: break-all; }
    .content-wrap.content-wrap-message .nav-bar .inbox-return,
    .content-wrap.content-wrap-leader-campaign .nav-bar .inbox-return {
      width: 100%;
      float: none; }
      .content-wrap.content-wrap-message .nav-bar .inbox-return + .inbox-tab-controls,
      .content-wrap.content-wrap-leader-campaign .nav-bar .inbox-return + .inbox-tab-controls {
        margin-left: 0; }
    .content-wrap.content-wrap-message .nav-bar ul,
    .content-wrap.content-wrap-leader-campaign .nav-bar ul {
      border-bottom: 1px solid #e8e8e8; }
      .content-wrap.content-wrap-message .nav-bar ul li,
      .content-wrap.content-wrap-leader-campaign .nav-bar ul li {
        float: none;
        width: 100%;
        border-left: none !important; }
        .content-wrap.content-wrap-message .nav-bar ul li .hint,
        .content-wrap.content-wrap-leader-campaign .nav-bar ul li .hint {
          margin: -8px 0px 0 0; }
        .content-wrap.content-wrap-message .nav-bar ul li a,
        .content-wrap.content-wrap-leader-campaign .nav-bar ul li a {
          border-left: none !important; }
    .content-wrap.content-wrap-message .sidebar,
    .content-wrap.content-wrap-leader-campaign .sidebar {
      width: 100%;
      padding: 30px 10px 40px 10px;
      top: 0;
      float: none;
      position: static;
      border-right: 1px solid #e8e8e8; }
      .content-wrap.content-wrap-message .sidebar .inbox-nav-title br,
      .content-wrap.content-wrap-leader-campaign .sidebar .inbox-nav-title br {
        display: none; }
      .content-wrap.content-wrap-message .sidebar .inbox-nav a,
      .content-wrap.content-wrap-leader-campaign .sidebar .inbox-nav a {
        left: 0;
        padding-left: 0;
        word-wrap: break-word;
        word-break: break-all; }
      .content-wrap.content-wrap-message .sidebar + .content,
      .content-wrap.content-wrap-leader-campaign .sidebar + .content {
        margin-left: 0; }

  .inbox-dialogue > *,
  .inbox-dialogue-title {
    padding: 15px; }

  .inbox-dialogue {
    position: static;
    width: 100%; }

  .inbox-message-time {
    float: none;
    margin-left: 0; }

  .inbox-write-message {
    margin-left: 0;
    position: static;
    padding: 10px 15px; }

  .inbox-ava-message {
    margin-left: 0; }

  .inbox-textarea-message {
    margin-left: 65px; }

  .inbox-buttons {
    float: none;
    width: 100%; }
    .inbox-buttons .button {
      width: 45%;
      margin: 0 2%;
      min-width: 45%; }
      .inbox-buttons .button.cancel {
        width: 45%;
        min-width: 45%; }

  .infobox-wrap .infobox-inline .text-box {
    width: 100%;
    text-align: left;
    float: none;
    margin-bottom: 15px;
    padding: 0 3%; }
    .infobox-wrap .infobox-inline .text-box:last-child {
      margin-bottom: 0; }

  .campaign-leader {
    display: block; }
    .campaign-leader > div {
      display: block;
      width: 100%;
      padding: 10px 3%;
      clear: both;
      border-bottom: 1px solid #f1f1f1; }
      .campaign-leader > div .campaign-person .image {
        float: none;
        text-align: center;
        margin-right: 0; }
      .campaign-leader > div.campaign-column-price {
        border-left: none; }
      .campaign-leader > div.campaign-column-control .color-red {
        line-height: 45px; }
      .campaign-leader > div.campaign-column-control.is_public {
        border-left: 1px solid #f1f1f1;
        padding-right: 3%;
        width: 50%; }
        .campaign-leader > div.campaign-column-control.is_public .icon-campaign-control-2 {
          float: left;
          margin-top: 10px; }
        .campaign-leader > div.campaign-column-control.is_public .button {
          width: 100%;
          padding: 10px 0;
          min-width: 1px; }
      .campaign-leader > div.campaign-column-price, .campaign-leader > div.campaign-column-rating, .campaign-leader > div.campaign-column-coverage, .campaign-leader > div.campaign-column-control {
        float: left;
        width: 50%;
        clear: none; }
    .campaign-leader .leader-screenshots-wrapper {
      display: none; }
      .campaign-leader .leader-screenshots-wrapper .leader-screenshots {
        justify-content: center; }

  .container-left {
    width: 100%;
    margin: 0;
    padding: 0 3%; }
    .container-left .dl-inline dt {
      padding: 10px 0;
      width: 35%; }
    .container-left .dl-inline dd {
      margin-left: 40%;
      width: 60%;
      padding: 10px 0;
      word-break: break-all;
      word-wrap: break-word; }
      .container-left .dl-inline dd .link {
        max-width: 100%;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .container-left .dl-inline dd .social-box-wrap .social-box {
        margin: 0 5px 5px 0; }

  .container-left .edit-pbl-campaign-btn {
    width: 100%; }

  .content-wrap-leader-campaign .no-campaign-text,
  .content-wrap-analytics .no-campaign-text {
    width: 100%;
    padding: 0 3%;
    margin-top: 15px;
    font-size: 20px; }

  .social-icons {
    clear: both;
    float: none;
    width: 100%; }

  .update-text {
    padding-top: 10px;
    clear: both; }

  .analytics-sort {
    float: none;
    padding: 10px 0;
    clear: both;
    margin-right: 0; }
    .analytics-sort .select2-container {
      min-width: 100%;
      max-width: 100%; }

  .container-full .col-6 {
    float: none;
    width: 100%;
    border-right: none; }
    .container-full .col-6 .content-header {
      padding: 0 3%;
      margin-bottom: 10px; }
    .container-full .col-6 .graph-small-box {
      margin-left: 0; }
    .container-full .col-6 .graph-inline {
      text-align: center;
      display: block; }
      .container-full .col-6 .graph-inline .graph-legend {
        text-align: left;
        width: 80%;
        margin: 10px 10%; }
    .container-full .col-6 .summary-box {
      border-bottom: 1px solid #dcdcdc; }
    .container-full .col-6 .icon-text-wrap {
      display: block;
      width: 100%; }
      .container-full .col-6 .icon-text-wrap .icon-text-box {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin: 10px 0;
        padding: 0 5%; }
  .container-full .graph-interraction-box {
    padding: 25px 3% 0; }
  .container-full .graph-interraction {
    padding-bottom: 15px; }

  [class*="col-"] ~ [class*="col-"] {
    margin-left: 0;
    border-right: none; }

  .highcharts-xaxis-labels text {
    font-size: 8px !important; }

  .export-box {
    padding: 25px 5%; }
    .export-box .button {
      width: 100%;
      padding: 15px 0 12px; }

  .header-nav a ~ a,
  .header-nav a ~ .nav-item,
  .header-nav .nav-item ~ a,
  .header-nav .nav-item ~ .nav-item,
  .header-nav .nav-item ~ a,
  .header-nav .nav-item ~ .nav-item {
    margin-left: 0; }

  .header .exit-link {
    float: none;
    margin-top: 20px; }

  .cbl + .cbr {
    margin-left: 0; }

  .about-text {
    width: 100%;
    text-align: center;
    padding: 0 5%; }

  .cbr .content-box-inner {
    float: none; }
    .cbr .content-box-inner .label-box {
      padding: 0 3%; }

  .content-wrap-profile .form-inline {
    padding: 0 3%; }
  .content-wrap-profile .content-box {
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
    text-align: center; }
    .content-wrap-profile .content-box .profile_avatar_uploader {
      min-height: 150px;
      width: 150px;
      display: inline-block; }
      .content-wrap-profile .content-box .profile_avatar_uploader .uploader-dnd-hints {
        width: 150px;
        height: 150px; }
        .content-wrap-profile .content-box .profile_avatar_uploader .uploader-dnd-hints .fileinput-button {
          width: 100%;
          height: 100%;
          background-size: 150px; }
          .content-wrap-profile .content-box .profile_avatar_uploader .uploader-dnd-hints .fileinput-button .icon-ava {
            margin-top: 25px; }
  .content-wrap-profile .content-box {
    float: none;
    width: 100%; }
    .content-wrap-profile .content-box .input-line {
      width: 100%;
      padding: 0 1%;
      margin: 0 0 18px; }
      .content-wrap-profile .content-box .input-line.submit-line input {
        height: 55px; }
      .content-wrap-profile .content-box .input-line .social-box.social-control {
        margin-right: 10px;
        margin-left: 0px;
        width: 47%;
        margin-bottom: 4px;
        max-width: 126.5px; }
        .content-wrap-profile .content-box .input-line .social-box.social-control .icon {
          width: 100%; }
          .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-vk {
            background-position: -145px 0; }
            .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-vk:after {
              background-position: -145px -55px; }
          .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-gg {
            background-position: -390px -106px; }
            .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-gg:after {
              background-position: -390px -147px; }
          .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-tw {
            background-position: -285px 0; }
            .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-tw:after {
              background-position: -285px -55px; }
          .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-fb {
            background-position: -5px 0; }
            .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-fb:after {
              background-position: -5px -55px; }
        .content-wrap-profile .content-box .input-line .social-box.social-control:nth-child(2n) {
          margin-right: 0; }
      .content-wrap-profile .content-box .input-line .label-box {
        width: 100%;
        display: block;
        padding: 0 0 2px 0; }
        .content-wrap-profile .content-box .input-line .label-box label {
          float: left; }
        .content-wrap-profile .content-box .input-line .label-box span {
          float: right;
          font-size: 12px;
          margin-top: 0;
          max-width: 61%;
          text-align: right; }
          .content-wrap-profile .content-box .input-line .label-box span br {
            display: inline-block; }
      .content-wrap-profile .content-box .input-line .input {
        width: 100%;
        float: none;
        display: block;
        text-align: center;
        margin-left: 0; }
        .content-wrap-profile .content-box .input-line .input.socials {
          padding: 0 4%; }
        .content-wrap-profile .content-box .input-line .input input {
          width: 100%; }
        .content-wrap-profile .content-box .input-line .input input:not([type="submit"]) {
          text-align: left; }
        .content-wrap-profile .content-box .input-line .input .select2-container {
          text-align: left; }
  .content-wrap-profile fieldset ~ fieldset {
    margin-top: 0px; }
    .content-wrap-profile fieldset ~ fieldset .input-line.submit-line {
      margin-top: 30px; }
      .content-wrap-profile fieldset ~ fieldset .input-line.submit-line input {
        height: 45px;
        line-height: 45px;
        padding: 0; }

  .content-wrap-support .support-text {
    padding: 0 3%; }
  .content-wrap-support .group .content-nav {
    max-width: 70%; }
  .content-wrap-support .support-categories-wrap {
    margin: 0; }
    .content-wrap-support .support-categories-wrap .dtb {
      display: block;
      width: 100%;
      padding: 0 3%; }
    .content-wrap-support .support-categories-wrap .support-category-box {
      min-height: 1px;
      padding: 10px; }
    .content-wrap-support .support-categories-wrap .dtbr {
      display: block;
      width: 100%; }
      .content-wrap-support .support-categories-wrap .dtbr .dtbc {
        display: block;
        width: 100%;
        margin: 15px 0; }

  .list-filter {
    width: 100%; }
    .list-filter .search {
      width: 100%; }

  .content-inner {
    padding: 20px 3%; }

  .container-full {
    width: 100%; }
    .container-full .lf-column {
      width: 100%; }
      .container-full .lf-column.lfc-1 {
        padding-right: 10px; }
      .container-full .lf-column.lfc-2 {
        padding-left: 0; }
        .container-full .lf-column.lfc-2:after {
          display: none; }
      .container-full .lf-column:before {
        display: none; }
      .container-full .lf-column .lfi-toggle {
        display: inline-block;
        vertical-align: top; }
      .container-full .lf-column .lf-item .lfi-input-group {
        width: 80%;
        margin-right: 0; }
      .container-full .lf-column .lf-item .lfi-header {
        padding-right: 0; }
        .container-full .lf-column .lf-item .lfi-header .lf-label {
          margin-left: 14px; }

  .filter-controls {
    padding: 15px 0 0;
    clear: both;
    border: none; }
    .filter-controls .filter-selected-controls {
      float: none; }

  .influencers-list {
    clear: both;
    width: 100%; }
    .influencers-list .infl-item {
      clear: both; }
      .influencers-list .infl-item .container-full {
        overflow: hidden; }
        .influencers-list .infl-item .container-full .infl-text {
          margin: 0 0 0 1.5%;
          max-width: 47%;
          display: none; }
          .influencers-list .infl-item .container-full .infl-text.infl-text-mobile {
            display: inline-block;
            vertical-align: top; }
        .influencers-list .infl-item .container-full .button.dialog {
          margin-top: 15px; }
        .influencers-list .infl-item .container-full .infl-image-wrap {
          float: none;
          display: inline-block;
          vertical-align: top;
          width: 65px; }
          .influencers-list .infl-item .container-full .infl-image-wrap img {
            max-width: 100%; }
        .influencers-list .infl-item .container-full .infl-controls-wrap {
          clear: both;
          float: none;
          width: 100%;
          margin-top: 10px; }
          .influencers-list .infl-item .container-full .infl-controls-wrap .show-subscription-popup {
            width: 100%;
            padding: 9px 0 6px;
            margin-top: 15px; }
          .influencers-list .infl-item .container-full .infl-controls-wrap .infl-params-wrap {
            width: 100%;
            float: none; }
        .influencers-list .infl-item .container-full .params-heading-wrap {
          margin-top: 10px;
          padding-left: 0px;
          overflow: hidden; }
          .influencers-list .infl-item .container-full .params-heading-wrap .param-heading {
            width: 33%; }
        .influencers-list .infl-item .container-full .infl-params {
          width: 29%; }
          .influencers-list .infl-item .container-full .infl-params.infl-params-icons {
            display: none; }

  .lf-submit-box.fadable {
    left: 0;
    width: 100%;
    padding: 20px 3%; }
    .lf-submit-box.fadable .button {
      width: 45%;
      margin: 0 2.5%;
      min-width: 1px !important; }

  #subscribe.popup .popup-box {
    width: 100%; }
  #subscribe.popup h2 {
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 20px; }

  .discovery-filters .filters-section {
    display: table; }

  .infl-params-wrap .rectangle-icon {
    margin-left: 0px; }

  .content-wrap.content-wrap-campaign {
    padding-top: 0; }
    .content-wrap.content-wrap-campaign .sidebar {
      width: 100%;
      position: static;
      padding: 15px 3%; }
      .content-wrap.content-wrap-campaign .sidebar .new-campaign-nav ul li {
        margin: 0;
        width: 32.5%;
        display: inline-block;
        vertical-align: top;
        padding-left: 0;
        padding-top: 30px;
        text-align: center;
        margin-bottom: 11px; }
        .content-wrap.content-wrap-campaign .sidebar .new-campaign-nav ul li a {
          padding-left: 0;
          left: 0;
          font-size: 12px;
          line-height: 16px !important; }
        .content-wrap.content-wrap-campaign .sidebar .new-campaign-nav ul li:after {
          display: none; }
        .content-wrap.content-wrap-campaign .sidebar .new-campaign-nav ul li:before {
          left: 50%;
          margin-left: -6.5px;
          top: 3px; }
        .content-wrap.content-wrap-campaign .sidebar .new-campaign-nav ul li.active:before {
          top: 0; }
        .content-wrap.content-wrap-campaign .sidebar .new-campaign-nav ul li.active:after {
          margin-left: -9px; }
    .content-wrap.content-wrap-campaign .content {
      margin-left: 0;
      width: 100%;
      padding: 20px 3%; }
      .content-wrap.content-wrap-campaign .content h2 {
        margin-top: 25px; }
      .content-wrap.content-wrap-campaign .content .buttonset .ui-state-default {
        position: relative; }
        .content-wrap.content-wrap-campaign .content .buttonset .ui-state-default .google:before {
          position: absolute;
          display: block;
          content: '';
          width: 26px;
          height: 23px;
          left: 50%;
          margin-left: -13px;
          top: 5px;
          background-image: url(/assets/leader_profile/social2.png);
          background-repeat: no-repeat;
          background-position: center -429px;
          background-size: 26px; }
      .content-wrap.content-wrap-campaign .content .buttonset .ui-state-active .google:before {
        background-position: center -463px; }
      .content-wrap.content-wrap-campaign .content .buttonset .square-button {
        width: 100%;
        margin: 0; }
      .content-wrap.content-wrap-campaign .content .datepicker-wrap {
        width: 46%; }
        .content-wrap.content-wrap-campaign .content .datepicker-wrap input {
          font-size: 14px; }
      .content-wrap.content-wrap-campaign .content .campaign-buttons .text {
        font-size: 13px;
        padding-left: 24px; }
      .content-wrap.content-wrap-campaign .content .social-buttons {
        overflow: hidden; }
        .content-wrap.content-wrap-campaign .content .social-buttons .radio-button {
          width: 48%;
          margin: 0 1% 6px 0; }
          .content-wrap.content-wrap-campaign .content .social-buttons .radio-button:nth-child(2) {
            margin-right: 0; }
    .content-wrap.content-wrap-campaign .input-line.submit-line {
      clear: both; }
    .content-wrap.content-wrap-campaign .input-line.submit-line.show-leaders-line {
      position: static;
      margin-top: 0px;
      padding-top: 20px; }
    .content-wrap.content-wrap-campaign .input-line .campaign_budget_input {
      width: 100%; }
    .content-wrap.content-wrap-campaign .input-line.slider-line .label-box {
      width: 100%;
      float: none; }
      .content-wrap.content-wrap-campaign .input-line.slider-line .label-box label {
        font-size: 12px;
        line-height: 14px;
        display: block;
        width: 100%; }
    .content-wrap.content-wrap-campaign .input-line.slider-line .input {
      width: 100%;
      margin-left: 0; }
    .content-wrap.content-wrap-campaign .input-line.slider-line .choose-gender {
      margin-bottom: 0; }
      .content-wrap.content-wrap-campaign .input-line.slider-line .choose-gender .radio-button {
        width: 33.6%;
        margin-left: -1px;
        margin-right: 0; }
    .content-wrap.content-wrap-campaign .heading-editable h1 {
      margin: 0;
      padding: 0 0 29px; }
    .content-wrap.content-wrap-campaign .heading-editable .edit.he-edit {
      opacity: 1;
      visibility: visible; }
    .content-wrap.content-wrap-campaign .final-content {
      margin-top: 0; }
      .content-wrap.content-wrap-campaign .final-content .public_campaign {
        max-width: 100%;
        width: 100%;
        float: none; }
        .content-wrap.content-wrap-campaign .final-content .public_campaign .dl-inline dt {
          width: 35%;
          float: left;
          margin-right: 3%;
          padding: 5px 0; }
        .content-wrap.content-wrap-campaign .final-content .public_campaign .dl-inline dd {
          float: left;
          margin-left: 0;
          width: 62%;
          padding-top: 5px; }
          .content-wrap.content-wrap-campaign .final-content .public_campaign .dl-inline dd .label-wrap {
            margin: 0;
            display: block; }
            .content-wrap.content-wrap-campaign .final-content .public_campaign .dl-inline dd .label-wrap .label:first-child {
              margin-left: 0; }
      .content-wrap.content-wrap-campaign .final-content .final {
        width: 100%;
        float: none;
        margin: 0;
        clear: both;
        border-color: #aba6a6; }
        .content-wrap.content-wrap-campaign .final-content .final .change-settings {
          position: static;
          margin-bottom: 10px; }
        .content-wrap.content-wrap-campaign .final-content .final .submit-line [type="submit"] {
          height: 50px;
          line-height: 50px; }

  .select2-drop-multi .select2-country-dropdown {
    margin-right: 0;
    width: 100%;
    height: 260px; }

  .select2-drop-multi .select2-country-dropdown .select2-results {
    max-height: 260px; }

  .content-wrap-billing .billing-table {
    display: block;
    width: 100%; }
    .content-wrap-billing .billing-table tr,
    .content-wrap-billing .billing-table td,
    .content-wrap-billing .billing-table th,
    .content-wrap-billing .billing-table tbody {
      display: block; }
    .content-wrap-billing .billing-table tr {
      overflow: hidden;
      width: 100%;
      border-bottom: 2px solid #000; }
      .content-wrap-billing .billing-table tr td:last-child {
        border-bottom: none; }
    .content-wrap-billing .billing-table th,
    .content-wrap-billing .billing-table td {
      width: 100%; }
  .content-wrap-billing .sidebar .billing-infobox-wrap {
    margin-left: 0;
    overflow: hidden; }
    .content-wrap-billing .sidebar .billing-infobox-wrap + hr {
      display: none; }

  .content-wrap-campaign .content-inner .choose-buttons {
    margin-bottom: 20px;
    display: block; }
  .content-wrap-campaign .content-inner .group .input-line.card-year {
    margin: 10px 0 0 0;
    display: inline-block;
    vertical-align: bottom;
    width: 20%;
    float: none; }
  .content-wrap-campaign .content-inner .group .input-line.card-month {
    margin: 10px 0 0 0;
    display: inline-block;
    vertical-align: bottom;
    width: 20%;
    float: none; }
  .content-wrap-campaign .content-inner .group .input-line.card-number {
    margin: 10px 0 0 0;
    display: inline-block;
    vertical-align: bottom;
    width: 56%;
    float: none; }
    .content-wrap-campaign .content-inner .group .input-line.card-number input {
      padding: 15px 10px; }
  .content-wrap-campaign .content-inner .group .input-line.default-card {
    float: none;
    width: 100%;
    margin-top: 25px; }
    .content-wrap-campaign .content-inner .group .input-line.default-card .checkbox .text {
      line-height: 21px; }
  .content-wrap-campaign .content-inner .group .input-line.card-cvv {
    float: none; }
  .content-wrap-campaign .content-inner .input-line.submit-short [type="submit"] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0; }
  .content-wrap-campaign .ss-container {
    width: 100%; }
    .content-wrap-campaign .ss-container .ss-block-left {
      width: 100%;
      float: none;
      background: none;
      min-height: 1px; }
      .content-wrap-campaign .ss-container .ss-block-left .ss-block-left-container {
        padding: 20px 3%; }
      .content-wrap-campaign .ss-container .ss-block-left .ss-special-price {
        background: #E6E6E6;
        overflow: hidden;
        padding-bottom: 20px; }
        .content-wrap-campaign .ss-container .ss-block-left .ss-special-price .ss-special-price-container .current-price {
          font-size: 40px;
          line-height: 44px; }
    .content-wrap-campaign .ss-container .ss-block-right {
      float: none;
      width: 100%;
      padding: 20px 3%; }

  .content-wrap-campaign-list .campaigns-list .no-data-text {
    width: 100%; }
    .content-wrap-campaign-list .campaigns-list .no-data-text p {
      line-height: 25px;
      font-size: 20px;
      padding: 10px 3%; }
      .content-wrap-campaign-list .campaigns-list .no-data-text p .button {
        float: none;
        padding: 10px 0 6px;
        margin: 10px auto 0;
        width: 50%;
        display: block; }
  .content-wrap-campaign-list .campaigns-list .campaign-list-item {
    padding: 20px 3%; }
    .content-wrap-campaign-list .campaigns-list .campaign-list-item .group {
      position: relative; }
      .content-wrap-campaign-list .campaigns-list .campaign-list-item .group .text {
        width: 50%;
        max-width: 50%; }
        .content-wrap-campaign-list .campaigns-list .campaign-list-item .group .text .ava {
          display: inline-block;
          vertical-align: top;
          width: 100%; }
          .content-wrap-campaign-list .campaigns-list .campaign-list-item .group .text .ava img {
            max-width: 100%; }
        .content-wrap-campaign-list .campaigns-list .campaign-list-item .group .text:nth-child(2) {
          float: none;
          display: inline-block;
          vertical-align: top;
          width: 100%;
          max-width: 100%;
          clear: both;
          padding: 7px 0; }
    .content-wrap-campaign-list .campaigns-list .campaign-list-item .campaign-list-item-controls {
      float: none;
      width: 100%;
      clear: both;
      margin: 0; }
      .content-wrap-campaign-list .campaigns-list .campaign-list-item .campaign-list-item-controls .icon-cpa {
        width: 80%;
        margin: 20px 10% 0;
        float: none; }
        .content-wrap-campaign-list .campaigns-list .campaign-list-item .campaign-list-item-controls .icon-cpa.icon-campaign-control {
          position: absolute;
          top: 0;
          right: 3%;
          width: 40%;
          margin: 0;
          padding: 0 5px; }

  .content-wrap-profile .link-preview {
    float: none;
    width: 65%;
    margin: 10px auto;
    display: block; }
  .content-wrap-profile .content-box.cbl .profile-info-wrap {
    clear: both;
    text-align: left;
    padding: 0 4%; }
    .content-wrap-profile .content-box.cbl .profile-info-wrap > div {
      float: none;
      display: inline-block;
      vertical-align: top; }
      .content-wrap-profile .content-box.cbl .profile-info-wrap > div:first-child .tooltip.tooltip-price {
        min-width: 190px;
        left: -35px; }
        .content-wrap-profile .content-box.cbl .profile-info-wrap > div:first-child .tooltip.tooltip-price:before {
          left: 34px; }
      .content-wrap-profile .content-box.cbl .profile-info-wrap > div .tooltip.tooltip-price {
        min-width: 190px;
        left: -95px; }
        .content-wrap-profile .content-box.cbl .profile-info-wrap > div .tooltip.tooltip-price:before {
          left: 50%; }
  .content-wrap-profile .content-box.cbr .input-line:after {
    display: none; }
  .content-wrap-profile .content-box.cbr .input-line .select2-container {
    display: block; }
  .content-wrap-profile .content-box.cbr .input-line.checkbox-line .input {
    text-align: left; }
    .content-wrap-profile .content-box.cbr .input-line.checkbox-line .input label {
      width: 100%; }
      .content-wrap-profile .content-box.cbr .input-line.checkbox-line .input label > span {
        max-width: 80%; }
  .content-wrap-profile .content-box.cbr .input-line label {
    text-align: left; }
    .content-wrap-profile .content-box.cbr .input-line label span {
      float: none; }
  .content-wrap-profile .content-inner {
    padding-top: 20px; }
  .content-wrap-profile .form-inline {
    width: 100%;
    padding: 0; }
    .content-wrap-profile .form-inline .label-box {
      width: 100%;
      text-align: left;
      display: block;
      margin-bottom: 5px; }
    .content-wrap-profile .form-inline fieldset {
      padding: 0 !important;
      margin: 0 !important;
      -webkit-margin-start: 0 !important;
      -webkit-margin-end: 0 !important;
      -webkit-margin-before: 0 !important;
      -webkit-margin-after: 0 !important;
      -webkit-padding-after: 0 !important;
      -webkit-padding-before: 0 !important;
      -webkit-padding-start: 0 !important;
      -webkit-padding-end: 0 !important;
      display: inline-block !important;
      width: 100%; }
    .content-wrap-profile .form-inline .input-line {
      margin: 0 3% 18px;
      width: 93%;
      padding: 0; }
      .content-wrap-profile .form-inline .input-line.checkbox-line .text {
        padding-left: 15px; }
      .content-wrap-profile .form-inline .input-line.checkbox-line .radio span {
        max-width: 100% !important; }
      .content-wrap-profile .form-inline .input-line.checkbox-line .checker {
        position: relative; }
  .content-wrap-profile .form-inline-2 .input-line {
    margin: 20px 0 0;
    width: 100%;
    padding: 0 3%; }
    .content-wrap-profile .form-inline-2 .input-line .label-box {
      float: none;
      margin-top: 15px;
      display: inline-block;
      vertical-align: top;
      padding-right: 0; }
      .content-wrap-profile .form-inline-2 .input-line .label-box > label {
        text-align: center;
        width: 100%; }
      .content-wrap-profile .form-inline-2 .input-line .label-box .button {
        width: 100%;
        display: block;
        margin: 10px auto; }
    .content-wrap-profile .form-inline-2 .input-line .social-box .tooltip-wrap.button-delete .tooltip {
      left: auto;
      right: 0; }
      .content-wrap-profile .form-inline-2 .input-line .social-box .tooltip-wrap.button-delete .tooltip:before {
        margin: 0;
        right: 0;
        left: auto; }
    .content-wrap-profile .form-inline-2 .input-line .social-box:after {
      display: none; }
    .content-wrap-profile .form-inline-2 .input-line:after {
      display: none; }
    .content-wrap-profile .form-inline-2 .input-line .input {
      margin-left: 0; }
    .content-wrap-profile .form-inline-2 .input-line .profile-social-wrap.justify {
      margin: 0; }
      .content-wrap-profile .form-inline-2 .input-line .profile-social-wrap.justify:after {
        display: none; }
    .content-wrap-profile .form-inline-2 .input-line .profile-social-wrap .social-box-big {
      width: 100%; }
      .content-wrap-profile .form-inline-2 .input-line .profile-social-wrap .social-box-big:last-child {
        margin-bottom: 0; }
  .content-wrap-profile .form-inline-2 .page-item {
    padding: 10px;
    display: inline-block;
    width: 100%; }
    .content-wrap-profile .form-inline-2 .page-item:after {
      display: none; }
    .content-wrap-profile .form-inline-2 .page-item * {
      float: none; }
    .content-wrap-profile .form-inline-2 .page-item .button {
      width: 100%; }
    .content-wrap-profile .form-inline-2 .page-item .categories_row,
    .content-wrap-profile .form-inline-2 .page-item .country_type_row {
      width: 100%;
      display: none; }
    .content-wrap-profile .form-inline-2 .page-item .social-box {
      text-align: center; }
      .content-wrap-profile .form-inline-2 .page-item .social-box:after {
        display: none; }
      .content-wrap-profile .form-inline-2 .page-item .social-box .icon {
        vertical-align: top;
        margin: 10px 10px 0; }
      .content-wrap-profile .form-inline-2 .page-item .social-box .text {
        display: inline-block;
        vertical-align: top;
        width: 45%;
        margin: 10px 5px 0;
        word-break: break-all;
        border-right: none; }
        .content-wrap-profile .form-inline-2 .page-item .social-box .text + .text {
          border-left: 1px solid #fff; }
        .content-wrap-profile .form-inline-2 .page-item .social-box .text .tip .tooltip {
          left: auto;
          right: -19px; }
          .content-wrap-profile .form-inline-2 .page-item .social-box .text .tip .tooltip:before {
            right: 16px;
            left: auto; }
      .content-wrap-profile .form-inline-2 .page-item .social-box.brand-form {
        margin-top: 10px; }
        .content-wrap-profile .form-inline-2 .page-item .social-box.brand-form .submit_row {
          width: 100%;
          display: block;
          margin-top: 10px; }
      .content-wrap-profile .form-inline-2 .page-item .social-box .page-name {
        margin: 0; }

  .popup-showleft {
    min-width: 1px;
    width: 100%;
    left: 0; }
    .popup-showleft .popup-close {
      top: 10px;
      right: 10px;
      background: url(/assets/publications/popup_close_black.png) no-repeat;
      z-index: 20; }
    .popup-showleft .popup-box {
      float: none;
      width: 100%;
      padding: 20px 4%; }
      .popup-showleft .popup-box .popup-article-list {
        position: relative;
        left: 0;
        top: auto;
        width: 100%;
        padding: 20px 4%;
        border-top: 1px solid #e0e0e0;
        margin-top: 20px;
        height: auto; }

  .popup-wrap .popup-box {
    width: 96%;
    padding: 25px 20px 20px; }
    .popup-wrap .popup-box .submit-small {
      width: 70%;
      margin: 0 auto;
      display: block; }
  .popup-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .popup-wrap .infl-params-wrap {
    overflow: hidden; }
  .popup-wrap .popup-box-outer {
    width: 100%;
    left: 0;
    top: 0;
    padding: 80px 4% 20px; }
    .popup-wrap .popup-box-outer .children-number {
      line-height: 80px;
      font-size: 80px;
      margin-bottom: 10px;
      float: none;
      display: block;
      width: 100%;
      text-align: center;
      padding: 0; }
    .popup-wrap .popup-box-outer .popup-text {
      display: block;
      width: 100%;
      text-align: center; }
  .popup-wrap .popup-box-invites {
    width: 100%;
    padding: 20px 3%; }
    .popup-wrap .popup-box-invites .popup-text {
      font-size: 15px;
      max-width: 100%;
      word-break: break-all; }

  .content-wrap-leader-campaign .content-inner .post-check .column-1 {
    width: 100%;
    float: none; }
  .content-wrap-leader-campaign .content-inner .post-check .column-2 {
    width: 100%;
    float: none;
    margin-left: 0; }
  .content-wrap-leader-campaign .content-inner .post-input-form .submit-line {
    margin-top: 30px; }
    .content-wrap-leader-campaign .content-inner .post-input-form .submit-line .submit-medium {
      width: 100%;
      height: 50px;
      line-height: 50px;
      padding: 0;
      float: none; }
  .content-wrap-leader-campaign .message-form-box {
    padding: 30px 3%; }
    .content-wrap-leader-campaign .message-form-box .message-ava {
      float: none;
      margin: 0 auto 15px; }
      .content-wrap-leader-campaign .message-form-box .message-ava + .input {
        width: 100%;
        margin-left: 0; }
    .content-wrap-leader-campaign .message-form-box .comment-create {
      float: none;
      width: 100%;
      margin-left: 0; }
  .content-wrap-leader-campaign .comments-block .message {
    padding: 20px 3%; }
    .content-wrap-leader-campaign .comments-block .message .message-info {
      float: none;
      width: 100%; }
      .content-wrap-leader-campaign .comments-block .message .message-info p {
        display: inline-block;
        vertical-align: top;
        margin: 0 2px; }
    .content-wrap-leader-campaign .comments-block .message .message-content {
      margin-right: 0; }
      .content-wrap-leader-campaign .comments-block .message .message-content .message-ava {
        float: none;
        margin: 0 auto 15px; }
      .content-wrap-leader-campaign .comments-block .message .message-content .text p {
        margin-top: 12px; }
      .content-wrap-leader-campaign .comments-block .message .message-content .message-text-wrap {
        margin: 0; }

  .content-wrap-publications-leader .publication-leader-view .post-watch {
    min-height: 1px; }
  .content-wrap-publications-leader .publication-leader-view .publication-sidebar .publication-sidebar-inner {
    padding-bottom: 0; }

  .content-wrap-profile .card-page-form {
    padding: 0 3%; }
    .content-wrap-profile .card-page-form .group {
      padding-top: 90px;
      position: relative;
      overflow: hidden; }
      .content-wrap-profile .card-page-form .group .input-line.card-year {
        width: 47.5%;
        float: left;
        margin: 0 5% 0 0; }
      .content-wrap-profile .card-page-form .group .input-line.card-month {
        width: 47.5%;
        float: left;
        margin: 0; }
      .content-wrap-profile .card-page-form .group .input-line.card-number {
        width: 100%;
        float: none;
        margin: 0;
        position: absolute;
        top: 4px;
        left: 0; }
    .content-wrap-profile .card-page-form .input-line.submit-line {
      margin-top: 30px; }
      .content-wrap-profile .card-page-form .input-line.submit-line .input {
        float: none; }
      .content-wrap-profile .card-page-form .input-line.submit-line .submit-medium {
        height: 50px;
        line-height: 50px;
        padding: 0;
        width: 90%;
        margin: 0 auto 10px;
        display: block; }
      .content-wrap-profile .card-page-form .input-line.submit-line .form-info {
        display: block;
        width: 100%;
        padding: 0;
        clear: both; }

  .leader-analytics .more-posts {
    width: 90%;
    margin-top: 50px; }
  .leader-analytics .top-posts-screen {
    margin-left: 0;
    padding: 30px 0; }
  .leader-analytics .stats-box .stat-item {
    margin: 0 0 10px;
    width: 100%; }
  .leader-analytics .graph-btns button {
    margin: 0 1px; }
  .leader-analytics .top .top-item:after {
    background-size: cover;
    background-repeat: no-repeat; }
  .leader-analytics .top.tripple-top {
    width: 100%;
    margin-bottom: 40px !important;
    margin-left: 0; }
    .leader-analytics .top.tripple-top .bigger-side {
      display: block;
      text-align: center;
      width: 100%; }
    .leader-analytics .top.tripple-top .less-side {
      display: block;
      width: 100%;
      margin-top: 15px;
      padding: 0;
      text-align: center; }
      .leader-analytics .top.tripple-top .less-side .top-item {
        width: 48%;
        display: inline-block;
        vertical-align: top; }
        .leader-analytics .top.tripple-top .less-side .top-item:first-child {
          margin-right: 11px; }
  .leader-analytics .top.long-top .top-list {
    text-align: center; }
    .leader-analytics .top.long-top .top-list .top-item {
      width: 23.5%;
      margin-bottom: 20px; }
  .leader-analytics .top.top-posts .post-wrap {
    width: 100%;
    margin: 0 0 10px 0; }
  .leader-analytics .wrapper-analytics {
    min-width: 1px;
    width: 100%;
    padding: 0 3%; }
    .leader-analytics .wrapper-analytics .text-block {
      width: 100%;
      height: auto;
      position: relative;
      left: auto;
      top: auto;
      bottom: auto;
      right: auto;
      display: block; }
      .leader-analytics .wrapper-analytics .text-block .social-box {
        position: static; }
      .leader-analytics .wrapper-analytics .text-block .share {
        position: static;
        margin-top: 15px; }
    .leader-analytics .wrapper-analytics .aligned-content {
      display: block;
      width: 100%;
      position: relative;
      left: auto;
      top: auto;
      bottom: auto;
      right: auto;
      height: auto;
      margin-bottom: 20px; }
      .leader-analytics .wrapper-analytics .aligned-content .btn-clear {
        width: 100%;
        margin-bottom: 25px; }
      .leader-analytics .wrapper-analytics .aligned-content .count {
        font-size: 100px;
        line-height: 120px; }
      .leader-analytics .wrapper-analytics .aligned-content .label {
        font-size: 25px;
        line-height: 30px;
        margin-top: 10px; }
  .leader-analytics .third-screen {
    margin-left: 0;
    width: 100%; }
    .leader-analytics .third-screen .toolbar {
      height: auto;
      margin-bottom: 40px; }
      .leader-analytics .third-screen .toolbar .wrapper-analytics {
        padding: 0; }
        .leader-analytics .third-screen .toolbar .wrapper-analytics .stats-head {
          width: 100%;
          display: block;
          text-align: center;
          height: 70px;
          line-height: 70px; }
    .leader-analytics .third-screen .socials-wrap {
      float: none;
      display: block;
      width: 100%; }
      .leader-analytics .third-screen .socials-wrap .social {
        width: 100%;
        margin-left: 0;
        height: 70px;
        border-left: none;
        border-top: 1px solid #979797; }
        .leader-analytics .third-screen .socials-wrap .social.active.fb, .leader-analytics .third-screen .socials-wrap .social.active.tw, .leader-analytics .third-screen .socials-wrap .social.active.in {
          border-right: none; }
        .leader-analytics .third-screen .socials-wrap .social.active:after {
          display: none; }
  .leader-analytics .second-screen {
    margin-left: 0;
    min-height: 1px;
    height: auto; }

  .content-wrap-analytics-leader:after {
    display: none; }
  .content-wrap-analytics-leader .graph-small-box {
    padding: 30px 3%; }
    .content-wrap-analytics-leader .graph-small-box .content-header.simple {
      float: none;
      width: 80%;
      display: inline-block;
      vertical-align: top; }
    .content-wrap-analytics-leader .graph-small-box .stat-value {
      float: none;
      width: 18%;
      text-align: right;
      display: inline-block;
      vertical-align: top;
      padding-top: 0; }
  .content-wrap-analytics-leader .container-full {
    margin: 0; }
    .content-wrap-analytics-leader .container-full [class*="col-"] ~ [class*="col-"] {
      border-left: none; }
    .content-wrap-analytics-leader .container-full [class*="column"]:first-child .graph-small-box,
    .content-wrap-analytics-leader .container-full .graph-small-box {
      padding-right: 3%; }

  #subscription-index .plans, .invoices_wrapper {
    width: 95%; }

  .ss-subscribe-button {
    width: 160px; } }
@media screen and (max-width: 980px) {
  .group-expand {
    display: flex !important;
    flex-direction: column;
    align-items: center; }

  .column-expand {
    width: 100% !important;
    display: block !important;
    text-align: center !important; }

  .group-inline {
    display: inline-flex; }

  .infl-params-inline {
    float: none !important; }

  .float-none {
    float: none !important; }

  .column-flex-container {
    display: flex !important;
    align-items: flex-end;
    float: none !important;
    justify-content: center; }

  .block-expand {
    flex: 1 1 400px;
    max-width: 400px;
    margin-left: 50px; }

  .icon-campaign-control-sm {
    float: none !important;
    height: 45px !important;
    flex: 0 0 50px; } }
@media (min-width: 700px) and (max-width: 980px) {
  input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0; }

  body {
    min-width: 1px;
    width: 100%; }
    body .header,
    body .content-wrap {
      min-width: 1px;
      margin-top: 0;
      width: calc(100% - 90px);
      padding-top: 20px; }
      body .header .content-nav-wrap,
      body .content-wrap .content-nav-wrap {
        padding: 10px 3% 20px; }
        body .header .content-nav-wrap .tab-controls,
        body .content-wrap .content-nav-wrap .tab-controls {
          display: block;
          float: none;
          margin-bottom: 15px; }
        body .header .content-nav-wrap .content-nav,
        body .content-wrap .content-nav-wrap .content-nav {
          float: none;
          width: 100%;
          display: inline-block;
          vertical-align: top; }
          body .header .content-nav-wrap .content-nav a,
          body .header .content-nav-wrap .content-nav .nav-item,
          body .content-wrap .content-nav-wrap .content-nav a,
          body .content-wrap .content-nav-wrap .content-nav .nav-item {
            font-size: 22px;
            line-height: 28px; }
          body .header .content-nav-wrap .content-nav .arrow-toggle-wrap,
          body .content-wrap .content-nav-wrap .content-nav .arrow-toggle-wrap {
            margin-top: 7px; }
            body .header .content-nav-wrap .content-nav .arrow-toggle-wrap .arrow-toggle-right,
            body .content-wrap .content-nav-wrap .content-nav .arrow-toggle-wrap .arrow-toggle-right {
              margin-left: 15px; }
    body .header {
      padding-top: 0; }

  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .container-full {
    width: 100%;
    min-width: 1px;
    margin: 0; }

  .header-bottom {
    width: 100%;
    min-width: 1px; }

  .header-nav-bottom {
    min-width: 1px;
    width: 100%;
    display: block; }
    .header-nav-bottom ul {
      display: block;
      list-style: none;
      width: 100%; }
      .header-nav-bottom ul li {
        display: block;
        float: none;
        width: 100%; }
        .header-nav-bottom ul li a,
        .header-nav-bottom ul li span.nav-item {
          width: 100%;
          min-width: 1px;
          padding: 13px; }
        .header-nav-bottom ul li.width-fixed {
          width: 100%;
          float: none;
          border-bottom: 6px solid #fff; }
    .header-nav-bottom .header-nav-bottom a,
    .header-nav-bottom .header-nav-bottom,
    .header-nav-bottom span.nav-item {
      min-width: 1px;
      width: 100%; }

  .header-top {
    padding: 20px 3% 20px; }

  .campaigns-list {
    width: 100%;
    padding: 0 3%; }
    .campaigns-list .no-campaign-text {
      width: 100%; }

  .header-nav {
    text-align: center; }
    .header-nav a,
    .header-nav a.nav-item {
      float: none;
      display: block; }
    .header-nav span.nav-item {
      float: none;
      display: inline-block; }
    .header-nav .button.button-create {
      width: 100%;
      margin-top: 5px;
      float: none;
      margin-left: 0;
      min-width: 1px; }

  .wiselinks_preloader {
    margin-left: -40px; }

  .group:after {
    display: none; }

  .ccp-overlay {
    position: fixed; }
    .ccp-overlay:after {
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      content: ''; }
    .ccp-overlay .popup-close {
      right: 20px;
      top: 20px; }

  .ccp-column {
    width: 100%; }
    .ccp-column .ccp-container {
      width: 100%;
      height: auto;
      padding-top: 100px; }
      .ccp-column .ccp-container .ccp-heading {
        width: 100%;
        padding: 0 3%;
        font-size: 27px;
        line-height: 31px; }
      .ccp-column .ccp-container .ccp-buttons-container {
        width: 100%;
        padding: 0 7%; }
        .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column {
          width: 100%;
          margin-left: 0;
          margin-bottom: 25px;
          float: none;
          height: auto;
          position: relative; }
          .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column .ccp-button-add {
            top: 33px;
            right: -17px; }
          .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column .ccp-button-description {
            width: 100%;
            text-align: left;
            margin-top: 15px; }
          .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column .ccp-button-default,
          .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column .ccp-button-locked {
            width: 100%;
            height: 50px;
            line-height: 50px; }
          .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column:nth-child(3) {
            margin-bottom: 0; }
            .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column:nth-child(3) .ccp-button-description {
              padding-right: 29px; }
          .ccp-column .ccp-container .ccp-buttons-container .ccp-button-column:nth-child(2) {
            display: none; }

  .ccp-hint {
    width: 94%;
    margin: 0 3%;
    padding: 30px 3%;
    bottom: auto;
    vertical-align: middle;
    top: 100px !important; }
    .ccp-hint .ccp-hint-heading {
      width: 100%;
      font-size: 20px;
      line-height: 24px;
      height: auto; }
    .ccp-hint .ccp-link-hide {
      margin-top: 20px; }
    .ccp-hint .ccp-button-subscribe {
      width: 100%;
      height: 40px;
      line-height: 40px;
      font-size: 15px; }

  .content-wrap-calendar .content-inner {
    padding: 0 0 30px; }
    .content-wrap-calendar .content-inner .calendar-heading {
      width: 100%;
      display: block;
      overflow: hidden;
      margin: 10px 0 10px; }
      .content-wrap-calendar .content-inner .calendar-heading .day {
        display: block;
        float: left;
        width: 14.28%; }
    .content-wrap-calendar .content-inner .calendar {
      overflow: hidden; }
      .content-wrap-calendar .content-inner .calendar .calendar-week .calendar-day {
        height: 60px;
        border-color: #f2f2f2; }
        .content-wrap-calendar .content-inner .calendar .calendar-week .calendar-day .day-inner {
          height: 100%;
          padding-top: 0; }
          .content-wrap-calendar .content-inner .calendar .calendar-week .calendar-day .day-inner .calendar-create {
            padding: 0; }
            .content-wrap-calendar .content-inner .calendar .calendar-week .calendar-day .day-inner .calendar-create span.text {
              margin-top: 45px;
              font-size: 0;
              line-height: 0;
              color: transparent; }
              .content-wrap-calendar .content-inner .calendar .calendar-week .calendar-day .day-inner .calendar-create span.text:before {
                width: 100%;
                background-position: center 0; }
          .content-wrap-calendar .content-inner .calendar .calendar-week .calendar-day .day-inner .calendar-date {
            position: static;
            font-size: 13px;
            font-weight: 500;
            padding: 4px;
            margin-left: 0; }

  .content-nav .input-line {
    margin-top: 20px; }
    .content-nav .input-line .button {
      padding: 0;
      height: 35px;
      line-height: 35px; }
    .content-nav .input-line .checkbox {
      width: 100%;
      margin-right: 0 !important; }
      .content-nav .input-line .checkbox .checker + span {
        padding-left: 35px;
        padding-top: 0; }

  .campaigns-list .campaign-list-item {
    padding: 20px 20px 20px 35px;
    overflow: hidden;
    clear: both; }
    .campaigns-list .campaign-list-item .icon-campaign-list {
      left: 0;
      top: 25px; }
    .campaigns-list .campaign-list-item .campaign-list-item-controls {
      float: left;
      clear: both; }
    .campaigns-list .campaign-list-item.campaign-list-item-past .icon-campaign-list {
      top: 30px; }

  .publication {
    padding-left: 25px;
    padding-right: 3%; }
    .publication .campaign-started:before {
      left: -45px; }
    .publication .publication-box .post-box {
      width: 100%; }
    .publication .publication-sidebar {
      position: static;
      width: 550px;
      overflow: hidden; }
      .publication .publication-sidebar .sidebar-toggle-box {
        display: none; }
      .publication .publication-sidebar .publication-stat-box {
        width: 50%;
        float: left; }
      .publication .publication-sidebar .publication-author-controls {
        width: 50%;
        float: left;
        padding: 70px 0 0;
        position: static; }
      .publication .publication-sidebar .publication-sidebar-inner {
        min-height: 1px;
        padding-bottom: 0; }
        .publication .publication-sidebar .publication-sidebar-inner .publication-author-controls .button {
          padding: 12px 6px; }

  .inbox_pagination_container .inbox-dialogue-box {
    padding: 20px 3%; }

  .sidebar {
    top: 0; }

  .content-wrap.content-wrap-message {
    padding-top: 0; }

  .infobox-wrap .infobox-inline .text-box {
    width: 100%;
    text-align: left;
    float: none;
    margin-bottom: 15px;
    padding: 0 3%; }
    .infobox-wrap .infobox-inline .text-box:last-child {
      margin-bottom: 0; }

  .campaign-leader {
    display: block;
    overflow: hidden; }
    .campaign-leader > div {
      display: block;
      width: 100%;
      padding: 9px 3%;
      clear: both;
      border-bottom: 1px solid #f1f1f1; }
      .campaign-leader > div .campaign-person .image {
        float: none;
        text-align: center;
        margin-right: 0; }
      .campaign-leader > div.campaign-column-price {
        border-left: none; }
      .campaign-leader > div.campaign-column-control {
        padding-right: 3%; }
        .campaign-leader > div.campaign-column-control .color-red {
          line-height: 45px; }
      .campaign-leader > div.campaign-column-control.is_public {
        border-left: 1px solid #f1f1f1;
        padding-right: 3%;
        width: 50%; }
        .campaign-leader > div.campaign-column-control.is_public .button {
          width: 100%;
          padding: 10px 0;
          min-width: 1px; }
      .campaign-leader > div.campaign-column-name {
        width: 100%;
        display: block; }
      .campaign-leader > div.campaign-column-price, .campaign-leader > div.campaign-column-rating {
        width: 100%;
        padding: 10px 3%;
        overflow: hidden;
        display: block; }
      .campaign-leader > div.campaign-column-coverage {
        padding: 12px 3% 13px; }
      .campaign-leader > div.campaign-column-coverage, .campaign-leader > div.campaign-column-control {
        float: left;
        width: 50%;
        clear: none; }
    .campaign-leader .leader-screenshots-wrapper {
      display: none; }
      .campaign-leader .leader-screenshots-wrapper .leader-screenshots {
        justify-content: center; }

  .container-left {
    width: 100%;
    margin: 0;
    padding: 0 3%; }
    .container-left .dl-inline dt {
      padding: 10px 0;
      width: 35%; }
    .container-left .dl-inline dd {
      margin-left: 40%;
      width: 60%;
      padding: 10px 0;
      word-break: break-all;
      word-wrap: break-word; }
      .container-left .dl-inline dd .link {
        max-width: 100%;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .container-left .dl-inline dd .social-box-wrap .social-box {
        margin: 0 5px 5px 0; }

  .content-wrap-leader-campaign .no-campaign-text,
  .content-wrap-analytics .no-campaign-text {
    width: 100%;
    padding: 0 3%;
    margin-top: 15px;
    font-size: 20px; }

  .social-icons {
    clear: both;
    float: none;
    width: 100%; }

  .update-text {
    padding-top: 10px;
    clear: both; }

  .analytics-sort {
    float: right;
    padding: 10px 0;
    margin-top: 0;
    margin-right: 0; }
    .analytics-sort .select2-container {
      min-width: 190px;
      max-width: 190px; }

  .container-full .publications-count {
    clear: both;
    margin: 0 0 0 10px; }
  .container-full .col-6 {
    float: none;
    width: 100%;
    border-right: none; }
    .container-full .col-6 .content-header {
      padding: 0 3%;
      margin-bottom: 10px; }
    .container-full .col-6 .graph-small-box {
      margin-left: 0; }
    .container-full .col-6 .graph-inline {
      text-align: center;
      display: block; }
      .container-full .col-6 .graph-inline .graph-legend {
        text-align: left;
        width: 80%;
        margin: 10px 10%; }
    .container-full .col-6 .summary-box {
      border-bottom: 1px solid #dcdcdc; }
    .container-full .col-6 .icon-text-wrap {
      display: block;
      width: 100%; }
      .container-full .col-6 .icon-text-wrap .icon-text-box {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin: 10px 0;
        padding: 0 5%; }
  .container-full .graph-interraction-box {
    padding: 25px 3% 0; }
  .container-full .graph-interraction {
    padding-bottom: 15px; }

  [class*="col-"] ~ [class*="col-"] {
    margin-left: 0;
    border-right: none; }

  .export-box {
    padding: 25px 5%; }
    .export-box .button {
      width: 100%;
      padding: 15px 0 12px; }

  .container-full .lf-column .lf-item .lfi-input-group {
    margin-right: 0; }
  .container-full .lf-column .lf-item .lfi-header {
    padding-right: 0; }
    .container-full .lf-column .lf-item .lfi-header .lf-label {
      margin-left: 4px; }

  .influencers-list {
    clear: both;
    width: 100%; }
    .influencers-list .infl-item {
      clear: both;
      position: relative;
      overflow: hidden; }
      .influencers-list .infl-item .container-full {
        overflow: hidden; }
        .influencers-list .infl-item .container-full .infl-text {
          margin: 0 0 0;
          max-width: 100px;
          position: absolute;
          bottom: 0;
          left: 0; }

  .header-nav a ~ a,
  .header-nav a ~ .nav-item,
  .header-nav .nav-item ~ a,
  .header-nav .nav-item ~ .nav-item,
  .header-nav .nav-item ~ a,
  .header-nav .nav-item ~ .nav-item {
    margin-left: 0; }

  .header .exit-link {
    float: none;
    margin-top: 20px; }

  .cbl + .cbr {
    margin-left: 0; }

  .about-text {
    width: 100%;
    text-align: center;
    padding: 0 5%; }

  .cbr .content-box-inner {
    float: none; }

  .content-wrap-profile .form-inline {
    padding: 0 3%; }
  .content-wrap-profile .content-box {
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
    text-align: center; }
    .content-wrap-profile .content-box .profile_avatar_uploader {
      min-height: 150px;
      width: 150px;
      display: inline-block; }
      .content-wrap-profile .content-box .profile_avatar_uploader .uploader-dnd-hints {
        width: 150px;
        height: 150px; }
        .content-wrap-profile .content-box .profile_avatar_uploader .uploader-dnd-hints .fileinput-button {
          width: 100%;
          height: 100%;
          background-size: 150px; }
          .content-wrap-profile .content-box .profile_avatar_uploader .uploader-dnd-hints .fileinput-button .icon-ava {
            margin-top: 25px; }
  .content-wrap-profile .content-box {
    float: none;
    width: 100%; }
    .content-wrap-profile .content-box .input-line {
      width: 100%;
      padding: 0 1%;
      margin: 0 0 18px; }
      .content-wrap-profile .content-box .input-line.submit-line input {
        height: 55px; }
      .content-wrap-profile .content-box .input-line .social-box.social-control {
        margin-right: 10px;
        margin-left: 0px;
        width: 47%;
        margin-bottom: 4px;
        max-width: 126.5px; }
        .content-wrap-profile .content-box .input-line .social-box.social-control .icon {
          width: 100%; }
          .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-vk {
            background-position: -145px 0; }
            .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-vk:after {
              background-position: -145px -55px; }
          .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-gg {
            background-position: -390px -106px; }
            .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-gg:after {
              background-position: -390px -147px; }
          .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-tw {
            background-position: -285px 0; }
            .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-tw:after {
              background-position: -285px -55px; }
          .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-fb {
            background-position: -5px 0; }
            .content-wrap-profile .content-box .input-line .social-box.social-control .icon.icon-fb:after {
              background-position: -5px -55px; }
        .content-wrap-profile .content-box .input-line .social-box.social-control:nth-child(2n) {
          margin-right: 0; }
      .content-wrap-profile .content-box .input-line .label-box {
        width: 100%;
        display: block;
        padding: 0 0 2px 0; }
        .content-wrap-profile .content-box .input-line .label-box label {
          float: left; }
        .content-wrap-profile .content-box .input-line .label-box span {
          float: right;
          font-size: 12px;
          margin-top: 0;
          max-width: 61%;
          text-align: right; }
          .content-wrap-profile .content-box .input-line .label-box span br {
            display: none; }
      .content-wrap-profile .content-box .input-line .input {
        width: 100%;
        float: none;
        display: block;
        text-align: center;
        margin-left: 0; }
        .content-wrap-profile .content-box .input-line .input.socials {
          padding: 0 4%; }
        .content-wrap-profile .content-box .input-line .input input {
          width: 100%; }
        .content-wrap-profile .content-box .input-line .input input:not([type="submit"]) {
          text-align: left; }
        .content-wrap-profile .content-box .input-line .input .select2-container {
          text-align: left; }
  .content-wrap-profile fieldset ~ fieldset {
    margin-top: 0px; }
    .content-wrap-profile fieldset ~ fieldset .input-line.submit-line {
      margin-top: 30px; }
      .content-wrap-profile fieldset ~ fieldset .input-line.submit-line input {
        height: 45px;
        line-height: 45px;
        padding: 0; }

  .content-wrap.content-wrap-campaign {
    padding-top: 0; }
    .content-wrap.content-wrap-campaign .sidebar {
      width: 100%;
      position: static;
      padding: 15px 3%; }
      .content-wrap.content-wrap-campaign .sidebar .new-campaign-nav ul li {
        margin: 0;
        width: 32.5%;
        display: inline-block;
        vertical-align: top;
        padding-left: 0;
        padding-top: 30px;
        text-align: center;
        margin-bottom: 11px; }
        .content-wrap.content-wrap-campaign .sidebar .new-campaign-nav ul li a {
          padding-left: 0;
          left: 0;
          font-size: 14px;
          line-height: 16px !important; }
        .content-wrap.content-wrap-campaign .sidebar .new-campaign-nav ul li:after {
          display: none; }
        .content-wrap.content-wrap-campaign .sidebar .new-campaign-nav ul li:before {
          left: 50%;
          margin-left: -6.5px;
          top: 3px; }
        .content-wrap.content-wrap-campaign .sidebar .new-campaign-nav ul li.active:before {
          top: 0; }
        .content-wrap.content-wrap-campaign .sidebar .new-campaign-nav ul li.active:after {
          margin-left: -9px; }
    .content-wrap.content-wrap-campaign .content {
      margin-left: 0;
      width: 100%;
      padding: 20px 3%; }
      .content-wrap.content-wrap-campaign .content h2 {
        margin-top: 25px; }
      .content-wrap.content-wrap-campaign .content .buttonset .square-button {
        width: 100%;
        margin: 0; }
      .content-wrap.content-wrap-campaign .content .datepicker-wrap {
        width: 46%; }
        .content-wrap.content-wrap-campaign .content .datepicker-wrap input {
          font-size: 14px; }
      .content-wrap.content-wrap-campaign .content .campaign-buttons .text {
        font-size: 13px;
        padding-left: 24px; }
      .content-wrap.content-wrap-campaign .content .social-buttons {
        overflow: hidden; }
        .content-wrap.content-wrap-campaign .content .social-buttons .radio-button {
          width: 48%;
          margin: 0 1% 6px 0; }
          .content-wrap.content-wrap-campaign .content .social-buttons .radio-button:nth-child(2) {
            margin-right: 0; }
    .content-wrap.content-wrap-campaign .input-line.submit-line {
      clear: both; }
    .content-wrap.content-wrap-campaign .input-line.submit-line.show-leaders-line {
      position: static;
      margin-top: 0px;
      padding-top: 20px; }
    .content-wrap.content-wrap-campaign .input-line .campaign_budget_input {
      width: 100%; }
    .content-wrap.content-wrap-campaign .input-line.slider-line .label-box {
      width: 100%;
      float: none; }
      .content-wrap.content-wrap-campaign .input-line.slider-line .label-box label {
        font-size: 12px;
        line-height: 14px;
        display: block;
        width: 100%; }
    .content-wrap.content-wrap-campaign .input-line.slider-line .input {
      width: 100%;
      margin-left: 0; }
    .content-wrap.content-wrap-campaign .input-line.slider-line .choose-gender {
      margin-bottom: 0; }
      .content-wrap.content-wrap-campaign .input-line.slider-line .choose-gender .radio-button {
        width: 33.4%;
        margin-left: -1px;
        margin-right: 0; }
    .content-wrap.content-wrap-campaign .heading-editable h1 {
      margin: 0;
      padding: 0 0 29px; }
    .content-wrap.content-wrap-campaign .heading-editable .edit.he-edit {
      opacity: 1;
      visibility: visible; }
    .content-wrap.content-wrap-campaign .final-content {
      margin-top: 0; }
      .content-wrap.content-wrap-campaign .final-content .public_campaign {
        max-width: 100%;
        width: 100%;
        float: none; }
        .content-wrap.content-wrap-campaign .final-content .public_campaign .dl-inline dt {
          width: 35%;
          float: left;
          margin-right: 3%;
          padding: 5px 0; }
        .content-wrap.content-wrap-campaign .final-content .public_campaign .dl-inline dd {
          float: left;
          margin-left: 0;
          width: 62%;
          padding-top: 5px; }
          .content-wrap.content-wrap-campaign .final-content .public_campaign .dl-inline dd .label-wrap {
            margin: 0;
            display: block; }
            .content-wrap.content-wrap-campaign .final-content .public_campaign .dl-inline dd .label-wrap .label:first-child {
              margin-left: 0; }
      .content-wrap.content-wrap-campaign .final-content .final {
        width: 100%;
        float: none;
        margin: 0;
        clear: both;
        border-color: #aba6a6; }
        .content-wrap.content-wrap-campaign .final-content .final .change-settings {
          position: static;
          margin-bottom: 10px; }
        .content-wrap.content-wrap-campaign .final-content .final .submit-line [type="submit"] {
          height: 50px;
          line-height: 50px; }

  .select2-drop-multi .select2-country-dropdown {
    margin-right: 0;
    width: 100%;
    height: 260px; }

  .select2-drop-multi .select2-country-dropdown .select2-results {
    max-height: 260px; }

  .content-wrap-billing .sidebar .billing-infobox-wrap {
    margin-left: 0;
    overflow: hidden; }
    .content-wrap-billing .sidebar .billing-infobox-wrap + hr {
      display: none; }

  .content-wrap-campaign .content-inner .choose-buttons {
    margin-bottom: 20px;
    display: block; }
  .content-wrap-campaign .content-inner .group .input-line.card-year {
    margin: 10px 0 0 0;
    display: inline-block;
    vertical-align: bottom;
    width: 20%;
    float: none; }
  .content-wrap-campaign .content-inner .group .input-line.card-month {
    margin: 10px 0 0 0;
    display: inline-block;
    vertical-align: bottom;
    width: 20%;
    float: none; }
  .content-wrap-campaign .content-inner .group .input-line.card-number {
    margin: 10px 0 0 0;
    display: inline-block;
    vertical-align: bottom;
    width: 56%;
    float: none; }
    .content-wrap-campaign .content-inner .group .input-line.card-number input {
      padding: 15px 10px; }
  .content-wrap-campaign .content-inner .group .input-line.default-card {
    float: none;
    width: 100%;
    margin-top: 25px; }
    .content-wrap-campaign .content-inner .group .input-line.default-card .checkbox .text {
      line-height: 21px; }
  .content-wrap-campaign .content-inner .group .input-line.card-cvv {
    float: none; }
  .content-wrap-campaign .content-inner .input-line.submit-short [type="submit"] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0; }
  .content-wrap-campaign .ss-container {
    width: 100%; }
    .content-wrap-campaign .ss-container .ss-block-left {
      width: 100%;
      float: none;
      background: none;
      min-height: 1px; }
      .content-wrap-campaign .ss-container .ss-block-left .ss-block-left-container {
        padding: 20px 3%; }
      .content-wrap-campaign .ss-container .ss-block-left .ss-special-price {
        background: #E6E6E6;
        overflow: hidden;
        padding-bottom: 20px; }
        .content-wrap-campaign .ss-container .ss-block-left .ss-special-price .ss-special-price-container .current-price {
          font-size: 40px;
          line-height: 44px; }
    .content-wrap-campaign .ss-container .ss-block-right {
      float: none;
      width: 100%;
      padding: 20px 3%; }

  .content-wrap-campaign-list .campaigns-list .no-data-text {
    width: 100%; }
    .content-wrap-campaign-list .campaigns-list .no-data-text p {
      line-height: 25px;
      font-size: 20px;
      padding: 10px 3%; }
      .content-wrap-campaign-list .campaigns-list .no-data-text p .button {
        float: none;
        padding: 10px 0 6px;
        margin: 10px auto 0;
        width: 50%; }
  .content-wrap-campaign-list .campaigns-list .campaign-list-item {
    padding: 20px 3%; }
    .content-wrap-campaign-list .campaigns-list .campaign-list-item .campaign-list-item-controls {
      float: none;
      width: 100%;
      clear: both;
      margin: 0; }
      .content-wrap-campaign-list .campaigns-list .campaign-list-item .campaign-list-item-controls .icon-cpa {
        width: 80%;
        margin: 20px 10% 0;
        float: none; }

  .content-wrap-profile .link-preview {
    float: none;
    width: 65%;
    margin: 10px auto;
    display: block; }
  .content-wrap-profile .content-box.cbl .profile-info-wrap {
    clear: both;
    text-align: left; }
    .content-wrap-profile .content-box.cbl .profile-info-wrap > div {
      float: none;
      display: inline-block;
      vertical-align: top; }
      .content-wrap-profile .content-box.cbl .profile-info-wrap > div:first-child .tooltip.tooltip-price {
        min-width: 190px;
        left: -35px; }
        .content-wrap-profile .content-box.cbl .profile-info-wrap > div:first-child .tooltip.tooltip-price:before {
          left: 34px; }
      .content-wrap-profile .content-box.cbl .profile-info-wrap > div .tooltip.tooltip-price {
        min-width: 190px;
        left: -95px; }
        .content-wrap-profile .content-box.cbl .profile-info-wrap > div .tooltip.tooltip-price:before {
          left: 50%; }
  .content-wrap-profile .content-box.cbr .input-line:after {
    display: none; }
  .content-wrap-profile .content-box.cbr .input-line .select2-container {
    display: block; }
  .content-wrap-profile .content-box.cbr .input-line.checkbox-line .input {
    text-align: left; }
    .content-wrap-profile .content-box.cbr .input-line.checkbox-line .input label {
      width: 100%; }
      .content-wrap-profile .content-box.cbr .input-line.checkbox-line .input label > span {
        max-width: 80%; }
  .content-wrap-profile .content-box.cbr .input-line label {
    text-align: left; }
    .content-wrap-profile .content-box.cbr .input-line label span {
      float: none; }
  .content-wrap-profile .content-inner {
    padding-top: 20px; }
  .content-wrap-profile .form-inline .label-box {
    width: 100%;
    text-align: left;
    display: block;
    margin-bottom: 5px; }
  .content-wrap-profile .form-inline .input-line.checkbox-line .text {
    padding-left: 15px; }
  .content-wrap-profile .form-inline .input-line.checkbox-line .radio span {
    max-width: 100% !important; }
  .content-wrap-profile .form-inline .input-line.checkbox-line .checker {
    position: relative; }
  .content-wrap-profile .form-inline-2 .social-box.brand-form {
    margin-top: 15px; }
    .content-wrap-profile .form-inline-2 .social-box.brand-form .submit_row {
      display: block;
      margin: 10px auto;
      width: 35%; }
  .content-wrap-profile .form-inline-2 .input-line {
    margin-top: 20px; }
    .content-wrap-profile .form-inline-2 .input-line .label-box {
      float: none;
      margin-top: 15px;
      display: inline-block;
      vertical-align: top;
      padding-right: 0; }
      .content-wrap-profile .form-inline-2 .input-line .label-box .button {
        width: 40%;
        display: block;
        margin: 10px auto; }
    .content-wrap-profile .form-inline-2 .input-line .input {
      margin-left: 0; }
    .content-wrap-profile .form-inline-2 .input-line .profile-social-wrap.justify {
      margin: 0; }
      .content-wrap-profile .form-inline-2 .input-line .profile-social-wrap.justify:after {
        display: none; }
    .content-wrap-profile .form-inline-2 .input-line .profile-social-wrap .social-box-big {
      width: 40%; }
      .content-wrap-profile .form-inline-2 .input-line .profile-social-wrap .social-box-big:last-child {
        margin-bottom: 0; }

  .popup-showleft {
    min-width: 1px;
    width: 100%;
    left: 0; }
    .popup-showleft .popup-close {
      top: 10px;
      right: 10px;
      background: url(/assets/publications/popup_close_black.png) no-repeat;
      z-index: 20; }
    .popup-showleft .popup-box {
      float: none;
      width: 100%;
      padding: 20px 4%; }
      .popup-showleft .popup-box .popup-article-list {
        position: relative;
        left: 0;
        top: auto;
        width: 100%;
        padding: 20px 4%;
        border-top: 1px solid #e0e0e0;
        margin-top: 20px;
        height: auto; }

  .popup-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .popup-wrap .popup-box-outer {
    left: 0;
    top: 0;
    width: calc(100% - 90px);
    margin-left: 90px;
    padding: 80px 4% 20px; }
    .popup-wrap .popup-box-outer .children-number {
      line-height: 80px;
      font-size: 80px;
      margin-bottom: 10px;
      float: none;
      display: block;
      width: 100%;
      text-align: center;
      padding: 0; }
    .popup-wrap .popup-box-outer .popup-text {
      display: block;
      width: 100%;
      text-align: center; }
  .popup-wrap .popup-box-invites {
    width: calc(100% - 90px);
    margin-left: 90px;
    padding: 20px 3%; }
    .popup-wrap .popup-box-invites .popup-text {
      font-size: 15px;
      max-width: 100%;
      word-break: break-all; }

  .leader-analytics {
    margin-left: 90px; }
    .leader-analytics .top-posts-screen {
      margin-left: 0;
      padding: 30px 0; }
    .leader-analytics .stats-box .stat-item {
      margin: 0 0 10px;
      width: 100%; }
    .leader-analytics .graph-btns button {
      margin: 0 1px; }
    .leader-analytics .top .top-item:after {
      background-size: cover;
      background-repeat: no-repeat; }
    .leader-analytics .top.tripple-top {
      width: 100%;
      margin-bottom: 40px !important;
      margin-left: 0; }
      .leader-analytics .top.tripple-top .bigger-side {
        display: block;
        text-align: center;
        width: 100%; }
      .leader-analytics .top.tripple-top .less-side {
        display: block;
        width: 100%;
        margin-top: 15px;
        padding: 0;
        text-align: center; }
        .leader-analytics .top.tripple-top .less-side .top-item {
          width: 48%;
          display: inline-block;
          vertical-align: top; }
          .leader-analytics .top.tripple-top .less-side .top-item:first-child {
            margin-right: 24px; }
    .leader-analytics .top.long-top .top-list {
      text-align: center; }
      .leader-analytics .top.long-top .top-list .top-item {
        width: 23.5%;
        margin-bottom: 20px; }
    .leader-analytics .top.top-posts .post-wrap {
      width: 100%;
      margin: 0 0 10px 0; }
    .leader-analytics .wrapper-analytics {
      min-width: 1px;
      width: 100%;
      padding: 0 3%; }
      .leader-analytics .wrapper-analytics .text-block {
        width: 100%;
        height: auto;
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        display: block; }
        .leader-analytics .wrapper-analytics .text-block .social-box {
          position: static; }
        .leader-analytics .wrapper-analytics .text-block .share {
          position: static;
          margin-top: 15px; }
      .leader-analytics .wrapper-analytics .aligned-content {
        display: block;
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        height: auto;
        margin-bottom: 20px; }
        .leader-analytics .wrapper-analytics .aligned-content .btn-clear {
          width: 100%;
          margin-bottom: 25px; }
        .leader-analytics .wrapper-analytics .aligned-content .count {
          font-size: 100px;
          line-height: 120px; }
        .leader-analytics .wrapper-analytics .aligned-content .label {
          font-size: 25px;
          line-height: 30px;
          margin-top: 10px; }
    .leader-analytics .third-screen {
      margin-left: 0;
      width: 100%; }
      .leader-analytics .third-screen .toolbar {
        height: auto;
        margin-bottom: 40px; }
        .leader-analytics .third-screen .toolbar .wrapper-analytics {
          padding: 0; }
          .leader-analytics .third-screen .toolbar .wrapper-analytics .stats-head {
            width: 100%;
            display: block;
            text-align: center;
            height: 70px;
            line-height: 70px; }
      .leader-analytics .third-screen .socials-wrap {
        float: none;
        display: block;
        width: 100%; }
        .leader-analytics .third-screen .socials-wrap .social {
          width: 100%;
          margin-left: 0;
          height: 70px;
          border-left: none;
          border-top: 1px solid #979797; }
          .leader-analytics .third-screen .socials-wrap .social.active.fb, .leader-analytics .third-screen .socials-wrap .social.active.tw, .leader-analytics .third-screen .socials-wrap .social.active.in {
            border-right: none; }
          .leader-analytics .third-screen .socials-wrap .social.active:after {
            display: none; }
    .leader-analytics .second-screen {
      margin-left: 0;
      min-height: 1px;
      height: auto; }

  .content-wrap-analytics-leader:after {
    display: none; }
  .content-wrap-analytics-leader .graph-small-box {
    padding: 30px 3%; }
    .content-wrap-analytics-leader .graph-small-box .content-header.simple {
      float: none;
      width: 80%;
      display: inline-block;
      vertical-align: top; }
    .content-wrap-analytics-leader .graph-small-box .stat-value {
      float: none;
      width: 18%;
      text-align: right;
      display: inline-block;
      vertical-align: top;
      padding-top: 0; }
  .content-wrap-analytics-leader .container-full {
    margin: 0; }
    .content-wrap-analytics-leader .container-full [class*="col-"] ~ [class*="col-"] {
      border-left: none; }
    .content-wrap-analytics-leader .container-full [class*="column"]:first-child .graph-small-box,
    .content-wrap-analytics-leader .container-full .graph-small-box {
      padding-right: 3%; }

  iframe.twitter-tweet.twitter-tweet-rendered {
    margin: 10px auto 20px; }

  .content-wrap-profile .card-page-form {
    padding: 0 3%; }
    .content-wrap-profile .card-page-form .group {
      padding-top: 90px;
      position: relative;
      overflow: hidden; }
      .content-wrap-profile .card-page-form .group .input-line.card-year {
        width: 47.5%;
        float: left;
        margin: 0 5% 0 0; }
      .content-wrap-profile .card-page-form .group .input-line.card-month {
        width: 47.5%;
        float: left;
        margin: 0; }
      .content-wrap-profile .card-page-form .group .input-line.card-number {
        width: 100%;
        float: none;
        margin: 0;
        position: absolute;
        top: 4px;
        left: 0; }
    .content-wrap-profile .card-page-form .input-line.submit-line {
      margin-top: 30px; }
      .content-wrap-profile .card-page-form .input-line.submit-line .input {
        float: none; }
      .content-wrap-profile .card-page-form .input-line.submit-line .submit-medium {
        height: 50px;
        line-height: 50px;
        padding: 0;
        width: 90%;
        margin: 0 auto 10px;
        display: block; }
      .content-wrap-profile .card-page-form .input-line.submit-line .form-info {
        display: block;
        width: 100%;
        padding: 0;
        clear: both; } }
@media (min-width: 980px) and (max-width: 1025px) {
  .content-inner {
    padding: 40px 0 45px; } }
/*











*/


.nav {
  width: auto;
}

@media (min-width: 700px) and (max-width: 980px) {
  .content-wrap {
    width: auto!important;
  }
}
