.napravleniya1-box{
  display: block;
  position: relative;  
  overflow: hidden;
  max-width: 100%;
}

.ia-container {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.08);
  /*border: 7px solid rgba(255,255,255,0.6);*/
}
.ia-container figure {
  position: absolute;
  top: 0;
  left: 65px; /* width of visible piece */
  width: 810px;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
  transition: all 0.3s ease-in-out;
}
.ia-container > figure { position: relative;	left: 0 !important;}
.ia-container img {display: block;	width: 100%;}
#figure-img {width: 35px;text-align: center;display: inline-block;vertical-align: middle;margin: 0 20px 0 10px;}

.ia-container input {
  position: absolute;
  top: 0;
  left: 0;
  width: 65px; /* just cover visible part */
  height: 100%;
  cursor: pointer;
  border: 0;
  padding: 0;
  opacity: 0;
  z-index: 100;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ia-container input:checked{width: 5px;	left: auto;	right: 0px;}
.ia-container input:checked ~ figure {left: 810px;transition: all 0.7s ease-in-out;}
.ia-container input:checked ~ figcaption a {text-align: center;}
.ia-container figcaption {
  width: 100%;
  height: 100%;
  background: rgba(87, 73, 81, 0.1);
  position: absolute;
  top: 0px;
  transition: all 0.2s linear;
}
.ia-container figcaption a {
    position: absolute;
    top: 80%;
    margin-top: -30px;
    right: 0px;
    left: 0px;
    overflow: hidden;
    text-align: left;
    background: rgba(0, 0, 0, 0.3);
    line-height: 20px;
    text-decoration: none;
    font: 1.8em/1.818em "Akrobat SemiBold", sans-serif;
    padding: 5px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.ia-container input:checked + figcaption,
.ia-container input:checked:hover + figcaption{background: rgba(87, 73, 81, 0);}
.ia-container input:checked + figcaption span {
  transition: all 0.4s ease-in-out 0.5s;
  opacity: 1;
  top: 50%;
}
.ia-container #ia-selector-last:checked + figcaption span {transition-delay: 0.3s;}
.ia-container input:hover + figcaption {background: rgba(87, 73, 81, 0.03);}
.ia-container input:checked ~ figure input{ z-index: 1;}
-pr-a a{margin: 10px 0; font-size: 14px; color: #31a8d0!important;}

.napr-link{
  display: block;
  position: absolute;
  top: 6%;
  right: -20%;
  width: auto;
  height: auto;
  overflow: hidden;
  
}
.napr-link a{display: block;margin: 5px;width: 63px;height: 62px;text-decoration: none;background-size: cover;}
.cco-icon{ background: url(/theme/cco-icon.png) no-repeat center center;}
.cop-icon{ background: url(/theme/cop-icon.png) no-repeat center center;}
.cpo-icon{ background: url(/theme/cpo-icon.png) no-repeat center center;}
.med-icon{ background: url(/theme/med-icon.png) no-repeat center center;}
.sel-icon{ background: url(/theme/sel-icon.png) no-repeat center center;}
.serv-icon{ background: url(/theme/serv-icon.png) no-repeat center center;}
.othet-icon{background: url(/theme/othet-icon.png) no-repeat center center;}
.cco-icon:hover{ background: url(/theme/cco-icon-color.png) no-repeat center center;background-size: cover;}
.cop-icon:hover{ background: url(/theme/cop-icon-color.png) no-repeat center center;background-size: cover;}
.cpo-icon:hover{ background: url(/theme/cpo-icon-color.png) no-repeat center center;background-size: cover;}
.med-icon:hover{ background: url(/theme/med-icon-color.png) no-repeat center center;background-size: cover;}
.sel-icon:hover{ background: url(/theme/sel-icon-color.png) no-repeat center center; background-size: cover;}
.serv-icon:hover{ background: url(/theme/serv-icon-color.png) no-repeat center center;background-size: cover;}
.othet-icon:hover{background: url(/theme/othet-icon-color.png) no-repeat center center;background-size: cover;}

.cco-icon.current{background: url(/theme/cco-icon-color.png) no-repeat center center;}
.cop-icon.current{ background: url(/theme/cop-icon-color.png) no-repeat center center;}
.cpo-icon.current{ background: url(/theme/cpo-icon-color.png) no-repeat center center;}
.med-icon.current{ background: url(/theme/med-icon-color.png) no-repeat center center;}
.sel-icon.current{ background: url(/theme/sel-icon-color.png) no-repeat center center; }
.serv-icon.current{ background: url(/theme/serv-icon-color.png) no-repeat center center;}
.othet-icon.current{background: url(/theme/othet-icon-color.png) no-repeat center center;}
.region-custom-box p{padding: 0.2% 0;}
.content .region-custom-box h2 { font: 18px 'Akrobat Bold', sans-serif; text-transform: none;}
.content-box-footer-bg { background: #465080;margin-top: -1.3%;}
.old-site{color: rgba(255,255,255,0.75);font-family: "Akrobat SemiBold", sans-serif;text-decoration: none;}

.napr-phone{display: none;}


@media screen and (max-width: 1024px){
  .alboms-all-bg img { width: 50%;}
  .news-box-right{    height: 86.3%;}
  .news-box-small { min-height: 400px;}
  .ia-container {width: 849px;} 
  .ia-container figure {left: 45px;width: 579px;} 
  .ia-container input {width: 45px;}
  .ia-container input:checked ~ figure {left: 579px; } 
  .authorization_form label {width: 25%; display: inline-block;}
  .info5 {margin-top: 3.4%;}
  .info6 {background: url(/theme/info-orange-line-bot.jpg) no-repeat 95% -215%;background-size: 15%;}
  .info8{margin-top: 1.19%;}
  .info14{margin-top: 0;}
  .video-box3 iframe {height: 118px;}
  .albom-link-a{padding: 10px;}
  .content-news-r {display: inline-block;width: 56%; vertical-align: top;margin-left: 2%;}
  .location-box{display: flex;flex-wrap: wrap;    align-items: baseline;}
  .vsso-bg .video-slider iframe {height: 365px;}
  .video-slider-big iframe {height: 465px;}
  .news-flex .news-box-right{height: auto;width: 30%;}
  .title-vsso{font: 4em 'Akrobat ExtraBold', sans-serif;}
  .title-text-vsso{font-size: 2em;}
  .project-item-left {height: 430px;}
  .project-item-right{line-height: 1.325em;}
}

@media screen and (max-width: 986px){
  .menu-inline p{width:30%; font-size: 14px;}
  .rs-rso-col{min-width: auto;}
  .album-item-box {min-height: 200px;}
  .video-slider-text-big-p{font:3.2em/1 "Akrobat SemiBold", sans-serif }
  .logo-box{width: 19%;}
  .rs-nav-bg{width: 76%;}
  .search{margin-top: 3%;}
  .people-rso-border{min-height: 250px;}
  .alboms-all-bg {padding: 1.1%;}
  .news-box-small { min-height: 405px;}
  .news-box-item p{font-size: 1.4em;}  
  .menu li a{font-size: 1.1em;}
  .logo-text{font-size: 1em; margin-bottom: 1%;}
  h1{font-size: 2em; line-height: 1em;}
  .about-box p,.project-item-right{line-height: 1.2em;}
  h2{font-size: 2.1em;}
  .header-region{font-size: 1em;}
  .region-list p{line-height: 1em;}
  .region-list{font-size: 0.8em;}
  .about-btn{width: 90%;}
  .news-box-right p{ padding-top: 2%;}
  .news-box-right {height: 87%;}
  .pr-header{font-size: 1.4em;}
  .count-item{font-size: 3.5em;}
  .foto li{height: 150px;}
  .custom-foto-height li{height: auto;}
  .social-progect-box-item {min-height: 450px;}
  .alboms-all-bg img{width: 45%;}
  .btn-slide{font: 1em "Akrobat SemiBold", sans-serif;}
  .project-item-left {height: 430px;}
  .people-rso-name { font: 1.188em/1.438em "Akrobat Bold", sans-serif;}
  input#search-list {border: none;}
  .foot-bg-img {height: 90px;}
  .video-box3 iframe{height: 110px;}
  .albom-link { display: flex; position: relative; right: auto; top: 1%; width: 100%; flex-wrap: wrap; justify-content: space-between;  max-width: 100%; } 
  .albom-link-a { padding: 10px 20px;}
  .people-rso-border-dark{width: 90%;}
  #custom-img{width: 20%; height: auto;}
  .ia-container {width: 818px;} 
  .ia-container figure {left: 40px;width: 578px;} 
  .ia-container input {width: 40px;}
  .ia-container input:checked ~ figure {left: 578px; }
  .ia-container figcaption span {font-size: 16px;}

  .napravleniya1-box{margin-top: 5px;}
  .napr-phone {display: flex; flex-wrap: wrap;justify-content: space-between; align-items: center;}
  .napr-phone-item:last-child{width: 100%;}
  .napr-phone-item { width: 49%; margin-bottom: 1%; position: relative;}
  .napr-phone-item a{ position: absolute;
    width: 100%;
    padding: 10px;
    bottom: 0px;
    left: 0px;
    color: white;
    text-decoration: none;
    font: 1.2em "Akrobat SemiBold", sans-serif;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    z-index: 2222;
  }
  .ia-container{display: none;}
}