@font-face {
  font-family: 'Kontora';
  src: url("../fonts/Kontora/Kontora-Bold.woff2") format("woff2"), url("../fonts/Kontora/Kontora-Bold.woff") format("woff"), url("../fonts/Kontora/Kontora-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Kontora';
  src: url("../fonts/Kontora/Kontora.woff2") format("woff2"), url("../fonts/Kontora/Kontora.woff") format("woff"), url("../fonts/Kontora/Kontora.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Kontora';
  src: url("../fonts/Kontora/Kontora-Thin.woff2") format("woff2"), url("../fonts/Kontora/Kontora-Thin.woff") format("woff"), url("../fonts/Kontora/Kontora-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }
body {
  margin: 0;
  padding: 0; }

.personal-brand {
  background-image: url("../images/personal-brand-bg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  font-family: "Kontora", serif !important;
  padding-top: 50px;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: -10px; }
  @media screen and (max-width: 749px) {
    .personal-brand {
      width: 100%;
      margin-top: 0; } }
  .personal-brand__menu {
    margin-bottom: 30px; }
    .personal-brand__menu ul {
      list-style: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0;
      margin: 0; }
      @media screen and (max-width: 749px) {
        .personal-brand__menu ul {
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .personal-brand__menu ul li {
        width: calc(100% / 8);
        text-align: center; }
        @media screen and (max-width: 749px) {
          .personal-brand__menu ul li {
            width: calc(100% / 2);
            text-align: left; } }
        .personal-brand__menu ul li a {
          font-size: 20px;
          color: #4a4a4a;
          text-decoration: none; }
          .personal-brand__menu ul li a:hover {
            color: #D11B1D; }
  .personal-brand .more {
    position: relative;
    /*&:after,
    &:before {
      content: '';
      position: absolute;
      width: calc(50% - 90px);
      height: 1px;
      background-color: #d9dadd;
      top: calc(50% - 1px);
    }

    &:after {
      left: 0;
    }

    &:before {
      right: 0;
    }*/ }
    .personal-brand .more:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      background-color: #d9dadd;
      top: calc(50% - 1px);
      left: 0; }
  .personal-brand__head {
    text-align: center;
    margin-bottom: 30px; }
    .personal-brand__head p {
      font-size: 24px;
      color: #6c717f;
      font-weight: 100; }
      @media screen and (max-width: 749px) {
        .personal-brand__head p {
          font-size: 20px;
          font-weight: normal; } }
    .personal-brand__head b {
      font-size: 36px;
      font-weight: 100;
      color: #163072; }
      @media screen and (max-width: 749px) {
        .personal-brand__head b {
          font-size: 25px;
          font-weight: normal; } }
  .personal-brand * {
    box-sizing: border-box; }
  .personal-brand .container {
    margin: 0 auto;
    width: 1280px;
    position: relative;
    padding: 25px 35px 50px 35px;
    background-color: rgba(255, 255, 255, 0.97); }
    @media screen and (max-width: 749px) {
      .personal-brand .container {
        width: 100%;
        padding: 10px; } }
  .personal-brand h1 {
    font-size: 48px;
    color: #332f60;
    text-transform: uppercase;
    background: url(../images/block_title.png) no-repeat center bottom;
    line-height: 1em;
    margin: 0 0 35px 0;
    padding: 0 0 15px 0;
    text-align: center;
    font-weight: 300;
    font-family: "Kontora", serif !important; }
    @media screen and (max-width: 749px) {
      .personal-brand h1 {
        font-size: 32px;
        line-height: 1.3em; } }
  .personal-brand .btn-brand {
    display: block;
    width: 150px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    color: #D11B1D;
    font-size: 14px;
    line-height: 22px;
    padding: 13px 35px;
    border: 1px solid #D11B1D;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    font-weight: 500; }
    .personal-brand .btn-brand:hover {
      background-color: #D11B1D;
      color: #fff; }
  .personal-brand .brand-section {
    margin-right: -10px; }
    @media screen and (max-width: 749px) {
      .personal-brand .brand-section {
        margin-right: 0; } }
    .personal-brand .brand-section__wrap {
      display: block;
      position: relative;
      overflow: hidden; }
      .personal-brand .brand-section__wrap:after {
        content: '';
        display: block;
        padding-top: 100%; }
        @media screen and (max-width: 749px) {
          .personal-brand .brand-section__wrap:after {
            padding-top: 50%; } }
    .personal-brand .brand-section__item {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% - 10px);
      height: calc(100% - 10px);
      padding: 20px; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-section__item {
          padding: 0;
          overflow: hidden;
          width: 100%; } }
      .personal-brand .brand-section__item a {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        text-decoration: none;
        color: white; }
        .personal-brand .brand-section__item a span {
          font-size: 20px;
          font-weight: bold;
          display: none; }
      .personal-brand .brand-section__item img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
        .personal-brand .brand-section__item img.img-mobile {
          display: none; }
        @media screen and (max-width: 749px) {
          .personal-brand .brand-section__item img {
            height: auto;
            display: none; }
            .personal-brand .brand-section__item img.img-mobile {
              display: block;
              top: 50%;
              transform: translateY(-50%); } }
    .personal-brand .brand-section .row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-left: 0;
      margin-right: 0; }
    .personal-brand .brand-section .col {
      width: 100%; }
      .personal-brand .brand-section .col-fw .brand-section__wrap:after {
        padding-top: 50%; }
      .personal-brand .brand-section .col-2-3 {
        width: calc(100%*2/3); }
        @media screen and (max-width: 749px) {
          .personal-brand .brand-section .col-2-3 {
            width: 100%; } }
      .personal-brand .brand-section .col-1-2 {
        width: calc(50%); }
        @media screen and (max-width: 749px) {
          .personal-brand .brand-section .col-1-2 {
            width: 100%; } }
      .personal-brand .brand-section .col-1-3 {
        width: calc(100% / 3); }
        @media screen and (max-width: 749px) {
          .personal-brand .brand-section .col-1-3 {
            width: 100%; } }
        .personal-brand .brand-section .col-1-3 .brand-section__wrap {
          height: 100%; }
  .personal-brand .brand-stock {
    position: relative; }
    .personal-brand .brand-stock .container {
      background: none; }
    .personal-brand .brand-stock:before {
      content: '';
      position: absolute;
      width: 100%;
      background-color: #f6f6f6;
      height: 350px;
      top: 60px;
      left: 0; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-stock:before {
          content: none; } }
    .personal-brand .brand-stock__list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -10px; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-stock__list {
          margin-right: 0; } }
    .personal-brand .brand-stock__item {
      width: calc(50% - 10px);
      margin-right: 10px; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-stock__item {
          width: 100%;
          margin-bottom: 20px;
          margin-right: 0; } }
    .personal-brand .brand-stock__image {
      overflow: hidden;
      height: 385px;
      margin-bottom: 30px;
      display: block; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-stock__image {
          height: 225px; } }
      .personal-brand .brand-stock__image img {
        max-width: 100%; }
    .personal-brand .brand-stock__title {
      text-align: center;
      color: #3D4D59;
      font-size: 26px;
      font-weight: normal;
      margin-bottom: 20px; }
    .personal-brand .brand-stock__desc {
      padding: 0 40px 20px 40px;
      color: #3D4D59;
      font-size: 14px;
      line-height: 20px; }
  .personal-brand .brand-solution {
    position: relative; }
    .personal-brand .brand-solution .container {
      background: none; }
    .personal-brand .brand-solution:before {
      content: '';
      position: absolute;
      width: 100%;
      background-color: #f6f6f6;
      height: 350px;
      top: 0;
      left: 0; }
    .personal-brand .brand-solution__list {
      height: 525px;
      position: relative; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-solution__list {
          height: 100%; } }
    .personal-brand .brand-solution__name {
      text-decoration: none;
      color: #3D4D59;
      font-size: 48px;
      font-weight: normal;
      line-height: 48px;
      display: block;
      margin-bottom: 17px;
      outline: none; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-solution__name {
          font-size: 32px;
          line-height: 32px; } }
      .personal-brand .brand-solution__name:hover {
        color: #D11B1D; }
    .personal-brand .brand-solution__title {
      color: #191F24;
      font-size: 36px;
      font-weight: normal;
      line-height: 44px;
      text-align: center;
      margin-bottom: 30px; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-solution__title {
          font-size: 28px;
          line-height: 28px;
          margin-bottom: 20px; } }
    .personal-brand .brand-solution__text {
      padding: 50px;
      width: 450px; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-solution__text {
          padding: 20px;
          width: 100%;
          -webkit-box-ordinal-group: 3;
          -webkit-order: 2;
          -moz-order: 2;
          -ms-flex-order: 2;
          order: 2; } }
      .personal-brand .brand-solution__text p {
        color: #3D4D59;
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 44px 0; }
        @media screen and (max-width: 749px) {
          .personal-brand .brand-solution__text p {
            margin-bottom: 20px; } }
    .personal-brand .brand-solution__item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      background: #ffffff; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-solution__item {
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
    .personal-brand .brand-solution__tag {
      display: block;
      margin-bottom: 17px;
      color: #1F1F1F;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 1px;
      line-height: 22px;
      text-transform: uppercase; }
    .personal-brand .brand-solution__image {
      width: calc(100% - 450px); }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-solution__image {
          width: 100%;
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
          -moz-order: 1;
          -ms-flex-order: 1;
          order: 1; } }
      .personal-brand .brand-solution__image img {
        max-width: 100%;
        min-width: 100%; }
    .personal-brand .brand-solution .slick-arrow {
      display: block;
      width: 48px;
      height: 48px;
      overflow: hidden;
      position: absolute;
      bottom: 0;
      top: 100%;
      -webkit-transition: border-color .4s ease, background-color .4s ease, transform .4s ease;
      -moz-transition: border-color .4s ease, background-color .4s ease, transform .4s ease;
      -o-transition: border-color .4s ease, background-color .4s ease, transform .4s ease;
      transition: border-color .4s ease, background-color .4s ease, transform .4s ease;
      text-indent: -9999px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      border-radius: 50%;
      border: 1px solid #3D4D59;
      box-sizing: border-box;
      background: #ffffff;
      outline: none;
      z-index: 10;
      cursor: pointer;
      padding: 0;
      margin: 0; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-solution .slick-arrow {
          top: initial;
          bottom: -20px; } }
      .personal-brand .brand-solution .slick-arrow:before {
        content: '';
        width: 15px;
        height: 15px;
        border: 1px solid #3D4D59;
        position: absolute;
        top: calc(50% - 7px);
        left: calc(50% - 12px);
        transform: rotate(45deg); }
      .personal-brand .brand-solution .slick-arrow.slick-next {
        left: 135px; }
        @media screen and (max-width: 749px) {
          .personal-brand .brand-solution .slick-arrow.slick-next {
            left: calc(50% - 75px); } }
        .personal-brand .brand-solution .slick-arrow.slick-next:before {
          border-left: none;
          border-bottom: none; }
      .personal-brand .brand-solution .slick-arrow.slick-prev {
        left: 35px; }
        @media screen and (max-width: 749px) {
          .personal-brand .brand-solution .slick-arrow.slick-prev {
            left: 20px; } }
        .personal-brand .brand-solution .slick-arrow.slick-prev:before {
          border-right: none;
          border-top: none;
          left: calc(50% - 4px); }
      .personal-brand .brand-solution .slick-arrow:hover {
        background-color: #D11B1D;
        border: 1px solid #D11B1D; }
        .personal-brand .brand-solution .slick-arrow:hover.slick-next:before {
          border-left: none;
          border-bottom: none;
          border-color: #ffffff; }
        .personal-brand .brand-solution .slick-arrow:hover.slick-prev:before {
          border-right: none;
          border-top: none;
          border-color: #ffffff; }
  .personal-brand__text h2 {
    font-size: 24px;
    text-align: center;
    color: #3d4d59;
    font-family: "Kontora", serif !important;
    text-transform: none; }
  .personal-brand__text p {
    color: #5b6872;
    line-height: 1.4em; }
    .personal-brand__text p b {
      color: #000000;
      font-weight: normal; }
  .personal-brand .brand-form {
    background-image: url("../images/brand-form-bg.jpg");
    padding: 40px 45px 30px 45px;
    position: relative;
    background-size: cover; }
    .personal-brand .brand-form__success p.success {
      font-size: 30px;
      color: white; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-form__success p.success {
          font-size: 20px; } }
    @media screen and (max-width: 749px) {
      .personal-brand .brand-form {
        padding: 20px; } }
    .personal-brand .brand-form:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 30%;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent);
      left: 0;
      bottom: 0; }
    .personal-brand .brand-form form {
      position: relative; }
    .personal-brand .brand-form input[type='text'] {
      -moz-appearance: none;
      -webkit-appearance: none;
      padding: 15px;
      margin-bottom: 15px;
      background-color: rgba(0, 0, 0, 0.4);
      outline: none;
      border-radius: 5px;
      border: 1px solid #c8c8c8;
      width: 100%;
      display: block;
      font-size: 18px;
      color: white;
      font-family: 'Kontora', serif;
      font-weight: 100; }
      .personal-brand .brand-form input[type='text']::placeholder {
        font-size: 18px;
        color: white;
        font-family: 'Kontora', serif;
        font-weight: 100; }
    .personal-brand .brand-form .select2-container--default .select2-selection--single {
      background-color: rgba(0, 0, 0, 0.4);
      outline: none;
      border: 1px solid #c8c8c8;
      padding: 13px;
      margin-bottom: 15px; }
      .personal-brand .brand-form .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 18px;
        color: white;
        font-family: 'Kontora', serif;
        font-weight: 100; }
    .personal-brand .brand-form .select2-container .select2-selection--single {
      height: auto; }
    .personal-brand .brand-form .select2-container--default .select2-selection--single .select2-selection__arrow {
      right: calc(50% + 50px);
      top: 22px;
      position: absolute;
      width: 13px;
      height: 13px;
      transform: rotate(45deg); }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-form .select2-container--default .select2-selection--single .select2-selection__arrow {
          right: 20px; } }
      .personal-brand .brand-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none; }
      .personal-brand .brand-form .select2-container--default .select2-selection--single .select2-selection__arrow:before {
        content: '';
        position: absolute;
        width: 13px;
        height: 13px;
        border: 3px solid #d11b1d;
        left: 0;
        top: 0;
        box-sizing: border-box;
        border-left: none;
        border-top: 0; }
    .personal-brand .brand-form .select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__arrow {
      transform: rotate(225deg); }
    .personal-brand .brand-form__text {
      position: relative;
      font-size: 22px;
      font-weight: 100;
      color: white;
      padding: 45px;
      margin-bottom: 35px; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-form__text {
          font-size: 18px;
          padding: 20px;
          margin-bottom: 15px; }
          .personal-brand .brand-form__text br {
            display: none; } }
      .personal-brand .brand-form__text:before {
        content: '';
        position: absolute;
        background-color: rgba(3, 38, 135, 0.8);
        left: 0;
        top: 0;
        width: calc(100% + 100px);
        height: 100%; }
        @media screen and (max-width: 749px) {
          .personal-brand .brand-form__text:before {
            width: 100%; } }
      .personal-brand .brand-form__text p {
        margin: 0;
        padding: 0;
        position: relative; }
    .personal-brand .brand-form .row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-form .row {
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .personal-brand .brand-form .row .col:first-child {
        width: 480px;
        padding-right: 35px; }
        @media screen and (max-width: 749px) {
          .personal-brand .brand-form .row .col:first-child {
            padding-right: 0; } }
      .personal-brand .brand-form .row .col:last-child {
        padding-left: 40px; }
        @media screen and (max-width: 749px) {
          .personal-brand .brand-form .row .col:last-child {
            padding-left: 0;
            margin-bottom: 10px; } }
    .personal-brand .brand-form .btn-submit {
      text-decoration: none;
      font-size: 18px;
      color: white;
      font-weight: 100;
      background-color: rgba(121, 2, 2, 0.7);
      border: 1px solid #c10000;
      padding: 15px 30px;
      display: inline-block;
      border-radius: 5px; }
      .personal-brand .brand-form .btn-submit:hover {
        background-color: #790202; }
    .personal-brand .brand-form input[type='checkbox'] {
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      position: absolute;
      z-index: -10; }
      .personal-brand .brand-form input[type='checkbox']:checked + span:before {
        background-color: #d11b1d; }
    .personal-brand .brand-form .checkbox span {
      color: white;
      font-size: 14px;
      font-weight: 100;
      position: relative;
      padding-left: 25px; }
      .personal-brand .brand-form .checkbox span a {
        color: white; }
      @media screen and (max-width: 749px) {
        .personal-brand .brand-form .checkbox span {
          line-height: 1.4em;
          display: inline-block; } }
      .personal-brand .brand-form .checkbox span:before {
        content: '';
        position: absolute;
        width: 17px;
        height: 17px;
        background-color: white;
        border-radius: 5px;
        left: 0;
        top: 0; }

.select2-dropdown {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  border: 1px solid #c8c8c8;
  font-size: 18px;
  color: white;
  font-family: 'Kontora', serif;
  font-weight: 100;
  margin-top: -15px; }

.select2-container--default .select2-results__option--selected {
  background-color: black; }

.page_container {
  width: 100%; }

.bx-breadcrumb {
  display: none; }

/*# sourceMappingURL=personal-brand.css.map */