@font-face {
  font-family: Comfortaa;
  src: url("../assets/fonts/Comfortaa/static/Comfortaa-Bold.801965b04368.ttf");
}

@font-face {
  font-family: Montserrat;
  src: url("../assets/fonts/Montserrat/Montserrat-Regular.ee6539921d71.ttf");
}

@font-face {
  font-family: Montserrat-bold;
  src: url("../assets/fonts/Montserrat/Montserrat-Bold.ade91f473255.ttf")
}

@font-face {
  font-family:Montserrat-SemiBold;
  src: url("../assets/fonts/Montserrat/Montserrat-SemiBold.c641dbee1d75.ttf")
}

input{
  outline:none!important;
}
.payGaz{
  max-width:611px;
  box-shadow: 0 0 6px rgba(99, 112, 140, 0.1);
  background-color: #ffffff;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:180px;
  width:100%;
  border-radius:10px;
  padding-bottom:60px;
  display:none;
  z-index:5000;
}

.black-layout{
  background-color:black;
  position:absolute;
  width:100%;
  z-index:500;
  opacity:0.5;
  background-color:black;
  top:0px;
}
.blue-head{
  background-color:#cfe9fb;
  padding-top:32px;
  padding-bottom:24px;
  display:flex;
  justify-content:center;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  position:relative;
}

.blue-head p{
color: #303669;
font-family: Montserrat;
font-size: 18px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
}

.blue-head span{
  font-family: "Montserrat";
font-weight: 500;
  margin-left:10px;
}
.sum-info{
  padding-left:20px;
  padding-right:20px;
  text-align:right;
  margin-top:17px;
  color: #9ea7b1;
font-family: Montserrat;
font-size: 11px;
font-weight: 400;
}
.oplata-close{
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
}

.oplata-close:hover{
  cursor:pointer;
}

.oplata-content{
  padding-left:20px;
  padding-right:20px;
  margin-top:26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.oplata-content p{
  font-family: Montserrat;
font-size: 15px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;

}

.paySystem{
  padding-left:20px;
  padding-right:20px;
  margin-top:71px;
  display:flex;
  align-items:center;
}
.burger-menu {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: white;
  display: none;
  animation-name:showMenu;
  animation-fill-mode:forwards;
  animation-duration:.5s;
  z-index:1000;
}

.burger-switch {
  display: flex;
  justify-content: center;
  padding-top: 1.5vh;
  border-bottom: 1px solid;
  padding-bottom: 1.5vh;
  border-color:grey;
}

.burger_item {
  position: relative;
}

.close-burger {
  font-size: 27px;
  position: absolute;
  left: 5vw;
  top: 1.5vh;
}

.own-content {
  margin-left: 120px;
  margin-right: 120px;
  margin-top: 1em;
}

/* Верхнее меню */
.logo {
  width: 100%;
}

.logo img {
  max-width: 250px;
  max-height: 73px;
}

.top-menu {
  width: 80%;
  margin-left: auto;
}

p {
  margin: 0px;
}

.top-menu li {
  list-style: none;
}

.top-menu li:last-child {
  margin-right: 0px;
}

.top-menu ul {
  display: flex;
  justify-content:space-around;
}

.consultation {
  color: #00aeff;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 35px;
  text-align: left;
  padding-top: 5px;
  border-bottom: 1px dashed;
}

.consultation:hover {
  cursor: pointer;
}

/* Модальное окно (при нажатии на "Замовити консультацию") */

.consultation_modal {
  width: 562px;
  height: 450px;
  box-shadow: 0 0 9px rgba(99, 112, 140, 0.26);
  border-radius: 10px;
  background-color: #ffffff;
  position: absolute;
  left:50%;
  z-index:3;
  top:20vh;
  transform:translateX(-50%);
  display: none;
}
.modal-item{
  width:80%;
  height:100%;
  margin:0 auto;
  display:flex;
  flex-direction: column;
  justify-content:center;
}
.modal-text{
  margin-bottom:23px;
  color: #000000;
font-family: Comfortaa;
font-size: 18px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 25px;
text-align: center;
}
.modal-form{
  display:flex;
  flex-direction:column;
}
.modal-form input{
  margin-top:17px;
  height: 49px;
border-radius: 10px;
background-color: #f6f6f6;
border:none;
}
.modal-form input:focus{
  outline:none;
}
.modal-form input:placeholder{
font-family: Montserrat;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 25px;
left:10%;
}
.close-modal{
  position:absolute;
  top:4%;
  right:5%;
  font-size:25px;
  color:#e2dede;
}
.close-modal:hover{
  color:red;
  cursor: pointer;
}
.modal-button{
  width: 204px;
height: 43px;
box-shadow: 0 0 2px 1px rgba(47, 23, 7, 0.36);
border-radius: 21px;
background-color: #0099ff;
border:none;
margin:0 auto;
margin-top:64px;
color: #f6f6f6;
font-family: Montserrat;
font-size: 16px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 34.13px;
text-align:center;
}


.number {
  color: #00aeff;
  height:100%;
  font-family:"Montserrat-SemiBold";
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 40px;
  text-align: left;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.number:hover {
  cursor: pointer;
}

.switch {
  width: 210px;
  height: 43px;
  box-shadow: 0 0 3px 1px rgba(90, 109, 108, 0.10);
  border-radius: 21px;
  background-color: #ffffff;
  position: relative;
  display: flex;
  text-align: center;
}

.switch:hover {
  cursor: pointer;
}

.slider {
  width: 108px;
  height: 43px;
  box-shadow: 0 0 2px 1px rgba(48, 47, 46, 0.10);
  border-radius: 21px;
  border: 2px solid rgba(255, 188, 0, 0.95);
  background-color: #ffbc00;
  position: absolute;
  right: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition-duration:.5s;
}

.cabinet {
  width: 204px;
  height: 42px;
  box-shadow: 0 0 2px 1px rgba(47, 23, 7, 0.36);
  border-radius: 21px;
  background-color: #0099ff;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.forHome {
  font-size: 13px;
  position: absolute;
  left: 5%;
  top: 30%;
  color: #303669;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 34.13px;
  text-align: left;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.forBiznes {
  color: white;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 34.13px;
  text-align: left;
  /* Text style for "газ для до" */
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
}

.own-cabinet {
  margin: 0 auto;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 34.13px;
  text-align: left;
  /* Text style for "Особистий" */
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  color: #f6f6f6;
}

/* мова */


.lang{
  position:relative;
  font-family:Montserrat;
  letter-spacing:1px;
  width:40px;
  color:#817fa1;
}
.first-lang,.second-lang{
  position:absolute;
}
.lang:hover{
  cursor: pointer;
}

.last-child:hover>.lang>.second-lang{
  display:block;
  position:absolute;
  top:30px;
}

.arrow{
  position:absolute;
  left:100%;
}
.second-lang{
  display:none;
}

.second-lang:hover{
  transition-duration:.5s;
  text-shadow: 3px 3px 6px rgba(150, 150, 150, 1);
  color:#58bafc;
}
.first-lang:hover{
  transition-duration:.5s;
  text-shadow: 3px 3px 6px rgba(150, 150, 150, 1);
  color:#58bafc;
}
/* Нижнее меню */
.bottom-menu {
  margin-top: 43px;
}

.acc-mobile {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.acc-mobile img {
  width: 35px;
  height: 35px;
  margin-top:20px;
}

.bottom-menu ul {
  padding:0px;
  display: flex;
  justify-content:space-between;
  margin: 0px;
}

.bottom-menu li {
  list-style: none;
  color: #00000;
  font-family: Montserrat-bold;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 40px;
  text-align: left;
  text-transform: uppercase;
  margin-right:0px;
}

.bottom-menu li:last-child {
  margin-right: 0px;
}

.bottom-menu li:hover {
  cursor: pointer;
}

/* Присоединяйтесь к нам  */
.join {
  margin-top: 70px;
}

.join-img {
  width: 661px;
  height: 630px;
}

.gaz-info {
  width: 80%;
  margin-left: auto;
  position: relative;
}

.txt-1 {
  color: #303669;
  font-family: Comfortaa;
  font-size: 30px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 40px;
  text-align: left;
  margin-top: 42px;
}

.txt-2 {
  margin-top: 56px;
  color: #303669;
  font-family: Montserrat;
  font-size: 60px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 60px;
  text-align: left;
  /* Text style for "Приєднуйте" */
  font-style: normal;
  letter-spacing: -0.6px;
  line-height: normal;
}

.txt-3 {
  margin-top: 81px;
  color: #303669;
  font-family: Comfortaa;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 30px;
  text-align: left;
  /* Text style for "Змініть по" */
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.pink {
  width: 284px;
  height: 48px;
  border-radius: 24px;
  background-color: #ff3399;
  margin: 0 auto;
  margin-top: 88px;
  text-align: center;
}

.inner-pink {
  color: #f6f6f6;
  font-family: Montserrat;
  font-size: 21px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 44px;
  text-align: left;
  /* Text style for "Заповнити" */
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
}

/* About us */
.about-us {
  margin-top: 109px;
}

.about-item {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}

.about-item img {
  height: 110px;
}

.about-them {
  text-align: center;
  margin-top: 21px;
  color: #000000;
  font-family: Montserrat-bold;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 100px;
  /* Text style for "Швидкість" */
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.about-them2 {
  margin-top: 19px;
  color: #000000;
  font-family: Comfortaa;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: normal;
  line-height: 30px;
  text-align: center;
  /* Text style for "управління" */
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.title-tarif {
  margin-top: 70px;
  text-align: center;
  color: #303669;
  font-family: Montserrat;
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 100px;
  /* Text style for "Тарифні пл" */
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.tarif-item {
  width: 400px;

  padding-bottom:50px;
  border-radius: 50px;
  background-color: #ffffff;
  margin: 0 auto;
  margin-top: 72px;
}
.tarif-item:hover{
  // transition-duration:.5s;
  box-shadow: 0 0 29px rgba(99, 112, 140, 0.26);
  // transform:translateY(-20px);
  cursor: pointer;
}

.t-row {
  // position: relative;
}

.aligment {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tarif-plan h4 {
  color: #01afff;
  font-family: Montserrat-bold;
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 100px;
  text-align: center;
  /* Text style for "Місячний" */
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  margin-top: 37px;
}

.tarif-plan {
  margin-top: 26px;
  padding-left: 10px;
  padding-right: 10px;
}

.tarif-price {
  color: #303669;
  font-family: "Montserrat - Semi Bold";
  font-size: 30px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.price {
  font-family: Montserrat;
  font-size: 60px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.hrn {
  font-family: "Montserrat-SemiBold";
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.month {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  color: #01afff;
  margin-top: 28px;
}

.for {
  color: #000000;
  font-family: Comfortaa;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
  text-align: center;
  /* Text style for "Для тих, к" */
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  margin-top: 23px;
}

.tarif-info {
  margin-top: 23px;
}

.tarif-info ul {
  padding-left: 5%;
  padding-right: 5%;
}

.tarif-info li {
  text-align: left;
  list-style: none;
  position: relative;
  padding-top: 27px;
  color: #000000;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 100px;
  /* Text style for "Ринкова ці" */
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.tarif-info ul {
  margin: 0px;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  padding: 0px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
}

.tarif-info li {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.tarif-info p::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #ffbc00;
  border-radius: 50%;
  margin-top: 3px;
  position:relative;
  right:10px;
}

.tarif-btn {
  width: 131px;
  height: 49px;
  border-radius: 24px;
  background-color: #0099ff;
  border: none;
  outline:none!important;
  display:flex;
  justify-content:center;
  align-items:center;
  margin: 0 auto;
  margin-top: 51px;
  color: #f6f6f6;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 50px;
}

.tarif-info p {
  display: inline;
}

.cr {
  width: 20px;
  height: 20px;
  background-color: red;
  border-radius: 50%;
}

.test {
  padding-top: 60px;
}

/* Скачати договор */
.download-item {
  display: flex;
  justify-content: center;
  margin-top: 26px;
}

.download {
  position: relative;
}

.d-icon {
  margin-right: 7px;
}

.d-them {
  margin-left: 7px;
  font-family: Comfortaa;
}

/* Приеднання */
.j {
  margin-top: 120px;
}

.j-item {}

.j-item h3 {
  color: #303669;
  font-family: Montserrat;
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 50px;
}

.step {
  margin-top: 28px;
  color: #000000;
  font-family: Comfortaa;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
  text-align: left;
}

.join-img {
  width: 100%;
}

.join-img img {
  width: 100%;
  max-width: 746px;
}

.j-button {
  width: 100%;
  height: 48px;
  border-radius: 24px;
  background-color: #0099ff;
  border: none;
  color: #f6f6f6;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 50px;
  text-align: left;
  padding-left: 37px;
  margin-top: 37px;
  display: flex;
  position: relative;
}

.j-button:focus {
  outline: none;
}

.j-row {
  position: relative;
}

.close {
  position: absolute;
  right: 10%;
  color: #f6f6f6;
  font-family: Montserrat;
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 50px;
}

.b-text {
  position: relative;
  top: -10%;
  width: 90%;
  display: inline-block;
  height: 100%;
}

.show-text {
  margin-top: 28px;
  color: #000000;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
  text-align: left;
  width: 100%;
  display: none;
}

.show-text span {
  color: #0099ff;
  font-family: "Montserrat - Semi Bold";
  font-weight: 600;
}

.ancet, .doc, .answer {
  width: 548px;
}

.doc-info {
  margin-top: 25px;
}

.doc-info-item {
  display: flex;
}

.in {
  width: 30%;
  text-align: center;
}

.in p {
  color: #0099ff;
  font-family: "Montserrat-SemiBold";
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
}

.doc-info-item li {
  color: #000000;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
  text-align: left;
  list-style: none;
  position: relative;
}

.doc-info-item li::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ffbc00;
  position: absolute;
  left: -15px;
  top: 8px;
}

.j-img {
  margin-top: 147px;
  width: 100%;
  max-width: 746px;
}

.j-img img {
  width: 100%;
}

/* Виникли питання */
.question {
  margin-top: 74px;
  position: relative;
}

.question-img {
  text-align: center;
  margin-top: 20px;
}

.question-text {
  display: flex;
  justify-content: center;
}

textarea {
  resize: none;
  width: 361px;
  height: 184px;
  box-shadow: 0 0 4px rgba(99, 112, 140, 0.26);
  border:none;
  border-radius: 10px;
  background-color: #ffffff;
  text-align: left;
  margin-top: 10px;
}

::placeholder {
  padding-left: 30px;
  padding-top: 15px;
  color: #81828f;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
  outline: none;
}

.question-text2 {
  margin-top: 50px;
}

.question-text2 h3 {
  color: #303669;
  font-family: Montserrat;
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 30px;
  text-align: center;
}

.question-text2 p {
  width: 413px;
  margin: 0 auto;
  margin-top: 28px;
  color: #303669;
  font-family: Comfortaa;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
  text-align: center;
}

.question-form {
  display: flex;
  flex-direction: column;
  width: 440px;
  margin: 0 auto;
  margin-top: 70px;
}

.question-form input {
  margin-top: 17px;
  height: 49px;
  border-radius: 10px;
  background-color: #ffffff;
  border: none;
  outline: none;
  text-align: center;
}

.question-form input::placeholder {
  color: #81828f;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
  text-align: center;
}

.pink2 {
  width: 284px;
  height: 48px;
  border-radius: 24px;
  background-color: #ff3399;
  border: none;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
  color: #f6f6f6;
  font-family: Montserrat;
  font-size: 21px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
}

/* Footer */
.fot {
  padding: 0px;
}

.footer {
  height: 544px;
  background-color: #303669;
  margin-top: 33px;
  position: relative;
}

.footer-item {
  display: flex;
}

.left-footer {
  margin-left: 206px;
  margin-top: 19px;
}

.left-footer img{
  max-width:244px;
  width:auto;
}
.left-footer ul {
  margin-top: 48px;
}

.left-footer li {
  list-style: none;
  color: #f6f6f6;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
  text-align: left;
}

.right-footer {
  margin-left: 550px;
  margin-top: 75px;
}

.call-centr {
  display: flex;
}

.c-centr {
  color: #ffbc00;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
}

.c-number {
  color: #f6f6f6;
  font-family: Montserrat;
  font-size: 30px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
  margin-left: 27px;
}

.call-button {
  width: 285px;
  height: 54px;
  border-radius: 10px;
  background-color: #ffbc00;
  border: none;
  display: flex;
  align-items:center;
  justify-content:center;
  margin-top: 40px;
  margin-left: auto;
  color: #303669;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
}

.adress {
  display: flex;
  justify-content: center;
  color: #f6f6f6;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
  text-align: left;
}

.adress-item {
  width: 185px;
  margin-top: 35px;
}

.adress-item span {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

.bg-1 {
  position: absolute;
  right:50px;
  top: -50px;
  z-index: 1;
  width: 245px;
}

.bg-1 img {
  width: 100%;
}

.bg-2 {
  position: absolute;
  top: 1200px;
  left:-10px;
  width: 300px;
}

.bg-2 img {
  width: 100%;
}

.bg-4 {
  width: 207px;
  position: absolute;
  left: -170px;
  top: 150px;
}

.bg-4 img {
  width: 100%;
}

.bg-5 {
  position: absolute;
  top: 40px;
  left: 300px;
  z-index: 1;
  width: 74px;
  padding: 0px;
}

.bg-5 img {
  width: 100%;
}

.bg-6 {
  position: absolute;
  left: 130px;
}

.bg-7 {
  position: absolute;
  right: 0;
  top: 54%;
  width: 245px;
}

.bg-7 img {
  width: 100%;
}

.license {
  position: absolute;
  bottom: 20px;
}

.developer {
  position: absolute;
  bottom: 20px;
  color: #f6f6f6 !important;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 25px;
}

.welard {
  font-family: Montserrat-SemiBold;
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}

textarea:focus {
  outline: none;
}

/* Адаптация */
@media(max-width:1880px) {
  .top-menu li {
    margin-right: 100px;
  }

  .bottom-menu li {
    margin-right: 100px;
  }
}

@media(max-width:1790px) {
  .top-menu li {
    margin-right: 0px;
  }

  .bottom-menu li {
    margin-right: 80px;
  }
}

@media(max-width:1690px) {
  .top-menu{
    width:80%;
  }
}


@media(max-width:1660px) {
  .top-menu li {
    margin-right:40px;
  }
}

@media(max-width:1600px) {
  .own-content {
    margin-left: 30px;
    margin-right: 30px;
  }

  .lang{
    font-size:19px;
  }

  .bottom-menu ul {
    justify-content: space-between;
  }

  .bottom-menu li {
    margin: 0px;
  }
.bottom-menu a:hover{
  color:#ff3e81;
}
  .bottom-menu li:last-child {
    margin: 0px;
  }

  .about-item img{
    width:100px;
    height:100px;
  }
  .ai-2 img{
    width:80px;
    height:100px;
  }
  .ai-3 img{
    width:80px;
    height:100px;
  }
  .bg-2{
    width:250px;
    left:-80px;
  }
  .bg-4{
    left:-80px;
    top:70px;
  }
  .bg-7{
    width:200px;
    top:56%;
  }

}

@media(max-width:1500px) {
  .bg-2 {
    width: 250px;
  }

  .txt-1 {
    font-size: 26px;
  }

  .gaz-info {
    width: 90%;
  }

  .txt-2 {
    font-size: 50px;
  }
  .join-img{
    width:80%;
    margin:0 auto;
  }
}

@media(max-width:1400px) {
  .txt-2 {
    font-size: 50px;
  }

  .right-footer {
    margin-left: 400px;
  }

  .c-number {
    font-size: 25px;
  }

  .call-button {
    width: 260px;
  }

  .tarif-info li::before {
    width: 10px;
    height: 10px;
  }

  .tarif-info span {
    left: 20%;
  }
}

@media(max-width:1366px) {
  .top-menu {
    width: 85%;
  }

  .top-menu li {
    margin-right:10px;
  }

  .number {
    padding-top: 8px;
  }

  .bottom-menu {
    margin-top: 40px;
  }

  .txt-1 {
    margin-top: 0px;
  }

  .txt-2 {
    margin-top: 30px;
  }

  .txt-3 {
    margin-top: 50px;
  }

  .pink {
    margin-top: 60px;
  }

  .about-us {
    margin-top: 80px;
  }

  .tarif-item {
    width: 340px;
  }

  .right-footer {
    margin-left: 450px;
  }

  .bg-1 {
    width: 220px;
  }
}

@media(max-width:1280px) {
  .switch {
    height: 40px;
  }

  .slider {
    height: 100%;
  }

  .cabinet {
    height: 40px;
  }

  .logo {
    top: 0px;
  }
  .logo img{
    width:220px;
  }

  .lang{
    font-size:17px;
  }
  .bottom-menu li{
    font-size:12px;
  }

  .forHome p {
    font-size: 14px;
  }

  .forBiznes p {
    font-size: 14px;
  }

  .own-cabinet {
    font-size: 14px;
  }

  .bottom-menu {
    margin-top: 35px;
  }

  .join-img img {
    /* margin-top: 2em; */
  }

  .pink {
    width: 240px;
  }

  .inner-pink {
    font-size: 14px;
  }

  .txt-1 {
    font-size: 28px;
  }

  .txt-2 {
    font-size: 55px;
  }

  .tarif-item {
    width: 320px;
  }

  .test {
    padding-top: 40px;
  }

  .tarif-plan h4 {
    font-size: 28px;
  }

  .price {
    font-size: 50px;
  }

  .hrn {
    font-weight: 500;
  }

  .tarif-info span {
    left: 18%;
  }

  .tarif-btn {
    height: 40px;
    line-height: 30px;
    font-size: 15px;
  }

  .bg-2 {
    width: 230px;
  }
  .bg-4{
    top:40px;
  }

  .b-text {
    top: 0px;
    line-height: 40px;
    width: 80%;
    font-size: 14px;
  }

  .j-button {
    height: 40px;
  }

  .close {
    top: -10%;
  }

  .ancet, .doc, .answer {
    width: 100%;
  }

  .right-footer {
    margin-left: 400px;
  }

  .left-footer {
    margin-left: 100px;
  }

  .left-footer img{
    max-width:190px;
    width:auto;
  }

  .bg-6 {
    left: 30px;
  }

  .bg-7 {
    width:180px;
    top: 60%;
  }

  .call-button {
    height: 48px;
    width: 260px;
  }

  /*.top-menu {*/
  /*  width: 90%;*/
  /*}*/

  textarea {
    margin-top: 10px;
  }

  .question-form input::placeholder {
    font-size: 12px;
  }

  textarea::placeholder {
    font-size: 12px;
  }

  .pink2 {
    width: 240px;
    font-size: 17px;
  }
}

@media(max-width:1266px) {
  .own-cabinet {
    font-size: 14px;
  }

  .forHome {
    font-size: 13px !important;
  }

  .forBiznes {
    font-size: 13px;
  }

  .consultation {
    font-size: 14px;
  }

  .number {
    font-size: 18px;
  }

  /*.top-menu {*/
  /*  width: 90%;*/
  /*}*/

  .bottom-menu {
    margin-top: 30px;
  }

  .cabinet {
    width: 190px;
  }

  .bottom-menu li {
    font-size: 13px;
  }

  .txt-1 {
    font-size: 27px;
  }

  .txt-2 {
    font-size: 48px;
  }

  .pink {
    width: 230px;
  }

  .inner-pink {
    font-size: 16px;
  }

  /* TARIF */

  .test {
    padding-top: 40px;
  }

  .tarif-plan h4 {
    font-size: 28px;
  }

  .price {
    font-size: 50px;
  }

  .hrn {
    font-weight: 500;
  }

  .for {
    font-size: 17px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .tarif-info li {
    padding-top: 20px;
    font-size: 15px;
  }

  .question-form {
    margin-top: 70px;
  }

  .pink2 {
    width: 250px;
  }

  .tarif-btn {
    margin-top: 40px;
    height: 40px;
    line-height: 20px;
  }

  .about-us {
    margin-top: 50px;
  }

  .bg-2 {
    width: 210px;
  }

  .bg-4 {
    width: 190px;
  }

  .ancet, .doc, .answer {
    max-width: 100%;
  }

  .bg-5 {
    width: 64px;
  }

  .right-footer {
    margin-left: 400px;
  }

  .left-footer {
    margin-left: 200px;
  }

  .bg-7 {
    width: 225px;
  }

  .call-button {
    width: 250px;
    margin-left: 60px;
  }

  .c-number {
    font-size: 25px;
  }

  .price {
    font-size: 45px;
  }

  .for {
    font-size: 16px;
    line-height: 25px;
  }
}

@media(max-width:1240px) {
  .join-img img{
    width:530px;
    height:510px;
  }
  .top-menu ul {
    justify-content: space-between;
  }

  .top-menu li {
    margin: 0px;
  }

  /*.top-menu {*/
  /*  width: 90%;*/
  /*}*/

  .question-form input::placeholder {
    font-size: 13px;
    font-weight: 300;
    line-height: 25px;
  }

  .bg-7 {
    width: 150px;
    top: 70%;
  }

  .right-footer {
    margin-left: 350px;
  }

  .left-footer {
    margin-left: 180px;
  }
  .consultation_modal{
    width:500px;
    height:390px;
  }
  .d-them {
    font-size:14px;
  }
}


@media(max-width:1200px) {
  .join-img{
    width:100%;
  }
}

@media(max-width:1166px) {
  .logo img {
    width: 100%;
  }

  /*.top-menu {*/
  /*  width: 90%;*/
  /*}*/

  .bottom-menu li {
    font-size: 12px;
  }

  .consultation {
    font-size: 14px;
  }

  .number {
    font-size: 19px;
  }

  .logo {
    top: 0px;
  }

  .tarif-item {
    width: 250px;
  }

  .tarif-info {
    margin-top: 10px;
  }

  .right-footer {
    margin-left: 350px;
  }

  .left-footer {
    margin-left: 150px;
  }

  .bg-6 {
    left: 80px;
  }

  .bg-7 {
    width: 200px;
  }

  .bg-1 {
    width: 200px;
  }

  .tarif-item {
    width: 100%;
  }

  .bg-2 {
    width: 220px;
  }
}

@media(max-width:1125px) {
  .top-menu{
    width:90%;
  }
  .top-menu li {
    margin-right:20px;
  }
}

@media(max-width:1100px) {
  .bg-7 {
    top: 65%;
    width: 180px;
  }
}

@media(max-width:1069px) {

  .top-menu li{
    margin-right:20px;
  }
  .bottom-menu ul {
    padding: 0px;
  }

  .b-menu {
    margin-top: 15px;
  }

  .switch {
    height: 40px;
    width: 180px;
  }

  .forHome p {
    font-size: 13px;
  }

  .forBiznes p {
    font-size: 13px;
  }

  .slider {
    width: 90px;
  }

  .cabinet {
    width: 180px;
    height: 40px;
  }

  .top-menu-item ul {
    padding: 0px;
  }

  .forHome {
    font-size: 12px !important;
  }

  .forBiznes {
    font-size: 12px;
  }

  .number {
    font-size: 16px;
  }

  .txt-1 {
    font-size: 27px;
  }

  .txt-2 {
    font-size: 48px;
  }

  .pink {
    width: 260px;
  }

  .join-img {
    margin-top: 2em;
  }

  .join-img img{
    width:100%;
  }

  .about-us {
    margin-top: 40px;
  }

  .bg-2 {
    width: 220px;
  }

  .tarif-plan {
    margin-top: 20px;
  }

  .tarif-plan h4 {
    margin-top: 10px;
  }

  .tarif-info p {
    font-size: 14px;
  }

  .tarif-btn {
    width: 120px;
    font-size: 16px;
  }



  .test {
    padding-top: 25px;
  }

  .j-button {
    height: 42px;
  }

  .b-text {
    font-size: 15px;
    width: 80%;
  }

  .close {
    top: -10%;
  }

  .show-text {
    font-size: 14px;
  }

  .question-form input {
    height: 40px;
  }

  .pink2 {
    width: 270px;
  }

  .right-footer {
    margin-left: 300px;
  }

  .left-footer {
    margin-left: 100px;
  }

  .c-number {
    font-size: 20px;
  }

  .c-centr {
    font-size: 16px;
  }

  .call-button {
    width: 220px;
    height: 45px;
    font-size: 17px;
    margin-left: 30px;
  }

  .bg-6 {
    left: 30px;
  }

  .bg-1 {
    width: 180px;
  }
}

@media(max-width:991px) {
  .switch {
    width: 230px;
    height: 45px;
  }

  .slider {
    width: 50%;
  }

  .forHome {
    font-size: 15px !important;
  }

  .forBiznes {
    font-size: 15px;
  }

  /* Адаптация верхнего меню в бургер  */
  .top-menu {
    display: none;
  }

  .bottom-menu ul {
    flex-direction: column;
  }

  .bottom-menu li {
    text-align: center;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 50px;
    margin-top: 1em;
  }

  .apadt-menu {
    justify-content: flex-start;
  }

  .burger {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .fa-bars {
    font-size: 30px;
    color: #01aeff;
  }

  .logo {
    width: 170px;
    margin-left: 2em;
  }

  .adapt-cabinet {
    justify-content: flex-end;
  }

  .cabinet {
    width: 160px;
    height: 45px;
    margin-top: 10px;
  }

  .cabinet-bur{
    margin:0 auto;
    margin-top:50px;
  }

  .own-cabinet {
    font-size: 12px;
  }

  .consultation {
    text-align: center;
    border: none;
    font-size: 18px;
    padding: 0px;
  }

  .about-us {
    margin-top: 2em;
  }

  .about-item {
    margin-top: 70px;
  }

  .join-img {
    width: 80%;
    margin: 0 auto;
    height: auto;
    text-align:center;
  }

  .join-img img{
    width:auto;
  }
  .gaz-info {
    margin: 0 auto;
    margin-top: 2em;
    width: 70%;
  }

  .txt-1 {
    font-size: 18px;
  }

  .txt-2 {
    font-size: 38px;
  }

  .txt-3 {
    font-size: 16px;
  }

  .pink {
    width: 200px;
  }

  .inner-pink {
    font-size: 14px;
  }

  /*.about-item img {*/
  /*  width: 100px;*/
  /*  height: 100px;*/
  /*}*/

  .about-them {
    font-size: 17px;
  }

  .about-them2 {
    font-size: 15px;
  }

  .about-us {
    margin-top: 0px;
  }

  .title-tarif {
    font-size: 35px;
  }

  .tarif-item {
    width: 40%;
    height:auto;
    min-height:0px;
    padding-bottom:20px;
  }

  .tarif-plan {
    margin-top: 25px;
  }

  .price {
    font-size: 35px;
  }

  .hrn {
    font-size: 20px;
    margin-top: 10px;
  }

  .month {
    font-size: 16px;
  }

  .for {
    font-size: 15px;
  }

  .tarif-plan h4 {
    font-size: 24px;
  }

  .tarif-info p {
    font-size: 12px;
  }

  .tarif-info li::before {
    width: 7px;
    height: 7px;
    margin-top: 7px;
  }

  .tarif-btn {
    height: 35px;
    width: 110px;
    font-size: 14px;
  }

  .j-item h3 {
    font-size: 30px;
    text-align: center;
  }

  .step {
    text-align: center;
    line-height: 30px;
    font-size: 16px;
  }

  .ancet, .doc, .answer {
    width: 60%;
    margin: 0 auto;
  }

  .show-text {
    font-size: 13px;
  }

  .in p {
    font-size: 15px;
  }

  .doc-info-item li {
    font-size: 14px;
  }

  .doc-info-item {
    flex-direction: column;
    align-items: center;
  }

  .doc-info-item p {
    padding-top:0px;
  }

  .in {
    width: 80%;
  }

  .doc-info-item ul {
    margin-top:1em;
  }

  .doc-info-item li::before {
    width: 7px;
    height: 7px;
  }

  .b-text {
    font-size: 14px;
  }

  .j-img {
    width: 60%;
    margin: 0 auto;
    margin-top: 5em;
  }

  .question-text2 {
    margin-top: 0px;
  }

  .question-img {
    margin-top: 3em;
  }

  .question {
    flex-direction: column-reverse;
  }

  .question-text2 {
    margin-top: 3em;
  }

  .question-form input::placeholder {
    font-size: 12px;
    font-weight: 250;
    line-height: 25px;
  }

  textarea::placeholder {
    font-size: 13px;
  }

  .pink2 {
    width: 180px;
    font-size: 17px;
  }

  .left-footer {
    margin-left: 50px;
  }

  .bg-6 {
    left: 0px;
  }

  .right-footer {
    margin-top: 40px;
    margin-left: auto;
  }

  .bg-7 {
    width: 150px;
    top: 70%;
  }

  .left-footer img {
    width: 220px;
  }

  .call-centr {
    margin-right: 50px;
  }

  .call-button {
    margin: 0 auto;
    margin-top: 2em;
  }

  .c-centr {
    font-size: 14px;
  }

  .c-number {
    font-size: 18px;
  }

  .call-button {
    width: 180px;
    font-size: 15px;
  }

  .left-footer li {
    font-size: 13px;
  }

  .adress-item span {
    font-size: 13px;
  }

  .bg-2 {
    width: 200px;
    left: -80px;
  }

  .bg-4 {
    left: -80px;
  }

  .bg-5 {
    display: none;
  }
  .consultation_modal{
    width:450px;
    height:340px;
    padding-left:1em;
    padding-right:1em;
  }
  .modal-item{
    width:100%;
  }
  .modal-form input{
    width:80%;
    margin:0 auto;
    margin-top:10px;
    height:45px;
  }
  .modal-form input:placeholder{
    font-size:10px;
  }
  .modal-text{
    font-size:13px;
    margin-top:10px;
  }
  .modal-button{
    width:150px;
    height:38px;
    margin-top:30px;
  }
  .payGaz{
    max-width:none;
    width:80%;
  }
}

@media(max-width:890px) {
  .txt-1 {
    font-size: 17px;
  }

  .txt-2 {
    font-size: 34px;
  }

  .txt-3 {
    font-size: 15px;
  }

  .bg-1 {
    width: 160px;
  }

  .pink {
    width: 170px;
    height: 45px;
  }

  .inner-pink {
    font-size: 12px;
  }

  .about-item {
    margin-top: 80px;
  }

  .about-item img {
    width: 80px;
    height: 80px;
  }

  .ai-2 img{
    width:70px;
    height:90px;
  }
  .ai-3 img{
    width:70px;
    height:90px;
  }
  .about-them {
    font-size: 16px;
  }

  .about-them2 {
    font-size: 14px;
  }

  .title-tarif {
    font-size: 32px;
  }

  .bg-2 {
    width: 180px;
  }

  .d-icon img {
    width: 19px;
    height: 20px;
  }

  .d-them p {
    font-size: 14px;
  }

  .j {
    margin-top: 100px;
  }

  .j-item h3 {
    font-size: 26px;
  }

  .step {
    font-size: 15px;
  }

  .b-text {
    font-size: 13px;
  }

  .close {
    font-size: 25px;
  }

  .show-text {
    font-size: 12px;
  }

  .doc-info-item li {
    font-size: 13px;
  }

  .question-text2 h3 {
    font-size: 35px;
  }

  .question-text2 p {
    font-size: 15px;
  }

  .question-form {
    margin-top: 3em;
  }

  .question-img img {
    width: 190px;
    height: 230px;
  }

  .pink2 {
    width: 160px;
    height: 45px;
    font-size: 15px;
  }

  .footer {
    height: 400px;
  }

  .left-footer img {
    width: 170px;
  }

  .left-footer ul {
    padding-left: 10px;
    margin-top: 2em;
  }

  .left-footer li {
    font-size: 12px;
  }

  .c-centr {
    font-size: 12px;
  }

  .c-number {
    font-size: 16px;
  }

  .call-button {
    width: 160px;
    height: 40px;
    font-size: 13px;
  }

  .adress-item {
    font-size: 13px;
  }

  .bg-4 {
    width: 170px;
  }

  .bg-7 {
    top: 73%;
    width: 100px;
  }
}

@media(max-width:790px) {
  .own-content {
    margin-left: 30px;
    margin-right: 30px;
  }

  .join-img img{
    max-width:480px;
  }

  .gaz-info {
    width: 80%;
  }

  .txt-1, .txt-2, .txt-3 {
    text-align: center;
  }

  .tarif-item {
    width: 45%;
  }
}


@media(max-width:690px) {
  .doc-info-item {
    margin-top:0px;
  }

  .ancet, .doc, .answer {
    width: 70%;
  }

  .gaz-info {
    width: 85%;
  }

  .join-img img{
    width:330px;
    height:310px;
  }

  .txt-1 {
    font-size: 16px;
  }

  .txt-2 {
    font-size: 30px;
  }

  .title-tarif {
    font-size: 30px;
  }

  .bg-2 {
    width: 170px;
  }

  .tarif-plan h4 {
    font-size: 23px;
  }

  .tarif-price {
    font-size: 28px;
  }

  .hrn {
    font-size: 19px;
  }

  .for {
    font-size: 14px;
  }

  .tarif-info li {
    padding-top: 15px;
  }

  .tarif-btn {
    margin-top: 30px;
  }

  .tarif-item {
    width:50%;
  }

  .txt-2{
    font-size:32px;
  }
  .j {
    margin-top: 80px;
  }

  .doc-info-item li {
    font-size: 12px;
  }

  .adress-item {
    font-size: 12px;
  }

  .question-form {
    width: 80%;
  }

  textarea {
    width: 80%;
  }

  .fa-user-circle {
    font-size: 30px;
  }

  .cabinet {
    margin-top: 3em;
  }
  .consultation_modal{
    width:400px;
    height:320px;
    z-index:1500;
  }
  .modal-form input{
    height:38px;
  }
  .modal-form input:placeholder{
    font-size:13px;
  }
  .close-modal{
    top:2px;
  }
  .modal-button{
    width:120px;
    font-size:13px;
  }
}

@media(max-width:590px) {
  .tarif-item {
    width: 60%;
  }

    .oplata-close{
      top:20%;
    }
    .blue-head p{
      width:80%;
      margin:0 auto;
      text-align:center;
    }
  .about-item img {
    width: 80px;
    height: 80px;
  }

  .ai-2 img{
    width:70px;
    height:90px;
  }
  .ai-3 img{
    width:70px;
    height:90px;
  }

  .question-text2 p {
    width: 90%;
  }

  .footer {
    height: auto;
    padding-bottom: 2em;
  }

  .footer-item {
    flex-direction: column;
    align-items: center;
  }

  .right-footer {
    margin-left: 0px;
  }

  .left-footer {
    margin: 0px;
  }

  .left-footer img {
    padding-top: 2em;
  }

  .left-footer ul {
    padding-left: 0px;
  }

  .call-centr {
    display: flex;
    flex-direction: column;
    margin: 0px;
    text-align: center;
  }

  .c-number {
    margin: 10px;
  }

  .left-footer li {
    text-align: center !important;
  }

  .adress-item p {
    text-align: center;
  }

  .question-text2 h3 {
    font-size: 30px;
  }

  .question-text2 p {
    font-size: 14px;
  }

  .bg-7 {
    top: 82%;
  }
  .license{
    bottom:5px;
    left:100px;
  }
  .developer{
    bottom:5px;
    right:100px;
  }
}

@media(max-width:490px) {
  .acc-mobile img {
    width: 30px;
    height: 30px;
    display:flex;
    margin-top:10px;
  }

  .tarif-item {
    width: 80%;
  }

  .question{
    margin-top:1em;
  }
  .logo {
    width: 140px;
  }

  .join-img {
    width:100%;
  }
  .join-img img{
    width:300px;
    height:280px;
  }

  .bg-1 {
    width: 130px;
  }

  .gaz-info {
    width: 100%;
  }

  .txt-1 {
    line-height: 30px;
  }

  .txt-2 {
    font-size: 26px;
  }

  .txt-3 {
    line-height: 30px;
  }

  .tarif-item {
    width: 85%;
  }

  .tarif-plan h4{
    font-size:19px;
    line-height:30px;
  }
  .ancet, .doc, .answer {
    width: 80%;
  }

  .question-form input::placeholder {
    padding-left: 0px;
  }

  .question-img img {
    width: 170px;
    height: 210px;
  }

  .cabinet {
    width: 50%;
  }

  .bottom-menu li {
    font-size: 14px;
  }

  .consultation {
    font-size: 16px;
  }

  .switch {
    width: 200px;
    height: 40px;
  }

  .own-cabinet {
    font-size: 12px;
  }

  .b-menu {
    margin-top: 25px;
  }

  .j-button {
    padding: 0px;
    padding-left: 15px;
  }

  .forBiznes {
    font-size: 11px;
  }

  .forHome {
    font-size: 12px !important;
  }
  .consultation_modal{
    width:90vw;;
    height:300px;
  }
  .modal-text{
    font-size:12px;
  }
  .close-modal{
    font-size:22px;
  }
  .modal-text{
    margin-top:15px;
    margin-bottom:15px;
  }
  .modal-form input{
    height:40px;
  }
  .license{
    bottom:5px;
    left:40px;
  }
  .developer{
    bottom:5px;
    right:40px;
  }
  .bottom-menu li{
    font-size:14px;
  }
  .consultation{
    font-size:15px;
  }
  .cabinet{
    width:35%;
  }
  .own-cabinet{
      font-size:11px;
    text-align:center;
    line-height:20px;
  }
  .payGaz{
    width:90%;
  }
}

@media(max-width:390px) {
  .tarif-item {
    width: 90%;
     margin-top:35px;
  }

  .own-content {
    margin-left: 10px;
    margin-right: 10px;
  }

  .doc-info{
    margin-top:0px;
  }
  .own-cabinet{
      font-size:11px;
    text-align:center;
  }
  .cabinet{
    width:50%;
  }

  .join-img {
    width:100%;
  }

  .join-img img {
    margin-top: 0px;
    width:280px;
    height:250px;
  }

  .join {
    margin-top: 40px;
  }

  .txt-1 {
    font-size: 15px;
  }

  .txt-2 {
    font-size: 24px;
  }

  .txt-3 {
    margin-top: 30px;
    font-size: 14px;
  }

  .pink {
    width: 140px;
  }

  .inner-pink {
    font-size: 11px;
  }

  .title-tarif {
    font-size: 26px;
  }

  .bg-2 {
    width: 150px;
  }

  .tarif-item {
    width: 80%;
  }

  .j-item h3 {
    line-height: 35px;
  }

  .b-text {
    font-size: 12px;
  }

  .bg-2 {
    width: 130px;
    top:700px;
    left:-20px;
  }

  .j-img {
    width: 90%;
  }

  .question-text2 {
    margin-top: 10px;
  }

  .question-form {
    margin-top: 10px;
  }

  .question-img img {
    width: 150px;
    height: 190px;
  }

  .question-form input::placeholder {
    font-size: 11px;
  }

  textarea::placeholder {
    font-size: 11px;
    height: 150px;
  }

  .pink2 {
    width: 140px;
    height: 40px;
    font-size: 13px;
  }

  .acc-mobile img {
    width: 30px;
    height: 30px;
    margin-top: 5px;
  }

  .logo img {
    width: 120px;
  }
  .modal-form input{
    height:34px;
  }
  .switch{
    width:170px;
  }
}

@media(max-width:340px) {
  .ancet, .doc, .answer {
    width: 100%;
  }

  .about-item {
    margin-top: 60px;
  }
}

@media(max-width:320px) {
  .tarif-item {
    width: 95%;
  }

  .acc-mobile img {
    width: 30px;
    height: 30px;
  }

  .logo img {
    width: 120px;
  }
  .license{
    left:3px;
  }
  .developer{
    right:3px;
  }
}

/* Анимации */

@keyframes showMenu {
  0%{
    transform:translateX(-100%);
  }
  100%{
    transform:translateX(0%);
  }
}

@keyframes closeMenu {
  0%{
    transform:translateX(0%);
  }
  100%{
    transform:translateX(-100%);
  }
}