@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,700,700i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000;
}

b,
strong,
.bold {
    font-weight: bold;
}

a, .text-primary {
    color: #E31E24;
}
.text-primary {
    color: #E31E24!important;
}
a:hover {
    color: #b7171c;
    text-decoration: none;
}
a.text-primary:hover,
a.text-primary:focus {
    color: #b7171c!important;
    text-decoration: none!important;
}
.text-black {
  color: #000;
}
a.text-black:hover {
  color: rgba(0,0,0,.55);
}
a.text-white:hover {
  color: rgba(255,255,255,.75)!important;
}
.btn-primary {
    color: #fff;
    background: linear-gradient(to right, #E31E24, #E53034, #f23d21);
    border-color: #E31E24;
}
.btn-primary:hover {
    color: #fff;
    background: linear-gradient(to right, #b7171c, #b7171c, #b7171c);
    border-color: #b7171c;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(227,30,36,.5);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background: linear-gradient(to right, #b7171c, #b7171c, #b7171c);
    border-color: #b7171c;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(227,30,36,.5);
}
.bg-light {
  background-color: #f8f8f8;
}
@media (min-width: 992px) {
  .w-lg-25 {
    width: 25%!important;
  }
  .w-lg-50 {
    width: 50%!important;
  }
  .w-lg-75 {
    width: 75%!important;
  }
}

.carousel-item {
  background-color: #212121;
  opacity: 0!important;
  transition: opacity 1s ease-out!important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  float: none;
  width: 100%;
  margin-right: 0;
}
.carousel-item.active {
  position: relative;
  opacity: 1!important;
}

/* Header */
.header {
  border-bottom: 1px solid #E31E24;
}
.header.index-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 0;
  z-index: 1090;
}

.logo {
  width: 3rem;
  height: 3rem;
}

.logo img {
  width: auto;
  height: 100%;
}
.slogan {
  line-height: 1;
}
.nav.nav-mainpage > a {
  color: #fff;
}
.nav.nav-mainpage > a:hover,
.nav.nav-mainpage > a:focus {
    color: #E31E24;
}

/* Home page */
.index {
  position: relative;
  height: 95vh;
  min-height: 690px;
  background: #E31E24;
  background: -webkit-linear-gradient(to right, #E31E24, #E53034, #f27121);
  background: linear-gradient(to right, #E31E24, #E53034, #f27121);
}

.index .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1010;
}

.index .info .download-badge img {
  /* max-height: 36px; */
}

.video {
  position: relative;
  height: 100%;
  /* clip-path: circle(50% at 70% 50%); */
}

.video:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.55);
}

.video video {
  object-fit: cover;
}

.video .texture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/index/texture-overlay.png);
}

.video .app-in-hand {
  position: absolute;
  bottom: 0;
  right: 15%;
  max-width: 25%;
  max-height: 80%;
  z-index: 1020;
}

.index-sub-title{
	font-size: 22px;
}

.section {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.section.section-1 {
  position: relative;
  margin-top: 0;
  z-index: 1080;
}
.section.section-1 > .container {
  position: relative;
  margin-top: -3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: #fff;
  border-radius: .5rem;
  box-shadow: 0 5px 15px -10px rgba(0,0,0,.3);
  overflow: hidden;
}
.section.section-1 > .container:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #E31E24, #E53034, #f27121);
  clip-path: circle(40% at 0% 27%);
  opacity: .025;
  z-index: 1010;
}
.minimir-home-image {
  /* z-index: 1090; */
}
.minimir-home-action {
  box-shadow: 0px 5px 15px -3px rgba(0,0,0,.35);
}
.main-header {
  background: linear-gradient(to right, #E31E24, #E53034, #f27121);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section.section-3 {
  position: relative;
  margin: 0;
  z-index: 1000;
  background-color: #212121;
  color: #fff;
}
.section.section-3 .text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1090;
}
.section.section-3 .p-5 {
  background-color: rgba(0,0,0,.75);
  box-shadow: 0 5px 15px -10px rgba(0,0,0,.83);
  border-radius: .5rem;
}
.usage-switch a {
  opacity: .5;
}
.usage-switch a.active {
  font-weight: bold;
  opacity: 1;
}
.section.section-4 {
  /* border-top: 8px solid #fff; */
  padding: 6rem 0;
  margin: 0;
  background: linear-gradient(to right, #E31E24, #E53034, #f27121);
}
.wifi-relay {
  top: -5rem;
  left: 0;
  z-index: 1000;
}

.carousel-arrows-nav {
  position: absolute;
  top: 7rem;
  width: 100%;
}
.btn-prev,
.btn-next {
  width: 2rem;
}
.btn-prev {
  margin-left: -1rem;
  box-shadow: 5px 0px 15px -3px rgba(0,0,0,.75);
}
.btn-next {
  margin-right: -1rem;
  box-shadow: -5px 0px 15px -3px rgba(0,0,0,.75);
}
.section.section-6 {
  padding: 0 0 6rem 0;
  margin: 0;
}
.download-badge-footer img {
  max-height: 36px;
}
.faq-item .fa-minus {
  display: inline-block;
}
.faq-item .fa-plus {
  display: none;
}
.faq-item.collapsed .fa-minus {
  display: none;
}
.faq-item.collapsed .fa-plus {
  display: inline-block;
}
.page .page-header {
  /* padding: 3rem 0; */
  background: linear-gradient(to right, #E31E24, #E53034, #f27121);
}
.page .page-content {
  padding: 3rem 0;
}
.page .setup {
  margin-bottom: 6rem;
}
.page .setup:last-of-type {
  margin-bottom: 0;
}
/* .page-about{} */
/* .page-about .page-content .flex-wrap{} */
.about-icon {
  min-height: 420px;
  background: #f8f8f8;
}
.brand img {
  max-height: 32px;
}
.footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: linear-gradient(to right, #E31E24, #E53034, #f27121);
  background: #000;
}
.footer .sqr-icon{
  max-width: 43px;
}
@media(max-width: 767px){
  .footer .sqr-icon{
    max-width: 32px;
  }
}

/* header {} */
.navbar {position: absolute;  top: 0; left: 0; right: 0; width: 100%; border-bottom: 0; z-index: 1090;}
.bg-xs-white a{ color: #fff; font-weight: bold;}
.info p a {color: #fff; text-decoration: underline;}
.index .info .download-badge img{ max-width: 190px;}
#collapseEmailInput{max-width: 450px;}
.welcome-thumb {max-width: 300px; padding-top: 70px;}
.play-btn {position: relative;  display: inline-block; height: 75px; width: 75px; background-color: #fff;
  border-radius: 50%;}
.play-animation {
    -webkit-animation: grow 3s infinite;
    animation: grow 3s infinite;
}
.no-validate{
    border:1px solid red;
}
#app-mail-result{
    color:red;
}
@-webkit-keyframes grow {
  from {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
  }

  to {
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
      opacity: 0;
  }
}

@keyframes grow {
  from {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
  }

  to {
      -webkit-transform: scale(1.5);
      transform: scale(1.5);
      opacity: 0;
  }
}
.btn-circle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
}
.animation-short {animation-delay: .5s;}
.play-icon {color: #E31E24;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);}
.play-icon .feather{width: 26px; height: 26px; fill: #E31E24;}
.page-header .nav li a {color:#ffffff; font-weight: bold; border-radius: 3px;}
.page-header .nav li a.active{background: #9e0e0352;}
@media (max-width: 575.98px) {
  body {margin-top: 75px;}
  .navbar {position: fixed; top: 0; right: 0; left: 0; z-index: 2030; border-bottom: 1px solid #E31E24;}
  .navbar-toggler {border: transparent}
  .navbar-nav {margin-left: 56px;}
  .bg-xs-white {background: #fff!important; color: #000}
  .bg-xs-white .slogan {color: #E31E24!important;}
  .bg-xs-white a {color: #000}
  .nav-item.active .nav-link {font-weight: bold; color: #E31E24CC}
  h1.display-3 {font-size: 2.5rem;}
  /* .video {clip-path: circle(50% at 87% 52%);} */
  .video .app-in-hand {right: 0; bottom: 6%; max-width: 50%; max-height: 80%;}
  .welcome-thumb{padding-top: 35px;}
  .section.section-1 {margin-bottom: 2rem;}
  .section.section-1 > .container {margin-top: -3.5rem; padding-top: 1rem; padding-bottom: 2rem;}
  .section.section-2 {margin: 3rem 0;}
  .section.section-4 {border-top: 150px solid #fff; padding-top: 200px;}
  .section.section-4 .wifi-relay {top: -340px;}
}