.container.top {
      height: 12vw;
      min-height: 100px;
      max-height: 200px;
      margin-bottom: 10px;
    }
    .container.top .logo {
      height: 100%;
      background: url(/images/logo.png) no-repeat;
      background-size: contain;

      
    }
    .container.top .logo .logo-text {
      float: right;
      top: 11%;
      position: relative;

    }
    /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    .navbar-inverse {
      background: none;
      border: none;
    }
    .navbar-toggle {
      float: left;
    }
    .container.navbar.navbar-inverse {
      padding-left: 0;
      padding-right: 0;
    }
    .navbar-inverse .container-fluid {
      padding-left: 0;
      padding-right: 0;
    }
    .container-fluid .collapse.navbar-collapse {
      padding-left: 0;
      padding-right: 0;
    }
    .nav.navbar-nav>li>a {
      color: #FFF;
      font-size: 17px;
      text-shadow: 0px 0px 1px rgba(0,0,0,0.90);
    }
    .nav.navbar-nav>li:hover {
      box-shadow: 0px 0px 15px 1px rgba(83,167,235,0.9), inset 0px 0px 15px 1px rgba(83,167,235,0.9);
    }
    .nav.navbar-nav>li.active {
      box-shadow: inset 0px 0px 15px 1px rgba(83,167,235,0.9);
    }
    .nav.navbar-nav>li.active>a, ul.nav.navbar-nav>li.active>a:hover {
      background: none !important;
    }

    .navbar-social {
      -webkit-padding-start: 0px;
      list-style: none;
      float: right;
    }
    .navbar-social.top {
      display: none;
      background: #1f1a17;
    }

    .navbar-social>li {
      float: left;
    }

    .navbar-social li a {
      padding: 25px 30px 25px 30px;
      position: relative;
      display: block;
    }

    .navbar-social li a:hover {
      box-shadow: 0px 0px 15px 1px rgba(83,167,235,0.9), inset 0px 0px 15px 1px rgba(83,167,235,0.9);

    }

    .navbar-social li a.vk {
      background: url(/images/vk.svg) no-repeat;
      background-size: contain;
      background-position: center;
    }
    .navbar-social li a.email {
      background: url(/images/email.svg) no-repeat;
      background-size: contain;
      background-position: center;
    }
    .navbar-social li a.fb {
      background: url(/images/fb.svg) no-repeat;
      background-size: contain;
      background-position: center;
    }

    #uvCarousel {
      margin-bottom: 50px;
      padding: 0;
    }

    .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
      min-height:150px;
    }
    .carousel-caption {
      left: 25%;
      right: 0;

      margin-bottom: 15px;

      padding-top: 0;
      padding-bottom: 0;
      background-color: #FFFFFF; 

          color: #000;
          text-shadow: none;
    }
    .carousel-caption-blob {
      width: 96px !important;
      min-height: auto !important;
      left: -80px;
      top: -40px;
      position: absolute;
    }
    .carousel-caption h3 {
      
      margin-top: 10px;

    }

    .carousel-control.left, .carousel-control.right {
      background-image: none;
    }
    .carousel-control.left:hover, .carousel-control.right:hover {
      background: #0093dd;

    }



    .carousel-indicators-numbers {
      margin-bottom: -65px;
    }
    .carousel-indicators-numbers li {
      text-indent: 0;
      margin: 0 2px;
      width: 30px;
      height: 30px;
      border: none;
      border-radius: 100%;
      line-height: 30px;
      color: #fff;
      background-color: #999;
      -webkit-transition: all 0.25s ease;
      transition: all 0.25s ease;
    }
    .carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
      margin: 0 2px;
      width: 30px;
      height: 30px;
      background-color: #0093dd;
    }


    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #1b75d2;
      padding: 25px;
    }

  @media (min-width: 992px) {
    .navbar-social.top {
      display: block;
    }
  }

  @media (max-width: 1200px) {
    .container.top .logo .logo-text>h2 {
      font-size: 20px;
    }
  }

  @media (max-width: 768px) {
    .navbar-inverse {
        background-color: #222;
        border-color: #080808;
    }
    .container.top .logo .logo-text>h2 {
      font-size: 15px;
    }
    .container.navbar.navbar-inverse {
      padding-left: 15px;
      padding-right: 15px;
    }
    .navbar-inverse .container-fluid {
      padding-left: 15px;
      padding-right: 15px;
    }
    .container-fluid .collapse.navbar-collapse {
      padding-left: 15px;
      padding-right: 15px;
    }
  }
  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; 
    }
    .carousel-indicators.carousel-indicators-numbers {
      display: none; 
    }
    #uvCarousel {
      margin-bottom: 0px;
    }
    .container.top .logo .logo-text>h2 {
      font-size: 12px;
    }
  }

  @media (max-width: 400px) {
    .container.top .logo .logo-text>h2 {
      font-size: 8px;
    }
  }