.section0 .line {
  height: 217px; }

.highlight {
  background-color: yellow !important;
  border-radius: .125em; }

.tab-content > .active {
  opacity: 1; }

#search {
  padding-top: 110px; }
  #search .text-center {
    max-width: 777px;
    margin: 0 auto; }
    #search .text-center .search-header {
      max-width: 650px;
      margin: 50px auto 50px auto; }
      #search .text-center .search-header input {
        height: 50px;
        border-radius: 28px !important;
        width: 100%;
        text-align: left;
        color: #9A9A9A;
        padding-left: 25px;
        border: 1px solid #DEDEDE;
        box-shadow: 0px 15px 40px 0px rgba(34, 60, 80, 0.1); }
        #search .text-center .search-header input::placeholder {
          color: #9A9A9A;
          text-overflow: ellipsis; }
        #search .text-center .search-header input:focus {
          border-color: #972D87 !important;
          outline: 0px solid blue !important;
          box-shadow: 0px 14px 24px 0px rgba(176, 41, 139, 0.06); }
          #search .text-center .search-header input:focus::-webkit-input-placeholder {
            color: transparent; }
          #search .text-center .search-header input:focus:-moz-placeholder {
            color: transparent; }
      #search .text-center .search-header #searchsubmit {
        position: absolute;
        margin-left: -67px;
        height: 50px;
        margin-top: 0px;
        padding: 12px 20px;
        border-left: 1px solid #DEDEDE;
        border-radius: 0; }

#tabs-section #tabs {
  display: flex;
  border-bottom: 0px; }
  #tabs-section #tabs li {
    flex: 1 0 20%;
    min-height: 215px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-top: 4px solid #fff0;
    border-radius: 15px;
    margin: 0 8px; }
    #tabs-section #tabs li:hover, #tabs-section #tabs li.active {
      background: #fff;
      border-radius: 15px;
      box-shadow: 0px 15px 40px 0px rgba(34, 60, 80, 0.1);
      border-top: 4px solid #972D87; }
    #tabs-section #tabs li:before {
      content: '';
      width: 0; }
    #tabs-section #tabs li:first-child {
      margin-left: 0; }
    #tabs-section #tabs li:last-child {
      margin-right: 0; }
    #tabs-section #tabs li .image {
      margin-bottom: 30px; }
    #tabs-section #tabs li a {
      font-size: 18px;
      line-height: 24px;
      font-weight: bold;
      color: #1D1D1B;
      text-decoration: none !important; }
#tabs-section .tab-content .accordion-item {
  margin-top: 70px; }
  #tabs-section .tab-content .accordion-item .title {
    border: 1px solid #DEDEDE;
    border-radius: 15px;
    padding: 29px;
    margin-bottom: 25px; }
    #tabs-section .tab-content .accordion-item .title h4 {
      font-size: 18px;
      line-height: 24px;
      font-weight: bold;
      color: #1D1D1B;
      margin-bottom: 0; }
    #tabs-section .tab-content .accordion-item .title .accordion-collapse {
      font-size: 16px;
      color: #808080;
      font-weight: 400; }
      #tabs-section .tab-content .accordion-item .title .accordion-collapse .accordion-body {
        padding: 50px 0 0 0; }
#tabs-section .panel-collapse.in {
  display: block; }

#bottom {
  padding-top: 30px;
  padding-bottom: 110px; }
  #bottom .purple-block {
    min-height: 550px;
    border-radius: 15px;
    padding-top: 95px; }
    #bottom .purple-block h2 {
      color: #fff;
      text-align: center; }
    #bottom .purple-block .text {
      margin: 0 auto 55px;
      color: #fff;
      text-align: center; }
      #bottom .purple-block .text p {
        max-width: 380px;
        margin-left: auto;
        margin-right: auto; }
  #bottom .form-block {
    margin: 0 auto;
    padding: 60px 110px 70px;
    max-width: 870px;
    width: 100%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 15px 40px 0px rgba(34, 60, 80, 0.1); }
    #bottom .form-block label.error {
      font-size: 12px !important;
      color: red;
      padding-left: 0;
      margin-top: -15px;
      position: relative;
      top: -11px; }
    #bottom .form-block input, #bottom .form-block select, #bottom .form-block textarea {
      border: 1px solid #DEDEDE; }
    #bottom .form-block .mes {
      margin-bottom: 15px !important; }
      #bottom .form-block .mes .line {
        height: 113px; }
    #bottom .form-block textarea {
      border-radius: 15px !important;
      margin-bottom: 0px !important; }
    #bottom .form-block input[type=submit] {
      margin: 0 auto !important;
      width: 311px; }

form p {
  margin-bottom: 0; }
form input[placeholder] {
  text-overflow: ellipsis; }
form input::-moz-placeholder {
  text-overflow: ellipsis; }
form input:-moz-placeholder {
  text-overflow: ellipsis; }
form input:-ms-input-placeholder {
  text-overflow: ellipsis; }
form input, form select {
  height: 50px;
  border-radius: 30px !important;
  width: 100%;
  box-shadow: 0px 0px 10px 5px rgba(34, 60, 80, 0.05);
  margin-bottom: 20px;
  text-align: center;
  text-align-last: center;
  color: #9A9A9A;
  padding-left: 50px; }
  form input::placeholder, form select::placeholder {
    color: #9A9A9A;
    text-overflow: ellipsis; }
  form input:focus, form select:focus {
    border-color: #972D87 !important;
    outline: 0px solid blue !important;
    box-shadow: 0px 14px 24px 0px rgba(176, 41, 139, 0.06); }
    form input:focus::-webkit-input-placeholder, form select:focus::-webkit-input-placeholder {
      color: transparent; }
    form input:focus:-moz-placeholder, form select:focus:-moz-placeholder {
      color: transparent; }
form textarea {
  text-align-last: left !important;
  padding-left: 70px;
  text-align: left !important;
  padding-top: 13px;
  border-radius: 28px;
  border: 0px;
  width: 100%;
  box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.09);
  margin-bottom: 30px;
  color: #9A9A9A; }
  form textarea::placeholder {
    text-overflow: ellipsis;
    color: #9A9A9A; }
form select {
  -webkit-appearance: none;
  background: url("../img/dropdown.png") no-repeat 91%;
  background-color: #fff; }
form .line {
  height: 50px;
  width: 50px;
  position: absolute;
  border-right: 1px solid #DEDEDE;
  color: #9A9A9A;
  z-index: 111; }
  form .line.numbers {
    padding-top: 17px;
    padding-left: 15px; }
form .code {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  width: 50px !important;
  position: absolute;
  border-right: 1px solid #DEDEDE !important;
  -webkit-box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0);
  padding: 0; }
form i {
  position: absolute;
  margin-top: 16px;
  margin-left: 17px;
  width: 20px;
  height: 20px;
  z-index: 111; }
  form i.first-name, form i.last-name, form i.trading-account {
    background: url("../img/user-i.svg") no-repeat; }
  form i.email {
    background: url("../img/email.svg") no-repeat; }
  form i.account {
    background: url("../img/question.svg") no-repeat; }
  form i.subject, form i.message {
    background: url("../img/chat.svg") no-repeat; }

@media (max-width: 991px) {
  #tabs-section .accordion-body {
    padding: 30px 0 0 0; }
    #tabs-section .accordion-body p:last-child {
      margin-bottom: 0; }
  #tabs-section .panel-body .title {
    border: 1px solid #DEDEDE;
    border-radius: 15px;
    padding: 29px;
    margin-bottom: 25px; }
  #tabs-section .panel-body h4 {
    font-size: 16px !important;
    line-height: 26px !important;
    margin-bottom: 0; } }
@media (max-width: 575px) {
  #bottom .form-block {
    padding: 60px 20px 70px; }
    #bottom .form-block input[type=submit] {
      width: 100%; } }

/*# sourceMappingURL=help-centre.css.map */