/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/css/src/agencies.scss ***!
  \***********************************************************************************************************************/
/* --------------------------------------------------------- */
.hero {
  margin-top: 100px;
  height: 660px;
  background: url(../../5d9c415ac2a3c9fe66eb12f8fa379b79.jpg) no-repeat center top;
  background-size: cover;
}
@media (max-width: 400px) {
  .hero {
    height: calc(100vh - 60px);
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero {
    height: calc(100vh - 60px);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero {
    height: calc(100vh - 60px);
  }
}
@media (max-width: 400px) {
  .hero {
    margin-top: 120px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero {
    margin-top: 120px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero {
    margin-top: 120px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero {
    margin-top: 120px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.hero-title h2 {
  margin: 0;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 66px;
  line-height: 68px;
}
@media (max-width: 400px) {
  .hero-title h2 {
    font-size: 29px;
    line-height: 30px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero-title h2 {
    font-size: 29px;
    line-height: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero-title h2 {
    font-size: 29px;
    line-height: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-title h2 {
    font-size: 29px;
    line-height: 30px;
  }
}
.hero-title h3 {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 50px;
  color: #fff;
  font-weight: 300;
  font-size: 28px;
  line-height: 30px;
}
@media (max-width: 400px) {
  .hero-title h3 {
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 13px;
    line-height: 17px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero-title h3 {
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 13px;
    line-height: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero-title h3 {
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 13px;
    line-height: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-title h3 {
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 13px;
    line-height: 17px;
  }
}

/* --------------------------------------------------------- */
.digitalmix {
  padding: 100px 0 130px;
  text-align: center;
}
@media (max-width: 400px) {
  .digitalmix {
    padding: 50px 0 70px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .digitalmix {
    padding: 50px 0 70px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .digitalmix {
    padding: 50px 0 70px;
  }
}
.digitalmix-title h2 {
  margin: 0;
  color: #111616;
  font-weight: 700;
  font-size: 36px;
}
@media (max-width: 400px) {
  .digitalmix-title h2 {
    font-size: 24px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .digitalmix-title h2 {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .digitalmix-title h2 {
    font-size: 24px;
  }
}
.digitalmix-title hr {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  width: 100px;
  height: 3px;
  background-color: #e92f61;
}
@media (max-width: 400px) {
  .digitalmix-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .digitalmix-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .digitalmix-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .digitalmix-title hr {
    margin-bottom: 20px;
  }
}
.digitalmix-title h3 {
  margin: 0;
  color: #787878;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 400px) {
  .digitalmix-title h3 {
    font-size: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .digitalmix-title h3 {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .digitalmix-title h3 {
    font-size: 15px;
  }
}
.digitalmix-graph {
  padding-top: 60px;
}
@media (max-width: 400px) {
  .digitalmix-graph {
    padding-top: 30px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .digitalmix-graph {
    padding-top: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .digitalmix-graph {
    padding-top: 30px;
  }
}
.digitalmix-graph h2 {
  margin: 0;
  color: #111616;
  font-weight: 700;
  font-size: 26px;
}
@media (max-width: 400px) {
  .digitalmix-graph h2 {
    font-size: 18px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .digitalmix-graph h2 {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .digitalmix-graph h2 {
    font-size: 18px;
  }
}
.digitalmix-graph .graph-desktop {
  margin-left: 10px;
  padding-top: 105px;
  height: 520px;
}
.digitalmix-graph .graph-desktop img, .digitalmix-graph .graph-desktop p {
  position: absolute;
}
.digitalmix-graph .graph-desktop p:before {
  display: none;
}
.digitalmix-graph .graph-desktop img.cone_1 {
  left: 0;
  z-index: 2;
  margin-left: 170px;
  height: 250px;
}
.digitalmix-graph .graph-desktop img.cone_2 {
  left: 0;
  z-index: 1;
  margin-top: 38px;
  margin-left: 295px;
  height: 180px;
}
.digitalmix-graph .graph-desktop img.cone_3 {
  left: 0;
  z-index: 0;
  margin-top: 70px;
  margin-left: 450px;
  height: 115px;
}
.digitalmix-graph .graph-desktop img.cone_4 {
  right: 50%;
  margin-top: 90px;
  margin-right: -105px;
  height: 80px;
}
.digitalmix-graph .graph-desktop img.cone_5 {
  right: 0;
  margin-top: 102px;
  margin-right: 345px;
  height: 55px;
}
.digitalmix-graph .graph-desktop img.cone_6 {
  right: 0;
  margin-top: 112px;
  margin-right: 245px;
  height: 35px;
}
.digitalmix-graph .graph-desktop img.cone_7 {
  right: 0;
  margin-top: 124px;
  margin-right: 170px;
  height: 10px;
}
.digitalmix-graph .graph-desktop img.line_bottom_47 {
  bottom: 0;
  left: 0;
  z-index: 2;
  margin-bottom: 133px;
  margin-left: 290px;
}
.digitalmix-graph .graph-desktop img.line_bottom_68 {
  bottom: 0;
  left: 0;
  z-index: 1;
  margin-bottom: 139px;
  margin-left: 383px;
}
.digitalmix-graph .graph-desktop img.line_bottom_55 {
  bottom: 0;
  left: 0;
  margin-bottom: 20px;
  margin-bottom: 187px;
  margin-left: 20px;
  margin-left: 524px;
}
.digitalmix-graph .graph-desktop img.line_bottom_75 {
  right: 0;
  bottom: 0;
  margin-right: 478px;
  margin-bottom: 180px;
}
.digitalmix-graph .graph-desktop img.line_bottom_59 {
  right: 0;
  bottom: 0;
  margin-right: 200px;
  margin-bottom: 224px;
}
.digitalmix-graph .graph-desktop img.line_left {
  bottom: 0;
  left: 0;
  z-index: 2;
  margin-bottom: 286px;
  margin-left: 140px;
}
.digitalmix-graph .graph-desktop img.line_top_87 {
  top: 0;
  left: 0;
  z-index: 1;
  margin-top: 60px;
  margin-left: 340px;
}
.digitalmix-graph .graph-desktop img.line_top_61 {
  top: 0;
  left: 0;
  z-index: 1;
  margin-top: 96px;
  margin-left: 400px;
}
.digitalmix-graph .graph-desktop img.line_top_82 {
  top: 0;
  right: 0;
  margin-top: 130px;
  margin-right: 390px;
}
.digitalmix-graph .graph-desktop img.line_top_64 {
  top: 0;
  right: 0;
  margin-top: 158px;
  margin-right: 300px;
}
.digitalmix-graph .graph-desktop img.line_main_01 {
  top: 0;
  left: 0;
  margin-top: 20px;
  margin-left: 350px;
}
.digitalmix-graph .graph-desktop img.line_main_02 {
  top: 0;
  left: 0;
  z-index: -1;
  margin-top: 20px;
  margin-left: 544px;
}
.digitalmix-graph .graph-desktop img.line_main_03 {
  top: 0;
  left: 0;
  z-index: -1;
  margin-top: 20px;
  margin-left: 740px;
}
.digitalmix-graph .graph-desktop p {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
}
.digitalmix-graph .graph-desktop p.pink {
  color: #e92f61;
}
.digitalmix-graph .graph-desktop p.black {
  color: #111616;
}
.digitalmix-graph .graph-desktop p.premium_display {
  top: 0;
  left: 0;
  margin-top: 55px;
  margin-left: 206px;
  text-align: right;
}
.digitalmix-graph .graph-desktop p.email_marketing {
  top: 0;
  left: 0;
  margin-top: 94px;
  margin-left: 412px;
  text-align: left;
}
.digitalmix-graph .graph-desktop p.email_marketing:before {
  display: none;
}
.digitalmix-graph .graph-desktop p.lead_generation {
  top: 0;
  right: 0;
  margin-top: 131px;
  margin-right: 402px;
}
.digitalmix-graph .graph-desktop p.affiliate_marketing {
  top: 0;
  left: 50%;
  margin-top: 155px;
  margin-left: 254px;
}
.digitalmix-graph .graph-desktop p.mobile_rich {
  top: 0;
  left: 0;
  margin-top: 213px;
  margin-left: 53px;
  text-align: right;
}
.digitalmix-graph .graph-desktop p.influencer_marketing {
  bottom: 0;
  left: 0;
  margin-bottom: 129px;
  margin-left: 114px;
}
.digitalmix-graph .graph-desktop p.web_mobile {
  bottom: 0;
  left: 0;
  margin-bottom: 137px;
  margin-left: 393px;
  text-align: left;
}
.digitalmix-graph .graph-desktop p.content_marketing {
  bottom: 0;
  left: 0;
  margin-bottom: 185px;
  margin-left: 440px;
  text-align: right;
}
.digitalmix-graph .graph-desktop p.kwanko_download {
  right: 0;
  bottom: 0;
  margin-right: 391px;
  margin-bottom: 181px;
  text-align: left;
}
.digitalmix-graph .graph-desktop p.retargeting {
  right: 0;
  bottom: 0;
  margin-right: 207px;
  margin-bottom: 222px;
}
.digitalmix-graph .graph-desktop p.retargeting:before {
  display: none;
}
.digitalmix-graph .graph-desktop .bottom {
  position: absolute;
  bottom: 0;
  margin-bottom: -30px;
  margin-left: 144px;
}
.digitalmix-graph .graph-desktop .bottom .block {
  display: inline-block;
  width: 190px;
}
.digitalmix-graph .graph-desktop .bottom .top {
  color: #dadada;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 46px;
  font-family: "Montserrat";
}
.digitalmix-graph .graph-desktop .bottom .middle {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 25px;
}
.digitalmix-graph .graph-desktop .bottom .middle.black {
  background: linear-gradient(to right, #696868, #111616);
}
.digitalmix-graph .graph-desktop .bottom .middle.pink {
  background: linear-gradient(to right, #f282a0, #e92f61);
}
.digitalmix-graph .graph-desktop .bottom .bottom-bottom {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 23px;
}
.digitalmix-graph .graph-desktop .bottom .bottom-bottom.black {
  background: -webkit-linear-gradient(left, #696868, #111616);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.digitalmix-graph .graph-desktop .bottom .bottom-bottom.pink {
  background: -webkit-linear-gradient(left, #f282a0, #e92f61);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.digitalmix-graph .graph-mobile {
  padding-top: 32px;
}
.digitalmix-graph .graph-mobile .costper {
  padding-right: 5px;
  padding-left: 5px;
}
@media (max-width: 400px) {
  .digitalmix-graph .graph-mobile .costper {
    padding-bottom: 25px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .digitalmix-graph .graph-mobile .costper {
    padding-bottom: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .digitalmix-graph .graph-mobile .costper {
    padding-bottom: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .digitalmix-graph .graph-mobile .costper {
    padding-bottom: 25px;
  }
}
.digitalmix-graph .graph-mobile .top {
  color: #dadada;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 36px;
}
.digitalmix-graph .graph-mobile .middle {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
}
.digitalmix-graph .graph-mobile .middle.black {
  background: linear-gradient(to right, #696868, #111616);
}
.digitalmix-graph .graph-mobile .middle.pink {
  background: linear-gradient(to right, #f282a0, #e92f61);
}
.digitalmix-graph .graph-mobile .bottom {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 17px;
}
.digitalmix-graph .graph-mobile .bottom.black {
  background: -webkit-linear-gradient(left, #696868, #111616);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.digitalmix-graph .graph-mobile .bottom.pink {
  background: -webkit-linear-gradient(left, #f282a0, #e92f61);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.digitalmix-graph .graph-mobile .details {
  position: relative;
  margin-top: 35px;
  padding: 20px 0;
  height: 180px;
  border: 1px dashed #dadada;
}
.digitalmix-graph .graph-mobile .details:after {
  position: absolute;
  top: -29px;
  right: 50%;
  width: 8px;
  height: 29px;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAdCAYAAACXFC2jAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAAWVJREFUKJGVksGKUzEUhr+mCe2N0C6EQDelTyA64COIa7ez8hEEcTE+gTDoq7gaUNwK7p1lF1O6KXQT2krIvbnhuOitM2S4FA/8HJJ8nHP+QxARROQi53wTY5QYo+Scb0TkQkQYiMjzlNLX7Xa72O/3AEwmE5xzK2PMm0Hbtt82m83r3W6HMQaAlBLT6ZTZbPZ9EEKQ1WrFcDjkYeScWSwWKAARoYzTnTLG3FprSSn9e0wpYa3FGHOrtNZXzrm2qiqapqFpGqqqwjnXaq2v6Gxe1nV9570X773UdX0nIpcnm6fKzzoB/O50D4QQWK/XAMznc6y1AOjlcglAXdccDocPAG3bXo9GoyPgvT/aUYrxePwSIMZICOEIaK0fev9zgpVSR6DYz/tyYSXgS0AV56edeit87vLbPuDJuRl+nQO+lEA55KMogVedelu86/KPPuDR3yuBT+eAnyXw3y4+dupt8aKs8BdUX6UT26Z1pwAAAABJRU5ErkJggg==);
  right-margin: -4px;
}
.digitalmix-graph .graph-mobile .details p {
  margin: 0;
  color: #111616;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}
.digitalmix-graph .graph-mobile .details p:not(:last-child) {
  padding-bottom: 15px;
}

/* --------------------------------------------------------- */
.why {
  padding-top: 100px;
  padding-bottom: 100px;
  background: url(../../6fb256cecd28c9b68c305a5bcbb4ed51.jpg) no-repeat top center;
  background-size: cover;
}
@media (max-width: 400px) {
  .why {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media (max-width: 400px) {
  .why-title {
    margin-bottom: 130px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-title {
    margin-bottom: 130px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-title {
    margin-bottom: 130px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-title {
    margin-bottom: 130px;
  }
}
.why-title h2 {
  margin: 0;
  color: #111616;
  text-align: center;
  font-weight: 700;
  font-size: 36px;
}
@media (max-width: 400px) {
  .why-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-title h2 {
    font-size: 28px;
  }
}
.why-title hr {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  width: 100px;
  height: 3px;
  background-color: #e93162;
}
@media (max-width: 400px) {
  .why-title hr {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-title hr {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-title hr {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-title hr {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
.why-graph {
  height: 440px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-graph {
    height: 480px;
  }
}
@media (max-width: 400px) {
  .why-graph {
    margin-bottom: 150px;
    height: 50px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph {
    margin-bottom: 150px;
    height: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph {
    margin-bottom: 150px;
    height: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph {
    margin-bottom: 150px;
    height: 50px;
  }
}
.why-graph .interior {
  text-align: center;
}
.why-graph .interior img:before {
  display: none;
}
.why-graph .interior img.hover {
  margin: 0 auto;
  margin-top: 150px;
  margin-bottom: 20px;
  width: 35px;
  height: 42px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-graph .interior img.hover {
    margin-top: 180px;
  }
}
@media (max-width: 400px) {
  .why-graph .interior img.hover {
    margin-top: -30px;
    width: 25px;
    height: 29px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph .interior img.hover {
    margin-top: -30px;
    width: 25px;
    height: 29px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph .interior img.hover {
    margin-top: -30px;
    width: 25px;
    height: 29px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph .interior img.hover {
    margin-top: -30px;
    width: 25px;
    height: 29px;
  }
}
.why-graph .interior img.hover:before {
  display: none;
}
.why-graph .interior img.main {
  position: absolute;
  z-index: 2;
  width: 50px;
  height: 50px;
}
@media (max-width: 400px) {
  .why-graph .interior img.main {
    width: 36px;
    height: 36px;
  }
  .why-graph .interior img.main:hover {
    width: 38px;
    height: 38px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph .interior img.main {
    width: 36px;
    height: 36px;
  }
  .why-graph .interior img.main:hover {
    width: 38px;
    height: 38px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph .interior img.main {
    width: 36px;
    height: 36px;
  }
  .why-graph .interior img.main:hover {
    width: 38px;
    height: 38px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph .interior img.main {
    width: 36px;
    height: 36px;
  }
  .why-graph .interior img.main:hover {
    width: 38px;
    height: 38px;
  }
}
.why-graph .interior img.main:hover {
  width: 54px;
  height: 54px;
  cursor: pointer;
}
.why-graph .interior img.main.order_left {
  bottom: 50%;
  left: 75px;
  margin-bottom: -25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-graph .interior img.main.order_left {
    left: 30px;
  }
  .why-graph .interior img.main.order_left:hover {
    left: 28px;
  }
}
@media (max-width: 400px) {
  .why-graph .interior img.main.order_left {
    bottom: 50%;
    left: 50%;
    margin-bottom: -18px;
    margin-left: -145px;
  }
  .why-graph .interior img.main.order_left:hover {
    bottom: 50%;
    left: 50%;
    margin-bottom: -19px;
    margin-left: -146px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph .interior img.main.order_left {
    bottom: 50%;
    left: 50%;
    margin-bottom: -18px;
    margin-left: -145px;
  }
  .why-graph .interior img.main.order_left:hover {
    bottom: 50%;
    left: 50%;
    margin-bottom: -19px;
    margin-left: -146px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph .interior img.main.order_left {
    bottom: 50%;
    left: 50%;
    margin-bottom: -18px;
    margin-left: -145px;
  }
  .why-graph .interior img.main.order_left:hover {
    bottom: 50%;
    left: 50%;
    margin-bottom: -19px;
    margin-left: -146px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph .interior img.main.order_left {
    bottom: 50%;
    left: 50%;
    margin-bottom: -18px;
    margin-left: -145px;
  }
  .why-graph .interior img.main.order_left:hover {
    bottom: 50%;
    left: 50%;
    margin-bottom: -19px;
    margin-left: -146px;
  }
}
.why-graph .interior img.main.order_left:hover {
  left: 73px;
  margin-bottom: -27px;
}
.why-graph .interior img.main.order_top_left {
  top: 22.5%;
  left: 120px;
  margin-top: -25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-graph .interior img.main.order_top_left {
    left: 90px;
  }
  .why-graph .interior img.main.order_top_left:hover {
    left: 88px;
  }
}
@media (max-width: 400px) {
  .why-graph .interior img.main.order_top_left {
    top: 50%;
    left: 50%;
    margin-top: -110px;
    margin-left: -110px;
  }
  .why-graph .interior img.main.order_top_left:hover {
    top: 50%;
    left: 50%;
    margin-top: -111px;
    margin-left: -111px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph .interior img.main.order_top_left {
    top: 50%;
    left: 50%;
    margin-top: -110px;
    margin-left: -110px;
  }
  .why-graph .interior img.main.order_top_left:hover {
    top: 50%;
    left: 50%;
    margin-top: -111px;
    margin-left: -111px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph .interior img.main.order_top_left {
    top: 50%;
    left: 50%;
    margin-top: -110px;
    margin-left: -110px;
  }
  .why-graph .interior img.main.order_top_left:hover {
    top: 50%;
    left: 50%;
    margin-top: -111px;
    margin-left: -111px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph .interior img.main.order_top_left {
    top: 50%;
    left: 50%;
    margin-top: -110px;
    margin-left: -110px;
  }
  .why-graph .interior img.main.order_top_left:hover {
    top: 50%;
    left: 50%;
    margin-top: -111px;
    margin-left: -111px;
  }
}
.why-graph .interior img.main.order_top_left:hover {
  left: 118px;
  margin-top: -27px;
}
.why-graph .interior img.main.order_top {
  top: 10px;
  left: 50%;
  margin-left: -25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-graph .interior img.main.order_top {
    top: 30px;
  }
  .why-graph .interior img.main.order_top:hover {
    top: 28px;
  }
}
@media (max-width: 400px) {
  .why-graph .interior img.main.order_top {
    right: 50%;
    left: auto;
    margin-top: -130px;
    margin-right: -18px;
  }
  .why-graph .interior img.main.order_top:hover {
    right: 50%;
    left: auto;
    margin-top: -129px;
    margin-right: -19px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph .interior img.main.order_top {
    right: 50%;
    left: auto;
    margin-top: -130px;
    margin-right: -18px;
  }
  .why-graph .interior img.main.order_top:hover {
    right: 50%;
    left: auto;
    margin-top: -129px;
    margin-right: -19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph .interior img.main.order_top {
    right: 50%;
    left: auto;
    margin-top: -130px;
    margin-right: -18px;
  }
  .why-graph .interior img.main.order_top:hover {
    right: 50%;
    left: auto;
    margin-top: -129px;
    margin-right: -19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph .interior img.main.order_top {
    right: 50%;
    left: auto;
    margin-top: -130px;
    margin-right: -18px;
  }
  .why-graph .interior img.main.order_top:hover {
    right: 50%;
    left: auto;
    margin-top: -129px;
    margin-right: -19px;
  }
}
.why-graph .interior img.main.order_top:hover {
  top: 8px;
  margin-left: -27px;
}
.why-graph .interior img.main.order_top_right {
  top: 22.5%;
  right: 120px;
  margin-top: -25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-graph .interior img.main.order_top_right {
    right: 90px;
  }
  .why-graph .interior img.main.order_top_right:hover {
    right: 88px;
  }
}
@media (max-width: 400px) {
  .why-graph .interior img.main.order_top_right {
    top: 50%;
    right: 50%;
    margin-top: -110px;
    margin-right: -110px;
  }
  .why-graph .interior img.main.order_top_right:hover {
    top: 50%;
    right: 50%;
    margin-top: -111px;
    margin-right: -111px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph .interior img.main.order_top_right {
    top: 50%;
    right: 50%;
    margin-top: -110px;
    margin-right: -110px;
  }
  .why-graph .interior img.main.order_top_right:hover {
    top: 50%;
    right: 50%;
    margin-top: -111px;
    margin-right: -111px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph .interior img.main.order_top_right {
    top: 50%;
    right: 50%;
    margin-top: -110px;
    margin-right: -110px;
  }
  .why-graph .interior img.main.order_top_right:hover {
    top: 50%;
    right: 50%;
    margin-top: -111px;
    margin-right: -111px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph .interior img.main.order_top_right {
    top: 50%;
    right: 50%;
    margin-top: -110px;
    margin-right: -110px;
  }
  .why-graph .interior img.main.order_top_right:hover {
    top: 50%;
    right: 50%;
    margin-top: -111px;
    margin-right: -111px;
  }
}
.why-graph .interior img.main.order_top_right:hover {
  right: 118px;
  margin-top: -27px;
}
.why-graph .interior img.main.order_right {
  right: 75px;
  bottom: 50%;
  margin-bottom: -25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-graph .interior img.main.order_right {
    right: 30px;
  }
  .why-graph .interior img.main.order_right:hover {
    right: 28px;
  }
}
@media (max-width: 400px) {
  .why-graph .interior img.main.order_right {
    right: 50%;
    bottom: 50%;
    margin-right: -145px;
    margin-bottom: -18px;
  }
  .why-graph .interior img.main.order_right:hover {
    right: 50%;
    bottom: 50%;
    margin-right: -146px;
    margin-bottom: -19px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph .interior img.main.order_right {
    right: 50%;
    bottom: 50%;
    margin-right: -145px;
    margin-bottom: -18px;
  }
  .why-graph .interior img.main.order_right:hover {
    right: 50%;
    bottom: 50%;
    margin-right: -146px;
    margin-bottom: -19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph .interior img.main.order_right {
    right: 50%;
    bottom: 50%;
    margin-right: -145px;
    margin-bottom: -18px;
  }
  .why-graph .interior img.main.order_right:hover {
    right: 50%;
    bottom: 50%;
    margin-right: -146px;
    margin-bottom: -19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph .interior img.main.order_right {
    right: 50%;
    bottom: 50%;
    margin-right: -145px;
    margin-bottom: -18px;
  }
  .why-graph .interior img.main.order_right:hover {
    right: 50%;
    bottom: 50%;
    margin-right: -146px;
    margin-bottom: -19px;
  }
}
.why-graph .interior img.main.order_right:hover {
  right: 73px;
  margin-bottom: -27px;
}
.why-graph .interior img.main.order_bottom_right {
  right: 120px;
  bottom: 22.5%;
  margin-bottom: -25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-graph .interior img.main.order_bottom_right {
    right: 90px;
  }
  .why-graph .interior img.main.order_bottom_right:hover {
    right: 88px;
  }
}
@media (max-width: 400px) {
  .why-graph .interior img.main.order_bottom_right {
    right: 50%;
    bottom: 50%;
    margin-right: -110px;
    margin-bottom: -110px;
  }
  .why-graph .interior img.main.order_bottom_right:hover {
    right: 50%;
    bottom: 50%;
    margin-right: -111px;
    margin-bottom: -111px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph .interior img.main.order_bottom_right {
    right: 50%;
    bottom: 50%;
    margin-right: -110px;
    margin-bottom: -110px;
  }
  .why-graph .interior img.main.order_bottom_right:hover {
    right: 50%;
    bottom: 50%;
    margin-right: -111px;
    margin-bottom: -111px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph .interior img.main.order_bottom_right {
    right: 50%;
    bottom: 50%;
    margin-right: -110px;
    margin-bottom: -110px;
  }
  .why-graph .interior img.main.order_bottom_right:hover {
    right: 50%;
    bottom: 50%;
    margin-right: -111px;
    margin-bottom: -111px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph .interior img.main.order_bottom_right {
    right: 50%;
    bottom: 50%;
    margin-right: -110px;
    margin-bottom: -110px;
  }
  .why-graph .interior img.main.order_bottom_right:hover {
    right: 50%;
    bottom: 50%;
    margin-right: -111px;
    margin-bottom: -111px;
  }
}
.why-graph .interior img.main.order_bottom_right:hover {
  right: 118px;
  margin-bottom: -27px;
}
.why-graph .interior img.main.more {
  bottom: 10px;
  left: 50%;
  margin-left: -25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-graph .interior img.main.more {
    bottom: 30px;
  }
  .why-graph .interior img.main.more:hover {
    bottom: 28px;
  }
}
@media (max-width: 400px) {
  .why-graph .interior img.main.more {
    right: 50%;
    left: auto;
    margin-right: -18px;
    margin-bottom: -130px;
  }
  .why-graph .interior img.main.more:hover {
    right: 50%;
    left: auto;
    margin-right: -19px;
    margin-bottom: -129px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph .interior img.main.more {
    right: 50%;
    left: auto;
    margin-right: -18px;
    margin-bottom: -130px;
  }
  .why-graph .interior img.main.more:hover {
    right: 50%;
    left: auto;
    margin-right: -19px;
    margin-bottom: -129px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph .interior img.main.more {
    right: 50%;
    left: auto;
    margin-right: -18px;
    margin-bottom: -130px;
  }
  .why-graph .interior img.main.more:hover {
    right: 50%;
    left: auto;
    margin-right: -19px;
    margin-bottom: -129px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph .interior img.main.more {
    right: 50%;
    left: auto;
    margin-right: -18px;
    margin-bottom: -130px;
  }
  .why-graph .interior img.main.more:hover {
    right: 50%;
    left: auto;
    margin-right: -19px;
    margin-bottom: -129px;
  }
}
.why-graph .interior img.main.more:hover {
  bottom: 8px;
  margin-left: -27px;
}
.why-graph .interior img.main.order_bottom_left {
  bottom: 22.5%;
  left: 120px;
  margin-bottom: -25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-graph .interior img.main.order_bottom_left {
    left: 90px;
  }
  .why-graph .interior img.main.order_bottom_left:hover {
    left: 88px;
  }
}
@media (max-width: 400px) {
  .why-graph .interior img.main.order_bottom_left {
    bottom: 50%;
    left: 50%;
    margin-bottom: -110px;
    margin-left: -110px;
  }
  .why-graph .interior img.main.order_bottom_left:hover {
    bottom: 50%;
    left: 50%;
    margin-bottom: -111px;
    margin-left: -111px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph .interior img.main.order_bottom_left {
    bottom: 50%;
    left: 50%;
    margin-bottom: -110px;
    margin-left: -110px;
  }
  .why-graph .interior img.main.order_bottom_left:hover {
    bottom: 50%;
    left: 50%;
    margin-bottom: -111px;
    margin-left: -111px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph .interior img.main.order_bottom_left {
    bottom: 50%;
    left: 50%;
    margin-bottom: -110px;
    margin-left: -110px;
  }
  .why-graph .interior img.main.order_bottom_left:hover {
    bottom: 50%;
    left: 50%;
    margin-bottom: -111px;
    margin-left: -111px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph .interior img.main.order_bottom_left {
    bottom: 50%;
    left: 50%;
    margin-bottom: -110px;
    margin-left: -110px;
  }
  .why-graph .interior img.main.order_bottom_left:hover {
    bottom: 50%;
    left: 50%;
    margin-bottom: -111px;
    margin-left: -111px;
  }
}
.why-graph .interior img.main.order_bottom_left:hover {
  left: 118px;
  margin-bottom: -27px;
}
.why-graph .interior h4 {
  margin: 0;
  margin-bottom: 5px;
  color: #111616;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
}
@media (max-width: 400px) {
  .why-graph .interior h4 {
    font-size: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph .interior h4 {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph .interior h4 {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph .interior h4 {
    font-size: 15px;
  }
}
.why-graph .interior h4:before {
  display: none;
}
.why-graph .interior h5 {
  margin: 0;
  color: #e92f61;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
}
@media (max-width: 400px) {
  .why-graph .interior h5 {
    font-size: 9px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph .interior h5 {
    font-size: 9px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph .interior h5 {
    font-size: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph .interior h5 {
    font-size: 9px;
  }
}
.why-graph .interior h5:before {
  display: none;
}
.why-graph .interior h5:hover:before {
  display: none;
}
.why-graph .interior a {
  position: relative;
  z-index: 2;
  color: #e92f61;
}
.why-graph .interior:after {
  position: absolute;
  right: 50%;
  bottom: 50%;
  margin-right: -185px;
  margin-bottom: -185px;
  width: 370px;
  height: 370px;
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzkuNDggMjM5LjQ4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2E0YTRhNDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MC45cHg7c3Ryb2tlLWRhc2hhcnJheTozLjkgMy45O308L3N0eWxlPjwvZGVmcz48dGl0bGU+Y2lyY2xlPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iSXNvbGF0aW9uX01vZGUiIGRhdGEtbmFtZT0iSXNvbGF0aW9uIE1vZGUiPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMTE5Ljc0IiBjeT0iMTE5Ljc0IiByPSIxMTkuMjkiLz48L2c+PC9nPjwvc3ZnPg==);
}
@media (max-width: 400px) {
  .why-graph .interior:after {
    margin-right: -130px;
    margin-bottom: -130px;
    width: 260px;
    height: 260px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-graph .interior:after {
    margin-right: -130px;
    margin-bottom: -130px;
    width: 260px;
    height: 260px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-graph .interior:after {
    margin-right: -130px;
    margin-bottom: -130px;
    width: 260px;
    height: 260px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .why-graph .interior:after {
    margin-right: -130px;
    margin-bottom: -130px;
    width: 260px;
    height: 260px;
  }
}
.why-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 20px;
}
.why-text p {
  margin: 0;
  padding-bottom: 20px;
  color: #787878;
  font-weight: 300;
  font-size: 17px;
}
@media (max-width: 400px) {
  .why-text p {
    font-size: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .why-text p {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .why-text p {
    font-size: 15px;
  }
}
.why-text p strong {
  font-weight: 700;
}
.why-cta {
  padding-top: 50px;
}

/* --------------------------------------------------------- */
.network {
  position: relative;
  padding: 100px 0 20px;
}
@media (max-width: 400px) {
  .network {
    padding: 50px 0;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .network {
    padding: 50px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .network {
    padding: 50px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network {
    padding: 50px 0;
  }
}
.network:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-bottom: -145px;
  margin-left: -580px;
  content: url(../../618b77a05419d73fd701ca5d5e2cd8c7.png);
  transform: scale(0.5);
}
@media (max-width: 400px) {
  .network:before {
    display: none;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .network:before {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .network:before {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network:before {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network:before {
    display: none;
  }
}
.network:after {
  position: absolute;
  right: 50%;
  bottom: 0;
  margin-right: -420px;
  margin-bottom: 98px;
  width: 187.5px;
  height: 280px;
  content: url(../../c060e4e8a5b632cfc4f809dde79e6854.png);
  transform: scale(0.5);
}
@media (max-width: 400px) {
  .network:after {
    display: none;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .network:after {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .network:after {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network:after {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network:after {
    display: none;
  }
}
.network-title {
  padding-bottom: 50px;
}
@media (max-width: 400px) {
  .network-title {
    padding-bottom: 25px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .network-title {
    padding-bottom: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .network-title {
    padding-bottom: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network-title {
    padding-bottom: 25px;
  }
}
.network-title h2 {
  margin: 0;
  padding: 0;
  color: #111616;
  font-weight: 700;
  font-size: 36px;
}
@media (max-width: 400px) {
  .network-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .network-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .network-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network-title h2 {
    font-size: 28px;
  }
}
.network-title hr {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  width: 100px;
  height: 3px;
  background-color: #e92f61;
}
@media (max-width: 400px) {
  .network-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .network-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .network-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network-title hr {
    margin-bottom: 20px;
  }
}
.network-title h3 {
  margin: 0;
  padding: 0;
  color: #787878;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 17px;
}
@media (max-width: 400px) {
  .network-title h3 {
    font-size: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .network-title h3 {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .network-title h3 {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network-title h3 {
    font-size: 15px;
  }
}
.network-stats {
  padding-bottom: 50px;
}
@media (max-width: 400px) {
  .network-stats {
    padding-bottom: 25px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .network-stats {
    padding-bottom: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .network-stats {
    padding-bottom: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network-stats {
    padding-bottom: 25px;
  }
}
.network-stats .image {
  display: inline-block;
  padding-right: 20px;
  vertical-align: top;
}
@media (max-width: 400px) {
  .network-stats .image {
    display: block;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .network-stats .image {
    display: block;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .network-stats .image {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network-stats .image {
    display: block;
  }
}
.network-stats .image img {
  width: 66px;
  height: 66px;
}
.network-stats .text {
  display: inline-block;
  text-align: left;
}
@media (max-width: 400px) {
  .network-stats .text {
    padding-top: 10px;
    text-align: center;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .network-stats .text {
    padding-top: 10px;
    text-align: center;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .network-stats .text {
    padding-top: 10px;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network-stats .text {
    padding-top: 10px;
    text-align: center;
  }
}
.network-stats .text h3 {
  margin: 0;
  padding: 0;
  color: #e92f61;
  font-weight: 700;
  font-size: 32px;
}
@media (max-width: 400px) {
  .network-stats .text h3 {
    font-size: 26px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .network-stats .text h3 {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .network-stats .text h3 {
    font-size: 26px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network-stats .text h3 {
    font-size: 26px;
  }
}
.network-stats .text h4 {
  margin: 0;
  padding: 0;
  color: #111616;
  font-weight: 300;
  font-size: 20px;
}
@media (max-width: 400px) {
  .network-stats .text h4 {
    font-size: 18px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .network-stats .text h4 {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .network-stats .text h4 {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network-stats .text h4 {
    font-size: 18px;
  }
}
.network-sectorstitle h5 {
  margin: 0;
  padding: 0;
  color: #111616;
  font-weight: 700;
  font-size: 23px;
}
@media (max-width: 400px) {
  .network-sectorstitle h5 {
    font-size: 22px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .network-sectorstitle h5 {
    font-size: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .network-sectorstitle h5 {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .network-sectorstitle h5 {
    font-size: 22px;
  }
}
.network-sectors {
  padding-top: 40px;
}
.network-sectors.desktop {
  position: relative;
  margin-bottom: 150px;
  padding-top: 105px;
}
.network-sectors.desktop p.sector, .network-sectors.desktop img.line, .network-sectors.desktop img.ball, .network-sectors.desktop img.circle {
  position: absolute;
}
.network-sectors.desktop p.sector {
  color: #111616;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}
.network-sectors.desktop p.sector.ecommerce {
  top: 50%;
  right: 50%;
  margin-top: -87px;
  margin-right: 168px;
}
.network-sectors.desktop p.sector.insurance {
  top: 50%;
  right: 50%;
  margin-top: -7px;
  margin-right: 236px;
}
.network-sectors.desktop p.sector.telco {
  right: 50%;
  bottom: 50%;
  margin-right: 236px;
  margin-bottom: -117px;
}
.network-sectors.desktop p.sector.education {
  right: 50%;
  bottom: 50%;
  margin-right: 168px;
  margin-bottom: -194px;
}
.network-sectors.desktop p.sector.automotive {
  top: 50%;
  left: 50%;
  margin-top: -87px;
  margin-left: 169px;
}
.network-sectors.desktop p.sector.finance {
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: 237px;
}
.network-sectors.desktop p.sector.travel {
  bottom: 50%;
  left: 50%;
  margin-bottom: -117px;
  margin-left: 237px;
}
.network-sectors.desktop p.sector.realestate {
  bottom: 50%;
  left: 50%;
  margin-bottom: -194px;
  margin-left: 169px;
}
.network-sectors.desktop p.title {
  padding-top: 13px;
  color: #111616;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
}
.network-sectors.desktop img.ball {
  width: 55px;
  height: 55px;
}
.network-sectors.desktop img.ball.ecommerce {
  top: 50%;
  right: 50%;
  margin-top: -100px;
  margin-right: 103px;
}
.network-sectors.desktop img.ball.insurance {
  top: 50%;
  right: 50%;
  margin-top: -21px;
  margin-right: 174px;
}
.network-sectors.desktop img.ball.telco {
  right: 50%;
  bottom: 50%;
  margin-right: 174px;
  margin-bottom: -128px;
}
.network-sectors.desktop img.ball.education {
  right: 50%;
  bottom: 50%;
  margin-right: 103px;
  margin-bottom: -207px;
}
.network-sectors.desktop img.ball.automotive {
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: 103px;
}
.network-sectors.desktop img.ball.finance {
  top: 50%;
  left: 50%;
  margin-top: -21px;
  margin-left: 174px;
}
.network-sectors.desktop img.ball.travel {
  bottom: 50%;
  left: 50%;
  margin-bottom: -128px;
  margin-left: 174px;
}
.network-sectors.desktop img.ball.realestate {
  bottom: 50%;
  left: 50%;
  margin-bottom: -207px;
  margin-left: 103px;
}
.network-sectors.desktop img.circle {
  left: 50%;
  margin-top: -17.5px;
  margin-left: -107.5px;
  width: 215px;
  height: 215px;
}
.network-sectors.desktop img.line {
  z-index: 2;
  width: 87px;
  height: 32px;
}
.network-sectors.desktop img.line.top.left {
  top: 50%;
  right: 50%;
  margin-top: -75px;
  margin-right: 20px;
  transform: rotate(180deg) scaleX(-1);
}
.network-sectors.desktop img.line.top.left.middle {
  margin-top: 5px;
  margin-right: 92px;
}
.network-sectors.desktop img.line.bottom.left {
  right: 50%;
  bottom: 0;
  margin-right: 20px;
  margin-bottom: -37px;
}
.network-sectors.desktop img.line.bottom.left.middle {
  margin-right: 92px;
  margin-bottom: 40px;
}
.network-sectors.desktop img.line.top.right {
  top: 50%;
  left: 50%;
  margin-top: -75px;
  margin-left: 20px;
  transform: rotate(180deg);
}
.network-sectors.desktop img.line.top.right.middle {
  margin-top: 5px;
  margin-left: 92px;
}
.network-sectors.desktop img.line.bottom.right {
  bottom: 0;
  left: 50%;
  margin-bottom: -37px;
  margin-left: 20px;
  transform: scaleX(-1);
}
.network-sectors.desktop img.line.bottom.right.middle {
  margin-bottom: 40px;
  margin-left: 92px;
}
.network-sectors.desktop .logo-border {
  margin: 0 auto;
  padding-top: 33px;
  width: 180px;
  height: 180px;
  border: 1px solid #787878;
  border-radius: 90px;
}
.network-sectors.desktop .logo-border img.logo {
  width: 58px;
  height: 58px;
}
.network-sectors.mobile .sector {
  padding-bottom: 30px;
}
.network-sectors.mobile .sector img {
  width: 50px;
  height: 50px;
}
.network-sectors.mobile .sector p {
  margin: 0;
  padding: 0;
  padding-top: 10px;
  color: #111616;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}

/* --------------------------------------------------------- */
.login {
  padding-top: 105px;
  padding-bottom: 100px;
  background: url(../../59f2096949509d8e900731d5d8bc3597.jpg) no-repeat center top;
  background-size: cover;
}
@media (max-width: 400px) {
  .login {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .login {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .login {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.login .form-group, .login p.or {
  display: inline-block;
}
@media (max-width: 400px) {
  .login .form-group, .login p.or {
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .login .form-group, .login p.or {
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .login .form-group, .login p.or {
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
  }
}
.login h2 {
  margin: 0;
  padding-bottom: 50px;
  color: #fff;
  font-weight: 700;
  font-size: 36px;
}
@media (max-width: 400px) {
  .login h2 {
    padding-bottom: 30px;
    font-size: 28px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .login h2 {
    padding-bottom: 30px;
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .login h2 {
    padding-bottom: 30px;
    font-size: 28px;
  }
}
.login a {
  text-decoration: none;
}

/* --------------------------------------------------------- */
.channels {
  padding-top: 105px;
  padding-bottom: 105px;
  background: url(../../6fb256cecd28c9b68c305a5bcbb4ed51.jpg) no-repeat center top;
  background-size: cover;
}
@media (max-width: 400px) {
  .channels {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .channels {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .channels {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .channels {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.channels-title {
  padding-bottom: 60px;
}
@media (max-width: 400px) {
  .channels-title {
    padding-bottom: 30px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .channels-title {
    padding-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .channels-title {
    padding-bottom: 30px;
  }
}
.channels-title h3 {
  margin: 0;
  color: #111616;
  font-weight: 700;
  font-size: 36px;
}
@media (max-width: 400px) {
  .channels-title h3 {
    font-size: 28px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .channels-title h3 {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .channels-title h3 {
    font-size: 28px;
  }
}
.channels-title hr {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  width: 100px;
  height: 3px;
  background-color: #e93162;
}
@media (max-width: 400px) {
  .channels-title hr {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .channels-title hr {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .channels-title hr {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .channels-title hr {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
.channels-channel {
  padding-left: 70px;
  height: 135px;
}
@media (max-width: 400px) {
  .channels-channel {
    padding-bottom: 30px;
    padding-left: 80px;
    height: auto;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .channels-channel {
    padding-bottom: 30px;
    padding-left: 80px;
    height: auto;
  }
}
.channels-channel h2 {
  margin: 0;
  color: #111616;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
}
.channels-channel h3 {
  margin: 0;
  color: #787878;
  font-weight: 300;
  font-size: 13px;
}
.channels-channel.email_marketing:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
}
@media (max-width: 400px) {
  .channels-channel.email_marketing:before {
    left: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .channels-channel.email_marketing:before {
    left: 15px;
  }
}
.channels-channel.native_ads:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
}
@media (max-width: 400px) {
  .channels-channel.native_ads:before {
    left: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .channels-channel.native_ads:before {
    left: 15px;
  }
}
.channels-channel.display:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
}
@media (max-width: 400px) {
  .channels-channel.display:before {
    left: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .channels-channel.display:before {
    left: 15px;
  }
}
.channels-channel.downloads:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
}
@media (max-width: 400px) {
  .channels-channel.downloads:before {
    left: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .channels-channel.downloads:before {
    left: 15px;
  }
}
.channels-channel.lead_generation:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
}
@media (max-width: 400px) {
  .channels-channel.lead_generation:before {
    left: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .channels-channel.lead_generation:before {
    left: 15px;
  }
}
.channels-channel.emailbidding:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
}
@media (max-width: 400px) {
  .channels-channel.emailbidding:before {
    left: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .channels-channel.emailbidding:before {
    left: 15px;
  }
}

/* --------------------------------------------------------- */
.formats {
  padding: 105px 0;
}
@media (max-width: 400px) {
  .formats {
    padding: 50px 0;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .formats {
    padding: 50px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .formats {
    padding: 50px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .formats {
    padding: 50px 0;
  }
}
.formats-title {
  text-align: center;
}
.formats-title h2 {
  margin: 0;
  color: #111616;
  font-weight: 700;
  font-size: 36px;
}
@media (max-width: 400px) {
  .formats-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .formats-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .formats-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .formats-title h2 {
    font-size: 28px;
  }
}
.formats-title hr {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  width: 100px;
  height: 3px;
  background-color: #e93162;
}
@media (max-width: 400px) {
  .formats-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .formats-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .formats-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .formats-title hr {
    margin-bottom: 20px;
  }
}
.formats-carousel {
  padding-bottom: 100px;
  /* --------------------------------------------------------- */
}
@media (max-width: 400px) {
  .formats-carousel {
    padding-bottom: 70px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .formats-carousel {
    padding-bottom: 70px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .formats-carousel {
    padding-bottom: 70px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .formats-carousel {
    padding-bottom: 70px;
  }
}
.formats-carousel .carousel-inner {
  height: 450px;
}
@media (max-width: 400px) {
  .formats-carousel .carousel-inner {
    height: 500px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .formats-carousel .carousel-inner {
    height: 500px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .formats-carousel .carousel-inner {
    height: 500px;
  }
}
.formats-carousel .carousel-inner p {
  color: #787878;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 17;
  font-family: "Montserrat";
}
@media (max-width: 400px) {
  .formats-carousel .carousel-inner p {
    font-size: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .formats-carousel .carousel-inner p {
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .formats-carousel .carousel-inner p {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .formats-carousel .carousel-inner p {
    font-size: 15px;
  }
}
.formats-carousel .carousel-inner img {
  max-width: 840px;
}
@media (min-width: 401px) and (max-width: 575px) {
  .formats-carousel .carousel-inner img {
    max-width: 320px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .formats-carousel .carousel-inner img {
    max-width: 320px;
  }
}
@media (max-width: 400px) {
  .formats-carousel .carousel-inner img {
    max-width: 100%;
  }
}
.formats-carousel .carousel-indicators {
  bottom: -50px;
  z-index: 1;
}
.formats-carousel .carousel-indicators li {
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background: #c5c5c5;
}
.formats-carousel .carousel-indicators li.active {
  border: 2px solid #c5c5c5;
  background: #fff;
}
.formats-carousel .carousel-item {
  padding-bottom: 50px;
}
@media (max-width: 400px) {
  .formats-carousel .carousel-item {
    padding-bottom: 0;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .formats-carousel .carousel-item {
    padding-bottom: 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .formats-carousel .carousel-item {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .formats-carousel .carousel-item {
    padding-bottom: 0;
  }
}

/* --------------------------------------------------------- */
.partners {
  padding-top: 100px;
  padding-bottom: 100px;
  background: url(../../6fb256cecd28c9b68c305a5bcbb4ed51.jpg) no-repeat center top;
  background-size: cover;
}
@media (max-width: 400px) {
  .partners {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .partners {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .partners {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .partners {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.partners-title h2 {
  margin: 0;
  color: #111616;
  font-weight: 700;
  font-size: 36px;
}
@media (max-width: 400px) {
  .partners-title h2 {
    font-size: 24px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .partners-title h2 {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .partners-title h2 {
    font-size: 24px;
  }
}
.partners-title hr {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  width: 100px;
  height: 3px;
  background-color: #e92f61;
}
@media (max-width: 400px) {
  .partners-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .partners-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .partners-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .partners-title hr {
    margin-bottom: 20px;
  }
}
.partners-carousel {
  padding-bottom: 100px;
  /* --------------------------------------------------------- */
}
@media (max-width: 400px) {
  .partners-carousel {
    padding-bottom: 70px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .partners-carousel {
    padding-bottom: 70px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .partners-carousel {
    padding-bottom: 70px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .partners-carousel {
    padding-bottom: 70px;
  }
}
.partners-carousel .carousel-indicators {
  bottom: -50px;
  z-index: 1;
}
.partners-carousel .carousel-indicators li {
  width: 14px;
  height: 14px;
  border: 2px solid #c5c5c5;
  border-radius: 7px;
  background: #fff;
}
.partners-carousel .carousel-indicators li.active {
  background: #c5c5c5;
}
.partners-logos {
  margin-bottom: 30px;
}
.partners-logos .image-cover {
  margin: 0 auto;
  width: 155px;
  height: 105px;
  border-radius: 60px;
  background-color: #fff;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 400px) {
  .partners-logos .image-cover {
    width: 125px;
    height: 95px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .partners-logos .image-cover {
    width: 125px;
    height: 95px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .partners-logos .image-cover {
    width: 125px;
    height: 95px;
  }
}
.partners-logos .image-cover img {
  max-width: 90px;
  max-height: 70px;
}
.partners-logos .image-cover.case-study {
  position: relative;
  border: 2px solid #e92f61;
}
.partners-logos .image-cover.case-study:after {
  position: absolute;
  right: 50%;
  bottom: -12px;
  margin-right: -46px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 92px;
  height: 26px;
  border-radius: 13px;
  background-color: #e92f61;
  color: white;
  content: "CASE STUDY";
  font-size: 10px;
}
.partners-logos .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.partners-logos img {
  vertical-align: middle;
  filter: grayscale(100%) opacity(70%);
}
.partners-logos:hover img {
  filter: none;
}

/* --------------------------------------------------------- */
.experts {
  padding: 100px 0;
}
@media (max-width: 400px) {
  .experts {
    padding: 50px 0;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .experts {
    padding: 50px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .experts {
    padding: 50px 0;
  }
}
.experts-title h2 {
  margin: 0;
  color: #111616;
  font-weight: 700;
  font-size: 36px;
}
@media (max-width: 400px) {
  .experts-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .experts-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .experts-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .experts-title h2 {
    font-size: 28px;
  }
}
.experts-title hr {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  width: 100px;
  height: 3px;
  background-color: #e93162;
}
@media (max-width: 400px) {
  .experts-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .experts-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .experts-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .experts-title hr {
    margin-bottom: 20px;
  }
}
.experts-expert img.photo {
  margin: 0 auto;
  width: 240px;
  height: 240px;
}
.experts-expert h4 {
  margin: 0;
  padding: 15px 0 10px;
  color: #111616;
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 400px) {
  .experts-expert h4 {
    font-size: 18px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .experts-expert h4 {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .experts-expert h4 {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .experts-expert h4 {
    font-size: 18px;
  }
}
.experts-expert h5 {
  color: #111616;
  font-weight: 400;
  font-size: 15px;
}
@media (max-width: 400px) {
  .experts-expert h5 {
    font-size: 14px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .experts-expert h5 {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .experts-expert h5 {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .experts-expert h5 {
    font-size: 14px;
  }
}
.experts-quote {
  padding-top: 30px;
}
.experts-quote p {
  color: #787878;
  font-weight: 300;
  font-style: italic;
  font-size: 18px;
}
@media (max-width: 400px) {
  .experts-quote p {
    font-size: 17px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .experts-quote p {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .experts-quote p {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .experts-quote p {
    font-size: 17px;
  }
}
.experts-cta {
  padding-top: 50px;
}

/* --------------------------------------------------------- */
.faq {
  padding: 100px 0;
  background: url(../../6fb256cecd28c9b68c305a5bcbb4ed51.jpg) no-repeat center top;
  background-size: cover;
}
@media (max-width: 400px) {
  .faq {
    padding: 50px 0;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .faq {
    padding: 50px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .faq {
    padding: 50px 0;
  }
}
.faq-title {
  padding-bottom: 20px;
  text-align: center;
}
.faq-title h2 {
  margin: 0;
  color: #111616;
  font-weight: 700;
  font-size: 36px;
}
.faq-title hr {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  width: 100px;
  height: 3px;
  background-color: #e93162;
}
@media (max-width: 400px) {
  .faq-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .faq-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .faq-title hr {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .faq-title hr {
    margin-bottom: 20px;
  }
}
.faq-faq {
  padding-bottom: 10px;
}
.faq-question {
  position: relative;
  min-height: 50px;
  height: auto;
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
}
.faq-question p {
  margin: 0;
  padding: 13px 40px 13px 50px;
  color: #111616;
  font-weight: 600;
  font-size: 16px;
}
.faq-question:before {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -9px;
  width: 20px;
  height: 18px;
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxNyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlOTJmNjE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5mYXFzPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iSXNvbGF0aW9uX01vZGUiIGRhdGEtbmFtZT0iSXNvbGF0aW9uIE1vZGUiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTS41LDE3YS41LjUsMCwwLDEtLjI2LS45Myw2LjE1LDYuMTUsMCwwLDAsMi42NC0zLjE4QTYuODUsNi44NSwwLDAsMSwwLDcuNWE2LjExLDYuMTEsMCwwLDEsLjc3LTNBNy40OCw3LjQ4LDAsMCwxLDIuODMsMi4xNiwxMC44OSwxMC44OSwwLDAsMSw5LjUsMGExMC44NywxMC44NywwLDAsMSw2LjY3LDIuMTYsNy40OCw3LjQ4LDAsMCwxLDIuMDYsMi4zOCw2LjA3LDYuMDcsMCwwLDEsMCw1LjkyLDcuNjIsNy42MiwwLDAsMS0yLjA2LDIuMzlBMTAuODYsMTAuODYsMCwwLDEsOS41LDE1YTEyLjEzLDEyLjEzLDAsMCwxLTMtLjM4QTIyLDIyLDAsMCwxLDQuMywxNS44OSw5LDksMCwwLDEsLjUsMTdabTktMTZDNC44MSwxLDEsMy45MiwxLDcuNWE2LDYsMCwwLDAsMi43Niw0Ljc5LjQ5LjQ5LDAsMCwxLC4xOS41NCw2Ljc2LDYuNzYsMCwwLDEtMS41OCwyLjc5LDE3LjIsMTcuMiwwLDAsMCwzLjc0LTIsLjUyLjUyLDAsMCwxLC40Mi0uMDcsMTAuODcsMTAuODcsMCwwLDAsMywuNDFjNC42OSwwLDguNS0yLjkxLDguNS02LjVTMTQuMTksMSw5LjUsMVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05LjUsMTBBLjUuNSwwLDAsMSw5LDkuNXYtMkEuNS41LDAsMCwxLDkuNSw3LDEuNSwxLjUsMCwxLDAsOCw1LjVhLjUuNSwwLDAsMS0xLDBBMi41LDIuNSwwLDEsMSwxMCw4VjkuNUEuNS41LDAsMCwxLDkuNSwxMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05LjUsMTJhLjQ3LjQ3LDAsMCwxLS4zNS0uMTVBLjUxLjUxLDAsMCwxLDksMTEuNWEuNDcuNDcsMCwwLDEsLjE1LS4zNUEuNTEuNTEsMCwwLDEsOS41LDExYS41LjUsMCwwLDEsMCwxWiIvPjwvZz48L2c+PC9zdmc+);
}
.faq-question.closed:after {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4.5px;
  width: 16px;
  height: 9px;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAALJJREFUKJGVzjFOAgEUhOGPzYaCxsqOcntOQOIduAA9iZzAit4DmNgYii3cDkww3kHtvYE2ngCb0Sy7ksAkr3j/zLy8QV3XH5jh3XmaoCmwwBOqM8pVOosCOyzxgvEJ5XGyS+zKwEdcxJji80j5MplVOsqWeZ8jz7jCd6f8690lC4pO6BYbbDFq8VH4Jpk/dQ/ADV7RYJhp8BbvQGUXRNd4wDr7V1hP/30Ae8xbH8zDevoBb7cihF2DfocAAAAASUVORK5CYII=);
}
.faq-question.open:after {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4.5px;
  width: 16px;
  height: 9px;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAALRJREFUKJGNzjFqAlEUheFPnSW4EO2VpBADaqelneAC0qdKH1BIGbCcQveg6DKmnM5CRLAQAmnugAljmAMX7j3vnZ9TS9PUAzWwiX2M77JP9QfhGla4xazCqwxYoolpTDO8SoB3tKJ20WCMdrz9UvLnfsUIz7je+VcMscUJH2WAGebo4lzS7Iw+9rF/3QMmeEMHx5JwoSN6OARkneAFCzwh/ydcKA/IDpcEnxggqxAulEVm8wMYtCYtfuqmRAAAAABJRU5ErkJggg==);
}
.faq-answer.closed {
  display: none;
}
.faq-answer p {
  padding: 20px;
  color: #787878;
}
.faq-cta {
  padding-top: 40px;
}