@import url(//fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700|Roboto+Condensed:300,400,700&subset=cyrillic-ext&display=swap);

body {margin:0; padding:0; text-align:center; font-family:'Roboto', sans-serif; font-weight:300; font-size:18px;}

form {padding:0; margin:0;}
p {margin:0; padding: 0 0 10px;}

a {text-decoration:none; color:#4f0c38;}
a:hover {color:red;}

h1 {font-family:"Roboto",Arial; padding:0; margin:0; font-weight:normal; }
h2 {font-family:"Roboto",Arial; padding:0; margin:0; font-weight:normal; }
h3 {font-family:"Roboto",Arial; padding:0; margin:0; font-weight:normal;  }
h4 {font-family:"Roboto",Arial; padding:0; margin:0; font-weight:normal;  }
h5 {font-family:"Roboto",Arial; padding:0; margin:0; font-weight:normal;  }

input[type="text"]::-webkit-input-placeholder {color:#999; font-weight:300; font-family:'Roboto';}
input[type="text"]::-moz-placeholder {color:#999; font-weight:300; font-family:'Roboto';}
input[type="text"].errorinput::-webkit-input-placeholder {color:red; }
input[type="text"].errorinput::-moz-placeholder {color:red;}

input:disabled {color:#aaa; }
input:focus, select:focus, textarea:focus {outline-width: 0;}



/* Сетка */
.flex-container {position: relative; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center;}
.flex-container-top {position: relative; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:stretch;}
.container-left { justify-content: flex-start; }

.flex-1 {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.flex-1x2 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.flex-1x3 {-webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.3%; max-width: 33.3%;}
.flex-2x3 {-webkit-box-flex: 0; -ms-flex: 0 0 66.66666%; flex: 0 0 66.6%; max-width: 66.6%;}
.flex-1x4 {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.flex-3x4 {-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.flex-1x5 {-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.flex-2x5 {-webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
.flex-3x5 {-webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
.flex-4x5 {-webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%;}
.flex-1x6 {-webkit-box-flex: 0; -ms-flex: 0 0 16.66666%; flex: 0 0 16.6%; max-width: 16.6%;}
.flex-5x6 {-webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.3%; max-width: 83.3%;}
.flex-1x8 {-webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%;}
.flex-3x8 {-webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%;}
.flex-5x8 {-webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%;}
.flex-7x8 {-webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%;}
.flex-1x12 {-webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%;}
.flex-1x12 {-webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%;}

.flex2_3 {-webkit-box-flex: 0; -ms-flex: 0 0 66.66666%; flex: 0 0 66.66666%; max-width: 66.66666%;}
.flex3_4 {-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}


/* Секции */
.wrapper {width:100%; clear:both; position:relative; padding:0; margin:0; }
.wrap {display:block; max-width:1200px; padding:0px 30px; position:relative; margin:auto; }
.wrap .wrap {padding:0px;}


/* Top */
.wrtop {background-color:#6e3b5a;}
.wrtop .wrap {height:130px; }

.logo a {position:absolute; left:30px; top:20px; width:358px; height:81px; background:url(../graph/fs-logo-2021.png) center center no-repeat; background-size:100% auto; overflow:hidden; text-indent:-999em;}

.top-contacts {position:absolute; top:25px; right:30px;}

  .top-contacts  .top-phone {display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
    .top-contacts  .top-phone a {line-height:36px; font-size:25px; font-weight:600; color:#fff; padding-left:60px; padding-right:30px; border-right:solid 1px #fff; background:url(../graph/orgwlogo.png) left	 center no-repeat; background-size:auto 100%;  display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4;}
    .top-contacts  .top-phone a:hover {-webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
  .top-contacts  .top-social {margin-left:20px;  display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
    .top-contacts  .top-social a {margin:0px 5px;  -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4;}
    .top-contacts  .top-social a:hover {-webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}

.mob-menu-link {display:none;}

.top-menu {position:absolute; bottom:30px; right:15px;}
  .top-menu ul {position:relative; margin:0px; padding:0px;}
    .top-menu ul li {position:relative; margin:0px; padding:0px 15px; list-style:none; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}
      .top-menu ul li a {display:block; line-height:22px; font-size:18px; color:#f3f3f3; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}
      .top-menu ul li a:hover {color:#fff; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}




/* Строка поиска мерпоприятий */
.search-line {background-color:#f6f6f6; padding:15px 0px;}

  .search-block {position:relative; width:100%; display:flex; justify-content:space-between; align-items:center;}

     .search-block .search-form {flex: 20 1 280px; text-align:left;}
        .search-block .search-form .search-form-data  {display:flex; justify-content:space-between; align-items:center;}
          .search-block .search-form .search-form-data sup {display:inline-block; width:48px; height:48px; background:url(../graph/icon-search.png) center center no-repeat;  background-size:auto 40%; background-color:#e9e9e9; }
          .search-block .search-form .search-form-data span {position:relative; flex: 6 1 280px;}
          .search-block .search-form .search-form-data span.idate:after {content:"";  position:absolute; right:24px; top:14px; width:20px; height:20px; background:url(../graph/icon-calendar.png) center center no-repeat;  background-size:auto 100%;  z-index:2; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;}
            .search-block .search-form .search-form-data span input {display:inline-block; width:90%; background-color:#fff; border:0px; padding:14px 4%; font-size:17px; font-weight:100; color:#999; }
            .search-block .search-form .search-form-data span select {display:inline-block; width:100%; background-color:#fff; border:0px; padding:14px 4%; font-size:17px; font-weight:100; color:#999;}
          .search-block .search-form .search-form-data a {flex: 1 2 100px; display:block; cursor:pointer; background-color:#17c4e9; line-height:48px; color:#fff; font-size:18px; font-weight:600; text-transform:uppercase; text-align:center; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
            .search-block .search-form .search-form-data a:hover {background-color:#eb4925;  -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}


     .search-block .tab-link {flex: 1 2 170px;}
       .search-block .tab-link a {display:block; cursor:pointer;  margin-left:10px; padding-left:40px; line-height:48px; color:#fff; font-size:18px; font-weight:600; text-transform:uppercase; background:url(../graph/icon-table.png) 25px center no-repeat;  background-size:auto 50%;  background-color:#94a2a8; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
       .search-block .tab-link a:hover {background-color:#eb4925;  -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}



/* Ближайшие мероприятия */

.upcoming {padding:30px 0px}

  .upcoming h2 {padding-bottom:20px; font-size:36px; font-weight:300; text-transform:uppercase; color:#6e3b5a;}

  .upcoming-list {position:relative; width:100%;}
    .upcoming-list ul {position:relative; padding:0px; margin:0px; display:flex; justify-content:center; flex-direction:flex-start; }
      .upcoming-list ul li {list-style:none; flex-grow:1; flex-Basis:300px; max-width:48%; -webkit-transition: all 1.5s ease;   -moz-transition: all 1.5s ease;   -o-transition: all 1.5s ease;   transition: all 1.5s ease; }
       .upcoming-list ul li .event-data {/* display: inline-block; max-width:360px; */ position:relative; padding:0px; margin:10px 3%; }
        .upcoming-list ul li .event-img {position:relative; width:100%; overflow:hidden; box-shadow: 0 0 12px rgba(0,0,0,0.25);}
          .upcoming-list ul li .event-img div  {position:relative; width:100%; padding-bottom:100%; overflow:hidden;   }
            .upcoming-list ul li .event-img div a {position:absolute; display:block; width:100%; height:100%; text-align:center;}
              .upcoming-list ul li .event-img div a img {max-height:100%; margin:0px -30%}
          .upcoming-list ul li .event-img span {position:absolute; display:none; left:0px; width:100%; height:100%; background:rgb(0,0,0,0.7); z-index:4; -webkit-transition: all 1.5s ease;   -moz-transition: all 1.5s ease;   -o-transition: all 1.5s ease;   transition: all 1.5s ease;}
          .upcoming-list ul li:hover .event-img span {display:block; -webkit-transition: all 1.5s ease;   -moz-transition: all 1.5s ease;   -o-transition: all 1.5s ease;   transition: all 1.5s ease;}
            .upcoming-list ul li .event-img span a {position:absolute; cursor:pointer; left:20%; top:40%; width:60%; padding:13px 0px; font-size:16px; font-weight:500; text-transform:uppercase; text-align:center; background-color:#eb4925; color:#fff; z-index:5; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
            .upcoming-list ul li .event-img span a:first-child {color:#fff; background-color:#17c4e9; top:20%; bottom:unset;}
            .upcoming-list ul li .event-img span a:last-child {color:#000; background-color:#fff; bottom:25%; top:unset;}
            .upcoming-list ul li .event-img span a:hover {background-color:#6e3b5a; color:#fff; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
        .upcoming-list ul li h3 {/* padding:0px; margin:0px; margin-top:15px; margin-bottom:5px; min-height:53px; line-height:1.2 */ display:table; width:100%; min-height:53px; padding:0px; margin:0px; margin-top:15px; line-height:1.2; vertical-align:top; }
          .upcoming-list ul li h3 a {display:table-cell; font-size:14px;  color:#000; text-transform:uppercase; vertical-align:top;}
        .upcoming-list ul li p {/* font-size:14px; font-weight:600; color:#6e3b5a; */ font-size: 14px; margin-bottom:2px; font-weight: 400; background-color: #6e3b5a; color: #fff; padding: 7px;}
        .upcoming-list ul li .event-timer {position:relative; margin-top:-50px; z-index:5;}


.page-upcoming {padding:30px 0px; background-color:#f6f6f6; }
  .page-upcoming h2 {padding-bottom:20px; font-size:28px; font-weight:300; text-transform:uppercase; color:#6e3b5a;}

.upcoming-list ul li .null-timer {position: relative; display:table; margin-top: -50px; z-index: 5; margin: auto;  width: 85%; vertical-align:middle;}
  .nullTimer {display: table-cell; line-height:1; height:65px; font-family: Arial; font-size:14px; color: #666666; padding: 10px 15px; vertical-align:middle; background: #eff3f9; border: 0px solid white; -webkit-border-radius: 2px;     -moz-border-radius: 2px;     border-radius: 2px;     -webkit-box-shadow: 0px 0px 10px 0px #999999;    -moz-box-shadow: 0px 0px 10px 0px #999999;     box-shadow: 0px 0px 10px 0px #999999; }



/* Мероприятия на главной */

.main-events {padding:30px 0px; padding-top:40px;  background-color:#f6f6f6; }

  .main-event-list {position:relative; width:100%;}
    .main-event-list ul {position:relative; padding:0px; margin:0px; width:100%; text-align:left;}
      .main-event-list ul li {display:inline-block;  list-style:none; text-align:center; display: -moz-inline-stack; vertical-align:text-top; zoom:1; *display:inline;}
       .main-event-list ul li .event-data {display:inline-block; width:95%; position:relative; padding:0px; margin:10px 2.5%; text-align:center; }
      /*
      .main-event-list ul li:nth-child(4n) {margin-right:0px;}
      .main-event-list ul li:nth-child(4n+1) {margin-left:0px;}
      */
        .main-event-list ul li .event-img {position:relative; width:100%; overflow:hidden; box-shadow: 0 0 6px rgba(0,0,0,0.25);}
          .main-event-list ul li .event-img div  {position:relative; width:100%; padding-bottom:100%; overflow:hidden;   }
            .main-event-list ul li .event-img div a {position:absolute; display:block; width:100%; height:100%; text-align:center;}
              .main-event-list ul li .event-img div a img {max-height:100%; margin:0px -30%}
          .main-event-list ul li .event-img span {position:absolute; display:none; left:0px; width:100%; height:100%; background:rgb(0,0,0,0.7); z-index:4; -webkit-transition: all 1.5s ease;   -moz-transition: all 1.5s ease;   -o-transition: all 1.5s ease;   transition: all 1.5s ease;}
          .main-event-list ul li:hover .event-img span {display:block; -webkit-transition: all 1.5s ease;   -moz-transition: all 1.5s ease;   -o-transition: all 1.5s ease;   transition: all 1.5s ease;}
            .main-event-list ul li .event-img span a {position:absolute; cursor:pointer; left:15%; top:10%; width:70%; padding:12px 0px; font-size:14px; font-weight:500; text-transform:uppercase; text-align:center; background-color:#fff; z-index:5; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
            .main-event-list ul li .event-img span a:first-child {color:#fff; background-color:#17c4e9; top:37%;}
            .main-event-list ul li .event-img span a:last-child {color:#000; top:unset; bottom:15%;}
            .main-event-list ul li .event-img span a:hover {background-color:#eb4925; color:#fff; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
        .main-event-list ul li h5 {padding:0px; margin:0px; margin-top:10px; margin-bottom:5px;}
          .main-event-list ul li h5 a {font-size:12px; color:#000; text-transform:uppercase;}
        .main-event-list ul li p {font-size:13px; font-weight:500; color:#6e3b5a;}



/* Баннер на главной */
.upcoming {padding-bottom:40px}



/* Календарь мероприятий  */

  .event-years {position:relative; width:100%; margin-top:10px; margin-bottom:30px; text-align:left;}
    .event-years ul {position:relative; padding:0px; margin:0px; width:100%;}
      .event-years ul li {position:relative; margin:0px;  padding:0px; margin:0px; margin-right:15px;  list-style:none; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
        .event-years ul li a {background-color:#ddd; padding:10px 10px; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}
        .event-years ul li a.active {background-color: #17c4e9; color:#fff; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}
        .event-years ul li a:hover {background-color:#eb4925;  color:#fff; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}



  .event-calendar {position:relative; width:100%; margin-bottom:40px;}
    .event-calendar ul {position:relative; padding:0px; margin:0px; width:100%;}
      .event-calendar ul li {position:relative; margin:0px; padding:15px 2%; list-style:none; width:96%;}
      .event-calendar ul li:nth-child(2n+1) {background-color:#f6f6f6;}
        .event-calendar ul li .calendar-item {width:100%; font-size:16px;}
          .event-calendar ul li .calendar-item .ev-name {text-align:left;}
            .event-calendar ul li .calendar-item .ev-name a {color: #17c4e9; font-weight:400; font-size:18px; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}
            .event-calendar ul li .calendar-item .ev-name a:hover{color:#eb4925; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}
          .event-calendar ul li .calendar-item .ev-reg {font-size:12px;}
            .event-calendar ul li .calendar-item .ev-reg a {display:block; background-color:#17c4e9; padding:5px 15px; margin-bottom:5px; font-size:14px; font-weight:400;  color:white; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
            .event-calendar ul li .calendar-item .ev-reg span a {display:block; background-color:#94a2a8; padding:5px 15px; margin:0px; font-size:14px; font-weight:400;  color:white; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
            .event-calendar ul li .calendar-item .ev-part a,
            .event-calendar ul li .calendar-item .ev-res a {display:inline-block; background-color:#94a2a8; padding:5px 15px; font-size:14px; font-weight:400;  color:white; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
            .event-calendar ul li .calendar-item .ev-reg a:hover,
            .event-calendar ul li .calendar-item .ev-part a:hover,
            .event-calendar ul li .calendar-item .ev-res a:hover {background-color:#eb4925;}


      .event-calendar ul li.calendar-title {background-color:#f0f0f0;}
        .event-calendar ul li.calendar-title .calendar-item {font-size:16px; font-weight:600;}




/* Страница мероприятия */

.fest-page {position:relative;}

  .fest-page .fest-title {padding:20px 0px; background-color:#f6f6f6;}
    .fest-page .fest-title h1 {text-align:left; font-size:42px; color:#6e3b5a;}
    .fest-page .fest-title span {position:absolute; right:30px; bottom:0px;}

  .fest-page .fest-data {}

  .fest-page .fest-data .fest-menu {margin-top:20px; display:flex; justify-content:space-between; flex-direction:flex-start; align-items:center; }
    .fest-page .fest-data .fest-menu a {display:block; cursor:pointer; flex:1 1 280px; position:relative; padding:17px 0px; margin:5px 2px; text-transform:uppercase; font-weight:600; color:#000; background-color:#edf3fb; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;  }
      .fest-page .fest-data .fest-menu a.active { background-color:#17c4e9; color:#fff; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
    .fest-page .fest-data .fest-menu a:hover {background-color:#eb4925; color:#fff; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }

  .fest-page .fest-data-part .fest-data  {padding:20px 0px;}

     .fest-page .fest-data-part .fest-data  .fest-top {display:flex; justify-content:space-between; flex-direction:flex-start; align-items:stretch;}
       .fest-page .fest-data-part .fest-data  .fest-top .fest-top-img {flex: 5 1 280px;}
         .fest-page .fest-data-part .fest-data  .fest-top .fest-top-img img  {max-width:100%;}
       .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info {flex: 1 5 280px; padding-left:20px;}
         .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info .fest-top-info-data {display: flex;  flex-direction: column; justify-content:space-between; align-items:stretch; height:99%;}
           .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info .fest-top-info-data .fest-reg-button {position:relative; flex-grow:4; background-color:#eb4925;}
             .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info .fest-top-info-data .fest-reg-button span {display:table; width:100%; height:100%;}
               .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info .fest-top-info-data .fest-reg-button span a {display:table-cell; vertical-align:middle; cursor:pointer; padding:20px 0px; font-size:35px; font-weight:500; color:#fff; text-transform:uppercase; background-color:#eb4925;}
           .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info .fest-top-info-data .fest-part-button {position:relative; flex-grow:4; background-color:#eb4925;}
             .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info .fest-top-info-data .fest-part-button span {display:table; width:100%; height:100%;}
               .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info .fest-top-info-data .fest-part-button span a {display:table-cell; vertical-align:middle; cursor:pointer; padding:20px 0px; font-size:35px; font-weight:500; color:#fff; text-transform:uppercase; background-color:#eb4925;}
           .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info .fest-top-info-data .fest-timer {display:block; flex-grow:4; margin-top:3px; background-color:#eff3f9;}
               .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info .fest-top-info-data .fest-timer .fest-timer-wrap {display:table; width:100%; height:100%; }
                 .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info .fest-top-info-data .fest-timer .fest-timer-wrap .fest-timer-wr {display:table-cell; vertical-align:middle;}
           .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info .fest-top-info-data .fest-orgphone  {flex-grow:2; background-color: #94a2a8;}
             .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info .fest-top-info-data .fest-orgphone span {display:table; width:100%; height:100%;}
               .fest-page .fest-data-part .fest-data  .fest-top .fest-top-info .fest-top-info-data .fest-orgphone span a {display:table-cell; vertical-align:middle; padding:10px 0px; color:#fff; font-size:20px; font-weight:400;  background-color: #94a2a8;}

     .fest-page .fest-data-part .fest-data  .fest-text {padding-top:20px; text-align:left;}


  .fest-page h2 {font-size:36px; font-weight:300; color:#6e3b5a; margin-bottom:20px;}
  .fest-page .fest-jury {padding:30px 0px; padding-bottom:60px; background-color:#f6f6f6;}

    .fest-page .owl-fest-jury {width:95%; margin:auto;}
       .fest-page .owl-fest-jury .jury-person {position:relative; padding:20px; min-height:430px; background-color:#fff; font-size:12px; color:#666; font-weight:300; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px;}
       .fest-page .owl-fest-jury .jury-person:after{content:''; position:absolute; width:100%; height:15%; left:0; bottom:30px; background:linear-gradient(to top, white 0%, transparent 100%)}
	     .fest-page .owl-fest-jury .jury-person-data {position:relative; max-height:410px; overflow:hidden;}
    	     .fest-page .owl-fest-jury .jury-person .jury-person-img {width:80%; position: relative; margin:auto; margin-bottom:20px; }
        	   .fest-page .owl-fest-jury .jury-person .jury-person-img div {overflow: hidden; position: relative; width: 100%;  padding-bottom: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
	           .fest-page .owl-fest-jury .jury-person .jury-person-img div span {display:block; position:absolute; top: 0; left: 0; width: 100%; height: 100%; }
    	       .fest-page .owl-fest-jury .jury-person .jury-person-img div span img {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:auto; max-height: 135%; max-width: 135%;}

       /* .fest-page .owl-fest-jury .owl-stage-outer { overflow-y:auto; } */

       .fest-page .owl-fest-jury .jury-person:hover {position:absolute; z-index:1000; box-shadow: 2px 2px 8px rgba(0,0,0,0.25);}
       .fest-page .owl-fest-jury .jury-person:hover:after{opacity:0;}
	     .fest-page .owl-fest-jury .jury-person-data:hover {max-height:unset;}




         .fest-page .owl-fest-jury .jury-person h4 {font-size:20px; font-weight:300; color:#6e3b5a; margin-bottom:6px; line-height:22px; }
         .fest-page .owl-fest-jury .jury-person h5 {font-size:14px; font-weight:300; color:#6e3b5a; margin-bottom:10px; line-height:16px; }

    .owl-fest-jury .owl-stage { margin: auto !important; }
    /* .owl-fest-jury .owl-stage-outer { overflow:unset;  } */

    .fest-page .owl-fest-jury .owl-nav {position:absolute; left:0px; top:50%; margin-top:-42px; width:100%; font-size:70px; color:#999; z-index:3 }
      .fest-page .owl-fest-jury .owl-nav .owl-prev {position:absolute; left:-30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}
        .fest-page  .owl-fest-jury .owl-nav .owl-prev:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}
      .fest-page  .owl-fest-jury .owl-nav .owl-next {position:absolute; right:-30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}
        .fest-page .owl-fest-jury .owl-nav .owl-next:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}


  .fest-page .fest-links {padding:30px 0px; padding-bottom:50px; }
    .fest-page .fest-links a {display:inline-block; cursor:ponter; margin:0px 10px; width:70px; height:70px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}
       .fest-page .fest-links a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}
    .fest-page .fest-links a.vk-icon {background:url(../graph/fest-vk-icon.png) center center no-repeat; background-size:100% auto;}
    .fest-page .fest-links a.ig-icon {background:url(../graph/fest-ig-icon.png) center center no-repeat; background-size:100% auto;}
    .fest-page .fest-links a.fb-icon {background:url(../graph/fest-fb-icon.png) center center no-repeat; background-size:100% auto;}
    .fest-page .fest-links a.yt-icon {background:url(../graph/fest-yt-icon.png) center center no-repeat; background-size:100% auto;}
    .fest-page .fest-links a.ok-icon {background:url(../graph/fest-ok-icon.png) center center no-repeat; background-size:100% auto;}


   .fest-page .fest-gallery  {width:95%; margin:20px auto; margin-bottom:30px; text-align:center; }
     .fest-page .fest-gallery .owl-nav {position:absolute; left:0px; top:50%; margin-top:-40px; width:100%; font-size:70px; color:#999; z-index:3 }
       .fest-page .fest-gallery .owl-nav .owl-prev {position:absolute; left:-30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}
         .fest-page  .fest-gallery .owl-nav .owl-prev:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}
       .fest-page  .fest-gallery .owl-nav .owl-next {position:absolute; right:-30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}
         .fest-page .fest-gallery .owl-nav .owl-next:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}



  .fest-page .fest-video  {position:relative; width:95%; margin:15px auto;}
     .fest-page .fest-video .video-item {position: relative; padding-bottom: 56.25%; padding-top: 30px; height:0; overflow: hidden;}
         .fest-page .fest-video .video-item iframe {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}



  .fest-page .fest-map {width:100%; overflow:hidden; height:400px; position:relative;}
    .fest-page .fest-map .map {width:130%; height:400px; margin-left:-30%; position:relative;}

    .fest-page .fest-map .mapinfo {position:absolute; top:0px; left:50%; width:500px; height:400px; text-align:center; overflow:hidden; background:rgb(255,255,255,0.95); z-index:5;}
      .fest-page .fest-map .mapinfo .map-data {position:relative; height:100%; }
         .fest-page .fest-map .mapinfo .map-data h4 {padding:25px 20px; padding-bottom:15px; font-weight:300; color:#6e3b5a;}
           .fest-page .fest-map .mapinfo .map-data h4 span {display:block; font-weight:500; font-size:24px;}
         .fest-page .fest-map .mapinfo .map-data .map-address {font-size:20px; padding-bottom:10px; font-weight:300; color:#666;}
           .fest-page .fest-map .mapinfo .map-data .map-address span {display:block; font-size:16px;}
         .fest-page .fest-map .mapinfo .map-data .map-playground {font-size:18px; font-weight:500; padding-bottom:10px;  color:#6e3b5a;}
         .fest-page .fest-map .mapinfo .map-data .map-desc {font-size:14px; font-weight:300; padding:15px 30px;}
         .fest-page .fest-map .mapinfo .map-data .venue-gallery {position:absolute; bottom:25px; left:10%; width:80%; margin:auto;}

    .fest-page .venue-gallery .owl-nav {position:absolute; left:0px; top:50%; margin-top:-20px; width:100%; font-size:30px; color:#999; z-index:3 }
      .fest-page .venue-gallery .owl-nav .owl-prev {position:absolute; left:-20px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}
        .fest-page  .venue-gallery .owl-nav .owl-prev:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}
      .fest-page  .venue-gallery .owl-nav .owl-next {position:absolute; right:-20px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}
        .fest-page .venue-gallery .owl-nav .owl-next:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 1s ease;   -moz-transition: all 1s ease;   -o-transition: all 1s ease;   transition: all 1s ease;}


   .owl-carousel {width:unset; text-align:center;}
   .owl-carousel.owl-loaded {display: inline-block; max-width: 100%;}



/* Форма регистрации */
.registration {position:relative; width:75%; margin:20px auto; min-height:800px}

   .registration h2 {padding-bottom:15px; margin-bottom:15px; text-transform:uppercase; border-bottom:solid 1px #f0f0f0; }
   .registration h3 {font-size:28px; font-weight:300; color:#17c4e9; margin-bottom:20px; }

   .registration .step {position:relative; width:100%; margin-top:30px;}
     .registration .step .form-line {position:relative; width:100%; text-align:left;}
       .registration .step .form-line p {font-size:16px; color:#6e3b5a; font-weight:300; margin:0px; padding:0px; padding-bottom:3px;}
       .registration .step .form-line input[type="text"]  {width:95%; padding:20px 2.5%; font-size:20px; font-weight:400; font-family:'Roboto'; border:solid 1px #ddd; }

     .registration .step .form-line .flyres {position:absolute; display:none; width:100%; border:solid 1px #ddd; border-top:0px; background-color:#fff; transition-duration: 2.5s; -ms-transition-duration: 2.5s; -o-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -webkit-transition-duration: 2.5s;}
       .registration .step .form-line .flyres ul {max-height:190px; margin:20px; padding:0px; padding-bottom:10px; overflow:auto; border-bottom:solid 1px #ddd}
         .registration .step .form-line .flyres ul li {position:relative; list-style:none; margin:0px; margin-bottom:5px; padding:0px; padding-bottom:5px; border-bottom:solid 1px #eee; z-index:2;}
           .registration .step .form-line .flyres ul li:last-child {border-bottom:0px}
           .registration .step .form-line .flyres ul li a {cursor:pointer; font-size:15px; font-weight:400;}
           .registration .step .form-line .flyres ul li span.clear-icon {position:absolute; display:inline-block; cursor:pointer; right:20px;  width:24px; height:24px;  background: url(../graph/icon-del.png) center center no-repeat; background-size: 65%; opacity: 0.4; z-index:3;}
           .registration .step .form-line .flyres ul li span.perf-entry {position:absolute; display:inline-block; cursor:pointer; top:6px; right:60px;  height:14px; width:130px; line-height:14px; font-size:10px; color:#fff; text-align:center; -webkit-border-radius: 7px;  -moz-border-radius: 7px; border-radius: 7px; z-index:3;}
             .registration .step .form-line .flyres ul li span.perf-entry.not-ver {background-color:#17c4e9;}
             .registration .step .form-line .flyres ul li span.perf-entry.ver {background-color:#008000;}
       .registration .step .form-line .flyres ul.add {margin-bottom:0px; border-bottom:0px;}
         .registration .step .form-line .flyres ul.add li a {display:block; cursor:pointer; font-size:16px; color:#17c4e9; padding-left:25px; background:url(../graph/add.png) left center no-repeat; background-size: auto 80%;}

     .registration .step .form-line .form-line-icon {position:absolute; width:32px; height:32px; right:20px; top:40px; z-index:5;}
       .registration .step .form-line .form-line-icon.search-icon {background:url(../graph/icon-search.png) center center no-repeat; background-size:65%; opacity:0.4;}
       .registration .step .form-line .form-line-icon.clear-icon {cursor:pointer; background:url(../graph/icon-exit.png) center center no-repeat; background-size:65%; opacity:0.4;}

     .registration .step .club-phone-confirm {width:97%; padding:10px 1.5%; font-weight:400; font-size:13px; border:solid 1px #f6f6f6; background-color:#f6f6f6; }
       .registration .step .club-phone-confirm p {padding:5px 0px; font-weight:300; font-size:11px;}
       .registration .step .club-phone-confirm a {display:inline-block; cursor:pointer; padding:10px 20px; margin:10px auto; font-size:16px; color:#fff; background-color:#17c4e9; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;  }
       .registration .step .club-phone-confirm a:hover {background-color:#eb4925; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }

       .registration .step .club-phone-confirm .confirm-form {padding:10px 0px; font-size:15px;}
         .registration .step .club-phone-confirm .confirm-form .confirm-form-data {display:block; padding:5px;}
           .registration .step .club-phone-confirm .confirm-form .confirm-form-data input {width:100px; padding:7px 15px; margin:0px 2px; font-size:16px; font-weight:400; font-family:'Roboto'; text-align:center; border:solid 1px #ddd; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
           .registration .step .club-phone-confirm .confirm-form .confirm-form-data a {margin:0px 2px; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline; }
         .registration .step .club-phone-confirm .confirm-form .confirm-error {font-size:14px; padding-bottom:5px; color:#eb4925;}
         .registration .step .club-phone-confirm .confirm-form span {display:block; cursor:pointer; font-size:13px; color:#17c4e9;}

     .registration .step .perform-data {position:relative; width:95%; padding:10px 2.5%; padding-bottom:20px; font-weight:400; text-align:left; font-size:14px; border:solid 1px #f6f6f6; background-color:#f6f6f6; }
       .registration .step .perform-data h4 { font-size: 17px; padding: 10px 0px; margin-bottom:10px; border-bottom:dotted 1px #ddd; }
       .registration .step .perform-data .perf-participants {width:47%; margin-right:2%; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
         .registration .step .perform-data .perf-participants .perf-prop span:last-child {font-size:12px;}
       .registration .step .perform-data .perf-properties {width:47%; margin-left:2%; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
       .registration .step .perform-data a.changeprop {display:inline-block; cursor:pointer; padding:8px 15px; margin:10px auto; font-size:16px; color:#fff; background-color:#17c4e9; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
       .registration .step .perform-data a.changeprop:hover {background-color:#eb4925; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
       .registration .step .perform-data .perf-prop {margin-bottom:3px;}
         .registration .step .perform-data .perf-prop a {font-size:12px; color:#17c4e9}
         .registration .step .perform-data .perf-prop span {display:inline-block; min-width:190px;}
           .registration .step .perform-data .perf-prop span audio {margin:5px 0px;}


     .registration .step .category-line .category-list {padding:20px; border:solid 1px #ddd;}
       .registration .step .category-line .category-list ul {max-height:400px; margin:20px; padding:0px; padding-bottom:10px; overflow:auto; border-bottom:solid 1px #ddd}
         .registration .step .category-line .category-list ul li {position:relative; list-style:none; margin:0px; margin-right:15px; padding:0px; border-bottom:solid 1px #eee; z-index:2;}
           .registration .step .category-line .category-list ul li:last-child {border-bottom:0px}
           .registration .step .category-line .category-list ul li a {position:relative; display:block; cursor:pointer; font-size:13px; font-weight:400; padding:5px 0px;}
           .registration .step .category-line .category-list ul li a.active {background-color:#edf3fb; }
             .registration .step .category-line .category-list ul li a span {position:absolute; display:inline-block; top:7px; left:3px; }
             .registration .step .category-line .category-list ul li a label {position:relative; display:block; padding-left:30px; }

     .registration .step .category-line .reg-confirm {padding:10px 0px; text-align:center;}
       .registration .step .category-line .reg-confirm a {display:inline-block; cursor:pointer; padding:20px 40px; margin:10px auto; font-size:16px; font-weight:700; text-transform:uppercase;  color:#fff; background-color:#17c4e9; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;  }
        .registration .step .category-line .reg-confirm a:hover {background-color:#eb4925; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }

        .registration .step .category-line .reg-confirm .confirm-message  {padding:20px; background-color:#f9f9f9;}
          .registration .step .category-line .reg-confirm .confirm-message span {display:block;}
          .registration .step .category-line .reg-confirm .confirm-message span sup {display:block; font-size:12px; margin-bottom:10px;}
          .registration .step .category-line .reg-confirm .confirm-message a {padding:10px 20px; margin:10px auto; font-size:16px; font-weight:400; }

     .registration .step .category-line  .errorline {font-size:15px; color:red; padding:20px 0px; text-align:center}




/* Форма регистрации коллектива */

.reg-form-popup {max-width:500px;}

.addcollective {display:block; position:relative; padding:0px; margin:0px; text-align: center;}
  .addcollective h4 {font-size: 28px;  font-weight: 300; color: #17c4e9; margin-bottom: 20px;}

  .addcollective .form-row {position:relative; width:98%; margin:0px 1%; margin-bottom:5px; }
    .addcollective .form-row select {width:96.5%; padding:10px 15px; font-size:20px; font-weight:400; font-family:'Roboto'; border:solid 1px #ddd; }
    .addcollective .form-row input[type="text"] {width:90%; padding:10px 15px; font-size:20px; font-weight:400; font-family:'Roboto'; border:solid 1px #ddd; }
    .addcollective .form-row input[type="text"].iphone {width:60%; margin-right:30%;}
    .addcollective .form-row .cpconfirm {position:absolute; right:2%; top:0px; width:28%;}
      .addcollective .form-row .cpconfirm a {display: block; cursor: pointer; background-color: #17c4e9; line-height:48px; color: #fff; font-size: 14px;    font-weight: 600; text-transform: uppercase; text-align: center;    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease;}
      .addcollective .form-row .cpconfirm input[type="text"] {width:100%;  padding:10px 0px; text-align:center;}
      .addcollective .form-row span.phchecked {display:block; background-color: #17c4e9; color:#fff; height:48px; line-height:48px;  }
    .addcollective .form-row input[type="text"].errorinput {border:solid 1px red; }
    .addcollective .form-row .cpconfirm input[type="text"].errorinput {font-size:14px; color:red; padding-top:13px; padding-bottom:13px;}
    .addcollective .form-row select.errorinput {border:solid 1px red; }
  .addcollective .form-part {position:relative; margin-top:15px;}

  .addcollective .errorline {font-size:15px; color:red; padding:20px 0px;}

  .addcollective .coll-reg-button {position:relative; width:60%; margin:auto; background-color:#eb4925;}
     .addcollective .coll-reg-button span {display:table; width:100%; height:100%;}
        .addcollective .coll-reg-button span a {display:table-cell; vertical-align:middle; cursor:pointer; padding:18px 0px; font-size:20px; font-weight:500; color:#fff; text-transform:uppercase; background-color:#eb4925;}

   .cpconfirm input::-moz-placeholder {font-size:11px; line-height:21px;}
   .cpconfirm input::-webkit-input-placeholder { font-size:11px; line-height:21px;}
   .cpconfirm input:-ms-input-placeholder { font-size:11px; line-height:21px;}
   .cpconfirm input::-ms-input-placeholder { font-size:11px; line-height:21px;}
   .cpconfirm input::placeholder { font-size:11px; line-height:21px;}



/* Форма регистрации номера */

.reg-form-popup {max-width:500px;}

.addperformance {display:block; position:relative; padding:0px; margin:0px; text-align: center;}
  .addperformance h4 {font-size: 28px;  font-weight: 300; color: #17c4e9; margin-bottom: 20px;}

  .addperformance .form-row {position:relative; width:98%; margin:0px 1%; margin-bottom:5px; }
    .addperformance .form-row input[type="file"] {width:90%; padding:10px 15px; font-size:20px; font-weight:300; font-family:'Roboto'; border:solid 1px #ddd; }
    .addperformance .form-row input[type="text"] {width:90%; padding:10px 15px; font-size:20px; font-weight:300; font-family:'Roboto'; border:solid 1px #ddd; }
    .addperformance .form-row input[type="text"].audiofile, .addperformance .audio  {width:60%; margin-right:30%;}
    .addperformance .form-row .audioload {position:absolute; right:2%; top:0px; width:28%;}
      .addperformance .form-row .audioload label {display: block; cursor: pointer; background-color: #17c4e9; line-height:48px; height:48px; overflow:hidden; color: #fff; font-size: 14px;    font-weight: 600; text-transform: uppercase; text-align: center;    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease;}
         .addperformance .form-row .audioload label a {display:inline-block; width:26px; height:26px; padding:0px; margin:auto; margin-top:11px; overflow:hidden; text-align:center; background:url(../graph/wloading_big.gif); background-size:100% auto;}
    .addperformance .form-row .timeselect {display:inline-block; width:49.5%; }
      .addperformance .form-row .timeselect select {display:inline-block; width:93.5%; padding:12px 15px; font-size:16px; font-weight:300; font-family:'Roboto'; border:solid 1px #ddd; }
   .addperformance .form-part {position:relative; margin-top:15px;}

   .addperformance .form-row input[type="text"].errorinput {border:solid 1px red; }
   .addperformance .form-row select.errorinput {border:solid 1px red; }

   .addperformance .fmperfpartlist {width: 87%; margin: auto; padding: 0px 4%;  background-color:#f6f6f6; height:48px; line-height:48px; font-size:20px; font-weight:400; font-family:'Roboto'; text-align: left;}
      .addperformance .fmperfpartlist .addperfpart {position:absolute; right:0px; top:0px; width:29%;}
        .addperformance .fmperfpartlist .addperfpart a {display: block; cursor: pointer; background-color: #17c4e9; line-height:48px; color: #fff; font-size: 14px;    font-weight: 600; text-transform: uppercase; text-align: center;    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease;}

  .addperformance .errorline {font-size:15px; color:red; padding:20px 0px;}

  .addperformance .perf-reg-button, .addperformance .perf-save-button {position:relative; width:60%; margin:auto; background-color:#eb4925;}
     .addperformance .perf-reg-button span, .addperformance .perf-save-button span {display:table; width:100%; height:100%;}
        .addperformance .perf-reg-button span a, .addperformance .perf-save-button span a {display:table-cell; vertical-align:middle; cursor:pointer; padding:18px 0px; font-size:20px; font-weight:500; color:#fff; text-transform:uppercase; background-color:#eb4925;}


  .addperformance .form-row h5 {padding-bottom:5px; font-weight:300; text-align:left; font-size:14px; color:#666;}
  .addperformance .allperfuser {position: absolute; top:0px; right:0px;  font-size: 14px; color:#17c4e9; }

  .addperformance  .form-row .perfuselist {position:relative; height:200px;  width:95%; padding:10px 2.5%; margin-bottom:15px;  border:solid 1px #ddd; overflow:auto;}
    .addperformance  .form-row .perfuselist label {display:inline-block;  width:79%; text-align:left;}
      .addperformance  .form-row .perfuselist label b {font-size:14px; font-weight:normal; color:#999;}
    .addperformance  .form-row .perfuselist span {display:inline-block;  width:15%; text-align:right;}
    .addperformance  .form-row .perfuselist a {display:inline-block;  height:22px; width:6%; text-align:right; opacity:0.4;}
      .addperformance  .form-row .perfuselist a.notverifed {cursor: pointer; background: url(../graph/icon-edit.png)  left bottom no-repeat; background-size: auto 65%;}
      .addperformance  .form-row .perfuselist a.verifed {background: url(../graph/icon-verifed.png) 	left bottom no-repeat; background-size: auto 65%;}

    .addperformance  .form-row .perfuselist .edituserarea {position:absolute; display:none; top:0px; left:0px; right:0px; bottom:0px; background:rgba(255,255,255,0.95);}
      .addperformance  .form-row .perfuselist .edituserarea p {margin:0px 20%; padding-bottom:7px;  text-align:left;}
        .addperformance  .form-row .perfuselist .edituserarea h5 {margin-top:10px; text-align:center; font-size:18px;}
        .addperformance  .form-row .perfuselist .edituserarea p input[type="text"] {width:calc(100% - 20px);  padding:5px 10px; font-size:16px;}
        .addperformance  .form-row .perfuselist .edituserarea a {display:inline-block; width:60%; cursor:pointer; padding:10px 0px; font-size:14px; font-weight:600; color:#fff; text-align:center; text-transform:uppercase; background-color: #17c4e9; opacity:1;}
        .addperformance  .form-row .perfuselist .edituserarea span.closeform  {position:absolute; right:17px; top:15px; display:inline-block; cursor:pointer; width:12px; height:12px; background:url(../graph/close.svg) center center no-repeat; background-size:auto 100%; opacity:0.5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease;}
          .addperformance  .form-row .perfuselist .edituserarea span.closeform:hover  {opacity:1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease;}

  .addperformance  .form-row .perfusenew {position:relative;  width:100%; margin-bottom:15px; }
    .addperformance  .form-row .perfusenew input[type="text"] {display:inline-block; width:20%; margin-left:1%; padding:10px; font-size:13px;}
    .addperformance  .form-row .perfusenew input[type="text"]:first-child { margin-left:0px;}
    .addperformance  .form-row .perfusenew a {display:inline-block; width:20%; margin-left: 1%; cursor:pointer; padding:10px 0px; font-size:14px; font-weight:600; color:#fff; text-align:center; text-transform:uppercase;     background-color: #17c4e9;}

    .addperformance .perf-part-button {position:relative; width:60%; margin:auto; /*margin-top:20px;*/ background-color:#eb4925;}
      .addperformance .perf-part-button span {display:table; width:100%; height:100%;}
        .addperformance .perf-part-button span a {display:table-cell; vertical-align:middle; cursor:pointer; padding:18px 0px; font-size:20px; font-weight:500; color:#fff; text-transform:uppercase; background-color:#eb4925;}





/* Зарегистрированные участники */
.participants {position:relative; width:95%; margin:20px auto; min-height:800px}

   .participants h2 {padding-bottom:15px; margin-bottom:15px; text-transform:uppercase; border-bottom:solid 1px #f0f0f0; }
   .participants h3 {font-size:28px; font-weight:300; color:#17c4e9; margin-bottom:20px; }

   .participants-list {position:relative; width:100%; padding:10px 0px;}
     .participants-list .cat-line {position:relative; margin:3px 0px;}
       .participants-list .cat-line a {position:relative; display:block; cursor:pointer; width:96%; padding:15px 2%; background-color:#edf3fb; color:#000; font-size:16px; font-weight:500; text-align:left; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
         .participants-list .cat-line a span {position:absolute; right:12px; top:12px; display:inline-block; width:26px; height:26px; line-height:26px; background-color:#17c4e9; color:#fff; font-size:12px; text-align:center; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; -webkit-border-radius: 50%;     -moz-border-radius: 50%;     border-radius: 50%;   }
         .participants-list .cat-line a.active { background-color:#17c4e9; color: #fff; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
           .participants-list .cat-line a.active span {background-color:#fff; color:#6e3b5a; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease; }
           .participants-list .cat-line a.active:hover { background-color:#17c4e9; color: #fff; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
         .participants-list .cat-line a:hover {background-color:#6e3b5a; color:#fff; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
           .participants-list .cat-line a:hover span {background-color:#fff; color:#6e3b5a; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease; }
         .participants-list .cat-line .cat-perfs {display:none; padding-bottom:10px;}
           .participants-list .cat-line .cat-perfs .perf-title { position:relative; width:96%; padding:10px 2%; margin:0px; text-align:left; font-size:11px; background-color:#f9f9f9; }
           .participants-list .cat-line .cat-perfs .perf-line {position:relative; width:96%; padding:10px 2%; margin:5px 0px; text-align:left; font-size:14px; border-bottom:solid 1px #f6f6f6;}




/* Расписание мероприятия */

.participants.prog {min-height:unset; margin-bottom:50px;}
.event-prog {position:relative;}
  .event-prog .part-item  {position:relative; margin-bottom:10px;}

    .event-prog .part-item .part-title {position:relative; cursor:pointer; padding:20px 15px; background-color: #17c4e9; color: #fff;}
      .event-prog .part-item .part-title .part-name {text-align:left; font-size:20px; font-weight:600;}
      .event-prog .part-item .part-title .part-datetime {text-align:right; font-size:14px; font-weight:600;}
        .event-prog .part-item .part-title .part-datetime span {display:inline-block; margin-right:40px;}
    .event-prog .part-item .part-title:after {content:'\25BC'; position:absolute; right:10px; display:inline-block; width:30px; height:30px; line-height:30px; color:#fff; text-align:center; background-color:rgba(255,255,255,0.4); border-radius:50%; }
    .event-prog .part-item .part-title.active:after {content:'\25B2'; position:absolute; right:10px; display:inline-block; width:30px; height:30px; line-height:30px; color:#fff; background-color:rgba(255,255,255,0.4); border-radius:50%; }

    .event-prog .part-item .part-data {position:relative; display:none; padding:5px; font-weight:400; }

      .event-prog .part-item .part-data .part-download  {position: relative; margin-bottom:1px; background-color: #edf3fb;}
        .event-prog .part-item .part-data .part-download a {position: relative; display:inline-block; margin:10px 0; padding:10px 15px; background-color: #17c4e9; color:#fff; font-size:14px; font-weight:400; }
          .event-prog .part-item .part-data .part-download a:hover {background-color: red; color:#fff; }

      .event-prog .part-item .part-data .pcategory-open, .event-prog .part-item .part-data .pcategory-null {padding:10px; background-color:rgba(23,196,233,0.2);}
      .event-prog .part-item .part-data .pcategory-open table tr td:first-child, .event-prog .part-item .part-data .pcategory-null table tr td:first-child {width:65px;}
      .event-prog .part-item .part-data .pcategory-open table tr td:last-child, .event-prog .part-item .part-data .pcategory-null table tr td:last-child {display:none; font-size:12px;}

      .event-prog .part-item .part-data .pcat-name  {position:relative;  padding:15px; font-weight:400; text-align:left; background-color:#f0f0f0; }

    .event-prog .part-item .part-data .pcategory-item {padding:10px 0px; border-bottom:solid 1px #ddd; font-size:18px;}
      .event-prog .part-item .part-data .pcategory-item table {background-color:#f0f0f0;}
        .event-prog .part-item.new-shedule .part-data .pcategory-item table {background-color:#fff; }
      .event-prog .part-item .part-data .pcategory-item table tr td {padding:10px; background-color:#f0f0f0;}
        .event-prog .part-item.new-shedule .part-data .pcategory-item table tr td {padding:5px 10px; background-color:#fff; font-size:15px;}
      .event-prog .part-item .part-data .pcategory-item table tr td:first-child {width:50px;}
      .event-prog .part-item .part-data .pcategory-item table tr td:last-child {display:none; font-size:12px;}
        .event-prog .part-item.new-shedule .part-data .pcategory-item table tr td:last-child {display:none; font-size:12px;}
      .event-prog .part-item .part-data .pcategory-item table tr td.category-time {display: none;}
        .event-prog .part-item.new-shedule .part-data .pcategory-item table tr td.category-time {display: table-cell;}

    .event-prog .part-item .part-data .performance-item {padding:0px; font-size:14px;}
      .event-prog .part-item .part-data .performance-item table {background-color:#fff;}
      .event-prog .part-item .part-data .performance-item table tr td {padding:10px; background-color:#fff;}
        .event-prog .part-item .part-data .performance-item table tr td:first-child {width:10px;}
        .event-prog .part-item .part-data .performance-item table tr td:nth-child(2) {display:none; width:50px;}
        .event-prog .part-item .part-data .performance-item table tr td:last-child {display:none; font-size:12px;}

    .event-prog .part-item .part-data table {width:100%;}
      .event-prog .part-item .part-data table tr td {text-align:left; }
      .event-prog .part-item .part-data table tr td:last-child {text-align:right;}

  .event-prog .not-published {position:relative; padding:20px; font-size:24px; color: #17c4e9; font-weight:bold; }
  .event-prog .event-prog-lastmodify { position:relative; padding-bottom:10px; font-size:14px; font-weight:400; color: #6e3b5a;   }


/* Футер  */
.wrend {background-color:#6e3b5a; }
  .wrend .wrap {height:90px; }

  .cpr {position:absolute; left:30px; top:22px; min-width:150px; text-align:left; padding-right:20px; border-right:solid 1px #fff; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4;}
    .cpr span {display:block; }
      .cpr span a {font-size:11px; color:white; text-transform:uppercase;}


  .end-logo a {position:absolute; left:230px; top:18px; width:199px; height:45px; background:url(../graph/fs-logo-2021.png) center center no-repeat; background-size:100% auto; overflow:hidden; text-indent:-999em; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4;}
    .end-logo a:hover {-webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}

  .end-menu {position:absolute; top:35px; right:230px;}
    .end-menu ul {position:relative; margin:0px; padding:0px;}
      .end-menu ul li {position:relative; margin:0px; padding:0px 15px; list-style:none; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}
        .end-menu ul li a {display:block; line-height:22px; font-size:18px; color:#f3f3f3; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}
        .end-menu ul li a:hover {color:#fff;}

  .end-social {position:absolute; top:30px; right:30px;}
    .end-social a {margin:0px 4px !important;  -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4;}
    .end-social a:hover {-webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}



/* Соцсети */
.social a {display:inline-block; cursor:pointer; width:36px; height:36px; margin:0px 1px;}
.social a:last-child {margin-right:0px;}
.social a.vk-icon {background:url(../graph/vk-icon.png); background-size: 100% auto;}
.social a.fb-icon {background:url(../graph/fb-icon.png); background-size: 100% auto;}
.social a.ig-icon {background:url(../graph/ig-icon.png); background-size: 100% auto;}
.social a.yt-icon {background:url(../graph/yt-icon.png); background-size: 100% auto;}



/* Текстовая страница агенты/модераторы*/
.krohi {text-align:left; padding:15px 0px; padding-bottom:5px; font-size:13px; border-bottom:solid 1px #ccc;}
.page-data .page-info h1 {padding:15px 0px; font-size:35px; }


/* Текстова страница пользовательская часть */
.site-page {position:relative; }
  .site-page .site-page-bg {position:absolute; width:100%; height:99px; background-color:#f6f6f6;}
  .site-page .page-info h1 {font-size:42px; line-height:54px; font-weight:400; color:#6e3b5a; text-align:left;}
    .site-page .page-info .text-block {padding:22px 0px;}
      .site-page .page-info .text-block .block-text {text-align:left;}


/* Стили конкретных блоков */
.block1 {margin:25px 0px; position:relative;}
  .block1 .block-img {position:absolute; top:0px; right:1%; max-width:50%;}
    .block1 .block-img img {max-width:100%;}
  .block1 h1 {max-width:50%; padding:35px 0px; text-align:left; font-size:42px; line-height:54px; font-weight:300; color:#6e3b5a;}
  .block1 .block-text {text-align:justify;}



/* Пейджинация  */
.pagelinks {text-align:center; margin-top:25px;}
.pagelinks a {width:25px; height:25px; line-height:25px; font-size:15px; margin:0px 2px; text-align:center; color:black; background-color:#ddd; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.pagelinks b a {background-color:#e31f25; color:white; font-weight:normal;}


/* Прочее */
.both {clear:both;}
.hidden {display:none !important;}



/* Раздел редакторов - главная */
.affilate {background:url(../graph/affilate-bg.jpg) no-repeat; background-size: cover; background-attachment: fixed;}
.afflogin {position:absolute; top:50%; left:50%; margin-left:-250px; margin-top:-250px; width:450px; height:450px; padding:25px; background-color:white; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;     box-shadow: 0 10px 20px rgba(0,0,0,0.4);}
  .afflogin .logo {display:block; width:450px; height:113px; background:url(../graph/festservice.png) no-repeat; background-size:100% auto;}
  .afflogin h1 {color:#666; font-size:31px; padding:10px 0px;}
  .afflogin p {padding:5px 70px; text-align:left;}
    .afflogin p span {display:block; font-size:14px; padding-bottom:2px;}
    .afflogin p input[type="text"], .afflogin p input[type="password"] {width:90%; padding:2% 5%; text-align:left; font-size:20px;}
    .afflogin p a {display:block; cursor:pointer; text-align:center; margin:10px 0px;  width:101%; padding:4% 0px; font-size:18px; background-color:#0091a8; color:white; border:solid 1px #0091a8;}
    .afflogin p a:hover {background-color:#056777; border:solid 1px #056777;}
  .afflogin .affaction {margin-top:5px; color:#aaa;}
    .afflogin .affaction a {display:inline-block; width:auto; padding:0px 5px; margin:0px 5px; margin-top:10px; cursor:pointer; font-size:14px; color:gray;}
    .afflogin .affaction a:hover {color:black;}

/* Раздел редакторов - меню */
.agents-wrtop {border-bottom:solid 1px #aaa;}
.agents-wrap  {padding:15px; height:60px; text-align:center; }
.agents-wrap .logo a {position:absolute; top:15px; left:10px; display:block; width:239px; height:60px; background:url(../graph/festservice.png) no-repeat; background-size:100% auto;}

.agents-logout {position:absolute; top:2px; right:10px; line-height:60px;}
.agents-logout a {display:inline-block; cursor:pointer; width:auto; padding:15px 5px; margin:0px 5px; cursor:pointer; font-size:16px;}

.agents-menu ul {position:relative; margin:0px; padding:0px; padding-top:20px;}
.agents-menu ul li {position: relative; margin:0px; padding:0px 15px; list-style:none; border-right:solid 1px #aaa;  display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.agents-menu ul li:last-child {border-right:0px;}
.agents-menu ul li a {display:block; line-height:40px; font-size:20px; }
.agents-menu ul li b a {font-weight:300; color:#0091a8;}

.agents-wrend {margin-top:35px; }
.agents-wrend .wrap {border-top:solid 1px #aaa; padding:15px 0px;}
.agents-wrend .copyright {font-size:15px;}


/* Раздел редакторов - форма добавления клуба */
.agent-form {position:relative; margin:auto; margin-top:15px; padding:25px; padding-top:45px; width:70%; background-color:#f0f0f0; }
.agent-form p {display:block; position:relative; margin:auto; width:60%; padding-bottom:10px; text-align:left;}
.agent-form p.half-first  {display:inline-block; width:28%; margin-right:4%;}
.agent-form p.half-second {display:inline-block; width:26.5%; margin-right:1%;}
.agent-form p span {display:block; font-size:13px; padding-left:2px; padding-bottom:3px;}
.agent-form p .agentloading {width:64px; height:64px; background:url(../admin/graph/loading_white_small.gif);  }
.agent-form .formline {height:1px; width: 60%; border-top: solid 0px #ddd; padding-bottom: 25px; margin: auto;}

.agent-form select {width:100%; color:black; border:solid 1px gray; outline:none; padding:5px; font-size:16px; font-family:"Roboto",Sans Serif;}
.agent-form select option:first-child {color:#aaa; background:#eee;}
.agent-form select:disabled, .agent-form input[type="text"]:disabled {border:solid 1px #ddd; color:gray; background-color:white;}
.agent-form select.nogray option:first-child {color:#000; background:#fff;}


.agent-form input[type="text"] {width:97.5%; color:black; border:solid 1px gray; outline:none; padding:5px; font-size:16px; font-family:"Roboto",Sans Serif;}

.agent-form input[type="button"] {background-color:#0091a8; margin:20px 0px; padding:15px 25px; color:white; width:285px; border:0px; font-size: 18px; font-family: 'Roboto', sans-serif;  font-weight: 300;}
.agent-form input[type="button"]:disabled {background-color:#ccc; }

.agent-form p a {position:absolute; right:2px; bottom:11px; display:block; width:90px; height:31px; line-height:31px; font-size:11px; text-align:center;}
.agent-form p a.notverified   {background:#ddd; color:gray;}
.agent-form p a.verifiedtrue  {background:green; color:white;}
.agent-form p a.verifiedfalse {background:red; color:white;}

.agent-form p a.agentloadingsmall {background:url(../graph/loading_small.gif) center center no-repeat;   }
.agent-form .agentloadingbig {height:500px; background:url(../graph/loading_big.gif) center center no-repeat;   }

.agent-form .areg a {display:block; cursor:pointer; text-align: center; margin:25px 0px; width:30%; padding:15px 0px;  font-size: 18px; background-color: #0091a8;    color: white;    border: solid 1px #0091a8;}
.agent-form .areg a.disabled {background-color:#999;}


/* Раздел редакторов - список клубов */
.agent-clublist {padding-top:25px;}
.agent-clublist table {width:100%; border:0px;}
.agent-clublist table tr:hover {background-color:#f9f9f9;}
.agent-clublist table tr th {border-bottom:solid 1px #999; height:55px; font-weight:300; font-size:14px; background-color:#fafafa;}
.agent-clublist table tr td {height:40px; font-size:16px; border-bottom:solid 1px #f0f0f0;}
.agent-clublist table tr td.mod {font-size:14px; }
.agent-clublist table tr td.bmod {width:100px; }
.agent-clublist table tr td.bmod a {display:block; margin:0px 5px;cursor:pointer; text-align: center; padding:3px 6px; background-color:#ddd; font-size:14px;}
.agent-clublist table tr td.bmod a:hover {background-color:#666; color:white;}
.agent-clublist table tr td span {display:inline-block; padding:2px 5px; min-width:100px; color:white; background-color:#ccc;}
/* .agent-clublist table tr:nth-child(odd) td {background-color: #f0f0f0;} */
.request-moder-comment {width:90%; margin:auto; padding:15px; margin-bottom:20px; font-size:14px; border:dashed 1px #ddd; background-color:#f9f9f9;}
.request-moder-comment span {display:block; padding:5px; font-size:16px;}



/* Раздел модераторов */
.request-info {padding:0px 25px;}
.request-info p {padding-bottom:5px;}
.request-info p span {display:inline-block; width:200px;}
.request-moderate {padding-top:25px; margin-top:25px; border-top:dotted 1px #ddd;}
.request-moderate a {display:inline-block; cursor:pointer; width:auto; margin-right:10px; padding:10px 25px; font-size:15px; color:white}
.request-moderate p {font-size:12px;}
.request-moderate textarea {width:405px; height:70px; padding:15px; margin-top:2px; margin-bottom:5px; border: solid 1px #ddd; font-family: 'Roboto', sans-serif;}


/* Сообщения в формах */
.errlogin span {display:block; font-size:13px; color:red; padding-top:5px;}


/* Цвета */
.gbg {background-color:#12ad21 !important;}
.rbg {background-color:red !important;}
.obg {background-color:orange !important;}



/* Прогресбары */
.loading-small {position:relative; display:inline-block; width:100%; height:31px; background:url(../graph/loading-small.gif) center center no-repeat;   }
.loading-big {position:relative; display:inline-block; width:100%; height:100px; background:url(../graph/loading_big.gif) center center no-repeat; background-size: auto 100%; }




/* Форма авторизации */
.login-page { padding: 30px 0px;  background-color: #f6f6f6; }

.login-form { position:relative; width:75%; margin:23px 12.5%; padding:35px 25px; padding-top:45px; justify-content: center; background:rgba(255,255,255,0.75);  }
  .login-form .login-form-data { position:relative; width:100%; max-width:500px; text-align:left;  }

    .login-form .login-form-data .login-form-line { position:relative; margin-bottom:15px; }
      .login-form .login-form-data .login-form-line span { position:relative; display:block; padding-bottom:3px; font-size:16px;  color:#6e3b5a; }
      .login-form .login-form-data .login-form-line input[type="text"], .login-form .login-form-data .login-form-line input[type="password"] { width: 95%; padding: 10px 2.5%; font-size: 25px; font-weight: 400; font-family: 'Roboto';  border: solid 1px #ddd; }
      .login-form .login-form-data .login-form-line label { position:relative; display:inline-block; margin-top:5px; margin-right:20px;  font-size:25px; text-transform:lowercase; }
        .login-form .login-form-data .login-form-line label a { color:#999; }
        .login-form .login-form-data .login-form-line label a.active { color:#6e3b5a; }

      .login-form .login-form-data .login-form-button { position:relative; padding-top:15px; text-align:center; }
        .login-form .login-form-data .login-form-button a { position:relative; display:inline-block; cursor:pointer; padding:20px 0; width:100%; min-width:300px; font-size:22px; color: #fff;  text-align:center;  background-color: #17c4e9;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
        .login-form .login-form-data .login-form-button a:hover { background-color: #e31f25;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

      .login-form-recovery { position:relative; padding:20px 0; text-align:center; font-size:16px; }
      .login-form-error span { position:relative; display:block; padding:15px 0; text-align:center; font-size:16px; color: #e31f25; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}



/* Кабинеты судей */

.judges-page { position:relative; min-height:100vh; background-color:#f6f7fb;}
.judges-page .wrap { max-width:unset; }

.pagecol { position:relative; height:92%; scrollbar-width: thin; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}

.wrjtop { background-color: #fff; border-bottom: 1px solid #e6e9f2; height: 85px; min-height: 85px; }
  .wrjtop .wrap { padding-top:15px; }

  .wrjtop .jlogo { position:relative; text-align:left; }
    .wrjtop .jlogo a { position:relative; display:inline-block; width:200px; height:40px; background:url(../graph/fs-logo-bordo.png) left top no-repeat; background-size:auto 100%; }
    .wrjtop .jtop-line { position:relative; text-align:right; padding-top:5px; }

        .wrjtop .jtop-line .jtop-user { position:relative; display:flex; float:right; padding-left:20px;  border-left:dashed 1px #6e3b5a; }
          .wrjtop .jtop-line .jtop-user .jtop-user-name { position:relative; display:inline-block; height:48px; line-height:48px; padding-right:20px; color:#6e3b5a; font-size:16px; font-weight:500; }
          .wrjtop .jtop-line .jtop-user .jtop-user-icon { position:relative; display:inline-block; width:48px; height:48px; border-radius:50%; overflow: hidden; }
            .wrjtop .jtop-line .jtop-user .jtop-user-icon img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }

        .wrjtop .jtop-line .jtop-menu  {position: relative; display:flex; float:right; margin-right:20px; }
          .wrjtop .jtop-line .jtop-menu a  {position: relative; cursor:pointer; display:inline-block; width:48px; height:48px; line-height:48px; margin-right:10px; float:right; opacity:0.35; filter:grayscale(100%); -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}
            .wrjtop .jtop-line .jtop-menu a:hover  {opacity:1; filter:grayscale(0); -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}
            .wrjtop .jtop-line .jtop-menu a.jhomelink     { background:url(../graph/calendar-icon.png) center center no-repeat; background-size: auto 60%;  }
            .wrjtop .jtop-line .jtop-menu a.jprofilelink  { background:url(../graph/profile-icon.png) center center no-repeat; background-size: auto 60%;}
            .wrjtop .jtop-line .jtop-menu a.logoutlink   { background:url(../graph/logout-icon.png) center center no-repeat; background-size: auto 60%;}


.wrjpage { position:relative; width:100%; height: calc(100vh - 100px); font-size:16px; }
  .wrjpage .wrap { height: 100%; }

  .wrjpage h1 { position:relative; padding:15px 0; text-align:left; font-size:22px; font-weight:300; }

  .wrjpage .jpageblock { position:relative; padding:25px; background-color:#fff; height:100%; border-radius:9px; }
    .wrjpage .jpageblock-data { position:relative; height:calc(100% - 50px); margin-top:15px;  overflow-x: hidden; overflow-y: auto;}
    .wrjpage .jpageblock-data::-webkit-scrollbar { width:6px; }
    .wrjpage .jpageblock-data::-webkit-scrollbar-track { background: #fff; }
    .wrjpage .jpageblock-data::-webkit-scrollbar-thumb { background-color: #ddd; border-radius:3px}

    .wrjpage .jpageblock h2 { position:relative; padding-bottom:25px; color:#6e3b5a; font-size:16px; font-weight:400; text-align: left; }
    .wrjpage .jpageblock h3 { position:absolute; top:20px; right:calc(3% + 25px); color:#6e3b5a; font-size:22px; font-weight:600;}
    .wrjpage .jleftblock { margin-right:2%; }
      .wrjpage .jleftblock .jpageblock-data { padding-right:5%;  }
    .wrjpage .jrightblock { margin-left:2%;  }
      .wrjpage .jrightblock .jpageblock-data { padding-right:2%; }

  .wrjpage .jevent-list { position:relative;  }
    .wrjpage .jevent-list .jevent-item { position:relative; cursor:pointer; width:100%; padding:15px 0; margin-bottom:25px; background-color: #f9f9fb; border-radius:9px;  -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; z-index:4;}
    .wrjpage .jevent-list .jevent-item.active {  background-color: #f0f0f2; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
    .wrjpage .jevent-list .jevent-item:hover {  background-color: #f3f3f5; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
    .wrjpage .jevent-list .jevent-item::after { content:'\2714'; position:absolute; display:inline-block; left:5%; top:5%;  width:7.5%; height:0; padding-top:7.5%; background-color:#fff;  border-radius:50%;  overflow:hidden; z-index:5; }
    .wrjpage .jevent-list .jevent-item.active::after { content:'\2714'; position:absolute; display:inline-block; left:5%; top:5%;  width:7.5%; height:0; padding-top:7.5%; background-color:#6e3b5a;  border-radius:50%;  overflow:hidden; z-index:5; }
      .wrjpage .jevent-list .jevent-item .jevent-img { position:relative; width:70%; margin:0 15%; height:0; padding-top:70%; border-radius:50%; border:dashed 1px #ddd; overflow:hidden;  }
        .wrjpage .jevent-list .jevent-item .jevent-img img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);  }
      .wrjpage .jevent-list .jevent-item .jevent-data { position:relative; padding:0 10%; }
        .wrjpage .jevent-list .jevent-item .jevent-data .jevent-title { position:relative; margin-top:10px; padding: 3px 0; font-size:18px; font-weight: 600; color:#6e3b5a; }
        .wrjpage .jevent-list .jevent-item .jevent-data .jevent-date {  font-size:13px; color:#999;}
        .wrjpage .jevent-list .jevent-item .jevent-data .jevent-stat { position:relative; padding-top:10px; font-size:14px; font-weight:400; color:#6e3b5a; }
          .wrjpage .jevent-list .jevent-item .jevent-data .jevent-stat div { display: inline-block; margin:auto; }
          .wrjpage .jevent-list .jevent-item .jevent-data .jevent-stat span { display: inline-block; min-width:125px; text-align:left; }
          .wrjpage .jevent-list .jevent-item .jevent-data .jevent-stat a { display: inline-block; min-width:25px; }


  .wrjpage .jevent-prog { position:relative; width:100%; min-height:100%;  }
    .wrjpage .jevent-prog .no-event { position:relative; width:80%; margin:1rem 10%; padding:2rem; text-align:center; background-color: #f3f3f5; color:#999; border-radius:9px;}

    .wrjpage .jevent-prog h2 { position:relative; width:100%; padding-bottom: 10px; font-size:1.75rem; font-weight:600; text-align:center; }
    .wrjpage .jevent-prog h3 { position:absolute; top:-30px; right:0; padding:0; margin:0;}

    .wrjpage .jevent-prog table { position:relative; width:100%; font-size:1.25rem; }
      .wrjpage .jevent-prog table tr td { position:relative; padding:0.75rem 0.8rem; }
      .wrjpage .jevent-prog table tr.part-line td  { font-size:1.3rem; font-weight:600; padding-top:25px; text-align:left; }
      .wrjpage .jevent-prog table tr.part-line:first-child td  { padding-top:0; }
      .wrjpage .jevent-prog table tr.ecat-line td { font-size:1rem; font-weight:400; text-align:left; background-color: #f0f0f2; }
      .wrjpage .jevent-prog table tr.perf-line td { font-size:1.6rem; border-bottom:solid 1px #f3f3f5;}
        .wrjpage .jevent-prog table tr.perf-line td.perf-num { font-size:0.9rem; font-weight:400; }
          .wrjpage .jevent-prog table tr.perf-line td.perf-num span { display: inline-block; width:36px; height:36px; line-height:36px; background-color: #ddd; border-radius:50%; overflow:hidden;  }
        .wrjpage .jevent-prog table tr.perf-line td.perf-data { text-align:left; font-weight:600; color:#6e3b5a; }
          .wrjpage .jevent-prog table tr.perf-line td.perf-data span { display:block; font-size:0.9rem; font-weight:300; color:#333; padding-top:0.25rem;   }
        .wrjpage .jevent-prog table tr.perf-line td.perf-eval { width:45%; text-align:right; }
          .wrjpage .jevent-prog table tr.perf-line td.perf-eval a { display:inline-block; cursor:pointer; width:90%; max-width:250px; padding:15px 0; font-size:1.2rem; color:#fff; text-align:center;  background-color:#17c4e9; border-radius:9px;  -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;  }
            .wrjpage .jevent-prog table tr.perf-line td.perf-eval a:hover {   background-color:#e31f25;  -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;  }
          .wrjpage .jevent-prog table tr.perf-line td.perf-eval a.assessed { background-color: rgba(110,59,90,0.65);   color:#fff;  -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;  }
            .wrjpage .jevent-prog table tr.perf-line td.perf-eval a.assessed:hover { background-color: rgba(110,59,90,1);  -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;  }


  /* сайдбар со списком мероприятий для судейства */
  .compress-link { position:absolute; display:inline-block; top:18px; right:13px; z-index:10;}
    .compress-link a { position:relative; display:inline-block; cursor:pointer; height:32px; width:32px; background-color:#f3f3f5; border-radius:50%; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}
      .compress-link a:after { content: '\276E'; position:relative; display:inline-block; height:32px; line-height:32px; width:32px; font-size:18px; font-weight:300;  text-align:center;  color:#999; }
    .compress-link a:hover { background-color:#e6e6e8; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease;}

  .wrjpage.compressed .flex-4x5 { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 75px); flex: 0 0 calc(100% - 75px);  max-width: calc(100% - 75px); }
  .wrjpage.compressed .flex-1x5 { -webkit-box-flex: 0; -ms-flex: 0 0 75px; flex: 0 0 75px;  max-width: 75px; overflow:hidden; }
    .wrjpage.compressed .pagecol.flex-1x5 { height:98.2%; border-radius:9px; overflow:hidden;  }
    .wrjpage.compressed .jleftblock { padding:25px 10px !important; margin-right:0; }
    .wrjpage.compressed .jleftblock .jpageblock-data { margin-top:30px; padding:25px 5px;  }
    .wrjpage.compressed .jleftblock h2 { display:none }
    .wrjpage.compressed .jleftblock .compress-link {  right: 20px; }
    .wrjpage.compressed .jleftblock .compress-link a:after { content: '\276F'; position:relative; display:inline-block; height:32px; line-height:32px; width:32px; font-size:18px; font-weight:300;  text-align:center;  color:#999; }
    .wrjpage.compressed .jleftblock .jevent-list .jevent-item { padding:0; margin-bottom:25px; background:none; }
    .wrjpage.compressed .jleftblock .jevent-list .jevent-item .jevent-data {display:none}
    .wrjpage.compressed .jleftblock .jevent-list .jevent-item .jevent-img { position:relative; width:100%; margin:0; height:0; padding-top:100%; border-radius:50%; border:0; overflow:hidden;  }


  /* окно голосования */
  .white-popup-block.judging-win { max-width: calc(90% - 60px); }
  .white-popup-block h6 { padding: 0px; margin: 0px; margin-bottom: 20px; font-size: 20px; font-weight:400; }

  .judgingwin-data { position: relative; }

    .judgingwin-data .judgingwin-left { position: relative;  }
      .judgingwin-data .flex-2x3 .judgingwin-left { position: relative; width:95%; margin-right:5%; }

      .judgingwin-title { position: relative; padding:15px; text-align:center; background-color:#f0f0f2; }
        .judgingwin-title h3 { /*padding-top:20px; padding-bottom:10px;*/  font-size:14px; font-weight:300; }
          .judgingwin-title h3 span { display:block; padding:5px; font-size:48px; font-weight:600; color:#6e3b5a;  }
        .judgingwin-title h4 { padding-bottom:5px; font-size:20px; font-weight:600; color:#6e3b5a; }
        .judgingwin-title h5 { font-size:15px; font-weight:400; }

      .judgingwin-workplace  { position: relative; margin-top:15px;}

        .judgingwin-workplace .type-scores { position: relative; }
          .judgingwin-workplace .type-scores .type-score { position: relative; margin-bottom:15px; text-align:center; }
            .judgingwin-workplace .type-scores .type-score h6 { position: relative; margin:0; padding:0; padding-bottom:3px; font-size:28px; font-weight:400; color:#6e3b5a; text-align:center;}
            .judgingwin-workplace .type-scores .type-score select { position: relative; /* width:100%; */ padding:8px 20px; font-size:40px; text-align:center; border:solid 1px #f0f0f2; z-index:4 }
            .judgingwin-workplace .type-scores .type-score span { position: absolute; cursor:pointer;  width:65px; height:65px; line-height:65px; font-size:55px; font-weight:300; color:#fff; text-align:center; background-color: #17c4e9; z-index:5; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
              .judgingwin-workplace .type-scores .type-score span.disabled { background-color: #ddd !important; cursor:none; z-index:5; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
              .judgingwin-workplace .type-scores .type-score span:hover {  background-color: #e31f25; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
              .judgingwin-workplace .type-scores .type-score span.dec { bottom:0; left:0; }
              .judgingwin-workplace .type-scores .type-score span.inc { bottom:0; right:0; }

        .judgingwin-workplace .type-score-res { position: relative; width:85%; margin-left:15%; height:100%; }

          .judgingwin-workplace .type-score-res .ranks-list { position: relative; width:100%; height: 60%; text-align:center; overflow-x: hidden;  overflow-y: auto; }
            .judgingwin-workplace .type-score-res .ranks-list::-webkit-scrollbar { width:6px; }
            .judgingwin-workplace .type-score-res .ranks-list::-webkit-scrollbar-track { background: #fff; }
            .judgingwin-workplace .type-score-res .ranks-list::-webkit-scrollbar-thumb { background-color: #ddd; border-radius:3px}

            .judgingwin-workplace .type-score-res .ranks-list h6 { position: relative; padding-top:5px; font-size: 20px; font-weight:300; color:#999; }

            .judgingwin-workplace .type-score-res .ranks-list .rank-item { position: relative; padding:5px 0; margin:5px 0; font-size:13px; font-weight:400; border-bottom:solid 1px #eee; color:#999;}
            .judgingwin-workplace .type-score-res .ranks-list .rank-item:last-child { border-bottom:0; }
              .judgingwin-workplace .type-score-res .ranks-list .rank-item h5 { font-size:15px; font-weight:400; color:#666; text-align:left;}



          .judgingwin-workplace .type-score-res .allscore { position: absolute; bottom:15px; left:0; width:100%; height:88px; line-height:88px; font-size: 70px; font-weight:600; text-align:center; color:#6e3b5a; background-color:#f0f0f2;  }
            .judgingwin-workplace .type-score-res .allscore span { position: absolute; display:inline-block; left:0; top:-40px; width:100%; height:unset; line-height:1;  padding:10px 0;  font-size: 20px; font-weight:300; text-align:center; color:#999; background-color:#fff;  }

      .judgingwin-data .judgingwin-right { position: relative; height:100%; }


        .judging-video { position: relative; width:100%; }
          .judging-video .judging-video-embed { position:relative; width:100%; height:0; padding-top:56.25%; overflow:hidden; }
            .judging-video .judging-video-embed iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;  }
          .judging-video .judging-video-link { position: relative;  text-align:center; }
            .judging-video .judging-video-link a { position: relative; display:block; margin-top:5px; padding:15px 0; font-size:22px; font-weight:400; color:#fff; text-align:center; background-color:#17c4e9; }

        .judgingwin-data .judgingwin-right .judging-close { position:absolute; right:0; bottom:0; width:100%;}
          .judgingwin-data .judgingwin-right .judging-close a { position:relative; display:block; cursor:pointer; margin-bottom:15px; height:88px; line-height:88px;  font-size:32px; font-weight:600; color:#fff; text-align:center; background-color: #6e3b5a;}


        .judgingwin-data .flex-1 .judgingwin-right { position: relative; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center; }

         .judgingwin-data .flex-1 .judgingwin-right .judging-desc { position:relative; -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 550%; padding:15px 2.5%;  text-align:center; background-color:#f9f9fb; }

         .judgingwin-data .flex-1 .judgingwin-right .judging-close { position:relative; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; text-align:right; }
            .judgingwin-data .flex-1 .judgingwin-right .judging-close a {  margin-bottom:unset; height:88px; line-height:88px; width: 85%; margin-left: 15%; min-width:300px; }

  
  /* Изменение персональных данных */
  .settings-form { position: relative; width:100%; text-align:left; }

    .settings-form .settings-line { position: relative; width:100%; margin-bottom:15px;}
      .settings-form .settings-line span { display:block; padding-bottom:3px; font-size: 0.85rem;  font-weight: 300; color:#666;}
        .settings-form .settings-line span b { font-size: 12px;  font-weight: 300; color:#666;}
      .settings-form .settings-line input { position: relative; width: calc(98% - 20px);   padding: 10px; font-size: 24px; border: solid 1px #c0c0d2; z-index:4 }
        .settings-form .settings-line a.showpass { position: absolute; display:inline-block; cursor:default;  right:20px; bottom:16px; width:25px; height:16px;  background:url(../graph/opened-eye.svg) center center no-repeat; background-size:auto 100%; opacity:0.2; z-index:5 }
          .settings-form .settings-line a.showpass.clicable { cursor:pointer; opacity:0.5; }
          .settings-form .settings-line a.showpass.active { opacity:1; }
        .settings-form .settings-line a.button { display: inline-block; cursor: pointer; margin:10px 5%; width:90%; max-width: 250px; padding: 15px 0; font-size: 1.2rem; color: #fff; text-align: center; background-color: #17c4e9; border-radius: 9px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

    .settings-form .settings-img { position: relative; width:85%; margin-right:15%; }
      .settings-form .settings-img span { position: relative; display:inline-block; margin-top:14px; width:225px; height:0; padding-top:225px; overflow:hidden; }
        .settings-form .settings-img span img { position: absolute; width: 100%; top: 50%;  left: 50%; transform: translate(-50%, -50%); }
      .settings-form .settings-changeimg { position: relative; padding-top:5px; text-align:center; }
        .settings-form .settings-changeimg label { position: relative; display:inline-block; cursor:pointer; width: 90%; margin-right: 10%;}
          .settings-form .settings-changeimg label span { position: relative; display:inline-block; margin-top: 14px; width:100%; height:53px; background:url(../graph/change-photo-icon.png) center center no-repeat; background-size:auto 80%; background-color:#ddd; opacity:0.6; border-radius:5px; }


    .flex-250 {-webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; max-width: 250px;}
    .flex-m250 {-webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 250px); flex: 0 0 calc(100% - 250px); max-width: calc(100% - 250px);}


/* Формы редакиция 2023  */
.error-line span { position:relative; display:block; padding:0 5%; margin-bottom:5px; font-size:13px; color:#e31f25; text-align:center; }
.error-line label { position:relative; display:block; padding:0 5%; margin-bottom:5px; font-size:13px; color:#12ad21; text-align:center; }


/* Cookie popup */
.cookiewin { position: fixed; display: none; bottom: 20px; left: 20px; width: 28%; min-width: 280px; padding: 20px; background-color: rgba(255, 255, 255, 1); z-index: 999; box-shadow: 0 0 48px rgb(17 56 86 / 20%); }
.cookiewin .cookiewin-data { position: relative; font-size: 13px; text-align: center; }
.cookiewin .cookiewin-data span { display: block; font-size: 16px; font-weight: normal; }
.cookiewin .cookiewin-data a { text-decoration: none; color: #692649; }
.cookiewin .cookiewin-close a { position: absolute; right: 20px; top: 20px; cursor: pointer; width: 16px; height: 16px; background: url(../img/close-icon.svg) center center no-repeat; }
.cookiewin .cookiewin-button a {display: inline-block; cursor: pointer; background-color: #692649; margin-top: 10px; padding: 10px 30px; text-transform: uppercase;  text-align: center;  color: white;}