/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.btn-block {
    width: 100%;
}

.loader-dash{
    display: block;
    position: relative;
    height: 22px;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 10px;
    overflow: hidden;
}
.loader-dash:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #ffc800;
    animation: 6s prog ease-in infinite;
}

.promo-input {
    color: white;
}

.href-text {
    color: #039be5!important;
}

@keyframes prog {
    to  {   width: 100%;}
}

@media only screen and (min-width: 993px) {
    .MOBILE-banner {
        display: none;
    }

    .PC-banner {
        display: block;
    }

    nav ul a,
    nav .brand-logo {
        color: #f3d921;
        left: 0;
    }

    h1 {
        font-size: 2.3rem;
    }

    .app-block-styles {
        margin: 40px 0;
    }

    .img-car {
        margin: 10px;
    }

    .stars-btn {
        margin-top: 40px;
    }

    .mobile-block {
        display: none;
    }

    .telegram-icon {
        width: 24px;
        position: absolute;
        margin-left: 10px;
        margin-top: 4px;
    }

    .telegram-icon-title {
        width: 34px;
        position: absolute;
        margin-left: 10px;
        margin-top: 6px;
    }

    .mobile-header {
        display: none;
    }

    .btn_m_app {
        width: 70%;
    }

    .rustore_img {
        width: 62%!important;
    }

    .mobile-qr-image {
        display: none;
    }

    .pc-qr-image {
        display: block;
    }
}

@media only screen and (max-width: 992px) {
    .MOBILE-banner {
        display: block;
    }

    .PC-banner {
        display: none;
    }

    .mobile-block {
        display: block;
    }

    .telegram-icon {
        width: 24px;

    }

    .telegram-icon-title {
        width: 34px;
        position: absolute;
        margin-left: 4px;
        margin-top: 4px;
    }

    .img-car {
        margin: 30px 0;
    }
    .btn_m_app {
        width: 100%;
    }

    .rustore_img {
        width: 90%!important;
    }

    .block-stars {
        margin-top: 45px;
    }

    .card-body {
        padding: 1.5rem 0.25rem;
    }

    #index-banner {
        margin-top: 20px;
    }

    h1 {
        font-size: 1.8rem;
    }

    .welcome-nav {
        display: none;
    }

    .mobile-qr-image {
        display: block;
    }

    .pc-qr-image {
        display: none;
    }
}


p {
  line-height: 2rem;
}

h4 {
    font-size: 2.18rem;
}

body {
    background-color: #0F0E13!important;
    color: white;
}

h5, i {
    color: #f3d921;
}

.mobile-header nav {
    background-color: #0A090E;!important;
}

.sidenav {
    background-color: #000000;!important;
}

.copy_phone_button {
    background-color: #fff;!important;
    border-radius: 8px;
    margin-top: 5px;
}

.copy_phone_button img {
    width: 30px;
    padding: 5px 2px 3px 2px;
}

.copy_phone_button:hover {
    background-color: #e9bd70 !important;
    color: #000000 !important;
}

.sidenav li>a {
    color: #fff;!important;
}

.welcome-nav {
    background-color: #0A090E;
    z-index: 1000;
    position: fixed;
    top: 0;
    margin-left: 0;
    left: 0;
    height: 60px;
}

.welcome-header {
    color: #ffffff;
}

.standard-input {
    color: white;
}

.standard-input:focus + .standard-label {
    color: #f3d921; !important;
}

.standard-input:focus {
    border-bottom: 1px solid #f3d921 !important;
    box-shadow: 0 1px 0 0 #f3d921 !important;
}

.info-header {
    color: #ffffff;
}

.standard-btn {
    background-color: #f3d921 !important;
    color: #000000 !important;
}

.standard-btn:hover {
    background-color: #e39200 !important;
    color: #000000 !important;
}

.page-footer {
    background-color: #0A090E;
}

.sidenav-trigger {
  color: #26a69a;
}

.parallax-container {
  /*min-height: 380px;*/
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}

@media only screen and (min-width: 1600px) {
    .container {
        width: 63%;
    }
}

@media only screen and (min-width: 1490px) {
    .container {
        width: 70%;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1490px) {
    .container {
        width: 90%;
    }
}

@media only screen and (max-width: 992px) {
    .container {
        width: 100%;
        padding: 0 10px;
    }
}

.custom-nav-bar {
    margin-left: 13rem;
}

.custom-nav-bar-a  {
    font-size: 1.3rem;
    color: #fff!important;
}

.custom-nav-bar-a:hover  {
    color: #f3d921!important;
}

.brand-logo img {
    margin-top: 8px;
}

.vac-btn  {
    width: 80%;
}

.vac-btn:hover, .btn_m_app:hover  {
    transform: scale(1.05);
    transition: 0.4s;
}

.vac-btn:not(:hover), .btn_m_app:not(:hover) {
    transform: scale(1);
    transition: 0.4s;
}