#osselector .modal-dialog {
  margin-top: 20%;
  max-width: 470px;
  height: 320px;
  background: url("../images/os-bg.jpg") no-repeat center;
  border-radius: 3px;
}
#osselector .modal-dialog .modal-content {
  background-color: rgba(26, 138, 178, 0.9);
  border-radius: 3px;
  border: none;
  height: 100%;
  box-shadow: 0 0 120px rgba(255, 255, 255, 0.35);
}
#osselector .modal-header {
  border: none;
  padding-bottom: 0;
  text-align: right;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
#osselector .modal-header span {
  cursor: pointer;
}
#osselector .modal-body {
  min-height: 226px;
}
#osselector .modal-footer {
  border: none;
  font-size: 14px;
  text-align: center;
  color: #8dbfd1;
}
#osselector h2, #osselector .h2 {
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 0 0 30px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: bold;
}
#osselector .os-menu {
  text-align: center;
  padding: 0;
  clear: both;
}
#osselector .os-menu li {
  display: inline-block;
  margin: 0 10px;
}
#osselector .os-menu li a {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: url("../images/os-sel-bg.png") no-repeat 33px 30px #fff;
}
#osselector .os-menu li a:hover {
  box-shadow: 0 0 38px 2px rgba(255, 255, 255, 0.3);
}
#osselector .os-menu li:nth-child(2) a {
  background-position: -85px 30px;
}
#osselector .os-menu li:nth-child(3) a {
  background-position: -204px 30px;
}

.available-os {
  display: inline-block;
  background: url("../images/available-os.png") no-repeat right center;
  width: 232px;
  height: 52px;
  line-height: 52px;
  margin-left: 10px;
}

.header-button .b-button {
  padding: 0 18px;
  float: left;
  color: #1786b0;
}
.header-button .b-button:hover {
  color: #fff;
}

.b-link_main-menu:focus {
  text-decoration: none;
}
.b-link_main-menu span {
  border: none;
}
.b-link_main-menu:hover {
  background: none;
}
.b-link_main-menu:hover span {
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 3px white, 0 0 8px white, 0 0 16px white, 0 0 32px white;
}
.b-link_main-menu:hover .premium {
  color: #ffdd66;
  text-shadow: 0 0 3px #ffdd66, 0 0 8px #ffdd66, 0 0 16px #ffdd66, 0 0 32px #ffdd66;
}
.b-link_main-menu .premium {
  color: #ffdd66;
  display: inline-block;
  position: relative;
}
.b-link_main-menu .premium::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -20px;
  background: url("../images/crown.png") no-repeat center;
  width: 12px;
  height: 100%;
}

.b-menu_main {
  position: relative;
}

.main-home-link {
  position: absolute;
  right: 100%;
  top: -2px;
}
.main-home-link a {
  background: url("../images/home.png") no-repeat center;
  width: 26px;
  padding: 0;
}
.main-home-link:hover a {
  background: url("../images/home-hover.png") no-repeat center;
}

.b-site-info {
  padding-left: 36px;
  background: url("../images/info.png") no-repeat 0 center;
}

#login .footer-line .pull-right {
  margin-left: 6px;
}

/*
.b-language-switch {
  padding-top: 10px;
  &:hover {
    padding-top: 8px;
    .caret {
      margin-top: 2px;
    }
  }
}
.b-language-switch__menu {
  top: -2px;
}
*/
.divider {
  clear: both;
}

.b-menu__item_tools_menu {
  margin-left: 0;
}

.b-user-link {
  margin-right: 6px;
}

.body_index header .b-header-line-3 .pull-left {
  width: 43%;
}

.b-button:focus {
  text-decoration: none;
}

/*
.main-4 {
  height: auto;
  .container {
    margin-bottom: 40px;
  }
}
*/
@media only screen and (min-width: 1025px) {
  .main-3 h2 {
    margin-top: 70px;
  }

  .main-4 .container .content {
    margin-top: 100px;
  }

  .main-6 .container .content {
    margin-top: 145px;
  }
}
@media only screen and (max-width: 1200px) {
  .b-header-line-1 .pull-right {
    float: left !important;
  }

  header hr {
    display: none;
  }
}
@media only screen and (max-width: 769px) {
  .main-home-link {
    display: none !important;
  }
}
@media only screen and (max-width: 479px) {
  .b-site-info {
    padding-left: 0;
    background: none;
  }

  #osselector h2 {
    margin: 0 0 10px;
  }
  #osselector .modal-body {
    padding: 0;
  }
  #osselector .modal-footer {
    padding: 0;
  }

  .header-button .b-button {
    margin-left: 16px;
  }
}

/*# sourceMappingURL=osselector.css.map */