.support .col-1 {
  width: 50%;
  float: right;
  padding-left: 20px; }
  @media all and (max-width: 920px) {
    .support .col-1 {
      width: 100%;
      padding-left: 0;
      text-align: center; } }
  .support .col-1 p {
    color: #F07900;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: "Myriad Pro Regular";
    font-size: 130%; }
    @media all and (max-width: 680px) {
      .support .col-1 p {
        font-size: 180%; } }
  .support .col-1 .tab-btns a {
    text-decoration: underline;
    margin-right: 25px;
    font-family: "Myriad Pro Regular"; }
    @media all and (max-width: 920px) {
      .support .col-1 .tab-btns a {
        margin: 5px 10px; } }
    @media all and (max-width: 680px) {
      .support .col-1 .tab-btns a {
        font-size: 135%; } }
    @media all and (max-width: 470px) {
      .support .col-1 .tab-btns a {
        float: none;
        clear: both;
        margin: 10px 0;
        width: 100%;
        text-align: center;
        display: block; } }
  .support .col-1 .tab-btns a.active {
    color: #F07900; }
.support .col-2 {
  clear: both;
  position: relative;
  padding-top: 25px;
  width: 75%;
  margin: 0 auto; }
  @media all and (max-width: 1024px) {
    .support .col-2 {
      width: 85%; } }
  @media all and (max-width: 991px) {
    .support .col-2 {
      width: 100%;
      padding: 25px 40px 0; } }
  @media all and (max-width: 450px) {
    .support .col-2 {
      width: 100%;
      padding: 25px 10px 0; } }
  .support .col-2 h4 {
    text-align: center;
    font-size: 200%;
    color: #5983C0;
    font-family: "Myriad Pro Regular"; }
  .support .col-2 .col {
    padding: 0 20px; }
  .support .col-2 .col.m60 {
    width: 60%;
    position: relative;
    float: left; }
    @media all and (max-width: 920px) {
      .support .col-2 .col.m60 {
        width: 55%; } }
    @media all and (max-width: 880px) {
      .support .col-2 .col.m60 {
        width: 100%; } }
    .support .col-2 .col.m60 .img-ref {
      width: 50%;
      float: left;
      padding: 35px;
      text-align: center; }
      @media all and (max-width: 520px) {
        .support .col-2 .col.m60 .img-ref {
          padding: 10px; } }
      .support .col-2 .col.m60 .img-ref img {
        width: 100%; }
        @media all and (max-width: 880px) {
          .support .col-2 .col.m60 .img-ref img {
            width: 60%; } }
        @media all and (max-width: 680px) {
          .support .col-2 .col.m60 .img-ref img {
            width: 95%; } }
      .support .col-2 .col.m60 .img-ref p {
        font-size: 130%;
        font-weight: 600;
        margin-top: 10px; }
    .support .col-2 .col.m60 .use-warnigs {
      width: 100%;
      padding-top: 20px; }
      .support .col-2 .col.m60 .use-warnigs h4 {
        color: #5983C0;
        font-size: 160%;
        font-weight: 600;
        text-align: left;
        margin-bottom: 10px; }
      .support .col-2 .col.m60 .use-warnigs ul li {
        list-style-type: disc;
        margin-bottom: 25px;
        font-family: "Myriad Pro Regular"; }
        @media all and (max-width: 680px) {
          .support .col-2 .col.m60 .use-warnigs ul li {
            font-size: 115%; } }
  .support .col-2 .col.m40 {
    width: 40%;
    position: relative;
    float: left;
    padding-top: 40px; }
    @media all and (max-width: 920px) {
      .support .col-2 .col.m40 {
        width: 45%; } }
  .support .col-2 .steps {
    width: 100%; }
    @media all and (max-width: 880px) {
      .support .col-2 .steps {
        padding: 30px; } }
    @media all and (max-width: 680px) {
      .support .col-2 .steps {
        padding: 15px; } }
    @media all and (max-width: 450px) {
      .support .col-2 .steps {
        padding: 0; } }
    .support .col-2 .steps .step-item {
      width: 100%; }
      .support .col-2 .steps .step-item p {
        color: #5983C0;
        font-size: 120%;
        font-family: "Myriad Pro Regular"; }
      .support .col-2 .steps .step-item .circle {
        border: solid 1px #5983C0;
        width: 30px;
        height: 30px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        clear: both;
        float: left;
        margin-right: 10px;
        text-align: center;
        font-size: 125%;
        font-weight: 600;
        line-height: 25px;
        padding-left: 2px;
        color: #5983C0; }
      .support .col-2 .steps .step-item img {
        width: 100%;
        padding: 20px; }
        @media all and (max-width: 880px) {
          .support .col-2 .steps .step-item img {
            width: 80%; } }
        @media all and (max-width: 680px) {
          .support .col-2 .steps .step-item img {
            width: 95%; } }
.support .on-mob {
  display: none; }
  @media all and (max-width: 880px) {
    .support .on-mob {
      display: block; } }
.support .on-desk {
  display: block; }
  @media all and (max-width: 880px) {
    .support .on-desk {
      display: none; } }
.support .flex-suport {
  display: none; }
  .support .flex-suport .img-ref {
    padding: 0 !important;
    padding-bottom: 35px !important; }
    @media all and (max-width: 520px) {
      .support .flex-suport .img-ref {
        padding-bottom: 10px !important; } }

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