Merge pull request 'dev' (#32) from dev into main

Reviewed-on: #32

static/css/moover/animate.css

@@ -1,158 +1 @@
-.animate {
-  padding: 60px 40px 49px;
-  opacity: 0;
-  background-color: var(--color-black2);
-  border-radius: 30px;
-  color: white;
-  margin-bottom: 160px;
-}
-
-@media (min-width: 1720px) {
-  .animate {
-    padding-top: 100px;
-    padding-bottom: 89px;
-    margin-bottom: 180px;
-  }
-}
-
-@media (max-width: 1304.98px) {
-  .animate {
-    margin-bottom: 141px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .animate {
-    padding-top: 40px;
-    padding-bottom: 29px;
-    margin-bottom: 121px;
-  }
-}
-
-@media (max-width: 479.98px) {
-  .animate {
-    padding: 30px 7px 19px;
-  }
-}
-
-.animate.left {
-  transform: translateX(-180px);
-}
-
-.animate.right {
-  transform: translateX(180px);
-}
-
-.animate.right .title {
-  margin-bottom: 17px;
-}
-
-@media (min-width: 1720px) {
-  .animate.right .title {
-    max-width: 80%;
-    margin-bottom: 40px;
-  }
-}
-
-@media (max-width: 1304.98px) {
-  .animate.right .title {
-    margin-bottom: 25px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .animate.right .title {
-    margin-bottom: 31px;
-  }
-}
-
-@media (max-width: 479.98px) {
-  .animate.right .title {
-    margin-bottom: 20px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .animate.right .subtitle {
-    margin-bottom: 31px;
-  }
-}
-
-@media (max-width: 479.98px) {
-  .animate.right .use__btn {
-    margin-top: -11px;
-  }
-}
-
-.animate__link {
-  color: var(--color-orange);
-  text-decoration: underline !important;
-}
-
-.animate .title {
-  margin-bottom: 25px;
-  max-width: 87%;
-  /*width: 90%;*/
-}
-
-@media (min-width: 1720px) {
-  .animate .title {
-    margin-bottom: 40px;
-  }
-}
-
-@media (max-width: 1304.98px) {
-  .animate .title {
-    max-width: 99%;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .animate .title {
-    max-width: 85%;
-    font-size: 24px;
-    line-height: 29.05px;
-  }
-}
-
-@media (max-width: 767.98px) {
-  .animate .title {
-    max-width: 100%;
-    margin-bottom: 14px;
-  }
-}
-
-.animate .subtitle {
-  width: 47%;
-  margin: 0 auto 23px;
-}
-
-@media (min-width: 1720px) {
-  .animate .subtitle {
-    line-height: 26px;
-    letter-spacing: 0.1px;
-    margin-bottom: 40px;
-  }
-}
-
-@media (max-width: 1304.98px) {
-  .animate .subtitle {
-    width: 54%;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .animate .subtitle {
-    width: 102%;
-    margin-bottom: 26px;
-  }
-}
-
-@media (max-width: 479.98px) {
-  .animate .use__btn {
-    margin-top: -6px;
-    padding-left: 15px;
-    padding-right: 15px;
-    display: flex;
-  }
-}
+.animate{padding:60px 40px 49px;opacity:0;background-color:var(--color-black2);border-radius:30px;color:white;margin-bottom:160px}@media (min-width: 1720px){.animate{padding-top:100px;padding-bottom:89px;margin-bottom:180px}}@media (max-width: 1304.98px){.animate{margin-bottom:141px}}@media (max-width: 991.98px){.animate{padding-top:40px;padding-bottom:29px;margin-bottom:121px}}@media (max-width: 479.98px){.animate{padding:30px 7px 19px}}.animate.left{transform:scale(0);opacity:0}.animate.right{opacity:0;transform:scale(0)}.animate.right .title{margin-bottom:17px}@media (min-width: 1720px){.animate.right .title{max-width:80%;margin-bottom:40px}}@media (max-width: 1304.98px){.animate.right .title{margin-bottom:25px}}@media (max-width: 991.98px){.animate.right .title{margin-bottom:31px}}@media (max-width: 479.98px){.animate.right .title{margin-bottom:20px}}@media (max-width: 991.98px){.animate.right .subtitle{margin-bottom:31px}}@media (max-width: 479.98px){.animate.right .use__btn{margin-top:-11px}}.animate__link{color:var(--color-orange);text-decoration:underline !important}.animate .title{margin-bottom:25px;max-width:87%}@media (min-width: 1720px){.animate .title{margin-bottom:40px}}@media (max-width: 1304.98px){.animate .title{max-width:99%}}@media (max-width: 991.98px){.animate .title{max-width:85%;font-size:24px;line-height:29.05px}}@media (max-width: 767.98px){.animate .title{max-width:100%;margin-bottom:14px}}.animate .subtitle{width:47%;margin:0 auto 23px}@media (min-width: 1720px){.animate .subtitle{line-height:26px;letter-spacing:0.1px;margin-bottom:40px}}@media (max-width: 1304.98px){.animate .subtitle{width:54%}}@media (max-width: 991.98px){.animate .subtitle{width:102%;margin-bottom:26px}}@media (max-width: 479.98px){.animate .use__btn{margin-top:-6px;padding-left:15px;padding-right:15px;display:flex}}

static/css/moover/chatterbox.css

@@ -1,378 +1 @@
-.chatterbox {
-  margin-bottom: 160px;
-}
-
-@media (min-width: 1720px) {
-  .chatterbox {
-    margin-bottom: 180px;
-  }
-}
-
-@media (max-width: 1304.98px) {
-  .chatterbox {
-    margin-bottom: 142px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .chatterbox {
-    margin-left: -50vw;
-    margin-right: -50vw;
-    margin-bottom: 122px;
-  }
-}
-
-@media (max-width: 767.98px) {
-  .chatterbox {
-    max-width: 100vw;
-    margin: 0 auto 121px;
-    position: relative;
-  }
-}
-
-.chatterbox__slider {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-
-@media (min-width: 1720px) {
-  .chatterbox__slider {
-    max-width: 1640px;
-  }
-}
-
-@media (max-width: 1304.98px) {
-  .chatterbox__slider {
-    max-width: 1100px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .chatterbox__slider {
-    max-width: 720px;
-  }
-}
-
-@media (max-width: 767.98px) {
-  .chatterbox__slider {
-    width: 720px;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-}
-
-@media (max-width: 479.98px) {
-  .chatterbox__slider {
-    width: 830px;
-    max-width: initial;
-  }
-}
-
-.chatterbox__slide {
-  width: 335px;
-  height: 615px;
-  background: url("/static/img/webp/phone-border.webp") center no-repeat;
-  transition: scale 0.2s ease-in-out;
-  margin: auto;
-  position: relative;
-}
-
-@media (min-width: 1720px) {
-  .chatterbox__slide {
-    width: 456px;
-    height: 836px;
-    background-size: 456px 836px;
-  }
-}
-
-@media (max-width: 1304.98px) {
-  .chatterbox__slide {
-    width: 308px;
-    height: 565px;
-    background-size: 308px 565px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .chatterbox__slide {
-    width: 206px;
-    height: 377px;
-    background-size: 206px 377px;
-  }
-}
-
-@media (max-width: 767.98px) {
-  .chatterbox__slide {
-    width: 234px;
-    height: 429px;
-    background-size: 234px 429px;
-  }
-}
-
-.chatterbox__slide.loaded video {
-  opacity: 1;
-}
-
-.chatterbox__slide.loaded img {
-  z-index: -10;
-}
-
-.chatterbox__slide video {
-  max-width: 100%;
-  opacity: 0;
-  transition: opacity 0.2s ease-in-out;
-  pointer-events: none;
-}
-
-@media (max-width: 767.98px) {
-  .chatterbox__slide video {
-    position: relative;
-    top: -4px;
-  }
-}
-
-.chatterbox__slide img {
-  position: absolute;
-  scale: 1.32;
-  top: 11%;
-}
-
-.chatterbox__wrap {
-  position: absolute;
-  left: 8px;
-  right: 8px;
-  top: 8px;
-  bottom: 8px;
-  border-radius: 25px;
-  background-color: grey;
-  overflow: hidden;
-}
-
-@media (min-width: 1720px) {
-  .chatterbox__wrap {
-    border-radius: 50px;
-  }
-}
-
-.chatterbox__vbtn {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  opacity: 0;
-  transition: opacity 0.2s ease-in-out;
-  pointer-events: none;
-}
-
-.loaded .chatterbox__vbtn {
-  display: none;
-}
-
-.chatterbox__vbtn::before {
-  width: 80px;
-  height: 80px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--color-primary);
-  border: 0;
-  border-radius: 50%;
-  transition: opacity 100ms linear;
-}
-
-@media (min-width: 1720px) {
-  .chatterbox__vbtn::before {
-    width: 109px;
-    height: 109px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .chatterbox__vbtn::before {
-    width: 48px;
-    height: 48px;
-  }
-}
-
-@media (max-width: 767.98px) {
-  .chatterbox__vbtn::before {
-    width: 55px;
-    height: 55px;
-  }
-}
-
-.chatterbox__vbtn::before, .chatterbox__vbtn::after {
-  content: "";
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  cursor: pointer;
-}
-
-.chatterbox__vbtn::after {
-  border-color: transparent transparent transparent #ffffff;
-  border-style: solid;
-  border-width: 15px 0 15px 25px;
-  display: inline-block;
-  margin-left: 2px;
-}
-
-@media (min-width: 1720px) {
-  .chatterbox__vbtn::after {
-    border-width: 23px 0 23px 35px;
-    margin-left: 4px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .chatterbox__vbtn::after {
-    border-width: 10px 0 10px 14px;
-  }
-}
-
-.chatterbox__vbox {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 600px;
-}
-
-@media (min-width: 1720px) {
-  .chatterbox__vbox {
-    height: 827px;
-  }
-}
-
-@media (max-width: 1304.98px) {
-  .chatterbox__vbox {
-    height: 530px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .chatterbox__vbox {
-    height: 370px;
-  }
-}
-
-.chatterbox__mbtns {
-  position: absolute;
-  top: 58%;
-  transform: translateY(-50%);
-  left: 0;
-  right: 0;
-}
-
-@media (max-width: 479.98px) {
-  .chatterbox__mbtns {
-    top: 61.6%;
-  }
-}
-
-.chatterbox .title {
-  margin-bottom: 60px;
-}
-
-@media (max-width: 1304.98px) {
-  .chatterbox .title {
-    margin-bottom: 39px;
-  }
-}
-
-@media (max-width: 767.98px) {
-  .chatterbox .title {
-    margin-bottom: 50px;
-  }
-}
-
-.chatterbox .slick-next {
-  right: -40px;
-}
-
-@media (max-width: 1304.98px) {
-  .chatterbox .slick-next {
-    right: -10px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .chatterbox .slick-next {
-    width: 40px;
-    height: 40px;
-    background-size: 32%;
-    right: 5%;
-  }
-}
-
-@media (max-width: 479.98px) {
-  .chatterbox .slick-next {
-    right: 0;
-  }
-}
-
-.chatterbox .slick-prev {
-  left: -40px;
-}
-
-@media (max-width: 1304.98px) {
-  .chatterbox .slick-prev {
-    left: -10px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .chatterbox .slick-prev {
-    width: 40px;
-    height: 40px;
-    background-size: 32%;
-    left: 5%;
-  }
-}
-
-@media (max-width: 479.98px) {
-  .chatterbox .slick-prev {
-    left: 0;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .chatterbox .slick-list {
-    overflow: visible;
-  }
-}
-
-.slick-slide:not(.slick-center) .chatterbox__slide {
-  scale: 0.72;
-}
-
-@media (max-width: 1304.98px) {
-  .slick-slide:not(.slick-center) .chatterbox__slide {
-    scale: 0.69;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .slick-slide:not(.slick-center) .chatterbox__slide {
-    scale: 0.8;
-  }
-}
-
-@media (max-width: 479.98px) {
-  .slick-slide:not(.slick-center) .chatterbox__slide {
-    scale: 0.85;
-  }
-}
-
-.slick-center .chatterbox__vbtn {
-  opacity: 1;
-  pointer-events: initial;
-  z-index: 1;
-}
-
-.slick-center .chatterbox__vbox video {
-  pointer-events: initial;
-  cursor: pointer;
-}
+.chatterbox{margin-bottom:160px}@media (min-width: 1720px){.chatterbox{margin-bottom:180px}}@media (max-width: 1304.98px){.chatterbox{margin-bottom:142px}}@media (max-width: 991.98px){.chatterbox{margin-left:-50vw;margin-right:-50vw;margin-bottom:122px}}@media (max-width: 767.98px){.chatterbox{max-width:100vw;margin:0 auto 121px;position:relative}}.chatterbox__slider{max-width:1200px;margin:0 auto}@media (min-width: 1720px){.chatterbox__slider{max-width:1640px}}@media (max-width: 1304.98px){.chatterbox__slider{max-width:1100px}}@media (max-width: 991.98px){.chatterbox__slider{max-width:720px}}@media (max-width: 767.98px){.chatterbox__slider{max-width:830px;width:830px;left:50%;transform:translateX(-50%)}}@media (max-width: 479.98px){.chatterbox__slider{max-width:initial}}.chatterbox__slide{width:335px;height:615px;background:url("/static/img/webp/phone-border.webp") center no-repeat;transition:scale 0.2s ease-in-out;margin:auto;position:relative}@media (min-width: 1720px){.chatterbox__slide{width:456px;height:836px;background-size:456px 836px}}@media (max-width: 1304.98px){.chatterbox__slide{width:308px;height:565px;background-size:308px 565px}}@media (max-width: 991.98px){.chatterbox__slide{width:206px;height:377px;background-size:206px 377px}}@media (max-width: 767.98px){.chatterbox__slide{width:234px;height:429px;background-size:234px 429px}}.chatterbox__slide.loaded video{opacity:1}.chatterbox__slide.loaded img{z-index:-10}.chatterbox__slide video{max-width:100%;opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none}@media (max-width: 767.98px){.chatterbox__slide video{position:relative;top:-4px}}.chatterbox__slide img{position:absolute;scale:1.32;top:11%}.chatterbox__wrap{position:absolute;left:8px;right:8px;top:8px;bottom:8px;border-radius:25px;background-color:grey;overflow:hidden}@media (min-width: 1720px){.chatterbox__wrap{border-radius:50px}}.chatterbox__vbtn{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none}.loaded .chatterbox__vbtn{display:none}.chatterbox__vbtn::before{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border:0;border-radius:50%;transition:opacity 100ms linear}@media (min-width: 1720px){.chatterbox__vbtn::before{width:109px;height:109px}}@media (max-width: 991.98px){.chatterbox__vbtn::before{width:48px;height:48px}}@media (max-width: 767.98px){.chatterbox__vbtn::before{width:55px;height:55px}}.chatterbox__vbtn::before,.chatterbox__vbtn::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.chatterbox__vbtn::after{border-color:transparent transparent transparent #ffffff;border-style:solid;border-width:15px 0 15px 25px;display:inline-block;margin-left:2px}@media (min-width: 1720px){.chatterbox__vbtn::after{border-width:23px 0 23px 35px;margin-left:4px}}@media (max-width: 991.98px){.chatterbox__vbtn::after{border-width:10px 0 10px 14px}}.chatterbox__vbox{position:relative;display:flex;justify-content:center;align-items:center;height:600px}@media (min-width: 1720px){.chatterbox__vbox{height:827px}}@media (max-width: 1304.98px){.chatterbox__vbox{height:530px}}@media (max-width: 991.98px){.chatterbox__vbox{height:370px}}.chatterbox__mbtns{position:absolute;top:58%;transform:translateY(-50%);left:0;right:0}@media (max-width: 479.98px){.chatterbox__mbtns{top:61.6%}}.chatterbox .title{margin-bottom:60px}@media (max-width: 1304.98px){.chatterbox .title{margin-bottom:39px}}@media (max-width: 767.98px){.chatterbox .title{margin-bottom:50px}}.chatterbox .slick-next{right:-40px}@media (max-width: 1304.98px){.chatterbox .slick-next{right:-10px}}@media (max-width: 991.98px){.chatterbox .slick-next{width:40px;height:40px;background-size:32%;right:5%}}@media (max-width: 479.98px){.chatterbox .slick-next{right:0}}.chatterbox .slick-prev{left:-40px}@media (max-width: 1304.98px){.chatterbox .slick-prev{left:-10px}}@media (max-width: 991.98px){.chatterbox .slick-prev{width:40px;height:40px;background-size:32%;left:5%}}@media (max-width: 479.98px){.chatterbox .slick-prev{left:0}}@media (max-width: 991.98px){.chatterbox .slick-list{overflow:visible}}.slick-slide:not(.slick-center) .chatterbox__slide{scale:0.72}@media (max-width: 1304.98px){.slick-slide:not(.slick-center) .chatterbox__slide{scale:0.69}}@media (max-width: 991.98px){.slick-slide:not(.slick-center) .chatterbox__slide{scale:0.8}}@media (max-width: 479.98px){.slick-slide:not(.slick-center) .chatterbox__slide{scale:0.85}}.slick-center .chatterbox__vbtn{opacity:1;pointer-events:initial;z-index:1}.slick-center .chatterbox__vbox video{pointer-events:initial;cursor:pointer}

static/css/moover/header.css

@@ -1 +1 @@
-.header{margin-top:0;position:fixed;left:0;top:0;width:100vw;padding:40px 5px;transition:all 0.1s ease-in-out}@media (max-width: 1304.98px){.header{padding-top:37px;padding-bottom:41px}}@media (max-width: 991.98px){.header{padding-top:19px;padding-bottom:19px}}.header.scrolled{padding-top:20px;padding-bottom:20px;box-shadow:var(--box-shadow-primary);border-bottom:1px solid var(--color-grey)}.header__grid,.header__list{display:flex;align-items:center;justify-content:space-between}.header__logo{width:48px;height:48px;position:relative;left:5px}@media (max-width: 1304.98px){.header__logo{left:6px}}@media (max-width: 991.98px){.header__logo{left:0}}@media (max-width: 767.98px){.header__logo{left:-3px}}.header__nav{flex-grow:1;max-width:41%;margin-left:auto}@media (min-width: 1720px){.header__nav{max-width:34%}}@media (max-width: 1304.98px){.header__nav{max-width:46.5%}}.header__link{color:var(--color-black2);text-decoration:none}.header__btn{padding:8px 0 6px;font-size:16px;margin-left:61px;margin-right:-3px}@media (min-width: 1720px){.header__btn{margin-left:81px}}@media (max-width: 1304.98px){.header__btn{margin-right:0}}@media (max-width: 991.98px){.header__btn{display:none}}.header .dropdown{left:-4px}@media (max-width: 767.98px){.header .dropdown{left:-8px}}.header .dropdown-content{right:0;height:initial}@media (max-width: 575px){.header .dropdown-content{right:0;left:initial}}
+.header{margin-top:0;position:fixed;display:block;left:0;top:0;width:100vw;padding:15px 5px;transition:all 0.1s ease-in-out;background-color:white}@media (max-width: 991.98px){.header{padding-top:7px;padding-bottom:7px}}.header.scrolled{padding-top:7px;padding-bottom:7px;box-shadow:var(--box-shadow-primary);border-bottom:1px solid var(--color-grey)}.header__grid,.header__list{display:flex;align-items:center;justify-content:space-between}.header__logo{width:48px;height:48px;position:relative;left:5px}@media (max-width: 1304.98px){.header__logo{left:6px}}@media (max-width: 991.98px){.header__logo{left:0}}@media (max-width: 767.98px){.header__logo{left:-3px}}.header__nav{flex-grow:1;max-width:41%;margin-left:auto}@media (min-width: 1720px){.header__nav{max-width:34%}}@media (max-width: 1304.98px){.header__nav{max-width:46.5%}}.header__link{color:var(--color-black2);text-decoration:none}.header__btn{padding:8px 0 6px;font-size:16px;margin-left:61px;margin-right:-3px}@media (min-width: 1720px){.header__btn{margin-left:81px}}@media (max-width: 1304.98px){.header__btn{margin-right:0}}@media (max-width: 991.98px){.header__btn{display:none}}.header .dropdown{left:-4px}@media (max-width: 767.98px){.header .dropdown{left:-8px}}.header .dropdown-content{right:0;height:initial}@media (max-width: 575px){.header .dropdown-content{right:0;left:initial}}

static/css/moover/root.css

@@ -1,2 +1,2 @@
 .container{margin:0 auto;width:1280px;position:relative}@media (min-width: 1720px){.container{width:1720px}}@media (max-width: 1304.98px){.container{width:1120px;max-width:88vw}}@media (max-width: 991.98px){.container{width:640px;max-width:100vw}}@media (max-width: 767.98px){.container{margin:0 16px;width:auto}}:root{--color-primary: #FF613A;--color-white: #FFFFFF;--color-black: #000000;--color-black2: #272424;--color-grey: #F1F1F1;--color-grey2: #7A7979;--color-orange: #FF613A;--box-shadow-primary: -1px 4px 10px 0 rgba(198, 199, 203, 0.20),
-  0 -1px 10px 0 rgba(198, 199, 203, 0.20);text-align:center;color:var(--color-black2)}body{overflow-x:hidden;padding-top:129px}@media (max-width: 1304.98px){body{padding-top:126px}}@media (max-width: 991.98px){body{padding-top:85px}}@media (max-width: 767.98px){body{padding-top:57px}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:700}h1,.h1{font-size:44px;line-height:52px}@media (min-width: 1720px){h1,.h1{font-size:48px;line-height:52px}}h2,.h2{font-size:24px;line-height:36px;margin-bottom:10px}@media (min-width: 1720px){h2,.h2{font-size:28px;margin-bottom:20px}}h3,.h3{font-size:20px;line-height:28px;margin-bottom:12px}@media (max-width: 1304.98px){h3,.h3{margin-bottom:13px}}h4,.h4{font-size:18px;line-height:26px;margin-bottom:20px}p{line-height:22px;margin-bottom:20px}@media (min-width: 1720px){p{font-size:20px;line-height:26px}}@media (max-width: 991.98px){p{margin-bottom:18px}}@media (max-width: 479.98px){p{margin-bottom:14px}}b{font-weight:500}@media (max-width: 991.98px){b{font-size:16px;line-height:22px}}.btn{display:inline-flex;text-decoration:none;color:black;line-height:22px;border-radius:10px;padding:20px 76px 18px;justify-content:center;align-items:center;margin:0 3px;letter-spacing:0.2px;font-size:18px}.btn--primary{background:var(--color-primary);color:var(--color-white)}.title{font-size:44px;font-weight:700;line-height:52px;margin-bottom:13px;margin-left:auto;margin-right:auto}@media (min-width: 1720px){.title{font-size:48px;margin-bottom:22px}}@media (max-width: 1304.98px){.title{margin-bottom:20px}}@media (max-width: 991.98px){.title{font-size:32px;line-height:38.73px}}@media (max-width: 767.98px){.title{margin-bottom:14px}}.subtitle{margin-bottom:81px;line-height:22px}@media (min-width: 1720px){.subtitle{font-size:20px;margin-bottom:105px}}@media (max-width: 1304.98px){.subtitle{margin-bottom:71px}}.hide{display:none}.hide__xxl{display:inline-flex}@media (min-width: 1720px){.hide__xxl{display:none}}@media (max-width: 991.98px){.hide__md{display:none}}@media (max-width: 479.98px){.hide__xs{display:none}}.show__xxl{display:none}@media (min-width: 1720px){.show__xxl{display:block}}.show__md{display:none}@media (max-width: 991.98px){.show__md{display:initial}}@media (min-width: 480px){.show__xs{display:none}}@media (min-width: 1440px){.br--xxl{display:none}}@media (max-width: 991.98px){.br--md{display:none}}@media (max-width: 767.98px){.br--sm{display:none}}@media (min-width: 1440px){.is-container.wrapper_main{max-width:initial}}.is-container.wrapper_main>.container{position:relative;left:15px}@media (min-width: 1720px){.is-container.wrapper_main>.container{left:17px}}@media (max-width: 767.98px){.is-container.wrapper_main>.container{left:0}}
+  0 -1px 10px 0 rgba(198, 199, 203, 0.20);text-align:center;color:var(--color-black2)}html,body{max-width:100vw;max-height:initial}body{height:100%;position:relative}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:700}h1,.h1{font-size:44px;line-height:52px}@media (min-width: 1720px){h1,.h1{font-size:48px;line-height:52px}}h2,.h2{font-size:24px;line-height:36px;margin-bottom:10px}@media (min-width: 1720px){h2,.h2{font-size:28px;margin-bottom:20px}}h3,.h3{font-size:20px;line-height:28px;margin-bottom:12px}@media (max-width: 1304.98px){h3,.h3{margin-bottom:13px}}h4,.h4{font-size:18px;line-height:26px;margin-bottom:20px}p{line-height:22px;margin-bottom:20px}@media (min-width: 1720px){p{font-size:20px;line-height:26px}}@media (max-width: 991.98px){p{margin-bottom:18px}}@media (max-width: 479.98px){p{margin-bottom:14px}}b{font-weight:500}@media (max-width: 991.98px){b{font-size:16px;line-height:22px}}.btn{display:inline-flex;text-decoration:none;color:black;line-height:22px;border-radius:10px;padding:20px 76px 18px;justify-content:center;align-items:center;margin:0 3px;letter-spacing:0.2px;font-size:18px}.btn--primary{background:var(--color-primary);color:var(--color-white)}.title{font-size:44px;font-weight:700;line-height:52px;margin-bottom:13px;margin-left:auto;margin-right:auto}@media (min-width: 1720px){.title{font-size:48px;margin-bottom:22px}}@media (max-width: 1304.98px){.title{margin-bottom:20px}}@media (max-width: 991.98px){.title{font-size:32px;line-height:38.73px}}@media (max-width: 767.98px){.title{margin-bottom:14px}}.subtitle{margin-bottom:81px;line-height:22px}@media (min-width: 1720px){.subtitle{font-size:20px;margin-bottom:105px}}@media (max-width: 1304.98px){.subtitle{margin-bottom:71px}}.hide{display:none}.hide__xxl{display:inline-flex}@media (min-width: 1720px){.hide__xxl{display:none}}@media (max-width: 991.98px){.hide__md{display:none}}@media (max-width: 479.98px){.hide__xs{display:none}}.show__xxl{display:none}@media (min-width: 1720px){.show__xxl{display:block}}.show__md{display:none}@media (max-width: 991.98px){.show__md{display:initial}}@media (min-width: 480px){.show__xs{display:none}}@media (min-width: 1440px){.br--xxl{display:none}}@media (max-width: 991.98px){.br--md{display:none}}@media (max-width: 767.98px){.br--sm{display:none}}.is-container.wrapper_main{overflow-x:hidden}.is-container.wrapper_main>.container{padding-top:129px}@media (max-width: 1304.98px){.is-container.wrapper_main>.container{padding-top:126px}}@media (max-width: 991.98px){.is-container.wrapper_main>.container{padding-top:85px}}@media (max-width: 767.98px){.is-container.wrapper_main>.container{padding-top:57px}}@media (min-width: 1440px){.is-container.wrapper_main{max-width:initial}}.is-container.wrapper_main>.container{position:relative;left:15px}@media (min-width: 1720px){.is-container.wrapper_main>.container{left:17px}}@media (max-width: 767.98px){.is-container.wrapper_main>.container{left:0}}

static/css/moover/sore.css

@@ -1,161 +1 @@
-.sore {
-  margin-bottom: 160px;
-  margin-top: 1px;
-}
-
-@media (min-width: 1720px) {
-  .sore {
-    margin-bottom: 178px;
-  }
-}
-
-@media (max-width: 1304.98px) {
-  .sore {
-    margin-bottom: 140px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .sore {
-    margin-bottom: 60px;
-  }
-}
-
-@media (max-width: 479.98px) {
-  .sore {
-    margin-bottom: 40px;
-  }
-}
-
-.sore__img {
-  margin: 0 auto 13px;
-  position: relative;
-  left: -17px;
-  top: -13px;
-}
-
-@media (min-width: 1720px) {
-  .sore__img {
-    margin-bottom: 40px;
-    top: -5px;
-    left: -21px;
-  }
-}
-
-@media (max-width: 1304.98px) {
-  .sore__img {
-    left: 2px;
-    top: -22px;
-    margin-bottom: 4px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .sore__img {
-    top: -8px;
-    left: -15px;
-    margin-bottom: 18px;
-  }
-}
-
-@media (max-width: 479.98px) {
-  .sore__img {
-    max-width: 106%;
-    top: -26px;
-    left: -18px;
-    margin-bottom: 4px;
-  }
-}
-
-.sore .title {
-  margin-bottom: 40px;
-}
-
-@media (min-width: 1720px) {
-  .sore .title {
-    margin-bottom: 61px;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .sore .title {
-    margin-bottom: 20px;
-  }
-}
-
-@media (max-width: 479.98px) {
-  .sore .title {
-    margin-bottom: 29px;
-  }
-}
-
-.sore .subtitle {
-  max-width: 62%;
-  margin: 0 auto 10px;
-}
-
-@media (min-width: 1720px) {
-  .sore .subtitle {
-    line-height: 26px;
-    max-width: 60%;
-  }
-}
-
-@media (max-width: 1304.98px) {
-  .sore .subtitle {
-    max-width: 65%;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .sore .subtitle {
-    max-width: 85%;
-  }
-}
-
-@media (max-width: 479.98px) {
-  .sore .subtitle {
-    max-width: 99%;
-  }
-}
-
-.sore .h3 {
-  max-width: 47%;
-  margin: 0 auto 19px;
-}
-
-@media (min-width: 1720px) {
-  .sore .h3 {
-    max-width: 38%;
-  }
-}
-
-@media (max-width: 1304.98px) {
-  .sore .h3 {
-    max-width: 50%;
-  }
-}
-
-@media (max-width: 991.98px) {
-  .sore .h3 {
-    max-width: 65%;
-    margin-bottom: 21px;
-  }
-}
-
-@media (max-width: 479.98px) {
-  .sore .h3 {
-    max-width: 100%;
-    margin-bottom: 17px;
-  }
-}
-
-@media (max-width: 479.98px) {
-  .sore__btn {
-    padding-top: 8px;
-    padding-bottom: 8px;
-    padding-left: 15px;
-    padding-right: 15px;
-    display: flex;
-  }
-}
+.sore{margin-bottom:160px;margin-top:1px}@media (min-width: 1720px){.sore{margin-bottom:178px}}@media (max-width: 1304.98px){.sore{margin-bottom:140px}}@media (max-width: 991.98px){.sore{margin-bottom:60px}}@media (max-width: 479.98px){.sore{margin-bottom:40px}}.sore__img{margin:0 auto 13px;position:relative;left:-17px;top:-13px}@media (min-width: 1720px){.sore__img{margin-bottom:40px;top:-5px;left:-21px}}@media (max-width: 1304.98px){.sore__img{left:2px;top:-22px;margin-bottom:4px}}@media (max-width: 991.98px){.sore__img{top:-8px;left:-15px;margin-bottom:18px}}@media (max-width: 479.98px){.sore__img{max-width:108.5%;top:-26px;left:-18px;margin-bottom:-9px}}.sore .title{margin-bottom:40px}@media (min-width: 1720px){.sore .title{margin-bottom:61px}}@media (max-width: 991.98px){.sore .title{margin-bottom:20px}}@media (max-width: 479.98px){.sore .title{margin-bottom:29px}}.sore .subtitle{max-width:62%;margin:0 auto 10px}@media (min-width: 1720px){.sore .subtitle{line-height:26px;max-width:60%}}@media (max-width: 1304.98px){.sore .subtitle{max-width:65%}}@media (max-width: 991.98px){.sore .subtitle{max-width:85%}}@media (max-width: 479.98px){.sore .subtitle{max-width:99%}}.sore .h3{max-width:47%;margin:0 auto 19px}@media (min-width: 1720px){.sore .h3{max-width:38%}}@media (max-width: 1304.98px){.sore .h3{max-width:50%}}@media (max-width: 991.98px){.sore .h3{max-width:65%;margin-bottom:21px}}@media (max-width: 479.98px){.sore .h3{max-width:100%;margin-bottom:17px}}@media (max-width: 767.98px){.sore__btn{padding-left:50px;padding-right:50px}}@media (max-width: 479.98px){.sore__btn{box-sizing:border-box;padding:8px 15px;min-height:60px;display:flex}}

static/css/moover/use.css

@@ -1 +1 @@
-.use{margin-bottom:123px}@media (min-width: 1720px){.use{margin-bottom:184px}}@media (max-width: 1304.98px){.use{margin-bottom:142px}}@media (max-width: 991.98px){.use{margin-bottom:121px}}.use__img{width:67.5%;margin-left:16px;margin-bottom:31px}@media (min-width: 1720px){.use__img{width:50.2%;margin-left:15px;margin-bottom:46px}}@media (max-width: 1304.98px){.use__img{width:77%;margin-left:10px;margin-bottom:34px}}@media (max-width: 991.98px){.use__img{margin-left:0;width:100%;margin-bottom:40px}}@media (max-width: 767.98px){.use__img{margin-bottom:30px}}.use__btn{margin-bottom:11px;text-align:center}@media (max-width: 767.98px){.use__btn{max-width:100%;padding-left:50px;padding-right:50px}}.use__link{font-size:18px;font-weight:600;line-height:26px;color:var(--color-grey2)}.use .title{max-width:80%;margin-bottom:49px}@media (min-width: 1720px){.use .title{max-width:40%}}@media (max-width: 991.98px){.use .title{margin-bottom:40px}}@media (max-width: 767.98px){.use .title{max-width:100%;margin-bottom:29px}}.use--lett{margin-bottom:120px}@media (min-width: 1720px){.use--lett{margin-bottom:126px}}@media (max-width: 1304.98px){.use--lett{margin-bottom:106px}}@media (max-width: 991.98px){.use--lett{margin-bottom:79px}}@media (max-width: 767.98px){.use--lett{margin-bottom:81px}}.use--lett .title{margin-bottom:51px}@media (max-width: 1304.98px){.use--lett .title{margin-bottom:39px}}@media (max-width: 767.98px){.use--lett .title{margin-bottom:0}}.use--lett .use__img{margin-left:-5px;margin-right:-5px;max-width:110%;width:1290px}@media (min-width: 1720px){.use--lett .use__img{width:initial}}@media (max-width: 1304.98px){.use--lett .use__img{margin-left:0;margin-right:0;max-width:100%;width:1120px}}@media (max-width: 767.98px){.use--lett .use__img{max-width:103%;margin-left:-5px;margin-top:-6px}}@media (max-width: 479.98px){.use--lett .use__img{margin-bottom:3px}}@media (max-width: 991.98px){.use .h3{max-width:75%;margin:0 auto 22px}}@media (max-width: 767.98px){.use .h3{max-width:100%;margin-bottom:16px}}
+.use{margin-bottom:123px}@media (min-width: 1720px){.use{margin-bottom:184px}}@media (max-width: 1304.98px){.use{margin-bottom:142px}}@media (max-width: 991.98px){.use{margin-bottom:121px}}.use__img{width:67.5%;margin-left:16px;margin-bottom:31px}@media (min-width: 1720px){.use__img{width:50.2%;margin-left:15px;margin-bottom:46px}}@media (max-width: 1304.98px){.use__img{width:77%;margin-left:10px;margin-bottom:34px}}@media (max-width: 991.98px){.use__img{margin-left:0;width:100%;margin-bottom:40px}}@media (max-width: 767.98px){.use__img{margin-bottom:30px}}.use__btn{margin-bottom:11px;text-align:center}@media (max-width: 767.98px){.use__btn{max-width:100%;padding-left:50px;padding-right:50px}}.use__link{font-size:18px;font-weight:600;line-height:26px;color:var(--color-grey2)}.use .title{max-width:80%;margin-bottom:49px}@media (min-width: 1720px){.use .title{max-width:40%}}@media (max-width: 991.98px){.use .title{margin-bottom:40px}}@media (max-width: 767.98px){.use .title{max-width:100%;margin-bottom:29px}}.use--lett{margin-bottom:120px}@media (min-width: 1720px){.use--lett{margin-bottom:126px}}@media (max-width: 1304.98px){.use--lett{margin-bottom:106px}}@media (max-width: 991.98px){.use--lett{margin-bottom:79px}}@media (max-width: 767.98px){.use--lett{margin-bottom:81px}}.use--lett .title{margin-bottom:51px}@media (max-width: 1304.98px){.use--lett .title{margin-bottom:39px}}@media (max-width: 767.98px){.use--lett .title{margin-bottom:10px}}.use--lett .use__img{margin-left:-5px;margin-right:-5px;max-width:110%;width:1290px}@media (min-width: 1720px){.use--lett .use__img{width:initial}}@media (max-width: 1304.98px){.use--lett .use__img{margin-left:0;margin-right:0;max-width:100%;width:1120px}}@media (max-width: 767.98px){.use--lett .use__img{max-width:103%;margin-left:-5px;margin-top:-6px}}@media (max-width: 479.98px){.use--lett .use__img{margin-bottom:3px}}@media (max-width: 991.98px){.use .h3{max-width:75%;margin:0 auto 22px}}@media (max-width: 767.98px){.use .h3{max-width:100%;margin-bottom:16px}}

static/js/registration.js

@@ -36,7 +36,7 @@ function SendRegistrationForm(el, user_id){
             window.sessionStorage.removeItem('mailingSubscribeRequired')
             window.sessionStorage.removeItem('email')
 
-                        fbq('track', 'Contact');
+                        // fbq('track', 'Contact');
 
 
             ttq.identify({
@@ -68,7 +68,7 @@ function SendRegistrationForm(el, user_id){
 
         },
         error: function (data, exception){
-            document.querySelector(".register").innerHTML = data.responseText
+            document.querySelector(".register").innerHTML = data.responseJSON.html
         }
     });
 }

styles/moover/animate.scss

@@ -27,11 +27,13 @@
   }
 
   &.left {
-    transform: translateX(-180px);
+    transform: scale(0);
+    opacity: 0;
   }
 
   &.right {
-    transform: translateX(180px);
+    opacity: 0;
+    transform: scale(0);
 
     .title {
       margin-bottom: 17px;

styles/moover/chatterbox.scss

@@ -13,7 +13,6 @@
     margin-left: -50vw;
     margin-right: -50vw;
     margin-bottom: 122px;
-    //max-width: 100vw;
   }
 
   @media (max-width: 767.98px) {
@@ -36,18 +35,16 @@
 
     @media (max-width: 991.98px) {
       max-width: 720px;
-      //position: relative;
     }
 
     @media (max-width: 767.98px) {
-      width: 720px;
+      max-width: 830px;
+      width: 830px;
       left: 50%;
       transform: translateX(-50%);
-      //position: relative;
     }
 
     @media (max-width: 479.98px) {
-      width: 830px;
       max-width: initial;
     }
   }

styles/moover/header.scss

@@ -1,25 +1,22 @@
 .header {
   margin-top: 0;
   position: fixed;
+  display: block;
   left: 0;
   top: 0;
   width: 100vw;
-  padding: 40px 5px;
+  padding: 15px 5px;
   transition: all 0.1s ease-in-out;
-
-  @media (max-width: 1304.98px) {
-    padding-top: 37px;
-    padding-bottom: 41px;
-  }
+  background-color: white;
 
   @media (max-width: 991.98px) {
-    padding-top: 19px;
-    padding-bottom: 19px;
+    padding-top: 7px;
+    padding-bottom: 7px;
   }
 
   &.scrolled {
-    padding-top: 20px;
-    padding-bottom: 20px;
+    padding-top: 7px;
+    padding-bottom: 7px;
     box-shadow: var(--box-shadow-primary);
     border-bottom: 1px solid var(--color-grey);
   }

styles/moover/root.scss

@@ -48,22 +48,16 @@
   color: var(--color-black2);
 }
 
+html,
+body {
+  max-width: 100vw;
+  //overflow-x: hidden;
+  max-height: initial;
+}
 
 body {
-  overflow-x: hidden;
-
-  padding-top: 129px;
-
-  @media (max-width: 1304.98px) {
-    padding-top: 126px;
-  }
-  @media (max-width: 991.98px) {
-    padding-top: 85px;
-  }
-
-  @media (max-width: 767.98px) {
-    padding-top: 57px;
-  }
+  height: 100%;
+  position: relative;
 }
 
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
@@ -270,6 +264,22 @@ b {
 }
 
 .is-container.wrapper_main {
+  overflow-x: hidden;
+
+  > .container {
+    padding-top: 129px;
+
+  @media (max-width: 1304.98px) {
+    padding-top: 126px;
+  }
+  @media (max-width: 991.98px) {
+    padding-top: 85px;
+  }
+
+  @media (max-width: 767.98px) {
+    padding-top: 57px;
+  }
+  }
 
   @media (min-width: 1440px) {
     max-width: initial;

styles/moover/sore.scss

@@ -43,10 +43,10 @@
     }
 
     @media (max-width: 479.98px) {
-      max-width: 106%;
+      max-width: 108.5%;
       top: -26px;
       left: -18px;
-      margin-bottom: 4px;
+      margin-bottom: -9px;
     }
   }
 
@@ -112,11 +112,14 @@
   }
 
   &__btn {
+    @media (max-width: 767.98px) {
+      padding-left: 50px;
+      padding-right: 50px;
+    }
     @media (max-width: 479.98px) {
-      padding-top: 8px;
-      padding-bottom: 8px;
-      padding-left: 15px;
-      padding-right: 15px;
+      box-sizing: border-box;
+      padding: 8px 15px;
+      min-height: 60px;
       display: flex;
     }
   }

styles/moover/use.scss

@@ -105,7 +105,7 @@
       }
 
       @media (max-width: 767.98px) {
-        margin-bottom: 0;
+        margin-bottom: 10px;
       }
     }
 

templates/pages/p_customer_landing_page.html

@@ -172,12 +172,12 @@
   <section class="use">
     <div class="title">{% translate "Уже пользуются сайтом и находят посылки для перевозок" %}</div>
     <a href="{% url "registration_page" %}">
-      <picture >
+      <picture>
         <source srcset="{% static "img/png/customer/use-1720.png" %}" media="(min-width: 1720px)"/>
-        <source srcset="{% static "img/png/customer/use-1280.png" %}" media="(min-width: 1304px)"/>
-        <source srcset="{% static "img/png/customer/use-1120.png" %}" media="(min-width: 1280px)"/>
-        <source srcset="{% static "img/png/customer/use-640.png" %}" media="(min-width: 768px)"/>
-        <img src="{% static "img/png/customer/use-328.png" %}" alt="list users" class="use__img">
+        <source srcset="{% static "img/png/mover/use-1280.png" %}" media="(min-width: 1304px)"/>
+        <source srcset="{% static "img/png/mover/use-1120.png" %}" media="(min-width: 1280px)"/>
+        <source srcset="{% static "img/png/mover/use-640.png" %}" media="(min-width: 768px)"/>
+        <img src="{% static "img/png/mover/use-328.png" %}" alt="list users" class="use__img">
       </picture>
     </a>
     <div class="h3">
@@ -310,7 +310,7 @@
     </script>
   </section>
 
-    <section class="use use--lett" id="rewiews">
+  <section class="use use--lett" id="rewiews">
     <div class="title">{% translate "Что о нас пишут люди" %}</div>
     <picture class="hide__xs">
       <source srcset="{% static "img/png/mover/use-letters-1739.png" %}" media="(min-width: 1720px)"/>
@@ -388,7 +388,7 @@
         const observer = new IntersectionObserver(
           (entries, interserctionObserver) => {
             entries.forEach(entry => {
-              console.log('or', entry)
+              {#console.log('or', entry)#}
               if (entry.isIntersecting) {
                 counter++;
                 const el = entry.target;
@@ -397,7 +397,7 @@
                 }
                 (() => {
                   el.style.opacity = 1;
-                  el.style.transform = 'translateX(0)';
+                  el.style.transform = 'scale(1)';
                   el.style.transition = 'opacity 1.3s ease, transform 1.5s ease';
                 })();
               }
@@ -484,7 +484,7 @@
       {% translate "Зарегистрируйся бесплатно прямо сейчас и начни размещать объявления о перевозки посылки" %}
     </div>
     <a href="{% url "registration_page" %}"
-       class="sore__btn btn btn--primary">{% translate "Зарегистрироваться и разместить" %}</a>
+       class="sore__btn btn btn--primary">{% translate "Зарегистрироваться" %}</a>
     <br/>
     </div>
   </section>

templates/pages/p_mover_landing_page.html

@@ -327,8 +327,8 @@
     <div class="title">{% translate "Что о нас пишут люди" %}</div>
     <picture class="hide__xs">
       <source srcset="{% static "img/png/mover/use-letters-1739.png" %}" media="(min-width: 1720px)"/>
-      <source srcset="{% static "img/png/mover/use-letters-1280.png" %}" media="(min-width: 1304px)"/>
-      <source srcset="{% static "img/png/mover/use-letters-1120.png" %}" media="(min-width: 1280px)"/>
+      <source srcset="{% static "img/png/mover/use-letters-1280.png" %}" media="(min-width: 1280px)"/>
+      <source srcset="{% static "img/png/mover/use-letters-1120.png" %}" media="(min-width: 992px)"/>
       <source srcset="{% static "img/png/mover/use-letters-640.png" %}" media="(min-width: 768px)"/>
       <img src="{% static "img/png/mover/use-letters-328.png" %}" alt="list letters"
            class="use__img">
@@ -409,7 +409,7 @@
                 }
                 (() => {
                   el.style.opacity = 1;
-                  el.style.transform = 'translateX(0)';
+                  el.style.transform = 'scale(1)';
                   el.style.transition = 'opacity 1.3s ease, transform 1.5s ease';
                 })();
               }

templates/widgets/routes/w_my_route.html

@@ -143,12 +143,30 @@
                     {% else %}src="{% static "img/svg/user_icon_standart.png" %}"{% endif %}>
                 <span class="name_carrier{% if route.owner == user %} active{% endif %}">{{ route.owner.last_name }} {{ route.owner.first_name }}</span>
 
-                <a class="phones_carrier" href="tel:{%if route.phone == route.phone %}{{ route.phone }}{% endif %}">
-                    <img class="inf_carrier_icon" src="{% static "/img/svg/phone.svg" %}"/>
-                    <span class="phones_carrier_span{% if route.owner == user %} active{% endif %} el_for_open_el">{%if route.phone == route.phone %}{{ route.phone }}{% endif %}</span>
-                    <input value="{%if route.phone == route.phone %}{{ route.phone }}{% endif %}">
+{#                <a class="phones_carrier" href="tel:{%if route.phone == route.phone %}{{ route.phone }}{% endif %}">#}
+{#                    <img class="inf_carrier_icon" src="{% static "/img/svg/phone.svg" %}"/>#}
+{#                    <span class="phones_carrier_span{% if route.owner == user %} active{% endif %} el_for_open_el">{%if route.phone == route.phone %}{{ route.phone }}{% endif %}</span>#}
+{#                    <input value="{%if route.phone == route.phone %}{{ route.phone }}{% endif %}">#}
+{#                    <div class="clear_both"></div>#}
+{#                </a>#}
+
+                <a class="phones_carrier"
+                   href="{% if route.phone %}tel:{{ route.phone }}{% else %}#{% endif %}">
+                    <img class="inf_carrier_icon" src="{% static '/img/svg/phone.svg' %}"/>
+                    <span class="phones_carrier_span{% if route.owner == user %} active{% endif %} el_for_open_el">
+                        {% if route.phone %}
+                            {{ route.phone }}
+                        {% else %}
+                            {% translate "Не указан" %}
+                        {% endif %}
+                    </span>
+                    <input value="{% if route.phone %}{{ route.phone }}{% else %}{% translate "Не указан" %}{% endif %}">
                     <div class="clear_both"></div>
                 </a>
+
+
+
+
                 <a class="email_carrier" href="mailto:{{ route.owner.email }}">
                     <img class="inf_carrier_icon" src="{% static "/img/svg/email.svg" %}">
                     <span class="email_carrier_span{% if route.owner == user %} active{% endif %} el_for_open_el">{{ route.owner.email }}</span>

templates/widgets/w_carrier_card.html

@@ -105,12 +105,27 @@
                         <span class="name_carrier"></span>
                     {% endif %}
 
-                    <a class="phones_carrier" data-href="tel:{%if route.phone == route.phone %}{{ route.phone }}{% endif %}">
-                        <img class="inf_carrier_icon" src="{% static "/img/svg/phone.svg" %}"/>
-                        <span class="phones_carrier_span el_for_open_el {% if route.owner == user %} active{% endif %}">{%if route.phone == route.phone %}{{ route.phone }}{% endif %}</span>
+{#                    <a class="phones_carrier" data-href="tel:{%if route.phone == route.phone %}{{ route.phone }}{% endif %}">#}
+{#                        <img class="inf_carrier_icon" src="{% static "/img/svg/phone.svg" %}"/>#}
+{#                        <span class="phones_carrier_span el_for_open_el {% if route.owner == user %} active{% endif %}">{%if route.phone == route.phone %}{{ route.phone }}{% endif %}</span>#}
         {#                <input value="{{ route.phone }}">#}
+{#                        <div class="clear_both"></div>#}
+{#                    </a>#}
+                    <a class="phones_carrier"
+                       data-href="{% if route.phone %}tel:{{ route.phone }}{% else %}#{% endif %}">
+                        <img class="inf_carrier_icon" src="{% static '/img/svg/phone.svg' %}"/>
+                        <span class="phones_carrier_span el_for_open_el {% if route.owner == user %}active{% endif %}">
+                            {% if route.phone %}
+                                {{ route.phone }}
+                            {% else %}
+                                {% translate "Не указан" %}
+                            {% endif %}
+                        </span>
                         <div class="clear_both"></div>
                     </a>
+
+
+
                     <a class="email_carrier" data-href="mailto:{{ route.owner.email }}">
                         <img class="inf_carrier_icon" src="{% static "/img/svg/email.svg" %}">
                         <span class="email_carrier_span el_for_open_el {% if route.owner == user %} active{% endif %}">{{ route.owner.email }}</span>