@charset "UTF-8";
@font-face {
  font-family: 'GothaPro';
  src: url("../fonts/GothaProBol.ttf");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'GothaPro';
  src: url("../fonts/GothaProBla.ttf");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular.ttf");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Medium.ttf");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Bold.ttf");
  font-weight: 700;
  font-style: normal; }
  
html {
  font-size: 10px; }

.credibility333 {
  font-family: 'Roboto';
  font-weight: 400;
  padding: 0;
  margin: 0;
  overflow: hidden;
  color: #fff; }

.credibility333 * {
      font-size: 24px;
  outline: none;
  min-height: 0;
  min-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0; }

.credibility333 .container333 {
  width: 1200px;
  margin: auto; }

.bukva_effect{
      position: absolute;
    top: 0;
    left: -209px;
}

h2.title333 {
    margin-top: 0em;
    margin-bottom: 2em;
    font-size: 68px;
    text-transform: uppercase;
    font-family: "FuturaLightC";
    text-align: center;
    color: #F193B4;
    text-shadow: 0 10px 24px rgba(230, 10, 47, 0.8), 0 -10px 24px rgba(230, 10, 47, 0.8), -10px 0 24px rgba(230, 10, 47, 0.8), 10px 0 24px rgba(230, 10, 47, 0.8);
    margin: 0 0 80px 0;
        position: relative;
    font-weight: normal; }

h2.title474 {
    margin-top: 0em;
    margin-bottom: 2em;
    font-size: 68px;
    text-transform: uppercase;
    font-family: "FuturaLightC";
    text-align: center;
    margin: 0 0 25px 0;
    font-weight: normal;
        color: #F193B4;
    text-shadow: 0 10px 24px rgba(230, 10, 47, 0.8), 0 -10px 24px rgba(230, 10, 47, 0.8), -10px 0 24px rgba(230, 10, 47, 0.8), 10px 0 24px rgba(230, 10, 47, 0.8);
}

.undertitle_p {
    margin-top: 0em;
    margin-bottom: 2em;
    font-size: 39px;
    text-transform: uppercase;
    font-family: "FuturaLightC";
    text-align: center;
    margin: 0 0 50px 0;
    font-weight: normal;
        color: #F193B4;
    text-shadow: 0 10px 24px rgba(230, 10, 47, 0.8), 0 -10px 24px rgba(230, 10, 47, 0.8), -10px 0 24px rgba(230, 10, 47, 0.8), 10px 0 24px rgba(230, 10, 47, 0.8);
}


.credibility333 {
/*  background: url(../img/credibility/how-bg.png) no-repeat center;*/
background-color: #090708;
  padding: 3em 0;
  background-size: cover;
  position: relative;
  z-index: 1;
    font-family: FuturaBookC;
    font-size: 25px;
    color: #FDF7E5;
        overflow: visible;
}

.credibility333 .credibility-text333 {
  margin-bottom: 2.5em; }
  .credibility333 .credibility-text333 p span {
    color: #cf3143; }
  .credibility333 .credibility-text333 p:last-child {
    font-weight: 900; }

.credibility333 .container333 {
  margin-left: 24%;
  width: 70%; }

.credibility333 .title333 {
  text-align: left;
  margin-bottom: 1.7em; }

.credibility333 .credibility-flex333 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.credibility333 .credibility-item333 {
  width: 46%;
  margin-bottom: 2em;
  position: relative; }
  .credibility333 .credibility-item333 .number333 {
        z-index: 1;
    font-size: 3.5em;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    font-weight: 900;
    color: #fff;
    opacity: 0.41; }
  .credibility333 .credibility-item333 span {
    word-break: break-word;
    z-index: 2;
    position: relative;
    color: #cf3143;
    font-size: 31px;
    color: #F193B4;
    text-shadow: 0 10px 24px rgba(230, 10, 47, 0.8), 0 -10px 24px rgba(230, 10, 47, 0.8), -10px 0 24px rgba(230, 10, 47, 0.8), 10px 0 24px rgba(230, 10, 47, 0.8);

 }
.credibility333 .margin-box {
  margin-bottom: 2em; }
.credibility333 .overlay333 {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: -1;
  display: none; }












@media (max-width: 1681px) {
  .credibility333 .credibility-item333 {
    width: 46%;
    margin-bottom: 2em;
    font-weight: 500; }
}

@media (max-width: 1450px) {
  body {
    font-size: 2rem; } 
    .bukva_effect {
    position: absolute;
    top: 0;
    left: -293px;
}
}

@media (max-width: 1200px) {
  .credibility333 .container333 {
    width: 95%; }
  .credibility333 {
    background-position: left; }
    .credibility333 .container333 {
      margin-left: auto;
      width: 90%; }

}




@media (max-width: 1040px) {
.bukva_effect {
    position: absolute;
    top: 581px;
    left: -326px;
    opacity: 0.6;
}

}

@media (max-width: 900px) {
  html {
    font-size: 9px; }
  .credibility333 {
    padding-bottom: 2em !important; }
  h2.title333 {
    margin-bottom: 1.5em; }
}

@media (max-width: 768px) {
  h2.title474 {
    font-size: 60px;
  }
  html {
    font-size: 8px; }
h2.title333 {
    font-size: 57px;
}
}

@media (max-width: 550px) {
  html {
    font-size: 7px; }
  h2.title333 {
    margin-bottom: 1em; }

  .credibility333 {
    font-size: 1.2em;
    background-position: 5%; }
    h2.title333 {
    font-size: 1.3em;
}
  .credibility333 .credibility-flex333 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .credibility333 .credibility-item333 {
    width: 100%; }
  .credibility333 .margin-box {
    margin-bottom: 1em; }

    .undertitle_p {
    font-size: 25px;
    line-height: 31px;
  }
    h2.title474 {
    font-size: 45px;
  }

  .advantages-and-steps333 .advantages_flex333 {
    margin-top: 70px;
  }
  .advantages-and-steps333 .advantage-box333 {
    width: 50%;
  }
}
@media (max-width: 420px) {
h2.title474 {
    font-size: 32px;
}
}

@media (max-width: 400px) {
  html {
    font-size: 6px; }
}