.item {
margin-top: 32px;
}

.download_icon {
  margin-top: 4px;
  margin-right: 8px;
  height: 40px;
}

.name {
  font-size: 24px !important;
}

.feedback_name {
  font-size: 18px !important;
  font-weight: 400;
}

.description {
  font-size: 16px !important;
}

.feedback_note {
  font-size: 14px !important;
}

.fa:hover {
    color: #ffffff !important;
}

.float:hover, .float:focus, .float:visited {
    color: #ffffff !important;
}

.float{
    position:fixed;
    width:80px;
    height:80px;
    bottom:40px;
    right:40px;
    background-color:#00877e;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    /* box-shadow: 2px 2px 3px #999; */
}

@media screen and (max-width: 340px) {
    .float{
      bottom:10px;
      right:10px;
  }
}

.my-float {
    margin-top:20px;
}

.highlight {
  color:#ff8533 !important;
}

.hero-banner {
  background-image: url("https://appcoders.ru/assets/img/hero.jpg");
  background-size: cover;
  background-position: 100% 60% !important;
  min-height: 500px;
  position: relative;
}

.hero-image {
  height: 320px;
  width: 150px;
  margin-left: 15%;
  background: url("/assets/img/hero_vostochny.png");
  background-repeat: no-repeat;
  background-size: contain !important;
}

.hero-caption {
  font-family:Comfortaa, sans-serif;
  position: absolute;
  bottom: 14px;
  margin-left: 32px;
  color:#fff;
  text-decoration: none;
  font-size: 32px !important;
  text-shadow: 2px 2px 5px black, 0 0 1em gray;            
}

@media screen and (min-width: 1400px) {
  .hero-banner {
    min-height: 500px !important;
  }
}

@media screen and (max-width: 1024px) {
  .hero-banner {
    min-height: 450px !important;
  }

  .hero-caption {
    bottom: 4px !important;
    font-size: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .hero-banner {
    background-image: none;
    /*background-color: #7091c6;*/
    /*background: url("/assets/img/hero_vostochny_small_back.jpg") !important;*/
    background: url("/assets/img/hero.jpg");
    background-repeat: no-repeat !important;
    background-size: cover !important;  

    margin: 0 auto;
    display: block;
  }

  .hero-image {
    height: 300px !important;
    width: 150px;
    background: url("/assets/img/hero_vostochny_frontal.png") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;  
    display: block;
    margin: 0 auto;
  } 

  .hero-caption {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    font-size: 22px !important;
    bottom: 16px !important;
  }

}


div.form-group.md-input-group label.control-label.md-input-label, div.form-group.md-input-group label.control-label {
  color:black !important;
  font-size:16px !important;
  font-weight:300 !important;
}

div.form-group.md-input-group input#company.form-control.md-input.md-ripple, div.form-group.md-input-group textarea.form-control.md-input.md-ripple, div.form-group.md-input-group select.form-control.md-input.md-ripple, div.form-group.md-input-group input.form-control.md-input.md-ripple {
  border-bottom:1px solid #00877e;
}

div.form-group.md-input-group.has-error input.form-control.md-input.md-ripple {
  border-bottom:1px solid darkred;
}

.brief-section-bg {
  background-color:rgb(20,133,238)!important;
  color:white;
  padding:5px;
  text-align:left !important;
}

div.modal-footer button.btn.btn-primary.md-btn.md-ripple {
  background-color:#3480d5;
}

.error {
  color:#b00;
  background-color:#FFF;
}

.md-btn {
  border-radius:5px !important;
}

div.form-group.md-input-group, .modal-dialog {
  text-align:left !important;
}

.platforms-note {
  /* color:rgb(20,133,238) !important; */
  color:#ff8533 !important;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  font-family:Roboto, sans-serif;
  font-weight:300;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:16px;
}

p.hero-subtitle, div.hero-subtitle {
  max-width:600px;
  padding:10px 15px;
  color:rgb(34,34,34);
  /*text-shadow:0 1px 1px rgba(0,0,0,0.7);*/
  font-weight:500;
  position:absolute;
  right:20px;
  bottom:0px;
}

.h4, h4 {
}

.footer-link, .footer-link:hover, .footer-link:focus {
  font-family:'Roboto', sans-serif;
  font-weight:400;
  color:#fff;
  text-decoration:underline;
}

.h4, h4 {
  color:rgb(255,215,178);
  font-family:cuprum;
}

.modal-title {
  color:black;
  font-size:24px;
}