input[type=text], input[type=password], input[type=submit] {
  width: 100%;
  margin: 10px auto;
  padding: 10px;
  border: 1px solid #999999;
  outline: none;
  background: none;
  color: #222222; }

input[type=submit] {
  margin: 5px auto;
  display: block; }
  input[type=submit].ImportantButton {
    cursor: pointer;
    color: #ff6000; }

input[type=checkbox] {
  display: none; }
  input[type=checkbox]:checked + label::before {
    background-position: 0 0; }
  input[type=checkbox]:disabled + label::before {
    background-position: 0px -20px; }
  input[type=checkbox]:checked:disabled + label::before {
    background-position: 0px -40px; }

input[type=checkbox] + label {
  font-size: 18px;
  cursor: pointer;
  line-height: 20px;
  display: block;
  margin: 0 0 10px;
  position: relative; }
  input[type=checkbox] + label span {
    position: absolute;
    top: 0;
    left: 25px;
    display: inline-block; }
  input[type=checkbox] + label::before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0;
    background: url("../img/checkboxes.png") 0px -20px no-repeat; }

input[type=radio] {
  display: none; }
  input[type=radio] + label {
    margin: 5px 0;
    display: block;
    position: relative;
    cursor: pointer; }
    input[type=radio] + label span {
      position: absolute;
      left: 25px;
      top: 0; }
    input[type=radio] + label::before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url("../img/checkboxes.png");
      background-repeat: no-repeat;
      background-position: 0px -40px; }
  input[type=radio]:checked + label::before {
    background-position: 0px -60px; }

button {
  margin: 10px auto;
  padding: 10px;
  border: 1px solid #999999;
  outline: none;
  background: none;
  color: #222222;
  display: block;
  text-align: center;
  cursor: pointer;
  transition: all .15s linear; }
  button:hover {
    background: #ff6000;
    color: #ffffff;
    border: 1px solid #ffffff; }

textarea {
  width: 100%;
  padding: 10px;
  outline: none;
  height: auto;
  min-height: 150px;
  border: 1px solid #999999;
  resize: none;
  margin: 10px auto; }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

html, body {
  height: 100%;
  font-family: 'Roboto Slab';
  font-weight: 300; }

a {
  text-decoration: none;
  transition: all .15s linear; }
  a:hover {
    color: #ff6000 !important; }

.Wrapper {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100%; }
  .Wrapper header {
    /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 0 0 auto;
    height: 60px;
    background: #363636;
    position: relative; }
    .Wrapper header:after {
      display: block;
      content: ' ';
      position: absolute;
      bottom: -119px;
      left: 0;
      height: 119px;
      width: 100%;
      z-index: 2;
      background: url("../img/headerborder.png"); }
  .Wrapper section {
    /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 1 0 auto; }
  .Wrapper footer {
    /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 0 0 auto;
    background: #363636;
    color: #ffffff;
    height: 170px;
    position: relative; }
    .Wrapper footer .FooterContent {
      font-family: 'Roboto';
      display: flex;
      flex-direction: row;
      height: 100%;
      width: 1500px;
      margin: 0 auto;
      justify-content: space-between;
      padding: 10px 0; }
      .Wrapper footer .FooterContent .SocialsButtons {
        height: 100%; }
        .Wrapper footer .FooterContent .SocialsButtons ul li a svg path {
          fill: #ffffff;
          transition: all .15s linear; }
        .Wrapper footer .FooterContent .SocialsButtons ul li a svg:hover path {
          fill: #ff6000; }
      .Wrapper footer .FooterContent div {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .Wrapper footer .FooterContent div.Copyright {
          padding: 5px 0;
          width: 200px; }
          .Wrapper footer .FooterContent div.Copyright span a {
            color: #ff6000; }
        .Wrapper footer .FooterContent div .FooterMenu {
          list-style: none; }
          .Wrapper footer .FooterContent div .FooterMenu li {
            line-height: 25px; }
            .Wrapper footer .FooterContent div .FooterMenu li a {
              color: #ffffff;
              text-decoration: none;
              text-transform: uppercase; }
    .Wrapper footer:before {
      display: block;
      content: ' ';
      position: absolute;
      left: 0;
      top: -119px;
      height: 119px;
      width: 100%;
      background: url("../img/footerborder.png"); }

.Wrapper footer .FooterContent .SocialsButtons ul, nav .SocialsButtons ul {
  list-style: none;
  display: flex;
  justify-content: space-between; }
  .Wrapper footer .FooterContent .SocialsButtons ul li, nav .SocialsButtons ul li {
    margin: 0 10px; }

nav {
  height: 100%;
  padding: 5px;
  margin: 0 auto;
  width: 1500px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #ffffff;
  font-family: 'Roboto'; }
  nav a {
    height: 100%; }
    nav a .Logotype {
      outline: none;
      border: none;
      height: 100%; }
  nav .SocialsButtons ul li a svg path {
    fill: #ff6000; }
  nav .MobileMenu {
    display: none; }
  nav .MainMenu {
    list-style: none;
    display: flex; }
    nav .MainMenu a {
      color: inherit;
      text-decoration: none;
      text-transform: uppercase; }
    nav .MainMenu li {
      line-height: 50px;
      padding: 0 15px; }
      nav .MainMenu li.Active {
        border-bottom: 2px solid #ff6000; }

.HeaderPhotos {
  width: 100%;
  height: 600px;
  background-size: cover;
  position: relative; }
  .HeaderPhotos.Photo1 {
    background-image: url("../img/forheader/photo_1.jpg"); }
  .HeaderPhotos.Photo2 {
    background-image: url("../img/forheader/photo_2.jpg"); }
  .HeaderPhotos.Photo3 {
    background-image: url("../img/forheader/photo_3.jpg"); }
  .HeaderPhotos.Photo4 {
    background-image: url("../img/forheader/photo_4.jpg"); }
  .HeaderPhotos.Photo5 {
    background-image: url("../img/forheader/photo_5.jpg"); }
  .HeaderPhotos.Photo6 {
    background-image: url("../img/forheader/photo_6.jpg"); }
  .HeaderPhotos.Photo7 {
    background-image: url("../img/forheader/photo_7.jpg"); }
  .HeaderPhotos .Mascot {
    background: url("../img/forheader/logo.png");
    width: 536px;
    height: 452px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .HeaderPhotos .Border {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 119px;
    background: url("../img/lightborder.png"); }

.PageContent {
  padding: 25px 0 144px 0;
  width: 1500px;
  color: #222222;
  margin: 0 auto;
  font-size: 20px;
  line-height: 24px; }
  .PageContent a {
    color: #222222; }
  .PageContent hr {
    background: #ffffff;
    border: none;
    height: 1px;
    margin: 10px auto; }
  .PageContent h1, .PageContent h2, .PageContent h3 {
    font-family: 'Roboto';
    color: #ff6000;
    width: 100%;
    font-weight: 400;
    text-align: center; }
    .PageContent h1 a, .PageContent h2 a, .PageContent h3 a {
      color: #ff6000; }
  .PageContent h1 {
    font-size: 48px;
    line-height: 48px;
    margin: 25px auto 45px; }
  .PageContent h2 {
    font-size: 36px;
    line-height: 36px;
    margin: 27px auto; }
  .PageContent h3 {
    font-size: 24px;
    line-height: 24px;
    margin: 23px auto; }

.RegOrLog {
  width: 700px;
  margin: 70px auto 0; }

.error_block {
  width: 900px;
  padding: 5px;
  color: #8a0f00;
  margin: 10px auto; }
  .error_block .help-block {
    width: 100%;
    display: block;
    line-height: 25px;
    margin: 10px 0; }

#FormBody .AboutEditBlock {
  width: 100%;
  height: 350px;
  margin: 15px 0 0 0; }
  #FormBody .AboutEditBlock h1, #FormBody .AboutEditBlock h2, #FormBody .AboutEditBlock h3, #FormBody .AboutEditBlock h4, #FormBody .AboutEditBlock .HeaderInput {
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    margin: 0;
    padding: 0; }
  #FormBody .AboutEditBlock .BlockForm {
    height: 310px;
    display: flex; }
    #FormBody .AboutEditBlock .BlockForm .ForPhoto {
      width: 20%;
      height: 100%;
      overflow: hidden; }
      #FormBody .AboutEditBlock .BlockForm .ForPhoto img {
        height: 90%; }

.Clear-fix::after {
  content: '';
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden; }

.CommonInfoBlock {
  display: flex; }
  .CommonInfoBlock img {
    width: auto;
    max-width: 300px;
    margin: 0 25px 25px 0;
    border: 2px solid #363636; }
  .CommonInfoBlock div {
    text-align: justify; }

.AboutMusicians {
  list-style: none;
  width: 1000px;
  margin: 10px auto; }
  .AboutMusicians li {
    width: 100%;
    margin: 40px auto 0;
    text-align: justify; }
    .AboutMusicians li img {
      width: auto;
      max-width: 300px;
      border: 2px solid #363636; }
    .AboutMusicians li:nth-child(odd) img {
      float: left;
      margin: 0 25px 25px 0; }
    .AboutMusicians li:nth-child(even) img {
      float: right;
      margin: 0 0px 25px 25px; }

.NewsList {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%; }
  .NewsList li {
    width: 390px;
    height: 480px;
    border: 1px solid #999999;
    color: #222222;
    padding: 20px;
    margin: 10px; }
    .NewsList li .NewsHeadIcon {
      width: 100%;
      height: 230px;
      overflow: hidden;
      position: relative; }
      .NewsList li .NewsHeadIcon img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        transition: all .15s linear; }
      .NewsList li .NewsHeadIcon .DateIs {
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 90px;
        height: 80px;
        background: url("/img/datesbg.png") center no-repeat;
        color: #ffffff;
        text-align: center;
        font-family: 'Roboto';
        font-size: 16px !important; }
        .NewsList li .NewsHeadIcon .DateIs span {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 40px;
          display: block; }
      .NewsList li .NewsHeadIcon:hover img {
        width: 110%; }
    .NewsList li h3 {
      text-align: left; }
    .NewsList li .Description {
      display: block;
      text-align: justify;
      font-size: 18px; }

.TextEditor {
  width: 80%;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100%; }
  .TextEditor .Panel {
    height: 30px;
    flex: 0 auto;
    width: 100%; }
  .TextEditor .Field {
    flex: 1 auto;
    width: 100%; }
  .TextEditor .nicEdit-selected {
    border: none;
    outline: none; }
  .TextEditor textarea {
    outline: none;
    padding: 10px; }

.NewsForm {
  width: 900px;
  margin: 10px auto; }

.BlockForNews {
  width: 900px;
  margin: 15px auto; }
  .BlockForNews .NewsImage {
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
    margin-bottom: 45px; }
    .BlockForNews .NewsImage img {
      border: 0;
      outline: none;
      position: absolute;
      width: 100%;
      filter: grayscale(100%);
      transition: all .15s linear;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .BlockForNews .NewsImage:hover img {
      filter: none;
      width: 105%; }
  .BlockForNews .NewsContent {
    width: 100%;
    margin: 25px 0; }
    .BlockForNews .NewsContent .ForDate {
      display: block;
      padding: 10px 0;
      font-size: 14px;
      color: #ff6000; }
    .BlockForNews .NewsContent .Text {
      text-align: justify; }

.ErrorInformation {
  text-align: center; }

.PostersList {
  list-style: none;
  margin: 25px auto;
  width: 1280px;
  border-bottom: 2px solid #999999; }
  .PostersList li {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #999999; }
    .PostersList li span {
      display: block;
      text-align: center;
      border-right: 2px solid #999999; }
      .PostersList li span:first-child {
        width: 280px; }
      .PostersList li span:nth-child(2), .PostersList li span:nth-child(3) {
        width: 80px; }
      .PostersList li span:nth-child(4) {
        width: 260px; }
      .PostersList li span:nth-child(5) {
        width: 400px; }
      .PostersList li span:last-child {
        width: 180px;
        border: none; }

.SongsInputList, .LinkInputList {
  list-style: none; }
  .SongsInputList li input[type=text], .LinkInputList li input[type=text] {
    width: 360px;
    margin: 0 15px 0 0; }
  .SongsInputList li button, .LinkInputList li button {
    display: inline-block; }

.AlbumsList {
  list-style: none;
  margin: 10px auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 1280px; }
  .AlbumsList li {
    width: 350px;
    overflow: hidden;
    text-align: center; }
    .AlbumsList li img {
      width: 100%; }

.AlbumBlock {
  width: 900px;
  margin: 10px auto;
  display: flex;
  justify-content: space-between;
  border: 1px solid #999999;
  padding: 20px; }
  .AlbumBlock img {
    width: 420px; }
  .AlbumBlock .Description {
    width: 420px; }
    .AlbumBlock .Description ul {
      list-style: none; }
    .AlbumBlock .Description button {
      margin: 10px 0;
      width: 150px; }

#PlayerBlock {
  position: fixed;
  z-index: 101;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  border: 1px solid #999999;
  background: #ffffff;
  display: none;
  width: 500px; }
  #PlayerBlock #CloseButton {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
    height: 40px;
    border: 1px solid #999999;
    background: #363636;
    color: #ffffff;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    cursor: pointer; }
  #PlayerBlock #SongsList {
    list-style: none;
    padding: 20px 30px; }
    #PlayerBlock #SongsList li {
      position: relative;
      cursor: pointer;
      margin: 10px auto; }
      #PlayerBlock #SongsList li:before {
        position: absolute;
        top: 0;
        left: -30px; }
      #PlayerBlock #SongsList li.ReadyToPlay:before {
        content: ' ';
        display: block;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-left: 20px solid #ff6000;
        border-bottom: 10px solid transparent; }
      #PlayerBlock #SongsList li.ReadyToStop:before {
        content: ' ';
        display: block;
        width: 20px;
        height: 20px;
        background: #363636; }
  #PlayerBlock .Bars {
    display: flex;
    justify-content: space-between; }
    #PlayerBlock .Bars #PlayerLine {
      height: 7px;
      width: 380px;
      position: relative;
      cursor: pointer;
      background: #c7c7c7;
      overflow: hidden; }
      #PlayerBlock .Bars #PlayerLine #PlayerBar {
        width: 0%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #ff6000; }
    #PlayerBlock .Bars #VolumeLine {
      height: 7px;
      width: 65px;
      position: relative;
      cursor: pointer;
      background: #c7c7c7;
      overflow: hidden; }
      #PlayerBlock .Bars #VolumeLine #VolumeBar {
        width: 0%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #ff6000; }

.LinkList {
  list-style: none; }

.ContactsList {
  list-style: none;
  width: 600px;
  margin: 0 auto; }
  .ContactsList li {
    border-bottom: 2px solid #c7c7c7;
    padding: 40px 0; }
    .ContactsList li:last-child {
      border: none; }
    .ContactsList li div {
      width: 100%;
      text-align: center;
      margin: 10px 0; }

@media screen and (max-width: 1501px) {
  .Wrapper footer .FooterContent {
    width: 1280px; }

  nav {
    width: 1280px; }

  .PageContent {
    width: 1280px; } }
@media screen and (max-width: 1281px) {
  .Wrapper footer .FooterContent {
    width: 970px; }

  nav {
    width: 970px; }

  .PageContent {
    width: 970px; }

  .PostersList {
    width: 100%; }
    .PostersList li span {
      font-size: 16px;
      text-align: center;
      border-right: 2px solid #999999; }
      .PostersList li span:first-child {
        width: 210px; }
      .PostersList li span:nth-child(2), .PostersList li span:nth-child(3) {
        width: 60px; }
      .PostersList li span:nth-child(4) {
        width: 230px; }
      .PostersList li span:nth-child(5) {
        width: 210px; }
      .PostersList li span:last-child {
        width: 180px;
        border: none; } }
@media screen and (max-width: 971px) {
  .AlbumBlock {
    width: 100%;
    display: block; }
    .AlbumBlock img {
      width: 100%; }
    .AlbumBlock .Description {
      width: 100%; }

  .NewsList li {
    width: 100%; }
    .NewsList li .NewsHeadIcon {
      height: 300px; }

  .Wrapper footer .FooterContent {
    width: 750px; }

  nav {
    width: 750px; }
    nav .SocialsButtons {
      display: none; }

  .PageContent {
    width: 750px; }
    .PageContent .BlockForNews {
      width: 100%; }

  .AboutMusicians {
    width: 100%; }

  .PostersList li span {
    font-size: 16px;
    text-align: center;
    border-right: 2px solid #999999; }
    .PostersList li span:first-child {
      width: 190px; }
    .PostersList li span:nth-child(2), .PostersList li span:nth-child(3) {
      width: 65px; }
    .PostersList li span:nth-child(4) {
      width: 250px; }
    .PostersList li span:nth-child(5) {
      display: none; }
    .PostersList li span:last-child {
      width: 180px;
      border: none; } }
@media screen and (max-width: 751px) {
  .NewsList li .NewsHeadIcon {
    height: 250px; }

  .Wrapper footer .FooterContent {
    width: 480px; }

  nav {
    width: 480px; }
    nav .MobileMenu {
      display: block;
      position: relative;
      overflow: visible; }
      nav .MobileMenu .OpenMenu {
        width: 50px;
        height: 50px;
        background: url("/img/menu_button.png") center no-repeat; }
        nav .MobileMenu .OpenMenu.Opened {
          background: url("/img/menu_button.png") center no-repeat; }
      nav .MobileMenu ul {
        z-index: 102;
        display: none;
        right: 0;
        width: 250px;
        position: absolute;
        list-style: none;
        background: #363636;
        text-align: center; }
        nav .MobileMenu ul a {
          color: inherit;
          text-decoration: none;
          text-transform: uppercase; }
        nav .MobileMenu ul li {
          line-height: 50px;
          padding: 0 15px; }
          nav .MobileMenu ul li.Active {
            border-bottom: 2px solid #ff6000; }
    nav .MainMenu {
      display: none; }

  .PageContent {
    width: 480px; }

  .PostersList li span {
    font-size: 16px;
    text-align: center;
    border-right: 2px solid #999999; }
    .PostersList li span:first-child {
      width: 135px; }
    .PostersList li span:nth-child(2) {
      width: 65px; }
    .PostersList li span:nth-child(3) {
      display: none; }
    .PostersList li span:nth-child(4) {
      width: 155px; }
    .PostersList li span:last-child {
      width: 120px;
      border: none; }
      .PostersList li span:last-child button {
        width: 100px;
        word-wrap: break-word; }

  .CommonInfoBlock {
    width: 100%; }
    .CommonInfoBlock img {
      display: block;
      float: none;
      clear: both;
      width: 100%;
      margin: 30px auto; }

  .AboutMusicians li:nth-child(odd) img, .AboutMusicians li:nth-child(even) img {
    display: block;
    float: none;
    clear: both;
    width: 100%;
    margin: 30px auto; }

  .ContactsList {
    width: 100%; } }
@media screen and (max-width: 481px) {
  nav {
    width: 315px; }

  .HeaderPhotos {
    display: none; }

  .PostersList {
    width: 315px; }
    .PostersList li span:nth-child(4) {
      display: none; }

  .PageContent {
    width: 315px; }

  .Wrapper footer {
    height: auto; }
    .Wrapper footer .FooterContent {
      display: block;
      width: 315px; }
      .Wrapper footer .FooterContent .FooterMenu {
        width: 100%; }
        .Wrapper footer .FooterContent .FooterMenu li {
          text-align: center; }
      .Wrapper footer .FooterContent .SocialsButtons {
        margin: 15px auto; }
      .Wrapper footer .FooterContent .Copyright {
        text-align: center; }

  .NewsList li {
    width: 100%;
    padding: 15px; }
    .NewsList li .NewsHeadIcon {
      height: 100px; }

  #PlayerBlock {
    width: 315px; }
    #PlayerBlock .Bars #PlayerLine {
      width: 215px; }
    #PlayerBlock .Bars #VolumeLine {
      width: 45px; } }

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