html {
  height: 100%;
}

body {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 13px;
  height: 100%;
}

.wrapper {
  padding: 0 0 290px;
  position: relative;
  min-height: 100%;
}

.footer {
  bottom: 0;
  height: 290px;
  left: 0;
  position: absolute;
  width: 100%;
  color: white;
  background: #2a232b;
}

.navbar {
  background: #32014A;
  background: none;
  border: 0;
}
.navbar-fixed-top
{
  position: absolute;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: white;
}
.navbar-brand {
  padding: 0px;
  padding-top: 7px;
}
.navbar-default .navbar-nav>li>a {
  color: white;
  font-size: 15px;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a:focus {
  background: inherit;
  color: #4e1f63;
  text-shadow: 0px 0px 4px white;
  color: white;
  text-shadow: 0px 0px 10px #cb55ff;
}

.navbar-default .navbar-nav>.active>a {
  color: white;
  background: inherit;
  padding-bottom: 12px;
  border-bottom: solid 3px white;
}
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:active,
.navbar-default .navbar-nav>.active>a:focus {
  color: white;
  background: inherit;
  padding-bottom: 12px;
  border-bottom: solid 3px white;
  text-shadow: none;
}

body.no-promo {
  background: url(../img/bg.png);
}
body.no-promo .content {
  padding-top: 50px;
}

.promo {
  text-align: center;
  color: white;
  padding-top: 50px;
}
.promo p {
  font-size: 16px;
  text-shadow: 0px 0px 4px black;
}
.now-online {
  color: #00ff00;
  text-shadow: 0px 0px 4px #036f03;
  background: url(../img/online.png) no-repeat left 2px;
  padding-left: 16px;
}
.now-offline {
  color: #00ff00;
  text-shadow: 0px 0px 4px #036f03;
  background: url(../img/offline.png) no-repeat left 2px;
  padding-left: 16px;
}
.promo-avia {
  background: url(../img/promo-avia.png) no-repeat center center;
  background-size: cover;
  min-height: 300px;
}
.promo-zhd {
  background: url(../img/promo-zhd.png) no-repeat center top;
  background-size: cover;
  min-height: 300px;
}
.promo-contacts {
  background: url(../img/promo-contacts.png) no-repeat center top;
  background-size: cover;
  min-height: 300px;
}

.btn-promo {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  margin-bottom: 45px;
  box-shadow: 0 0 5px white;
  border: solid 1px white;
}
.btn-promo-contacts {
  font-size: 20px;
  color: white;
  height: 50px;
  line-height: 36px;
  padding-left: 55px;
  background-color: green;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.btn-promo-contacts:hover,
.btn-promo-contacts:active,
.btn-promo-contacts:focus {
  text-decoration: none;
  color: white;
  text-shadow: 0px 0px 4px black;
  border: solid 1px #aaa;
}

.btn-promo-contacts-phone,
.btn-promo-contacts-phone:hover {
  background-color: #23b73c;
  background-image: url(../img/phone.png);
}

.btn-promo-contacts-wa {
  background-color: #23b73c;
  background-image: url(../img/whatsapp.png);
}

.btn-promo-contacts-max {
  background-color: #7440e8;
  background-image: url(../img/max.png);
  padding-left: 65px;
  padding-right: 25px;
}

.btn-promo-contacts-tg {
  background-color: #2198d5;
  background-image: url(../img/telegram.png);
  padding-left: 60px;
}

.map-links {
  margin-bottom: 20px;
  font-size: 16px;
  text-shadow: 0px 0px 4px black;
}

.img-qr {
  box-shadow: 0 0 30px black;
  margin-bottom: 15px;
}

.content {
  background: url(../img/bg.png);
  color: white;
  padding: 10px;
}

.content-light {
  background: url(../img/bg2.png);
  color: #2a232b;
}
.content-text h1 {
  font-size: 24px;
}

.content-contacts p {
  font-size: 16px;
  line-height: 150%;
  padding-bottom: 0px;
}


.content-contacts p a {
  color: white;
}
.content-contacts p a:hover,
.content-contacts p a:focus,
.content-contacts p a:active
{
  color: #a77db7;
  text-decoration: none;
}

.img-location {
  width: 100%;
  max-width: 510px;
  margin: 0px auto;
  margin-top: 20px;
}

.three-steps > div {
  text-align: center;
  margin: 30px auto;
}
.three-steps span {
  font-size: 26px;
  text-transform: uppercase;
  line-height: 200%;
}
.three-steps p {
  font-size: 16px;
  line-height: 130%;
  text-align: center;
}
.three-steps .img {
  width: 155px;
  height: 155px;
  background: url(../img/three-step.png) no-repeat, #943cb5;
  margin: 0 auto;
  margin-bottom: 15px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
.three-steps .best-service .img { background-position: center 0px; }
.three-steps .good-prices .img { background-position: center -310px; }
.three-steps .convenient .img { background-position: center -155px; }
.three-steps .poezd .img { background-position: center -620px; }


.faq h3 {
  font-size: 21px;
  text-align: center;
}
.faq .panel-body {
  padding: 10px;
}
.faq .panel-default>.panel-heading {
background-color: #f9f2ff;
}
.faq .panel-heading {
  padding: 8px 10px;
}
.faq .panel-title {
  font-size: 15px;
}

.h2-small {
  font-size: 18px;
  margin-top: 10px;
}


.footer .container {
  background: url(/img/bg-footer.png) right bottom no-repeat;
  height: 100%;
  padding-top: 15px;
}

.footer-copyright {
  margin-top: 20px;
  font-size: 14px;
  text-shadow: 0px 0px 4px black;
}

.footer span {
  line-height: 200%;
  font-size: 16px;
  font-weight: bold;
  color: #a77db7;
}

.footer a {
  color: white;
  line-height: 180%;
}
.footer a:hover,
.footer a:focus,
.footer a:active
{
  color: #a77db7;
  text-decoration: none;
}


.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  border-radius: 0;
  margin-bottom: 0;
  text-align: left;
  padding: 10px;
  border-bottom: 0px;
}
.cookiealert .container {
  padding: 0px;
}
.acceptcookies {
  margin-top: -4px;
}

/* ALL except Extra small screens (phones) */
@media (min-width: 768px)
{
}

/* Extra small screens (phones) */
@media (max-width: 767px)
{
  h1 {
    font-size: 30px;
  }

  .navbar {
    /*background: #32014A;*/
  }
  .navbar-brand {
    margin-left: 10px; /* Adjust value as needed */
  }

  .navbar-header .navbar-toggle,
  .navbar-header .navbar-toggle:focus,
  .navbar-header .navbar-toggle:hover {
    /*background: #344f68;*/
    background: rgba(52, 79, 104, 0.5);
  }
  .navbar-header .navbar-toggle.collapsed {
    background: none;
  }
  .navbar-collapse {
    background: rgba(52, 79, 104, 0.95);
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
  }
  .navbar-default .navbar-nav>.active>a {
    background: inherit;
    padding-bottom: 10px;
    border-bottom: none;
  }
  .navbar-default .navbar-nav>.active>a:hover,
  .navbar-default .navbar-nav>.active>a:active,
  .navbar-default .navbar-nav>.active>a:focus {
    background: inherit;
    padding-bottom: 8px;
    border-bottom: none;
  }
  .promo {
    padding-bottom: 20px;
  }
  .btn-promo {
    margin-bottom: 15px;
    /* width: 220px; */
  }

  .img-location {
    margin-top: 10px;
  }
  .footer .container {
    background: url(/img/bg-footer-m.png) right bottom no-repeat;
    height: 100%;
  }
  .acceptcookies {
    margin-top: 0px;
  }
}