@font-face{
 font-family: "PF Din Text Cond Pro";
 src: url("../fonts/pfdintextcondpro-light.ttf") format("truetype");
 font-style: normal;
 font-weight: 300;
}

@font-face{
 font-family: "PF Din Text Cond Pro";
 src: url("../fonts/pfdintextcondpro-regular.ttf") format("truetype");
 font-style: normal;
 font-weight: 400;
}

@font-face{
 font-family: "PF Din Text Cond Pro";
 src: url("../fonts/pfdintextcondpro-medium.ttf") format("truetype");
 font-style: normal;
 font-weight: 500;
}

@font-face{
 font-family: "PF Din Text Cond Pro";
 src: url("../fonts/pfdintextcondpro-bold.ttf") format("truetype");
 font-style: normal;
 font-weight: 700;
}

@font-face {
  font-family:"Conduit ITC Bold";
  src:url("../fonts/Conduit ITC Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.global-wrapper {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  font-family: 'PF Din Text Cond Pro', sans-serif;
  font-weight: 500;
  font-size: 24px;
  color: #fff;
  overflow: hidden;
}

header {
  background: url('../img/first-bg.jpg') 50% 50% no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  height: 100%;
}

audio {
  display: none;
}

.header-top {
  padding-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 110px;
}

.first-svg svg {
  width: 30px;
  height: 29px;
}

.second-svg svg {
  width: 40px;
  height: 25px;
}

.third-svg svg {
  width: 30px;
  height: 28px;
}

.svg-menu {
  position: absolute;
  top: 7%;
  right: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.svg-menu a:not(:last-child) {
  margin-right: 35px;
}

svg {
  fill: #fff;
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
}

svg:hover {
  fill: rgba(226,10,45,1);
}

.svg-active svg {
  fill: rgba(226,10,45,1);
}

.svg-mobile a svg:hover {
  fill: rgba(226,10,45,1);
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
}

.logo {
  text-align: center;
}

.element {
  text-transform: uppercase;
}

.logo-mobile {
  text-align: center;
}


.header-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 5vw;
  width: 100%;
  margin-bottom: 216px;
  margin-top: -35px;
  padding: 0 175px 0 194px;
}

.header-txt {
  line-height: 5vw;
  text-align: left;
  width: 275px;
}

.header-txt:first-child {
  text-align: right;
}

.button {
  max-width: 131px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 1px;
}

.button a {
  display: block;
}

.button img {
  width: 100%;
  border-style: none;
}

.button-2 a {
  margin-bottom: 30px;
}

main {
  background-image: url('../img/mks.png');
  background-size: cover;
  -moz-background-size: cover;
  position: relative;
  background-position: top left;
  height: 100%;
  width: 100%;
}

.header-top2 {
  margin-bottom: 208px;
  padding-top: 65px;
}

.blocks-contact {
  padding-bottom: 218px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 200px;
}

,3
.contact-block .mobile-li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1551px;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 35px;
  width: 100%;
  margin-left: 50px;
}

.contact-block:first-child {
  margin-bottom: 20px;
}

.about-i {
  font-size: 25px;
  font-weight: 300;
  letter-spacing: -0.41px;
}

.contact-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 520px;
}

.contact-block .mobile-li li {
  font-size: 35px;
  list-style: none;
}

.contact-block .mobile-li li:not(:last-child) {
  margin-bottom: 30px;
}

.phone {
  position: relative;
  width: 174px;
  height: 169px;
  margin-right: 40px;
  top: -50px;
}

.phone-2, .phone-3 {
  position: absolute;
}

.phone-2 {
  top: 15.5%;
  right: 15%;
}

.phone-3 {
  top: 8%;
  right: 8%;
}

.button-2 {
  max-width: 88px;
  width: 100%;
  /*margin-bottom: 65px;*/
  padding-top: 50px;
}

.mail-counter {
  position: relative;
  margin-right: 40px;
  top: -30px;
}

.counter1 {
  position: relative;
  top: -29px;
  left: 12px;
  color: #e20a2d;
  font-size: 24px;
}

.zero {
  position: absolute;
  top: 25px;
  right: 20px;
  color: #e20a2d;
  font-size: 24px;
}

footer {
  background: url('../img/third-bg.jpg') 50% 50% no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  position: relative;
  height: 100%;
  padding-bottom: 305px;
}

.header-top3 {
  margin-bottom: 186px;
  padding-top: 75px;
}

.connect {
  padding: 0px 0 89px;
  max-width: 487px;
  width: 100%;
  margin: 0 auto;
}

.connect-img a{
  position: relative;
  margin-left: 70px;
  max-width: 530px;
}

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

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.monitor{ 
  display: inline-block;
  text-align: left;
  background-color: transparent;
  color: #df0d2f;
  font-family: 'PF Din Text Cond Pro', sans-serif;
  font-size: 25px;
  font-weight: 300;
}

.typed-cursor{
  background: #df0d2f;
  text-shadow: none;
  padding: 1px 5px;
}

.typed-cursor{
  opacity: 1;
  -webkit-animation: blink 2.5s infinite;
  animation: blink 2.5s infinite;
}

.stars {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #f5f5f5;
  opacity: 1;
}

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.stars1 {
  top: 85%;
  left: 13%;
  -webkit-animation: blink 4s infinite;
          animation: blink 4s infinite;
}
.stars2 {
  top: 2%;
  left: 5%;
  -webkit-animation: blink 2.8s infinite;
          animation: blink 2.8s infinite;
}
.stars3 {
  top: 7%;
  left: 55%;
  -webkit-animation: blink 3.8s infinite;
          animation: blink 3.8s infinite;
}
.stars4 {
  top: 9%;
  left: 75%;
  -webkit-animation: blink 3.4s infinite;
          animation: blink 3.4s infinite;
}
.stars5 {
  top: 17%;
  left: 83%;
  -webkit-animation: blink 3.2s infinite;
          animation: blink 3.2s infinite;
}
.stars6 {
  top: 25%;
  left: 15%;
  -webkit-animation: blink 3s infinite;
          animation: blink 3s infinite;
}
.stars7 {
  top: 34%;
  left: 14%;
  -webkit-animation: blink 2.8s infinite;
          animation: blink 2.8s infinite;
}
.stars8 {
  top: 48%;
  left: 28%;
  -webkit-animation: blink 4s infinite;
          animation: blink 4s infinite;
}
.stars9 {
  top: 53%;
  left: 22%;
  -webkit-animation: blink 3.9s infinite;
          animation: blink 3.9s infinite;
}
.stars10 {
  top: 61%;
  left: 10%;
  -webkit-animation: blink 4s infinite;
          animation: blink 4s infinite;
}
.stars11 {
  top: 53%;
  left: 22%;
  -webkit-animation: blink 3.2s infinite;
          animation: blink 3.2s infinite;
}
.stars12 {
  top: 17%;
  left: 83%;
  -webkit-animation: blink 3.8s infinite;
          animation: blink 3.8s infinite;
}
.stars13 {
  top: 57%;
  left: 70%;
  -webkit-animation: blink 2.8s infinite;
          animation: blink 2.8s infinite;
}
.stars14 {
  top: 69%;
  left: 65%;
  -webkit-animation: blink 3s infinite;
          animation: blink 3s infinite;
}
.stars15 {
  top: 77%;
  left: 95%;
  -webkit-animation: blink 3.4s infinite;
          animation: blink 3.4s infinite;
}
.stars16 {
  top: 81%;
  left: 88%;
  -webkit-animation: blink 3.2s infinite;
          animation: blink 3.2s infinite;
}
.stars17 {
  top: 85%;
  left: 71%;
  -webkit-animation: blink 2.8s infinite;
          animation: blink 2.8s infinite;
}
.stars18 {
  top: 90%;
  left: 63%;
  -webkit-animation: blink 3.6s infinite;
          animation: blink 3.6s infinite;
}
.stars19 {
  top: 96%;
  left: 57%;
  -webkit-animation: blink 2.8s infinite;
          animation: blink 2.8s infinite;
}
.stars20 {
  top: 43%;
  left: 69%;
  -webkit-animation: blink 4s infinite;
          animation: blink 4s infinite;
}

/* popup styling */
#fs-popup-bg {
  display: none;
  z-index: 9999;
  left: 50%;
  top: 50%;
  position: fixed;
  max-width: 1920px;
  max-height: 1080px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  color: #fff;
  font-family: 'PF Din Text Cond Pro', sans-serif;
  font-size: 24px;
    background-image: url('../img/popup-bg.jpg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: auto;
}

#close-icon {
  display: block;
  position: absolute;
  right: 3%;
  top: 5%;
}

#fs-popup-bg::-webkit-scrollbar {
  width: 0;
}

#fs-popup {
  margin: 7% 20% 10% 5%;
  z-index: 10000;
}

.text-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 95px;
  margin-bottom: 80px;
}

.text-popup p:last-child {
  margin-left: 70px;
  font-size: 60px;
}

form {
  font-size: 36px;
}

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

.whitespace {
  padding-bottom: 60px;
}

input {
  border: #fff;
  height: 76px;
  margin-bottom: 22px;
  font-size: 36px;
  padding-left: 37px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input::-webkit-input-placeholder {
  color: #050c16;
}

input[type="submit"] {
  position: relative;
  border: 6px solid #e20a2d;
  background: transparent;
  border-radius: 50px;
  width: 210px;
  height: 90px;
  padding-left: 0;
  font-family:"Conduit ITC Bold";
  font-size: 41px;
  color: #fff;
  -webkit-box-shadow: -1px 3px 25px 15px rgba(78,12,30,1);
  box-shadow: -1px 3px 25px 15px rgba(78,12,30,1);
  cursor: pointer;
  /*inset box-shadow*/
}

textarea {
  border: #fff;
  margin-bottom: 22px;
  font-size: 36px;
  padding-left: 37px;
  padding-top: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          overflow: hidden;
}

textarea::-webkit-input-placeholder {
  color: #e1143b;
}

select {
  margin-bottom: 22px;
  font-size: 36px;
  padding-left: 37px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  position: relative;
  background: url(../img/select-drop.png) no-repeat !important;
  background-position: calc(100% - 20px) center !important;
  border: #fff;

}

select::-ms-expand {
    display: none;
}

textarea::-ms-expand {
    display: none;
}


.fs-column .name {
  max-width: 438px;
  width: 100%;
}

.reg-fields input,
.reg-fields select,
.reg-fields textarea {
  font-family: 'PF Din Text Cond Pro', sans-serif;
  font-weight: 400;
  font-size: 36px;
  letter-spacing: -1px;
}

.fs-column .phone-input {
  width: 393px;
  display: block;
}

.fs-column .planet {
  width: 334px;
  height: 76px;
  background-color: #fff !important;
}

.fs-column .country {
  width: 479px;
  display: block;
}

.fs-column .location {
  width: 370px;
  display: block;
}

.sc-column .mail {
  width: 479px;
  display: block;
}

.sc-column .message {
  width: 616px;
  max-height: 370px;
  display: block;
}

.send-input {
  display: inline-block;
  position: relative;
}

.phone-icon {
  position: absolute;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
  left: 250px;
  top: 80px;
}

.skype-icon {
  position: absolute;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
  left: 340px;
  top: 80px;
}

/* popup styling */

/* mobile-none */
  .svg-mobile {
    display: none;
  }

/*  .svg-mobile-first {
    display: none;
  }*/

  .logo-mobile {
    display: none;
  }

  .button-2-mobile {
    display: none;
  }

  .button-mobile {
    display: none;
  }

  .connect-mobile a {
    display: none;
  }

  .connect-img a {
    display: block;
  }

  .mail-counter-mobile {
    display: none;
  }

  .phone-mobile {
    display: none;
  }

@media screen and (max-width: 1680px) {
  .header-text {
    padding: 0 40px 0 40px;
  }
}

@media screen and (max-width: 1500px) {
  .blocks-contact {
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header-text {
    padding: 0;
  }

  .fs-column:first-of-type {
    margin-right: 15px;
  }
}

@media screen and (max-width: 1300px) {
  header {
    background: url(../img/1.jpg) 50% top no-repeat;
  }

  .logo img {width: 80%}

  .header-text {
    margin-bottom: 0px;
  }

  .header-top {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 1240px) {
  .header-text {
    
  }
  .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .fs-column {
    max-width: 616px;
    width: 100%;
  }

  .send-input {
    left: 50%;
    -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
            transform: translate(-50%,0);
  }

  .header-txt {
    max-width: 200px;
  }
  .fs-column:first-of-type {
    margin-right: 0;
  }
}

@media screen and (max-width: 1060px) {

  .blocks-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: 0;
  }

  .contact-block {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
            flex-direction: inherit;
  }

  .phone, .mail-counter {
    margin: 0 auto;
  }

  .mobile-li {
    text-align: center;
  }
}

@media screen and (max-width: 1060px) {
  .header-txt {
    max-width: 170px;
  }
}

@media screen and (max-width: 768px) {
  .header-top, .svg-menu, .button {display: none;}
  .header-top-m, .svg-mobile, .logo-mobile,
  .button-mobile, .button-2-mobile {display: block;}

  .connect-img a {
    margin-left: 100px;
  }

  header, main, footer {
    background-image: none;
  }
  .header-txt p {
    max-width: 875px;
    width: 100%;
    margin: 0 auto;
    font-size: 18vw;
    line-height: 17vw;
    margin-bottom: 320px;
    text-align: center;
  }

  .header-txt .logo-mobile {
    margin: 0 auto;
    padding-bottom: 110px;
    max-width: 363px;
    width: 100%;
    margin-top: 20px;
  }

  .header-txt .logo-mobile img {
    width: 70%;
  }

  .header-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
  .header-txt:first-child {
    background-image: url('../img/mobile-first.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    height: 1290px;
    max-width: 768px;
    width: 100%;
  }

  .button-mobile {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .mobile-second {
    background-image: url('../img/mobile-second.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    height: 1290px;
    background-size: cover; 
  }

  .mobile-second .svg-mobile {
    padding-bottom: 1275px;
    text-align: right;
  }

  .svg-mobile svg {
    width: 20px;
    height: 30px;
  }

  .button-2-mobile {
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .header-txt:last-child {
    background-image: url('../img/mobile-third.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    height: 1190px;
    max-width: 768px;
    width: 100%;
    background-size: cover;
  }

  .header-txt:last-child .svg-mobile {
    padding-bottom: 150px;
    text-align: right;
  }

  .header-txt:last-child .button-2-mobile {
    padding-bottom: 20px;
  }

  .blocks-contact {
    position: relative;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
  }

  .contact-block:first-child {
    background-image: url('../img/mobile-fourth.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    height: 1290px;
    width: 100%;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .contact-block .svg-mobile {
    margin-bottom: 170px;
    text-align: right;
  }

  .contact-block {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .contact-block .mobile-li {
    font-size: 40px;
    margin: 0 auto;
  }

  .mobile-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 460px;
    font-size: 146px;
  }

  .header-txt,.mobile-second,.contact-block,footer{position: relative;}
  .button-mobile,.button-2-mobile{
    position: absolute;
    bottom: 120px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
            transform: translate(-50%,0);
  }

  .contact-block:last-child {
    background-image: url('../img/mobile-fifth.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    height: 1290px;
    width: 100%;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .contact-block:last-child {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  footer {
    background-image: url('../img/mobile-sixth.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    height: 1290px;
    width: 100%;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  footer .svg-mobile {
    margin-bottom: 430px;
    text-align: right;
  }

  .mobile-li {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
  }

  .counter1 {
    left: 17px;
  }

  .contact-block:first-child {margin-bottom: 0}

  .svg-mobile-first{
    padding: 50px 30px 20px 0;
  }

  .svg-mobile-first svg {
    width: 20px;
    height: 30px;
  }

  .svg-mobile-first a:not(:last-of-type) {
    padding-right: 15px;
  }

  .clr {
    padding: 10px 30px 20px 0;
  }


  .header-txt-d p {
    padding-bottom: 100px;
  }

  .connect img {
    width: 100%;
    margin-left: 50px;
    border-style: none;
  }

  .connect {
    max-width: 825px;
    padding-bottom: 150px;
  }

  .monitor {font-size: 7vw;}

  .svg-mobile a:not(:last-of-type) {
    margin-right: 15px
  }

  .send-input {
    left: 25%;
  }

  .flex {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .text-popup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .text-popup p:last-child {
    margin-left: 0px;
  }
}

@media screen and (max-width: 640px) {
  .fs-column .phone-input {
    max-width: 393px;
    width: 100%;
  }

  .fs-column .planet {
    max-width: 334px;
    width: 100%;
  }

  .fs-column .country {
    max-width: 479px;
    width: 100%;
  }

  .fs-column .location {
    max-width: 370px;
    width: 100%;
  }

  .sc-column .mail {
    max-width: 479px;
    width: 100%;
  }

  .sc-column .message {
    max-width: 616px;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .text-popup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .text-popup p:last-child {
    margin-left: 0;
  }

  .connect-img a {
    margin-left: 0;
  }
  #fs-popup {
    margin: 7% 7% 10% 5%;
  }
}

@media screen and (max-width: 540px) {

  .connect {
    padding-bottom: 100px;
  }

  footer .svg-mobile {
    margin-bottom: 100px;
    padding-top: 10px;
  }

  .svg-mobile {
    padding-right: 20px;
  }

  footer,
  .contact-block:last-child,
  .contact-block:first-child,
  .header-txt:last-child,
  .mobile-second,
  .header-txt:first-child {
    height: 100vh;
  }

  .svg-mobile {
    padding: 10px 20px 20px 0;
  }

  .header-txt .logo-mobile img {
    width: 40%;
  }

  .header-txt .logo-mobile {
    margin-top: 0;
    padding-bottom: 50px;
  }

  .button-mobile {
    bottom: 15px;
  }

  .button-mobile img {
    width: 30%;
  }
  .button-2-mobile {
    bottom: 20px;
  }

  .button-2-mobile img {
    width: 25%;
  }
  
  .header-txt:last-child .svg-mobile {
    padding-bottom: 60px;
  } 

  .header-txt:last-child .button-2-mobile {
    padding-bottom: 10px;
  }

  .contact-block .svg-mobile {
    margin-bottom: 10px;
    padding-top: 20px;
  }

  .contact-block .mobile-li {
    position: relative;
    top: -50px;
  }

  .footer, .contact-block:last-child, .contact-block:first-child, .header-txt:last-child, .mobile-second {
    height: 100vh;
  }
  .header-txt:first-child {
    height: 107vh;
  }

  .contact-block .mobile-li li {
    font-size: 28px;
  }
  .header-txt p {
    font-size: 15vw;
    line-height: 1;
  }
}

@media screen and (max-width: 510px) {
/*  footer, .contact-block:last-child, .contact-block:first-child,
  .header-txt:last-child, .mobile-second, .header-txt:first-child
  {height: 1220px}
*/

  input[type="submit"] {
    width: 140px;
    height: 60px;
    font-size: 29px;
    border: 4px solid #e20a2d;
  }

  .phone-icon {
    left: 160px;
    top: 60px;
  }

  .phone-icon img {
    width: 40px;
    height: 40px;
  }

  .skype-icon {
    left: 220px;
    top: 60px;
  }

  .skype-icon img {
    width: 40px;
    height: 40px;
  }

  .mobile-second .svg-mobile {
    padding-bottom: 1170px;
  }

  .header-txt-d p {
    padding-bottom: 100px;
  }

  .mobile-li {
    padding-bottom: 195px;
  }

  .mobile-li-li {
    padding-bottom: 260px;
  }

  .connect img {
    margin-left: 30px;
  }

  .send-input {
    -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
            transform: translate(-50%,0);
    margin-bottom: 90px;
  }

  .text-popup {
    font-size: 60px;
  }

/*  footer .svg-mobile {
    margin-bottom: 300px;
  }*/
}
}

@media screen and (max-width: 375px) {

  .contact-block .mobile-li {
    font-size: 13vw;
    margin-top: 20px;
  }

/*  .contact-block:first-child, .contact-block:last-child, footer {
    height: 1300px;
  }*/

/*  footer,
  .contact-block:last-child,
  .contact-block:first-child,
  .header-txt:last-child,
  .mobile-second,
  .header-txt:first-child {
    height: 570px;
  }*/

  .header-txt p, {
    margin-bottom: 130px;
  }

  .mobile-second .svg-mobile {
    padding-bottom: 740px;
  }

  .mobile-li {
    padding-bottom: 165px;
  }

  .contact-block .mobile-li li{font-size:22px;}
  .about-i{font-size: 18px}
}

@media all and (orientation: portrait) {
  @media screen and (max-height: 500px) {
    .button-mobile {
      display: none;
    }
    .button-2-mobile {
      display: none;
    }
  }
}

@media screen and (min-width: 769px) {
    .svg-mobile-first {
      display: none;
    }  
}