html {

  height: 100%;

}

* html body {

  height: 100%;

}

body {

  font-family: Roboto, Georgia, serif;

  height: 100%;

  min-height: 100%;

  position: relative;

  color: #000;

  background-color: white;

  text-align: justify;

  -ms-hyphens: auto;

  -moz-hyphens: auto;

  -webkit-hyphens: auto;

  hyphens: auto;

}

* {

  outline: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {}



h1.novost {
  margin: 1rem;
  text-transform: uppercase;
}

.h1,
h1 {

  font-size: 1.7rem;

  line-height: 1.2;

  color: #272727;

}



a {

  text-decoration: none;

  color: #714684;
}

a:hover,
a:focus,
a:active {

  outline: none;

  color: #0f524c;
}

li a {
  color: inherit;
}

button {

  border: none;

  background: none;

  cursor: pointer;
}

button:hover,
button:focus,
button:active {

  outline: none;
}

.head {
  background: rgb(29, 130, 120);
  font-weight: bold;
  color: #fff;
}

img {

  max-width: 100%;

  height: auto;
  object-fit: cover;
}

.header-bottom__logo {
  float: left;
  margin-right: 1%;
}

.header-bottom__description {

  margin: 0;

  padding: .6rem 0 0 0;

}

.header-bottom__description h1 {

  font-size: 1.9rem;

  line-height: 1.3;

  color: #714684;

  font-weight: bold;

  margin: 5px;

}

.header-menu__top h1 {
  color: #FFF;
  font-size: 1.3rem;
}

.header-bottom__description h2 {

  padding-top: 1.5rem;

  font-size: 1rem;

  color: #2f2f2f;

}

.soc a {
  margin: 0 5px;
}

.main {
  background: whitesmoke;
}

.rightmaim {
  background: white;

  min-height: 600px;

  margin-top: 12px;

  padding: 18px 30px;

  margin-bottom: 15px;
}

.rightmaim h1 {
  margin-bottom: 25px;
  font-weight: bold;
  margin-left: -15px;
  margin-right: -15px;
}

.events_left {
  margin-top: 20px;
}

.news {
  background: white;

  padding-top: 13px;
  margin-top: 30px;
}





.header-menu__top h2,
.news__list .news__item .news__item-description,
.news__list .news__item .news__item-lab,
.event__description .event__name,
.events__events-list .events-list__event,
.lab__annotations .fano,
.lab__annotations .ran,
.lab__images .lab__images-item p,
.footer-bottom p,
.footer-bottom a,
.sidebar-nav li a,
.header-bottom__description,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
table {
  text-align: left;
}

.news__item-description {
  text-align: left;
}

.visually-hidden:not(:focus):not(:active),

input[type="checked"].visually-hidden,

input[type="radio"].visually-hidden,

input[type="checkbox"].visually-hidden {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  border: 0;

  padding: 0;

  white-space: nowrap;

  clip: rect(0 0 0 0);

  overflow: hidden;
}



.container {

  max-width: 1200px;
}



.fl-r,
.header-top .header-top__admin .button-search,
.header-top .header-top__admin .button-admin {

  font-size: 1.1rem;

  display: block;

  text-align: center;

  color: #000 !important;

  cursor: pointer;

  border: 2px solid;

  border-color: black;

  background: #FFF;

}

.fl-r:hover,
.header-top .header-top__admin .button-search:hover,
.header-top .header-top__admin .button-admin:hover {
  background: black;

  color: #fff !important;
}

.header-top .form-control {

  border: none;
  padding-right: 37px;
  border-radius: 0;

}







.header a {
  color: #fff;
}



.header-top {
  padding: 25px 0;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 8px;

  background-color: #714684;

}

.header-top a:hover {

  text-decoration: none;
}

.header-top p {

  margin: 0;

  padding: 0;

  font-size: 18px;

  color: #231f20;

  text-transform: uppercase;
}

.header-top button {

  padding: 0;
}



.header a.phone {
  color: #714684;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  font-family: Roboto;
}



.versiy,
.poisk {
  position: absolute;

  top: 50%;

  transform: translate(0, -50%);
  width: 100%;
}

.versiy a {
  padding: 4px;
}

.soc a {
  font-size: 1.4rem;

  /*float: right;*/
}

.soc a:hover {
  color: #FECC00
}

/*	Ð²Ñ‹Ð±Ð¾Ñ€ ÑÐ·Ñ‹ÐºÐ°*/



.header-top select {

  padding: 4px 25px 3px 10px;

  font-size: 15px;

  border: none;

  border-left: 1px dashed #ffffff;

  border-right: 1px dashed #ffffff;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  cursor: pointer;

  float: right;

  background: #714684;

  color: white;

}

.header-top option {
  cursor: pointer;
}

.header-top .sel::after {

  content: '';

  position: absolute;

  right: 22px;

  top: 12px;

  border: 6px solid transparent;

  border-top: 10px solid white;

}

/*	ÐºÐ¾Ð½ÐµÑ† Ð²Ñ‹Ð±Ð¾Ñ€Ð° ÑÐ·Ñ‹ÐºÐ°*/



.topss {
  width: 100%;
}

.topss li {
  margin-top: 5px;
}

.topss a {
  display: block;

  font-size: .9rem;

  padding: 1px 11px 2px 11px;
}

.topss .glav a {
  font-size: 1rem;
  padding: 1px 11px 2px 11px;
}

.topss a:hover,
.topss a:active,
.topss li a.hover {
  background: rgba(87, 44, 106, 0.5);
}

.topss ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.topss li {
  float: left;
}

.topss .glav li {
  float: right;
}

.topss ul ul {
  display: none;
  margin-top: 0px;

  box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.63);

  -webkit-box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.63);

  -moz-box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.63);

}



.topss li:hover ul {
  display: block;

  position: absolute;

  z-index: 2;

  padding: 5px 1px;

  width: 20%;

  background: rgba(87, 44, 106, 0.5);

}

.topss li li a {
  display: block;

  padding: 10px 25px;

  text-align: left;

  font-size: 1rem;

  line-height: 1.1;

  color: #fff;

  font-weight: normal;
  position: relative;
}

.topss li li a:after {
  content: "";
  width: 80%;
  height: 2px;
  display: block;
  position: absolute;
  background: rgba(154, 109, 173, 0.3);
  bottom: -2px;
}

.topss a i {
  position: relative;
  top: -5px;
}

.topss li li {
  width: 100%;
  margin: 0;
}

.topss li li:last-child {
  border: none;
}

.topss li li a:hover {
  color: #fff;
}

.btn-sal {

  color: #fff;

  background-color: #714684;

  margin: 10px 0;

}

.btn.focus,
.btn:focus {

  outline: 0;

  box-shadow: 0 0 0 0.2rem rgba(29, 130, 120, 0.19);

}

.btn-sal:hover {
  background-color: #134f1f;
  color: #fff;
}

.btn-primary {
  background-color: #714684;
  border-color: #714684;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary:hover {
  color: #fff;
  background-color: #FECC00;
  border-color: #FECC00;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 100, 54, 0.48);
}

.btn.focus,
.btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(29, 130, 120, 0.17);
}

.banendmenu {
  position: relative;
}

.banmenu {
  /*background: rgba(28, 130, 120, 0.86);*/

  top: 0;

  position: absolute;

  z-index: 1;

  /*box-shadow:0px 0px 22px 0px rgba(255,255,255,1);*/

  /*-webkit-box-shadow:0px 0px 22px 0px rgba(255,255,255,1);*/

  /*-moz-box-shadow:0px 0px 22px 0px rgba(255,255,255,1);*/

}

.banmenu:hover {
  /*background: rgb(28, 130, 120);*/
}

.banmenu ul li {

  float: left;

  line-height: 3rem;

  margin-bottom: 5px;

  margin-right: 1rem;

}



.banmenu ul ul li {
  width: 100% !important;

  float: none;

  line-height: 1.7;
}



.banmenu a {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
}



.topmenu {

  background: #005780;

  position: relative;

}

.topmenu:hover {

  background: hsl(199, 100%, 25%);

}



.hotline {
  text-align: right;
}

.hotline_text p {

  color: #6B6966;

  font-size: 1.3rem;

}



.hotline_numb {

  font-size: 1.6rem;

  color: #4B79B8;

}





.header-top__admin {
  padding: 4px 0 4px 0;
}

.header-top__admin .col-md-1 {
  padding: 0px;

  margin-left: 8px;
}



.sear {
  text-align: center;
  padding-right: 0;
}



.header-top .header-top__admin .search {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 95px;

  background-color: #efefef;
}



.header-top .header-top__admin .search .search-button {

  text-transform: uppercase;

  font-size: 20px;

  color: #231f20;

  text-transform: uppercase;

  border: 1px solid #231f20;
}





.header-bottom {

  padding-bottom: 8px;
}

.header-bottom .btn {
  padding: 5px 19%;
}

.header-bottom .header-bottom__logo img {

  width: auto;

  height: 123px;

  -o-object-fit: contain;

  object-fit: contain;
}



.header-bottom .header-bottom__description p {
  color: #714684;

  margin: 0;

  padding: 0;

  font-size: 1rem;
  font-weight: normal;
  line-height: 1.2;
}



.header-bottom .header-bottom__button button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 60% 10px 60% 10px;

  background-color: rgb(0, 87, 126);

  color: #ffffff;

  font-size: 15px;

}

.header-bottom .header-bottom__button button:hover {
  background-color: #ff1438;
}

.header-bottom .header-bottom__button button::after {

  content: "";

  display: block;

  width: 40px;

  height: 29px;

  background-image: url("/local/templates/rmc-sr/img/hamburger.png");

  background-repeat: no-repeat;

  background-position: 0 0;

  background-size: contain;
}





.header-menu {

  position: fixed;

  top: 0;

  z-index: 100;

  display: none;

  width: 100%;

  height: 102vh;

  padding-top: 40px;

  padding-left: 150px;

  background-color: #714684;
}





.menu-active {

  display: block;
}



.header-menu__top {

  margin-bottom: 60px;
}

.header-menu__top .menu-button-close {

  position: absolute;

  top: 40px;

  left: 45px;

  width: 38px;

  height: 31px;

  background-image: url("/local/templates/rmc-sr/img/cross.png");

  background-repeat: no-repeat;

  background-position: 0 0;
}



.header-menu__top img {

  width: 77px;

  height: auto;

  -o-object-fit: contain;

  object-fit: contain;
}



.header-menu__top h2 {

  margin: 0;

  padding: 0;

  color: #ffffff;

  font-size: 1.4rem;

  width: 56%;

  text-transform: uppercase;
}





.header-menu__bottom ul {

  margin: 0;

  padding: 0;

  list-style: none;
}





.header-menu__bottom a:hover {

  color: #ffffff;
}

.header-menu__bottom a {

  display: block;
  color: #FFF;
}

.header-menu__bottom h5 {
  margin-top: 20px;
}

.header-menu__bottom p {

  margin: 0;

  padding: 0;

  color: #ffffff;

  font-size: 18px;
}



.search {

  position: absolute;

  top: 37px;

  left: 0;

  z-index: -10;

  width: 100%;

  padding: 20px 0;

  display: none;

  background-color: #efefef;

  -webkit-box-shadow: -10px 10px 20px -5px rgba(0, 0, 0, 0.5);

  box-shadow: -10px 10px 20px -5px rgba(0, 0, 0, 0.5);

  -webkit-transition: all 0.4s;

  transition: all 0.4s;
}

.search-active {

  z-index: 10;

  display: block;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;
}

.search .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;
}



.search input {

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  height: 54px;

  margin-right: 20px;

  padding: 0 10px;

  font-size: 20px;

  color: #231f20;

  background-color: #ffffff;

  border: 1px solid #d3d2d2;

  border-radius: 5px;

  -webkit-box-shadow: none;

  box-shadow: none;
}

.search .search-button {

  padding: 11px 40px;

  text-transform: uppercase;

  font-size: 20px;

  color: #231f20;

  text-transform: uppercase;

  border: 1px solid #231f20;
}







.top {

  position: relative;

  max-height: 550px;

  overflow: hidden;

  background: whitesmoke;
}

.top .container {
  max-width: 1500px;
}

.top img {

  -o-object-fit: cover;

  object-fit: cover;
  height: 550px;
}





.filials {
  background-image: url(/upload/images/u1.png);
  background-color: #714684;
  color: #FFF;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.3;
  padding: 15px 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}



.filials .numberanimation {

  font-family: 'Roboto', sans-serif;

  opacity: 0;
  font-size: 3rem;

  font-weight: bold;
  margin-bottom: 6px;

}

.filials .centr {
  position: absolute;
  opacity: 0.8;
  top: 50%;

  transform: translate(0, -50%);
  width: 100%;
}

.filials .centr:hover {
  opacity: 1;
}


.filials .centr,
.filials .centr a {
  background: white;

  color: #164f3e;
  display: block;
  padding: 15px 5px;

  border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  text-decoration: none;

}

.zagr {
  font-size: 4rem;

  position: absolute;

  padding: 4%;

  color: #a2a2a2;

  z-index: -1;

  text-align: center;

  width: 100%;
}



.footer h5 {
  margin-bottom: 4px;

  margin-top: 20px;
}

.footer-top {

  margin-bottom: 15px;

  padding: 20px 15px;

  background: #fecc00;

  color: #714684;

  margin-top: 25px;

}

.footer-top a {
  color: #714684;
}

.footer-top ul {

  margin: 0;

  padding: 0;

  list-style: none;
}



.verspodaval {
  margin-bottom: 19px;
}



.verspodaval .fl-r {

  color: #fff !important;

  background: #000;

}



.footer-top ul li:last-child {

  margin-bottom: 0;
}

.footer-top li a {

  color: #714684;

  font-size: 16px;

}

footer.footer {
  font-size: 16px;
}

.footer-top a:hover {

  text-decoration: underline;
}

.footer-top a:hover i {
  color: #FECC00;
}

.footer-top h5 {
  text-transform: uppercase;
}



.footer-bottom p,
.footer-bottom a {

  margin: 0;

  padding: 0;

  font-size: 14px;
}





.footer-bottom .footer-bottom__social img {

  width: 145px;

  height: 38px;

  margin-bottom: 15px;

  -o-object-fit: contain;

  object-fit: contain;
}

.footer-bottom img.colain {

  width: 85px;

  height: auto;

}



.footer-bottom {
  border-top: 1px rgba(255, 255, 255, 0.34) solid;

  padding-top: 15px;

  margin-top: 10px;
}

.footer-bottom__social {
  text-align: left;
  font-size: 14px;
}

.footer-bottom .footer-bottom__social ul {

  padding: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: flex-end;

  list-style: none;
}

.footer-bottom .footer-bottom__social ul li {
  margin: 1%;
}

.footer-bottom .footer-bottom__social ul img {

  width: 35px;

  height: 35px;

  -o-object-fit: contain;

  object-fit: contain;
}

.colain p {
  text-align: right;
}









.orange {
  background-color: #fd7e14;
  border-color: #fff;
}

.socikon {
  margin-bottom: 10px;

  margin-top: 5px;
}

.socikon a {
  text-decoration: none !important;

  font-size: 21px;

  margin-left: 5px;

  border: 2px solid #1e4e7b;

  color: #1e4e7b;

  width: 35px;

  height: 35px;

  display: block;

  text-align: center;

  line-height: 1.6;
}



.socikon a:hover {
  color: #fff;
  background: #1e4e7b;
}

.adress span {
  display: block;

  margin-top: 5px;

  font-size: 13px;
}

.adress i {
  width: 25px;

  text-align: center;
}

.socikon .btn {
  font-size: 14px;

  float: right;
}

.socikon .btn:hover {
  background: #fff;
}

.top-menu ul {
  list-style: none;
}

.top-menu li {
  float: left;
}

.top-menu li a {
  display: block;

  padding: 5px;

  text-align: left;

  font-size: 1.2rem;
}

.top-menu li:hover,
.top-menu li a:hover,
.top-menu li.active {
  background: #714684;
  color: #ffffff;
}

.second-level {


  height: 0;

  overflow: hidden;

  opacity: 0;

  position: absolute;

  z-index: 200;

  background: #e9ecef;

  width: 30%
}

.top-menu ul ul {
  padding-left: 0;
  font-weight: normal;
}



.top-menu li:hover .second-level {
  height: auto;
  opacity: 1;
}

.top-menu li li {
  width: 100%;
}

.top-menu li li a {
  color: #384796;

  border-bottom: 1px #c5c5c5 dotted;

  padding: 4px 8px 7px 15px;
  font-size: 14px;
}



.home {
  float: left;

  padding: 3px;

  font-size: 28px;
}

.home:hover {
  color: #fd7e14;
}

.poisk {
  right: 0px;
  color: #9e9e9e !important;
  font-size: 1.3rem;
  width: 40px;
  height: 100%;
}

.ten {
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.12);

  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.12);

  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.12);

  height: 100%;

  overflow: hidden;

  max-height: 225px;
}

.ten:hover {
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.31);

  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.31);

  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.31);
}

.text {
  padding: 0 10px;
}



.info.stran i {
  font-size: 14em;

  color: #e9ecef;
}

.sl-proekts {
  padding-left: 4%;

  padding-right: 4%;
}

.sl-proekts span {
  float: left;
}

.sl-proekts .top__slider-button-left {

  background-image: url(/local/templates/rmc-sr/img/slider-arrow-ban.png);

  top: calc(100% / 2 - 65px);

}

.sl-proekts .top__slider-button-right {
  background-image: url(/local/templates/rmc-sr/img/slider-arrow-right-ban.png);
  top: calc(100% / 2 - 20px);
}



.sl-proekts .top__slider-button-right:hover,
.sl-proekts .top__slider-button-left:hover {}



.saite a {
  display: block;
  margin-bottom: 8px;
}

.saite img {
  height: auto;

  width: 35px;

  margin-right: 10px;
}

.saite .sblock {
  padding: 3% 5%;

  border: #CCC 1px solid;

  height: 100%;
}

.saite h3 {
  color: #333;

  margin-bottom: 27px;
}

.saite i {
  margin-right: 5px;
}



.pp {
  position: relative;
  margin-bottom: 10px;
}



.column {

  -moz-column-count: 4;

  -webkit-column-count: 4;

  column-count: 4;

  -moz-column-gap: 20px;

  -webkit-column-gap: 20px;

  column-gap: 20px;

}













.bd-callout {

  padding: 10px 16px 0;

  margin-top: 1.25rem;

  margin-bottom: 1.25rem;

  border: 1px solid rgba(253, 126, 20, 0.6313725490196078);

  border-left-width: 0.35rem;

  border-radius: .25rem;

  width: 50%;

}

.header-bottom .header-bottom__logo img {
  height: auto;
  border-right: 1px solid #C4C4C4;
  padding-right: 10px;
}

.header-bottom__description span {
  font-family: Roboto;
  font-size: 16px;
  margin-top: 15px;
  display: block;
}

.header-top .time {
  text-align: right;
  color: white;
  font-family: Roboto;
  line-height: 33px;
}

.new__title-all-news {
  margin-top: 30px;
}

.new__title-all-news a {
  text-transform: uppercase;
  font-weight: bold;
  font-family: Roboto;
  text-decoration: underline;
}


/* ==========================================================================

   ICONS */

/* ========================================================================== */

.icon {

  display: inline-block;

  overflow: hidden;

  width: 20px;

  height: 20px;

  vertical-align: text-top;

  background: url('/local/templates/rmc-sr/images/all-icons.png') 0 0 no-repeat;

}



@font-face {

  font-family: 'LetoSans';

  src: url('/local/templates/rmc-sr/font/LetoSans-Bold.woff') format('woff'),

    url('/local/templates/rmc-sr/font/LetoSans-Bold.ttf') format('truetype');

  font-weight: bold;

  font-style: normal;

}



@font-face {

  font-family: 'LetoSans';

  src: url('/local/templates/rmc-sr/font/LetoSans.woff') format('woff'),

    url('/local/templates/rmc-sr/font/LetoSans.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'LetoSans';

  src: url('/local/templates/rmc-sr/font/LetoSans-Thin.woff') format('woff'),

    url('/local/templates/rmc-sr/font/LetoSans-Thin.ttf') format('truetype');

  font-weight: 100;

  font-style: normal;

}







.icon-dd {

  background-position: 0 0;

}

.icon-lk {

  background-position: 0 -60px;

}

.icon-map-marker {

  background-position: 0 -80px;

}

.icon-map-marker-bold {

  background-position: -20px -80px;

}

.icon-special-version {

  background-position: -40px -80px;

  width: 25px;

}

.icon-big-clock {

  background-position: -40px -40px;

  width: 28px;

  height: 28px;

  float: left;

  margin-right: 10px;

  margin-top: 5px;

}

.icon-big-clock-white {

  background-position: -40px -140px;


  width: 32px;

  height: 32px;

  opacity: .7;

}

.icon-big-phone {

  background-position: -40px 0;

  height: 30px;

  width: 15px;

  float: left;

  margin-right: 10px;

  margin-top: 5px;

}

.icon-search {

  background-position: 0 -40px;

}

.icon-search-white {

  background-position: -20px -40px;

}

.icon-close {

  background-position: 0 -100px;

  cursor: pointer;

  opacity: .5;

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.icon-close:hover {

  opacity: 1;

}

.icon-social-vk {

  background-position: 0 -120px;

}

.icon-social-tw {

  background-position: 0 -140px;

}

.icon-social-fb {

  background-position: 0 -160px;

}

.icon-social-inst {

  background-position: 0 -180px;

}

.icon-social-in {

  background-position: 0 -200px;

}

.icon-social-gplus {

  background-position: 0 -220px;

}

.icon-arrow-right {

  background-position: -80px -40px;

}

.icon-arrow-left {

  background-position: -100px -40px;

}

.icon-arrow-down {

  background-position: -100px -60px;

}

.icon-arrow-white-right {

  background-position: -80px -100px;

}

.icon-arrow-white-left {

  background-position: -100px -100px;

}

.icon-pdf {

  background-position: -40px -100px;

  width: 40px;

  height: 40px;

}

/* ==========================================================================

   FORMS */

/* ========================================================================== */

.input {

  display: inline-block;

  padding: 2px;

  position: relative;

  margin-bottom: 10px;

  color: #1c1c1c;

  vertical-align: middle;

  border: solid 1px transparent;

  outline: none;

  background-color: #714684;

  -webkit-appearance: none;

  border-radius: 2px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.input:hover {

  background-color: rgba(225, 100, 54, 0.30196078431372547);

}

.input:focus {

  outline: none;

  border-color: #157fc4;

  background-color: transparent;

  color: #157fc4;

}

textarea.input {

  padding: 10px 20px;

  height: auto;

}

select.input {

  padding: 0;

  cursor: pointer;

  -webkit-appearance: menulist;

}

select.input[multiple],

select.input.multiple {

  -webkit-appearance: inherit;

}

.input[type="number"],

.input[type="date"],

.input[type="time"] {

  padding: 0 0 0 20px;

}

.input[type="color"] {

  padding: 0;

}

.input-required,

.input:required {

  border-color: #ea5600;

}

.input.disabled,

.input-disabled,

.input:disabled {

  opacity: .5;

}

.input.disabled:hover,

.input-disabled:hover,

.input:disabled:hover {

  background-color: #dcecf6;

  color: #1c1c1c;

}

.white-inputs .input,

.input.input-white {

  background-color: #ffffff;

  border-width: 2px;

}

.white-inputs .input:hover,

.input.input-white:hover {

  color: #157fc4;

  background-color: #ffffff;

  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);

}

.white-inputs .input:focus,

.input.input-white:focus {

  color: #ffffff;

  border-color: #ffffff;

  background-color: transparent;

  box-shadow: none;

}

.white-inputs .input:focus:-moz-placeholder,

.input.input-white:focus:-moz-placeholder {

  color: #d9d9d9;

}

.white-inputs .input:focus:-ms-input-placeholder,

.input.input-white:focus:-ms-input-placeholder {

  color: #d9d9d9;

}

.white-inputs .input:focus::-webkit-input-placeholder,

.input.input-white:focus::-webkit-input-placeholder {

  color: #d9d9d9;

}

.white-inputs .input.disabled,

.input.input-white.disabled,

.white-inputs .input-disabled,

.input.input-white-disabled,

.white-inputs .input:disabled,

.input.input-white:disabled {

  opacity: .5;

}

.white-inputs .input.disabled:hover,

.input.input-white.disabled:hover,

.white-inputs .input-disabled:hover,

.input.input-white-disabled:hover,

.white-inputs .input:disabled:hover,

.input.input-white:disabled:hover {

  color: #1c1c1c;

  background-color: #ffffff;

  box-shadow: none;

}

.white-inputs .input:-moz-placeholder,

.input.input-white:-moz-placeholder {

  color: #828282;

}

.white-inputs .input:-ms-input-placeholder,

.input.input-white:-ms-input-placeholder {

  color: #828282;

}

.white-inputs .input::-webkit-input-placeholder,

.input.input-white::-webkit-input-placeholder {

  color: #828282;

}

.white-inputs select.input:focus,

.white-inputs select.input:hover,

select.input-white:focus,

select.input-white:hover {

  color: #157fc4 !important;

  background-color: #ffffff !important;

}

.input-block-level,

.input-block {

  width: 100%;

}

.checkbox {

  position: absolute;

  left: -9999px;

}

.checkbox+label {

  cursor: pointer;

  margin-top: 4px;

  display: inline-block;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.checkbox+label>span {

  display: inline-block;

  width: 16px;

  height: 16px;

  margin: -2px 4px 0 0;

  vertical-align: middle;

  background: #ffffff;

  cursor: pointer;

  border: solid 2px #1c1c1c;

  border-radius: 4px;

  position: relative;

}

.checkbox+label:hover>span {

  border-color: #1c1c1c;

}

.checkbox:checked+label>span {

  border-color: #1c1c1c;

}

.checkbox:checked+label>span:before {

  content: ' ';

  position: absolute;

  border: solid #157fc4;

  border-width: 0 0 2px 2px;

  height: 5px;

  width: 11px;

  left: 2px;

  top: 3px;

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.checkbox:focus+label>span {

  border-color: #157fc4;

}

.checkbox:focus+label {

  color: #157fc4;

}

.checkbox:checked:disabled+label>span,

.checkbox:checked:disabled+label:hover>span {

  border-color: #1c1c1c;

  background-color: #4f4f4f;

  cursor: default;

}

.checkbox:checked:disabled+label>span:before,

.checkbox:checked:disabled+label:hover>span:before {

  border-color: #1c1c1c;

}

.checkbox:disabled+label>span,

.checkbox:disabled+label>span:hover,

.checkbox:disabled+label:hover>span {

  border-color: #1c1c1c;

  background-color: #363636;

  cursor: default;

}

.checkbox:disabled+label>span:before,

.checkbox:disabled+label>span:hover:before,

.checkbox:disabled+label:hover>span:before {

  border-color: #1c1c1c;

}

.checkbox:disabled+label,

.checkbox:disabled+label:hover {

  color: #1c1c1c;

  cursor: default;

}

.radio {

  position: absolute;

  left: -9999px;

}

.radio+label {

  cursor: pointer;

  margin-top: 4px;

  display: inline-block;

}

.radio+label>span {

  display: inline-block;

  width: 16px;

  height: 16px;

  margin: -2px 4px 0 0;

  vertical-align: middle;

  background: #ffffff;

  cursor: pointer;

  border: solid 2px #1c1c1c;

  position: relative;

  border-radius: 10px;

}

.radio+label:hover>span,

.radio+label:focus>span {

  border-color: #1c1c1c;

}

.radio:checked+label>span {

  border-color: #1c1c1c;

}

.radio:checked+label>span:before {

  content: ' ';

  position: absolute;

  height: 10px;

  width: 10px;

  background: #157fc4;

  left: 3px;

  top: 3px;

  border-radius: 5px;

}

.radio:focus+label>span {

  border-color: #157fc4;

}

.radio:focus+label {

  color: #157fc4;

}

.radio:checked:disabled+label>span,

.radio:checked:disabled+label:hover>span {

  border-color: #1c1c1c;

  background-color: #4f4f4f;

  cursor: default;

}

.radio:checked:disabled+label>span:before,

.radio:checked:disabled+label:hover>span:before {

  background: #1c1c1c;

}

.radio:disabled+label>span,

.radio:disabled+label>span:hover,

.radio:disabled+label:hover>span {

  border-color: #1c1c1c;

  background-color: #363636;

  cursor: default;

}

.radio:disabled+label>span:before,

.radio:disabled+label>span:hover:before,

.radio:disabled+label:hover>span:before {

  background: #1c1c1c;

}

.radio:disabled+label,

.radio:disabled+label:hover {

  color: #1c1c1c;

  cursor: default;

}

.bx-auth-reg .alert p {

  margin: 0 !important;

}

.form-control .input {

  margin: 0;

}

.form-label {

  display: inline-block;

  vertical-align: middle;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.primary-box .table-striped tbody>tr:nth-child(even)>td,

.primary-box .table-striped tbody>tr:nth-child(even)>th,

.secondary-box .table-striped tbody>tr:nth-child(even)>td,

.secondary-box .table-striped tbody>tr:nth-child(even)>th {

  background-color: rgba(255, 255, 255, 0.2);

}

.table-hover tr:hover>th,

.table-hover tr:hover>td {

  background-color: #f5f5f5;

}

.table-noborder th,

.table-noborder td {

  border: 0;

  padding: 8px;

}

.table-noborder th p:first-child,

.table-noborder td p:first-child {

  margin-top: 0;

}

.table-noborder th p:last-child,

.table-noborder td p:last-child {

  margin-bottom: 0;

}

.table-noborder th:first-child,

.table-noborder td:first-child {

  padding-left: 0;

}

.table-noborder th:last-child,

.table-noborder td:last-child {

  padding-right: 0;

}

/* ==========================================================================

   TABLE-PROGRAM */

/* ========================================================================== */

.table-program {

  margin-bottom: 0;

}

.table-program small {

  font-size: 100%;

  font-weight: normal;

}

.primary-box .table-program small,

.secondary-box .table-program small {

  opacity: .8;

}

.table-program th {

  background-color: transparent;

}

.table-program th,

.table-program td {

  padding: 10px;

}

/* ==========================================================================

   TABLE-GRAY-HEADER */

/* ========================================================================== */

.table-gray-header th {

  background-color: transparent;

  border-bottom: solid 1px rgba(24, 24, 24, 0.2);

  color: #828282;

  font-weight: normal;

}

.table-gray-header th:first-child,

.table-gray-header td:first-child {

  padding-left: 0;

}

.table-gray-header th:last-child,

.table-gray-header td:last-child {

  padding-right: 0;

}

.table.va-middle td,

.table.va-middle th {

  vertical-align: middle;

}

.table.ta-center td,

.table.ta-center th {

  text-align: center;

}

/* ==========================================================================

   table-schedule */

/* ========================================================================== */

.table-schedule {

  border: 0;

  border-collapse: collapse;

}

.table-schedule col {

  border-left: solid 1px #cecece;

}

.table-schedule col:first-child {

  border-left: 0;

}

.table-schedule col:nth-child(2) {

  border-left: 0;

}

.table-schedule tr {

  border-bottom: solid 1px #cecece;

}

.table-schedule tr td.vertical-separator {

  border-top: solid 1px #ffffff;

  border-bottom: solid 1px #ffffff;

}

.table-schedule tr:last-child {

  border-bottom: 0;

}

.table-schedule tr:last-child td {

  border-bottom: 0;

}

.table-schedule tr:last-child td:first-child {

  border-left: 0;

}

.table-schedule td,

.table-schedule th {

  padding: 0;

}

.table-schedule td.vertical-separator,

.table-schedule th.vertical-separator {

  padding: 0;

  border: 0;

  width: 10px;

}

.table-schedule td.horisontal-separator,

.table-schedule th.horisontal-separator {

  border: 0;

  border-left: solid 1px #ffffff;

  padding: 0;

  height: 10px;

}



.table-schedule thead th {

  background: #714684;

  color: #ffffff;

  font-weight: normal;

  border: solid 1px #714684;

  padding: 10px;

  vertical-align: middle;

}



.table-schedule thead th .h2 {

  color: #ffffff;

}

.table-schedule thead th.vertical-separator {

  border-bottom: solid 1px #714684;

}

.table-schedule thead th.holiday {

  position: relative;

}

.table-schedule thead th.holiday:before {

  position: absolute;

  content: "";

  display: block;

  top: 50%;

  margin-top: -16px;

  right: 15px;

  width: 32px;

  height: 32px;

  opacity: .7;

  background: url('/local/templates/rmc-sr/images/all-icons.png') no-repeat -40px -180px;

}



.table-schedule thead th.old-day {

  color: rgba(255, 255, 255, 0.7);

}

.table-schedule thead th.old-day .h2 {

  color: rgba(255, 255, 255, 0.7);

}

.table-schedule thead th:first-child {

  border-top-left-radius: 4px;

}

.table-schedule thead th:last-child {

  border-top-right-radius: 4px;

}

.table-schedule td {

  background: #ffffff;

  color: #828282;

  height: 80px;

  width: 15%;

  position: relative;

  border-color: #cecece;

}

.table-schedule td .table td {

  height: 0;

}

.table-schedule td:nth-child(2) {

  border-left: 0;

}

.table-schedule td.one-lection,

.table-schedule td.double-lection {

  cursor: pointer;

}

.table-schedule td.one-lection:hover,

.table-schedule td.double-lection:hover {

  border: solid 1px #157fc4;

  background: #dcecf6;

}

.table-schedule td.current {

  border: solid 1px #157fc4;

  background: #dcecf6;

}

.table-schedule td.old-day {

  color: rgba(130, 130, 130, 0.8);

  cursor: default;

}

.table-schedule td.old-day:hover {

  border-color: #cecece;

  background-color: #ffffff;

}

.table-schedule td.old-day .va-top,

.table-schedule td.old-day .va-bottom,

.table-schedule td.old-day .text-dark {

  color: rgba(130, 130, 130, 0.8) !important;

}

.table-schedule td .table {

  margin-bottom: 0;

  background-color: transparent;

}

.table-schedule td .table.h100p {

  height: 100%;

}

.table-schedule td .table tr {

  border: 0;

}

.table-schedule td .table td {

  border: 0;

  padding: 10px;

  background-color: transparent;

}



.table-schedule td.double-lection .table td {

  padding: 0;

}

.table-schedule td.double-lection .table tr:first-child {

  border-bottom: solid 1px #cecece;

}

.table-schedule td.double-lection .table .table td {

  padding: 10px;

}



.table-schedule td.double-lection .table .table tr:first-child {

  border: 0;

}

.table-schedule tr:last-child td:first-child {

  border-bottom-left-radius: 4px;

}

.table-schedule tr:last-child td:last-child {

  border-bottom-right-radius: 4px;

}

.table-schedule .va-top {

  font-size: 16px;

}

.table-schedule .va-top,

a.table-schedule .va-top {

  color: #1c1c1c;

}

.table-schedule .va-bottom {

  font-size: 14px;

}

.table-schedule-session tr td {

  width: auto;

}

.table-schedule-session tr td,

.table-schedule-session tr td.horisontal-separator {

  border: 0;

}

.table-schedule-session tr td.horisontal-separator {

  padding: 0;

}

.table-schedule-session td {

  padding: 15px;

}



.table-schedule-session td.td-time {

  text-align: center;

  vertical-align: middle;

  font-size: 36px;

  line-height: 45px;

  color: #1c1c1c;

  border-right: solid 1px #cecece;

  padding: 20px 30px 20px 20px;

}



.table-schedule-session td.td-time small {

  font-size: 14px;

  color: #828282;

  display: block;

}

.table-schedule-session tr:first-child td:first-child {

  border-top-left-radius: 4px;

  border-top: 0;

}

.table-schedule-session tr:first-child td:last-child {

  border-top-right-radius: 4px;

  border-top: 0;

}

.table-schedule-session tr:first-child tr.vertical-separator {

  border-bottom: solid 1px #ffffff;

}

.table-schedule-session tr:last-child td.vertical-separator {

  border-top: solid 1px #ffffff;

}

.table-schedule-session td.vertical-separator {

  width: 10px;

}



.table-schedule-session .teacher-foto {

  overflow: hidden;

  width: 32px;

  height: 32px;

  margin-top: 4px;

  float: left;

  margin-right: 15px;

  border-radius: 18px;

}

.td-time {

  width: 20px !important;

}

th.td-time {

  padding-left: 0;

  padding-right: 0;

}

td.td-time {

  padding: 10px 0;

  color: #1c1c1c;

}



.schedule-badge {

  position: absolute;

  top: 0;

  right: -1px;

  width: 0;

  height: 0;

  border-top: 50px solid rgba(21, 127, 196, 0.15);

  border-left: 50px solid transparent;

}

.schedule-badge span {

  position: absolute;

  top: -45px;

  right: 10px;

}



/* Breadcrumb

-----------------------------------------------------------------------------*/

.breadcrumb {

  padding: 11px 0 6px 0;

  background: none;

  margin: 0;

}

.breadcrumb ul {

  margin: 0;

  padding: 0;

  list-style: none;

  font-size: 14px;

  color: #828282;

  margin-top: 10px;

}



.breadcrumb ul li {

  display: inline-block;

  margin: 0 6px 0 0;

  font-style: italic;

}

.breadcrumb ul li a {

  color: #714684;

}

/* Magnific Popup CSS */

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8;

  filter: alpha(opacity=80);

}

.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden;

}

.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}

.mfp-align-top .mfp-container:before {

  display: none;

}

.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045;

}

.mfp-inline-holder .mfp-content,

.mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto;

}

.mfp-ajax-cur {

  cursor: progress;

}

.mfp-zoom-out-cur,

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out;

}

.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in;

}

.mfp-auto-cursor .mfp-content {

  cursor: auto;

}

.mfp-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}

.mfp-loading.mfp-figure {

  display: none;

}

.mfp-hide {

  display: none !important;

}

.mfp-preloader {

  color: #cccccc;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044;

}

.mfp-preloader a {

  color: #cccccc;

}

.mfp-preloader a:hover {

  color: white;

}

.mfp-s-ready .mfp-preloader {

  display: none;

}

.mfp-s-error .mfp-content {

  display: none;

}

button.mfp-close,

button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  -webkit-box-shadow: none;

  box-shadow: none;

}

button::-moz-focus-inner {

  padding: 0;

  border: 0;

}

.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  filter: alpha(opacity=65);

  padding: 0 0 18px 10px;

  color: white;

  font-style: normal;

  font-size: 28px;

}

.mfp-close:hover,

.mfp-close:focus {

  opacity: 1;

  filter: alpha(opacity=100);

}

.mfp-close:active {

  top: 1px;

}

.mfp-close-btn-in .mfp-close {

  color: #333333;

}

.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

  color: white;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%;

}

.mfp-counter {

  position: absolute;

  top: 0;

  left: 25%;

  color: #cccccc;

  font-size: 12px;

  line-height: 18px;

  width: 100%;

}

.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  filter: alpha(opacity=65);

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.mfp-arrow:active {

  margin-top: -54px;

}

.mfp-arrow:hover,

.mfp-arrow:focus {

  opacity: 1;

  filter: alpha(opacity=100);

}

.mfp-arrow:before,

.mfp-arrow:after,

.mfp-arrow .mfp-b,

.mfp-arrow .mfp-a {

  content: '';

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 0;

  top: 0;

  margin-top: 35px;

  margin-left: 35px;

  border: medium inset transparent;

}

.mfp-arrow:after,

.mfp-arrow .mfp-a {

  border-top-width: 13px;

  border-bottom-width: 13px;

  top: 8px;

}

.mfp-arrow:before,

.mfp-arrow .mfp-b {

  border-top-width: 21px;

  border-bottom-width: 21px;

  opacity: 0.7;

}

.mfp-arrow-left {

  left: 0;

}

.mfp-arrow-left:after,

.mfp-arrow-left .mfp-a {

  border-right: 17px solid white;

  margin-left: 31px;

}

.mfp-arrow-left:before,

.mfp-arrow-left .mfp-b {

  margin-left: 25px;

  border-right: 27px solid #3f3f3f;

}

.mfp-arrow-right {

  right: 0;

}

.mfp-arrow-right:after,

.mfp-arrow-right .mfp-a {

  border-left: 17px solid white;

  margin-left: 39px;

}

.mfp-arrow-right:before,

.mfp-arrow-right .mfp-b {

  border-left: 27px solid #3f3f3f;

}

.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px;

}

.mfp-iframe-holder .mfp-content {

  line-height: 0;

  width: 100%;

  max-width: 900px;

}

.mfp-iframe-holder .mfp-close {

  top: -40px;

}

.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%;

}

.mfp-iframe-scaler iframe {

  position: absolute;

  display: block;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: black;

}

/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto;

}

/* The shadow behind the image */

.mfp-figure {

  line-height: 0;

}

.mfp-figure:after {

  content: '';

  position: absolute;

  left: 0;

  top: 40px;

  bottom: 40px;

  display: block;

  right: 0;

  width: auto;

  height: auto;

  z-index: -1;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: #444444;

}

.mfp-figure small {

  color: #bdbdbd;

  display: block;

  font-size: 12px;

  line-height: 14px;

}

.mfp-figure figure {

  margin: 0;

}

.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto;

}

.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #f3f3f3;

  word-wrap: break-word;

  padding-right: 36px;

}

.mfp-image-holder .mfp-content {

  max-width: 100%;

}

.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer;

}



.mfp-ie7 .mfp-img {

  padding: 0;

}

.mfp-ie7 .mfp-bottom-bar {

  width: 600px;

  left: 50%;

  margin-left: -300px;

  margin-top: 5px;

  padding-bottom: 5px;

}

.mfp-ie7 .mfp-container {

  padding: 0;

}

.mfp-ie7 .mfp-content {

  padding-top: 44px;

}

.mfp-ie7 .mfp-close {

  top: 0;

  right: 0;

  padding-top: 0;

}

/* ==========================================================================

   TOPNAVI */

/* ========================================================================== */

.container-top-navigation {

  position: relative;

  background: #ffffff;

}

.container-top-navigation>.content {

  position: static;

}

.container-top-navigation>.content>.col {

  position: static;

}

.top-nav-block ul,

.top-nav-block li {

  margin: 0;

  padding: 0;

  list-style: none;

}

.top-nav-block {

  float: left;

  display: inline-block;

  width: 90%;

}

.top-nav-block li {

  float: left;

  -webkit-transition-delay: .4s;

  transition-delay: .4s;

}

.top-nav-block li a {

  font: normal 16px/30px "PT Sans", PTsans, Arial, sans-serif;

  text-decoration: none;

  color: #157fc4;

  display: block;

  padding: 10px;

  -webkit-transition-delay: .4s;

  transition-delay: .4s;

}



.top-nav-block li a:hover {

  color: #ffffff;

  background: #714684;

}

.top-nav-block li.parent>a {

  padding-right: 30px;

  position: relative;

}

.top-nav-block li.parent>a:after {

  position: absolute;

  content: "";

  top: 50%;

  right: 5px;

  margin-top: -10px;

  width: 20px;

  height: 20px;

  background: url('/local/templates/rmc-sr/images/all-icons.png') no-repeat 0 -20px;

  -webkit-transition-delay: .4s;

  transition-delay: .4s;

}



.top-nav-block li.parent>a:hover:after {

  background-position: 0 0;

}

.top-nav-block li:hover>a,

.top-nav-block li:focus>a,

.top-nav-block li.parent:hover,

.top-nav-block li>a:hover,

.top-nav-block li>a:focus,

.top-nav-block li.parent.active>a,

.top-nav-block li.parent.current>a,

.top-nav-block li.current a {

  color: #ffffff;

  background: #714684;

}

.top-nav-block li:hover>a:after,

.top-nav-block li:focus>a:after,

.top-nav-block li.parent:hover:after,

.top-nav-block li>a:hover:after,

.top-nav-block li>a:focus:after,

.top-nav-block li.parent.active>a:after,

.top-nav-block li.parent.current>a:after,

.top-nav-block li.current a:after {

  background-position: 0 0;

}

.top-nav-block li:hover .second-level,

.top-nav-block li:focus .second-level,

.top-nav-block li.active .second-level {

  height: auto;

  overflow: visible;

  opacity: 1;

}

.top-nav-block .parent .parent a:after {

  content: none;

}



.third-level {

  display: none;

}

.top-nav-block.hovered li,

.top-nav-block.hovered li a,

.top-nav-block.hovered li.parent>a:after,

.top-nav-block.hovered .second-level {

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

}





.hamburger {

  display: none;

  width: 80px;

  height: 80px;

  position: absolute;

  padding: 0 16px;

  top: 0;

  left: 0;

  z-index: 500;

  -webkit-tap-highlight-color: transparent;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;



}

.hamburger.active {
  width: 100%;

  height: 75px;

  background: #714684;

}

.hamburger.active .icon-hamburger,
.hamburger.active .icon-hamburger:before,
.hamburger.active .icon-hamburger:after {
  width: 35%;

  left: 65%;

  top: 3px;
}

.mobile-nav h5 a {
  color: #FFF;
  text-transform: uppercase;
  display: block;

  padding: 13px 0 4px;

  text-align: center;
}



.icon-hamburger {

  position: relative;

  margin-top: 10px;

  margin-bottom: 7px;

}

.icon-hamburger,

.icon-hamburger:before,

.icon-hamburger:after {

  display: block;

  width: 40px;

  height: 3px;

  background-color: #fff;

  -webkit-transition: all ease .4s;

  transition: all ease .4s;

}

.icon-hamburger:before,

.icon-hamburger:after {

  position: absolute;

  content: "";

}

.icon-hamburger:before {

  top: 13px;

}

.icon-hamburger:after {

  top: 26px;

}



.hamburger.active .icon-hamburger:before {

  top: -6px;

}

.hamburger.active .icon-hamburger:after {

  top: 6px;

}

.hamburger.active .icon-hamburger {

  background-color: transparent;

}

.hamburger.active .icon-hamburger:before,

.hamburger.active .icon-hamburger:after {

  background-color: #FFF;

}

.hamburger.active .icon-hamburger:before {

  -moz-transform: translateY(6px) rotate(45deg);

  -ms-transform: translateY(6px) rotate(45deg);

  -webkit-transform: translateY(6px) rotate(45deg);

  transform: translateY(6px) rotate(45deg);

}

.hamburger.active .icon-hamburger:after {

  -moz-transform: translateY(-6px) rotate(-45deg);

  -ms-transform: translateY(-6px) rotate(-45deg);

  -webkit-transform: translateY(-6px) rotate(-45deg);

  transform: translateY(-6px) rotate(-45deg);

}

.mobile-nav-wrapper {

  top: 75px;

  bottom: 0;

  left: 0;

  z-index: 250;

  position: fixed;

  display: none;

  width: 100%;

  background: #714684;

  -moz-transform: translateX(100%);

  -ms-transform: translateX(100%);

  -webkit-transform: translateX(100%);

  transform: translateX(100%);

  -moz-transition-property: -moz-transform;

  -o-transition-property: -o-transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: transform;

  -moz-transition-duration: 0.4s;

  -o-transition-duration: 0.4s;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s;

  overflow-y: scroll;

  overflow-x: hidden;

  -webkit-overflow-scrolling: touch;

}

.mobile-nav-wrapper.active {

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -webkit-transform: scale(1);

  transform: scale(1);

}

.mobile-nav-inner {

  width: 100%;

  height: 100%;

  display: table;

  table-layout: fixed;

}

.mobile-nav .ios-fix {

  height: 110%;

  -moz-transform: translateY(-5%);

  -ms-transform: translateY(-5%);

  -webkit-transform: translateY(-5%);

  transform: translateY(-5%);

  padding-top: 10%;

  padding-bottom: 10%;

}

.mobile-nav ul {

  list-style: none;

  margin: 0;

  padding: 0;

  background: #714684;

  text-align: left;

}

.mobile-nav ul li {
  border-bottom: 1px dotted #3d8cbf;
  width: 100%;
  position: relative;
}



.mobile-nav ul a {

  color: #ffffff;

  font-size: 1rem;

  line-height: 1.2;

  display: block;

  padding: 10px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.mobile-nav ul a:active,

.mobile-nav ul a:hover {

  text-decoration: none;

  background: #FECC00;

}

.mobile-nav ul .col {

  padding: 0;

}

.mobile-nav ul li a {

  text-transform: uppercase;

}

.mobile-nav ul li.parent a:after,

.mobile-nav ul li.parent li.parent a:after {

  position: absolute;

  content: "";

  content: " ";

  display: inline-block;

  width: 20px;

  height: 20px;

  background: url('/local/templates/rmc-sr/images/all-icons.png') no-repeat -80px -60px;

}



.mobile-nav ul li.parent li a:after,

.mobile-nav ul li.parent li.parent li a:after {

  content: none;

}

.mobile-nav ul li.parent li.parent a:after {

  margin: 2px 0 0 2px;

}

.mobile-nav ul li.parent li.parent.active a:after {

  background-position: -80px -80px;

}

.mobile-nav ul li li a {

  text-transform: none;

  background: transparent;

}

.mobile-nav ul li.active {

  -webkit-transition-delay: 0;

  transition-delay: 0;

  -webkit-transition: none;

  transition: none;

}

.mobile-nav ul li.active>a {

  background: rgba(24, 24, 24, 0.3);

}

.mobile-nav ul li.active>a+.second-level,

.mobile-nav ul li.active>a+.third-level {

  display: block;

  height: auto;

  opacity: 1;

}

.mobile-nav ul li.active>a:after {

  background-position: -80px -80px;

}

.mobile-nav ul .second-level,

.mobile-nav ul .third-level {

  position: static;

  background: rgba(24, 24, 24, 0.1);

  -webkit-transition-delay: 0;

  transition-delay: 0;

  -webkit-transition: none;

  transition: none;

}

.mobile-nav ul .second-level li,

.mobile-nav ul .third-level li {

  width: 100%;

  padding-right: 0;

}

.mobile-nav ul .third-level li a {

  padding-left: 40px;

}

.mobile-nav>ul {

  background: rgba(24, 24, 24, 0.3);

  margin: 10px 20px 20px;

  border-radius: 3px;

}

.mobile-nav>ul>li:first-child a {

  border-radius: 3px 3px 0 0;

}

.mobile-nav>ul>li:last-child a {

  border-radius: 0 0 3px 3px;

}

.no-scroll {

  word-wrap: break-word;

}



/* ==========================================================================

   Ð ÐŽÐ ÂµÐ Â»Ð ÂµÐ Ñ”Ð¡â€šÐ¡â€¹ */

/* ========================================================================== */

select.styler {

  opacity: 0;

}

.jq-selectbox {

  vertical-align: middle;

  cursor: pointer;

  max-width: 100%;

  opacity: 0;

  -webkit-transition: opacity ease .1s;

  transition: opacity ease .1s;

}

.jq-selectbox.opacity-one {

  opacity: 1;

}

.jq-selectbox.disabled .jq-selectbox__select {

  background: #dcecf6;

  color: #181818;

  opacity: .7;

  cursor: default;

}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {

  opacity: 1;

  filter: alpha(opacity=100);

}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {

  opacity: 0.3;

  filter: alpha(opacity=30);

}

.jq-selectbox ul {

  margin: 0;

  padding: 0;

}

.jq-selectbox li {

  min-height: 20px;

  padding: 5px 20px;

  color: #ffffff;

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.jq-selectbox li.selected,

.jq-selectbox li:hover {

  color: #ffffff;

}

.jq-selectbox li.disabled {

  color: #dcecf6;

  cursor: default;

}

.jq-selectbox li.disabled:hover {

  background: none;

}

.jq-selectbox li.optgroup {

  font-weight: bold;

}

.jq-selectbox li.optgroup:hover {

  background: none;

  color: #ffffff;

  cursor: default;

}

.jq-selectbox li.option {

  padding-left: 25px;

}

.jq-selectbox__select {

  height: 40px;

  padding: 0 40px 0 15px;

  border-radius: 2px;

  background: #dcecf6;

  color: #181818;

  font: 16px / 40px "PT Sans", PTsans, Arial, sans-serif;

}

.jq-selectbox__select:hover,

.jq-selectbox__select:active,

.focused .jq-selectbox__select,

.dropdown .jq-selectbox__select {

  background: #157fc4;

  color: #ffffff;

}

.jq-selectbox__select-text {

  display: block;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  max-width: 100%;

}

.jq-selectbox__trigger {

  position: absolute;

  top: 0;

  right: 0;

  width: 40px;

  height: 100%;

}

.jq-selectbox__trigger-arrow {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 4px;

  height: 4px;

  margin-top: -4px;

  margin-left: -2px;

  border: solid 2px #1c1c1c;

  border-top: 0;

  border-right: 0;

  border-radius: 0 0 0 2px;

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.focused .jq-selectbox__trigger-arrow,

.jq-selectbox:hover .jq-selectbox__trigger-arrow,

.jq-selectbox:active .jq-selectbox__trigger-arrow,

.dropdown .jq-selectbox__trigger-arrow {

  border-color: #ffffff;

}

.opened .jq-selectbox__trigger-arrow {

  -webkit-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  transform: rotate(135deg);

}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {

  border-color: #1c1c1c;

}

.jq-selectbox__dropdown {

  top: 40px;

  width: 100%;

  margin: 0;

  padding: 0 17px 15px 0;

  margin-top: -2px;

  font: 16px / 20px "PT Sans", PTsans, Arial, sans-serif;

  background: #157fc4;

  border-radius: 3px;

  min-width: 180px;

}

.jq-selectbox__search {

  margin: 0;

  padding: 15px 3px 10px 20px;

}

.jq-selectbox__search input {

  width: 100%;

  margin: 0;

  padding: 0 15px;

  height: 40px;

  display: block;

  outline: none;

  border: solid 1px #ffffff;

  border-radius: 2px;

  color: #ffffff;

  background: #157fc4;

  -webkit-appearance: textfield;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.jq-selectbox__search input::-webkit-search-cancel-button,

.jq-selectbox__search input::-webkit-search-decoration {

  -webkit-appearance: none;

}

.jq-selectbox__not-found {

  margin: 0;

  padding: 5px 0 0 20px;

  color: #ffffff;

  font-size: 14px;

}

.white-inputs .jq-selectbox li,

.jq-selectbox.input-white li {

  color: #1c1c1c;

}

.white-inputs .jq-selectbox li.selected,

.jq-selectbox.input-white li.selected,

.white-inputs .jq-selectbox li:hover,

.jq-selectbox.input-white li:hover {

  color: #157fc4;

}

.white-inputs .jq-selectbox .jq-selectbox__select,

.jq-selectbox.input-white .jq-selectbox__select {

  background: #ffffff;

  color: #181818;

  font: 16px / 40px "PT Sans", PTsans, Arial, sans-serif;

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.white-inputs .jq-selectbox .jq-selectbox__select:hover,

.jq-selectbox.input-white .jq-selectbox__select:hover,

.white-inputs .jq-selectbox .jq-selectbox__select:active,

.jq-selectbox.input-white .jq-selectbox__select:active {

  background: #ffffff;

  color: #157fc4;

  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);

}

.white-inputs .jq-selectbox .jq-selectbox__dropdown,

.jq-selectbox.input-white .jq-selectbox__dropdown {

  background: #ffffff;

  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);

}

.white-inputs .jq-selectbox .jq-selectbox__search input,

.jq-selectbox.input-white .jq-selectbox__search input {

  background-color: #ffffff;

  color: #157fc4;

  border-color: #157fc4;

}

.white-inputs .jq-selectbox .jq-selectbox__search input:-moz-placeholder,

.jq-selectbox.input-white .jq-selectbox__search input:-moz-placeholder {

  color: #828282;

}

.white-inputs .jq-selectbox .jq-selectbox__search input:-ms-input-placeholder,

.jq-selectbox.input-white .jq-selectbox__search input:-ms-input-placeholder {

  color: #828282;

}

.white-inputs .jq-selectbox .jq-selectbox__search input::-webkit-input-placeholder,

.jq-selectbox.input-white .jq-selectbox__search input::-webkit-input-placeholder {

  color: #828282;

}

.white-inputs .jq-selectbox .jq-selectbox__not-found,

.jq-selectbox.input-white .jq-selectbox__not-found {

  color: #1c1c1c;

}

.white-inputs .jq-selectbox.focused .jq-selectbox__trigger-arrow,

.jq-selectbox.input-white.focused .jq-selectbox__trigger-arrow,

.white-inputs .jq-selectbox.dropdown .jq-selectbox__trigger-arrow,

.jq-selectbox.input-white.dropdown .jq-selectbox__trigger-arrow {

  border-color: #157fc4;

}

.white-inputs .jq-selectbox.focused .jq-selectbox__select,

.jq-selectbox.input-white.focused .jq-selectbox__select,

.white-inputs .jq-selectbox.dropdown .jq-selectbox__select,

.jq-selectbox.input-white.dropdown .jq-selectbox__select {

  background: #ffffff;

  color: #157fc4;

}

.white-inputs .jq-selectbox.disabled:hover .jq-selectbox__select,

.jq-selectbox.disabled.input-white:hover .jq-selectbox__select {

  color: #1c1c1c;

}

.jq-selectbox.input-white:active .jq-selectbox__trigger-arrow,

.jq-selectbox.input-white:hover .jq-selectbox__trigger-arrow,

.white-inputs .jq-selectbox:active .jq-selectbox__trigger-arrow,

.white-inputs .jq-selectbox:hover .jq-selectbox__trigger-arrow {

  border-color: #157fc4;

}

.jq-selectbox.disabled.input-white:active .jq-selectbox__trigger-arrow,

.jq-selectbox.disabled.input-white:hover .jq-selectbox__trigger-arrow,

.white-inputs .jq-selectbox.disabled:active .jq-selectbox__trigger-arrow,

.white-inputs .jq-selectbox.disabled:hover .jq-selectbox__trigger-arrow {

  border-color: #1c1c1c;

}



/* ==========================================================================

   HEADER */

/* ========================================================================== */


.container-top-header {

  background: #157fc4;

  color: #ffffff;

}

.container-top-header a,

.container-top-header .open-menu {

  display: inline-block;

  padding: 15px 5px;

  color: #ffffff;

  text-decoration: none;

}



.container-top-header a:hover,

.container-top-header .open-menu:hover {

  text-decoration: none;

  background: #106196;

}

.container-top-header .open-menu {

  float: right;

  width: 50px;

  text-align: center;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.logo-block {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -ms-flex-align: center;

  -webkit-align-items: center;

  -webkit-box-align: center;

  align-items: center;

}

.logo-block a {

  text-decoration: none;

  color: #1c1c1c;

}

.logo-block a.logo {

  padding-right: 20px;

}



.logo-block a .h1 {

  line-height: 30px;

}

.logo-block a small {

  font-size: 16px;

  color: #828282;

  line-height: 20px;

}

.header-info-block {

  line-height: 30px;

  color: #1c1c1c;

}





/* ==========================================================================

	   SEARCH */

/* ========================================================================== */

.search-button {

  float: right;

  font: normal 16px/30px "PT Sans", PTsans, Arial, sans-serif;

  color: #157fc4;

  padding: 10px;

  cursor: pointer;

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

}



.search-button:hover {

  background: #714684;

  color: #ffffff;

}

.search-button:hover .icon-search {

  background-position: -20px -40px;

}

.container-search {

  overflow: hidden;

  background: #714684;

  color: #ffffff;

  position: absolute;

  width: 0;

  top: 0;

  height: 50px;

  left: 100%;

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.container-search.opened {

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: auto;

  z-index: 10;

}

.container-search .content {

  margin: 0 auto !important;

}

.search-form-block {

  height: 50px;

  overflow: hidden;

}

.search-form-block .icon-search-white {

  opacity: .5;

  float: left;

  margin: 15px 20px 15px 0;

}

.search-input {

  background: #714684;

  color: #ffffff;

  font-size: 20px;

  height: 30px;

  margin: 10px 0;

  border: 0;

  padding: 0;

  outline: none;

  display: block;

  width: 100%;

}

.search-input::-ms-clear {

  display: none;

}

.search-close-button {

  float: right;

  width: 50px;

  height: 50px;

  cursor: pointer;

}

.search-close-button .icon {

  margin: 15px;

}

.search-close-button:hover .icon {

  opacity: 1;

}

.search-suggestions {

  display: none;

  padding: 40px 20px;

  font-size: 20px;

}

.search-suggestions mark {

  background: #157fc4;

  color: #ffffff;

}

.search-suggestions .search-result-item {

  padding: 10px;

  display: block;

  color: #ffffff;

  text-decoration: none;

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.search-suggestions .search-result-item:hover {

  background: #378295;

}

.search-suggestions .search-count {

  opacity: .5;

  padding-left: 10px;

}

.search-suggestions .btn {

  margin-left: 10px;

}

/* ==========================================================================

   SLIDER */

/* ========================================================================== */

.big-slider {

  display: none;

}

.slider-item {

  background-position: 50% 50%;

  background-size: cover;

}



.slider-item .h1 {

  margin-bottom: 30px;

}

.slider-item-description {

  min-height: 100px;

}



.big-slider-nav {

  margin-top: 40px;

}

.owl-next,

.owl-prev {

  text-indent: -9999px;

  width: 20px;

  height: 20px;

  display: inline-block !important;

  background: url('/local/templates/rmc-sr/images/all-icons.png') no-repeat -80px 0;

  cursor: pointer;

}



.owl-prev:hover {

  background-position: -100px 0;

}

.owl-next {

  margin-left: 20px;

  background-position: -80px -20px;

}

.owl-next:hover {

  background-position: -100px -20px;

}

.owl-dots {

  position: absolute;

  top: 15px;

  left: 15px;

}

/* ==========================================================================

   NEWS-LIST */

/* ========================================================================== */



.news-detail .news-item-text {

  margin-top: 20px;

}

.news-item {

  margin: 20px 0;

  padding-bottom: 20px;

  border-bottom: solid 1px rgba(130, 130, 130, 0.3);

}

.news-item:before,

.news-item:after {

  content: " ";

  display: table;

}

.news-item:after {

  clear: both;

}

.news-item:first-child {

  margin-top: 0;

}

.news-item:last-child {

  margin-bottom: 0;

  border-bottom: 0;

  padding-bottom: 0;

}

.news-item-header {

  text-transform: none;

  font: normal 16px/25px "PT Sans", PTsans, Arial, sans-serif;

}

.news-item-header a {

  display: inline-block;

}

.news-item-date {

  font-size: 14px;

  margin-bottom: 10px;

}

.news-item-main {

  font-size: 16px;

}

.news-item-main .news-item-header {

  font: normal 22px/30px "PT Sans", PTsans, Arial, sans-serif;

}

.news-item-main .news-item-date {

  margin-bottom: 20px;

}

/* ==========================================================================

   SIDEBAR */

/* ========================================================================== */

.sidebar-nav {

  padding: 15px 0;

}

.sidebar-nav a {
  text-decoration: none;

  color: #714684;
}

.sidebar-nav ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

.sidebar-nav ul ul {

  display: none;

  padding: 3px 0 5px 10px;

}

.sidebar-nav li {

  margin-bottom: 4px;

}

.sidebar-nav li a {

  display: block;

  padding: 3px 0 3px 0px;

  border-left: solid 4px transparent;

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

  line-height: 1.2;

}

.sidebar-nav li.parent.current {

  display: block;

  padding: 3px 0 3px 7px;

  border-left: solid 2px #714684;

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

}



.sidebar-nav li a:hover,

.sidebar-nav li a:active {

  text-decoration: underline;

}

.sidebar-nav li.current>a,
.sidebar-nav li.active>a {

  color: black;

  padding-left: 0px;

  font-weight: bold;

}

.sidebar-nav li.current>ul,

.sidebar-nav li.active>ul {

  display: block;

}

.sidebar-nav li:first-child a {

  padding-top: 0;

}

.sidebar-nav li:last-child a {

  padding-bottom: 0;

}

.sidebar-nav li li {

  margin: 0;

}

.sidebar-nav li li a {

  border-color: transparent;

  padding: 5px 0 5px;

}

.sidebar-nav li li.current,

.sidebar-nav li li.active {

  border-color: #157fc4;

}



.sidebar-nav li.parent.current>a:after {

  top: 1px;

  border-color: #ff1539;

  -webkit-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  transform: rotate(135deg);

}

.sidebar-info-block {

  color: #1c1c1c;

}

.sidebar-info-block .icon {

  width: 40px;

  margin-top: 15px;

}

.sidebar-info-block .icon-big-phone {

  width: 30px;

  margin-left: 10px;

}

/* ==========================================================================

   PAGE-NAVIGATION */

/* ========================================================================== */

.page-navigation {

  display: inline-block;

}

.page-navigation-wrapper {

  text-align: center;

}

.page-navigation .right-arr,

.page-navigation .left-arr,

.page-navigation .page-navigation-pages a {

  display: inline-block;

  line-height: 30px;

  min-width: 20px;

  text-align: center;

  border-radius: 20px;

  padding: 0 5px;

  color: #1c1c1c;

  box-shadow: none;

}

.page-navigation .right-arr:hover,

.page-navigation .left-arr:hover,

.page-navigation .page-navigation-pages a:hover {

  text-decoration: none;

  color: #157fc4;

}

.page-navigation .right-arr,

.page-navigation .left-arr {

  width: 30px;

  font-size: 18px;

  font-weight: bold;

  color: #828282;

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.page-navigation .right-arr:hover,

.page-navigation .left-arr:hover {

  color: #1c1c1c;

}

.page-navigation-pages {

  background: #ffffff;

  color: #828282;

  border-radius: 20px;

  display: inline-block;

  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);

}

.page-navigation-pages a.current {

  padding: 0 9px;

  color: #157fc4;

  box-shadow: inset 0 0 0 1px #157fc4;

}

.page-navigation-pages a:not(:first-child) {

  margin-left: 3px;

}

.page-navigation-pages a:first-child {

  /* padding: 0 5px 0 12px; */

}

.page-navigation-pages a:last-child {

  /* padding: 0 12px 0 5px; */

}

/* ==========================================================================

   FACULTY-ITEM */

/* ========================================================================== */

.faculty-item {

  margin-top: 30px;

}

.faculty-item:first-child {

  margin-top: 0;

}

.faculty-item h3,

.faculty-item .h3 {

  margin: 0 0 10px 0;

}

.faculty-item .vertical-separator {

  display: inline-block;

  margin: 0 15px;

  opacity: .5;

}

.faculty-item-links ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.faculty-item-links a {

  display: block;

  position: relative;

  background: #ffffff;

  color: #828282;

  border-radius: 5px;

  font: normal 20px/30px "PT Sans", PTsans, Arial, sans-serif;

  color: #157fc4;

  text-decoration: none;

  padding: 10px 30px 10px 15px;

  margin: 10px 0;

  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.faculty-item-links a:hover {

  text-decoration: none;

  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);

}

.faculty-item-links a:after {

  position: absolute;

  top: 50%;

  right: 10px;

  margin-top: -10px;

  content: "";

  width: 20px;

  height: 20px;

  background: url('/local/templates/rmc-sr/images/all-icons.png') no-repeat -80px -40px;

}



.faculty-item-links-big.faculty-item-links a:after {

  background-position: -100px -60px;

}

.faculty-item-links a .item-date {

  color: #828282;

}

.faculty-item-info {

  margin-bottom: 30px;

}

.faculty-item-box>ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.faculty-item-box>ul>li {

  background: #ffffff;

  color: #828282;

  border-radius: 5px;

  font: normal 20px/30px "PT Sans", PTsans, Arial, sans-serif;

  color: #157fc4;

  padding: 0;

  margin: 10px 0;

  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.faculty-item-box>ul>li:hover {

  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);

}

.faculty-item-box>ul>li>a {

  text-decoration: none;

  display: block;

  position: relative;

  font: normal 22px/30px "PT Sans", PTsans, Arial, sans-serif;

  padding: 20px 40px 20px 25px;

  margin: 0 0;

}

.faculty-item-box>ul>li>a small {

  display: inline-block;

  margin-left: 20px;

  color: #828282;

}

.faculty-item-box>ul>li>a:after {

  position: absolute;

  top: 50%;

  right: 20px;

  margin-top: -10px;

  content: "";

  width: 20px;

  height: 20px;

  background: url('/local/templates/rmc-sr/images/all-icons.png') no-repeat -100px -60px;

}



.faculty-item-box>ul>li>a.opened:after {

  background-position: -100px -80px;

}

.faculty-item-box>ul .faculty-item {

  margin: 20px -30px 0;

}

.faculty-item-box-inner {

  display: none;

  padding: 20px 30px 0;

  border-top: solid 1px #ededed;

  color: #1c1c1c;

  font-size: 16px;

  line-height: 20px;

}

.faculty-list-list li {

  margin: 5px 0;

}

.faculty-list-list li:first-child {

  margin-top: 0;

}

.faculty-list-list li:last-child {

  margin-bottom: 0;

}

/* ==========================================================================

   RECTORATE-ITEM */

/* ========================================================================== */

.rectorate-item h3,

.rectorate-item .h3 {

  margin-top: 0;

}

.rectorate-item h4,

.rectorate-item .h4 {

  font: normal 18px/25px "PT Sans", PTsans, Arial, sans-serif;

}

.rectorate-item h4 a,

.rectorate-item .h4 a {

  color: #1c1c1c;

}

/* ==========================================================================

   PROGRAM-ITEM */

/* ========================================================================== */

.program-item-box>ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.program-item-box>ul>li {

  background: #ffffff;

  color: #828282;

  border-radius: 5px;

  font: normal 20px/30px "PT Sans", PTsans, Arial, sans-serif;

  color: #157fc4;

  padding: 0 30px;

  margin: 30px 0;

}

.program-item-box>ul .program-item {

  margin: 20px -30px 0;

}

.program-item-box-header {

  text-decoration: none;

  display: block;

  position: relative;

  font: normal 22px/30px "PT Sans", PTsans, Arial, sans-serif;

  padding: 20px 0 15px 0;

  border-bottom: solid 1px #ededed;

}

.program-item-box-header small {

  display: inline-block;

  color: #828282;

}

.program-item-box-inner {

  color: #1c1c1c;

  font-size: 16px;

  line-height: 20px;

}

.gos-accreditation-text {

  text-transform: uppercase;

  padding: 8px 0 8px 40px;

  font: bold 16px/24px "PT Sans", PTsans, Arial, sans-serif;

  display: inline;

  color: #1c1c1c;

  position: relative;

}



.gos-accreditation-text:after {

  /* CÐ Ð†Ð Ñ•Ð â„–Ð¡ÐƒÐ¡â€šÐ Ð†Ð Ñ• background Ð¡Ð‚Ð Â°Ð Â·Ð Â±Ð Ñ‘Ð¡â€šÐ Ñ• Ð Ñ—Ð Ñ•Ð¡â€šÐ Ñ•Ð Ñ˜Ð¡Ñ“, Ð¡â€¡Ð¡â€šÐ Ñ• Ð Ò‘Ð Â»Ð¡Ð Ð¡Ð‚Ð Â°Ð Â·Ð Ð…Ð¡â€¹Ð¡â€¦ Ð¡â€ Ð Ð†Ð ÂµÐ¡â€šÐ Ñ•Ð Ð†Ð¡â€¹Ð¡â€¦ Ð¡ÐƒÐ¡â€¦Ð ÂµÐ Ñ˜ Ð Ñ‘Ð Ñ˜Ð ÂµÐ¡Ð‹Ð¡â€šÐ¡ÐƒÐ¡Ð Ð¡Ð‚Ð Â°Ð Â·Ð Ð…Ð¡â€¹Ð Âµ Ð Ñ”Ð Â°Ð¡Ð‚Ð¡â€šÐ Ñ‘Ð Ð…Ð Ñ”Ð Ñ‘, Ð Â·Ð Â°Ð Ñ”Ð Ñ•Ð Ò‘Ð Ñ‘Ð¡Ð‚Ð Ñ•Ð Ð†Ð Â°Ð Ð…Ð Ð…Ð¡â€¹Ð Âµ Ð Ð† base64 (Ð¡ÐƒÐ ÂµÐ¡Ð‚Ð Ð†Ð Ñ‘Ð¡Ðƒ b64i.ru)*/

  background-position: 0 50%;

  background-repeat: no-repeat;

  background-size: 27px 24px;

  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAuCAMAAABQ68okAAAB9VBMVEUAAABHfcNHfcNHfcNHfcNHfMNHfcNHfcNGfMNGfMNHfcNHfcNHfcNHfMNHfMNHfcNHfcNHfMNHfcNHfcNGfMJHfcNGfMJHfMNHfMNHfMNHfcNHfMNGfMNHfMNHfcNGfMNGfMNHfMNHfcNHfcNHfMNGfMJGfMJGfMNGfMJHfcNHfcNHfMNHfcNGfMNHfMNHfcNHfcNHfMNGfMNHfcNHfMNGfMJHfcNHfcNHfMNGfMNHfMNGfMJGfMNHfMNHfcNGfMJHfMNHfMNGfMNHfcNGfMJHfMNHfcNGfMJGfMJHfMNHfcNHfMNGfMNHfcNGfMNGfMNHfcNHfcNHfMNGfMNHfcNHfcNHfcNHfMNGfMJHfcNHfcNHfMNHfMNHfcNHfMNHfcNHfMNHfcNHfcNHfcNHfcNHfcNHfcNHfcNHfMNGfMJHfMNGfMJHfcNHfcNHfMNHfcNHfMNGfMNHfcNGfMNGfMNHfcNHfMNHfcNHfcNHfcNHfcNHfcNHfMNGfMNHfMNHfcNHfMNHfcNHfcNHfcNGfMJHfMNHfMNHfcNHfcNHfcNGfMJGfMNGfMNHfcNHfcNHfMNHfcNHfcNGfMNHfcNHfcNHfcNGfMNGfMNHfMNGfMJHfcNGfMJGfMNHfcNHfcNHfMNGfMJHfcNHfMNHfcNHfMNGfMJGfMPs1rtiAAAAo3RSTlMAD1Q/aRwB/gH84QTaD45g9WXIV/xOCsdv/vzT/kOaEY0JqBzK/bEVPJepB5gusiv6lvmb0VEon/AQSzeRdFYGE+1WXQL3LNf0A/I8fQY26uXoIjwD2dSj+UYkn+ZagvkBHvjjguv7J9IICwMZFcE6QEK29Sq8z5Hv8LENLgigym0J0yDpHqzuChNhU+Z6Ld8wZ+OjzdvO+8Dq4pkCnKIEv79CZ9gmMwAAAhRJREFUeNqV1WNzXlEUhuHdNmmS2kJq27Zt27Zt2+b9POt3dtLMZNq8wTnXaM9ec39dK+X2++ePvEmDbyU0zNl0/2z4lSs5dKGbkb7nac7eVgBfvuZoWrdCgvLG2ZMOG1BgTcjRHOhqQDF4UfZm04MgQMOXZW86lWGANh0yJzPKhSPQ+gGZm0fHJST8tE/m5s46hUCcmZK5uboVQpI6j8vcnLyIQeClmZsnu7Fw4P6lWZttXUII5GbNszYtuwAEsHBEKvCyxuZVt0BCIaYXDHduL3lzq7ApKlEgQGpRMDx83/B2V6rmcWfEX27TNFVz7zwB/tQo/adtO2FJQSxeXb05cde2ZD7cTP9ovwNjBOGWqbrLkoUtx/VrVb+nNgoHgUzvVODhR0IQEnGjOFV6fgkLA6hJj1ToSsdAOGRYtSZVKN5jQkhAu0apJs3fIwcGNLKoYiEeBAtC4J6pZse6YhkHiDFDjpw2KASGZr1SLY6+swWSgI5bqp6438BUq+IXBBCATYDAshmV6rD5NQKDbYdAEGJlg1SX8SsgZEBCBBaovvswbJYgwkCAAXQu1Wf5RASAQ8IO9s9P9VrSSgpAETgCTc10seZJVLLEvkkpi8mjAwQgRFHKpmEZgANgwdqU0ZwyhCEUbXOcuxIjAWPnpuw62ci4fcrjGQL1bZxy2UvA7JRTC2jSNG9UOpRpKbfSQTNTXf4ALSFjLFGk+uwAAAAASUVORK5CYII=');

  content: "";

  position: absolute;

  top: 8px;

  left: 0;

  width: 27px;

  height: 24px;

}

.document-link {

  display: inline-block;

}

.document-link:before,

.document-link:after {

  content: " ";

  display: table;

}

.document-link:after {

  clear: both;

}

.document-link .icon {

  float: left;

}

.document-link a {

  display: block;

  overflow: hidden;

}

/* ==========================================================================

   LINKS-LIST */

/* ========================================================================== */

.links-list ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.links-list li {

  font-size: 22px;

  color: #157fc4;

  margin: 20px 0;

}

.links-list a {

  text-decoration: none;

  border-bottom: solid 1px transparent;

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.links-list a:hover {

  border-bottom-color: inherit;

}

.links-list .has-child>a {

  position: relative;

}

.links-list .has-child>a:after {

  position: absolute;

  content: "";

  display: inline-block;

  width: 4px;

  height: 4px;

  margin: .3em 0 0 15px;

  border: solid 2px #828282;

  border-top: 0;

  border-right: 0;

  border-radius: 0 0 0 2px;

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.links-list .has-child>a.opened:after {

  -webkit-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  transform: rotate(135deg);

  margin-top: .4em;

  border-color: #157fc4;

}

.links-list .has-child ul {

  display: none;

}

.links-list .has-child li {

  margin: 15px 0;

  padding-left: 20px;

}

.links-list .has-child li a {

  font-size: 16px;

}

/* ==========================================================================

   TEACHERS */

/* ========================================================================== */

.teachers-item {

  color: #1c1c1c;

  line-height: 25px;

}

.teachers-item h2 a,

.teachers-item .h2 a {

  color: #1c1c1c;

  text-decoration: none;

}

.teachers-item h2 a:hover,

.teachers-item .h2 a:hover {

  color: #157fc4;

}

.teacher-info {

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.teacher-info-position {

  color: #1c1c1c;

  font-size: 18px;

  line-height: 22px;

}

.teacher-info-name {

  line-height: 26px;

}

.teacher-table {

  margin-top: 37px;

}

.teacher-table td {

  border-top: 0px;

  padding: 12px 18px;

  font-size: 18px;

  line-height: 24px;

}

.teacher-table td:nth-child(2n) {

  color: #1c1c1c;

}



.teacher-table td p:first-child {

  margin-top: 0;

}

.teacher-table td p:last-child {

  margin-bottom: 0;

}

.teacher-table .col {

  float: none;

}

.teacher-description {

  color: #1c1c1c;

  margin-top: 41px;

  margin-bottom: 10px;

  line-height: 30px;

}

/* ==========================================================================

   VERTICAL-FILTER */

/* ========================================================================== */

.vertical-filter-box {

  border-bottom: solid 1px rgba(255, 255, 255, 0.3);

  padding: 10px 0;

}

.vertical-filter-box.first {

  border-top: solid 1px rgba(255, 255, 255, 0.3);

  margin-top: 20px;

}

.vertical-filter-box.active .vertical-filter-header:after {

  -webkit-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  transform: rotate(135deg);

  margin-top: 0px;

}

.vertical-filter-box.active .vertical-filter-content {

  display: block;

}

.vertical-filter-header {

  position: relative;

  padding: 5px 15px 5px 0;

  cursor: pointer;

}

.vertical-filter-header:after {

  content: "";

  position: absolute;

  top: 50%;

  right: 5px;

  margin-top: -2px;

  display: inline-block;

  width: 4px;

  height: 4px;

  border: solid 2px #ffffff;

  border-top: 0;

  border-right: 0;

  border-radius: 0 0 0 2px;

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.vertical-filter-content {

  margin-top: 15px;

  display: none;

}

/* ==========================================================================

   FOOTER */

/* ========================================================================== */

.container-footer {

  background: #181818;

  color: #ffffff;

  padding: 30px 20px;

  line-height: 25px;

}



.container-footer a {

  color: #828282;

}

.container-footer a:hover {

  color: #cccccc;

}

.social-network {

  display: inline-block;

  width: 30px;

}

.social-network+.social-network {

  margin-left: 5px;

}

.footer-menu-content ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.footer-menu-content ul ul {

  display: none;

}



.footer-menu-content h4,

.footer-menu-content .h4 {

  margin-bottom: 20px;

}



/* ==========================================================================

   MAP-BLOCK */

/* ========================================================================== */

.map-block {

  border-radius: 0 0 4px 4px;

}

/* ==========================================================================

   SWITCH-BLOCK */

/* ========================================================================== */

.switch-block {

  display: inline-block;

  background: #ffffff;

  border-radius: 15px;

  line-height: 0;

  font-size: 0;

  margin-bottom: 20px;

  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);

}

.switch-block-item {

  color: #828282;

  text-decoration: none;

  display: inline-block;

  font: normal 16px/20px "PT Sans", PTsans, Arial, sans-serif;

  padding: 5px 25px;

  border-radius: 15px;

}

.switch-block-item.active {

  color: #157fc4;

  text-decoration: none;

  box-shadow: inset 0 0 0 1px #157fc4;

}

/* ==========================================================================

   INFO-BOX */

/* ========================================================================== */

.info-box-close {

  width: 20px;

  height: 20px;

  display: inline-block;

  text-align: center;

  position: relative;

  cursor: pointer;

  overflow: hidden;

  vertical-align: text-top;

  opacity: .7;

}

.info-box-close:hover {

  opacity: 1;

}

.info-box-close:after {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 20px;

  height: 20px;

  margin: -20px 0 0 -10px;

  content: "\00D7";

  font: normal 24px/40px Georgia, serif;

  vertical-align: middle;

}

/* ==========================================================================

   SCHEDULE */

/* ========================================================================== */

.schedule-header {

  color: rgba(255, 255, 255, 0.7);

  padding: 30px 0;

  font-size: 14px;

}

.schedule-header h1,

.schedule-header .h1 {


  color: #ffffff;

}

.session-info {

  line-height: 20px;

}

.session-info .h3 {

  line-height: 20px;

}

.session-info:before,

.session-info:after {

  content: " ";

  display: table;

}

.session-info:after {

  clear: both;

}

.week-link {

  color: #ffffff;

  display: inline-block;

  position: relative;

  font-size: 18px;

  line-height: 20px;

  margin-top: 5px;

}

.week-link:hover {

  color: #ffffff;

}

.week-link:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  width: 20px;

  height: 20px;

  background: url('/local/templates/rmc-sr/images/all-icons.png') no-repeat -80px 0;

}



.week-link-prev {

  padding-left: 40px;

}

.week-link-prev:after {

  left: 5px;

}

.week-link-prev:hover:after {

  background-position: -100px 0;

}

.week-link-next {

  padding-right: 40px;

}

.week-link-next:after {

  right: 5px;

  background-position: -80px -20px;

}

.week-link-next:hover:after {

  background-position: -100px -20px;

}

.special-settings {

  display: none;

}

.special-aaVersion-on .special-settings {

  display: block;

}

.aa-show {

  display: none;

}

.special-aaVersion-on .aa-show {

  display: inline-block;

  float: right;

}

.special-aaVersion-on .aa-hide {

  display: none;

}

/* ==========================================================================

   HELPER CLASSES */

/* ========================================================================== */

ol.unstyled,

ul.unstyled {

  margin: 0;

  padding: 0;

  list-style: none;

}

ul.big-list {

  margin: 20px 0;

  padding: 0;

  list-style: none;

}

ul.big-list li {

  margin: 5px 0;

  font-size: 18px;

  line-height: 25px;

}

.ta-center,

.table th.ta-center,

.table td.ta-center {

  text-align: center;

}

.ta-left,

.table th.ta-left,

.table td.ta-left {

  text-align: left;

}

.ta-right,

.table th.ta-right,

.table td.ta-right {

  text-align: right;

}

.va-bottom,

.table th.va-bottom,

.table td.va-bottom {

  vertical-align: bottom;

}

.va-top,

.table th.va-top,

.table td.va-top {

  vertical-align: top;

}

.va-middle,

.table th.va-middle,

.table td.va-middle {

  vertical-align: middle;

}

.td-n {

  text-decoration: none;

}

.td-u {

  text-decoration: underline;

}

.tt-u {

  text-transform: uppercase;

}

.tt-n {

  text-transform: none;

}

.hide,

.d-n {

  display: none;

}

.show,

.d-b {

  display: block;

}

.inline-block,

.d-ib {

  display: inline-block;

}

.inline,

.d-i {

  display: inline;

}

.invisible,

.vis-h {

  visibility: hidden;

}

.verdana {

  font-family: Verdana, sans-serif;

}

.tahoma {

  font-family: Tahoma, sans-serif;

}

.arial {

  font-family: Arial, sans-serif;

}



/* ÐºÐ½Ð¾Ð¿ÐºÐ° Ð½Ð°Ð²ÐµÑ€Ñ… */

.in_top {

  position: fixed;

  right: 0px;

  top: 0px;

  width: 100px;

  height: 100%;

  cursor: pointer;

  display: none;

  padding-top: 23%;

}

.in_top:hover {

  background-color: rgba(225, 231, 237, 0.12941176470588237);

}

.in_top span {

  display: block;

  width: 100px;

  margin-top: 10px;

  text-align: center;

  color: #ffffff;

  font-weight: bold;

  background: #714684;

  padding: 10px 0;

}

.in_top .bigr {
  font-size: 2rem;
}


.in_top span:hover {
  background: #FECC00;
}

/* Ð¿ÐµÑ€ÐµÐ²Ð¾Ð´ */

.content-ru input.opislang,

.content-en input.opislang,

.content-en,

.translated-ltr .content-ru {
  visibility: hidden;
  display: none;
}

.translated-ltr .content-en {
  visibility: visible;
  display: block;
}

/* ÐºÐ¾Ð½ÐµÑ† Ð¿ÐµÑ€ÐµÐ²Ð¾Ð´ */







.zaglav {

  font-size: 24px;

  font-weight: 500;

  text-align: center;

  padding-top: 40px;

}



.develop .dev-slider div {

  min-height: 240px;

  margin: 5px;

  box-sizing: border-box;

  width: 97%;

  margin: 0 auto;

}



.develop .dev-slider div p {

  text-align: center;

  text-transform: uppercase;

  color: white;

  font-size: 24px;

  padding-top: 100px;

  font-weight: 500;

}

.develop .dev-slider div a {

  text-decoration: none;

}

.develop .blue1 {

  background-color: #4B79B8;

}

.develop .blue2 {

  background-color: #689FCE;

}

.develop .blue3 {

  background-color: #85B9D8;

}

.develop .blue4 {

  background-color: #92CACC;

}

.develop .blue5 {

  background-color: #C2E1E3;

}

.develop .blue1:hover {

  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

}

.develop .blue2:hover {

  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

}

.develop .blue3:hover {

  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

}

.develop .blue4:hover {

  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

}

.blue5:hover {

  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);

}



.develop .dev__slider-button-left,
.clients .part_slider-button-left {

  position: absolute;

  top: calc(100% / 2 - 25px);

  left: 0.5%;

  z-index: 10;

  height: 81px;

  background-image: url(/local/templates/rmc-sr/img/dev-arrow-left.png);

  background-repeat: no-repeat;

  background-position: 0 0;
}



.develop .dev__slider-button-right,
.clients .part_slider-button-right {

  position: absolute;

  top: calc(100% / 2 - 25px);

  right: 0.5%;

  height: 81px;

  background-image: url(/local/templates/rmc-sr/img/dev-arrow.png);

  background-repeat: no-repeat;

  background-position: 0 0;
  z-index: 10;
}









.clients .partners_cont {
  background-color: #E2E2E2;

  padding-top: 15px;

  padding-bottom: 15px;

}

.clients .slick-list {

  width: 98%;

  padding-left: 2%;

}

.clients .slick-slide {

  padding-right: 1%;

}

.clients .partners_pic {

  float: left;

  margin-right: 3%;

}



.clients .partners_name a {

  font-size: 21px;

  text-transform: uppercase;

  color: #714684;

  font-weight: 500;

}

.clients .partners_desc p {

  color: #7F7E7C;

}



.feedback {
  background: #714684;

  padding: 40px 0;

  color: #fff;
}



.feedback_inner .h1 {

  color: white;

  font-weight: 400;

  padding: 0px 0 10px 0;

}

.feedback .podrazdelenie select,
.feedback .text textarea {
  width: 100%;

  border: none;

  color: #75758a;
}

.feedback .podrazdelenie select {
  cursor: pointer;
}

.feedback .fioemail {
  width: 100%;

  display: inline-block;
}

.feedback .fio {
  width: 49%;
  float: left;
}

.feedback .email {
  width: 49%;
  float: right;
}

.feedback .podrazdelenie,
.feedback .text {
  margin-bottom: 6px;
}

.feedback .feedback_send {
  text-align: center;
}

.feedback .feedback_send input {
  width: 99%;

  padding: 14px;

  background: #ffffff0a;

  color: #fff;

  border: 3px solid #fff;

  text-transform: uppercase;
  cursor: pointer;
  font-weight: bold;
}

.feedback .feedback_send input:hover {

  background: #714684;

  color: #ffffff;

}

.feedback .notetext,
.feedback .errortext {

  color: #0c5460;

  background-color: #d1ecf1;

  border-color: #bee5eb;

  position: relative;

  padding: .75rem 1.25rem;

  margin-top: 1rem;

  border: 1px solid transparent;

  border-radius: .25rem;

  display: block;
  position: relative;
}

.imgnnews .preview_picture {
  max-height: 155px;
}

.feedback .errortext {

  color: #721c24;

  background-color: #f8d7da;

  border-color: #f5c6cb;

}


.banglavimg,
.showban {
  position: relative;
  overflow: hidden;
}

.banglavimg:before,
.showban:before {
  position: absolute;
  top: 0;
  left: -45%;
  z-index: 2;
  display: block;
  content: '';
  width: 25%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}



.banglavimg:hover:before,
.showban:hover:before {
  -webkit-animation: banglavimg .5s;
  animation: banglavimg .5s;
}

@keyframes banglavimg {
  from {
    left: -45%;
  }

  to {
    margin-left: 200%;
  }
}

.list-of-items {
  text-decoration: underline;
  font-style: italic;
}

h2.title {
  color: #714684;
  font-family: Roboto;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  margin: 10px 0 30px;
}

#calendar {
  background-color: #714684;
  background-image: url(/upload/images/u2.png);
  padding: 20px 0 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

#calendar h2.title {
  color: white;
}

.calendar_slider .top__slider-item img {
  width: 90%;
  margin: 0 auto;
  height: auto;
}

#calendar .top,
#vacansies .top {
  background: none;
  overflow: visible;
}

.calendar_slider .button-left.slick-arrow {
  top: calc(100% / 2 - 60px);
  left: -40px;
  z-index: 10;
  display: block;
  position: absolute;
  color: white;
  font-size: 50px;
}

.calendar_slider .button-right.slick-arrow {
  top: calc(100% / 2 - 60px);
  right: -40px;
  z-index: 10;
  display: block;
  position: absolute;
  color: white;
  font-size: 50px;
}

.calendar_slider {
  padding: 0 0px 30px;
}

.calendar_slider .slick-dots li button {
  width: 16px;
  height: 16px;
  background-size: 16px;
}

.calendar_slider ul.slick-dots {
  bottom: -5px;
  left: 43.2%;
}

.calendar_slider .button-left.slick-arrow:hover,
.calendar_slider .button-right.slick-arrow:hover {
  color: #FECC00;
}

.calendar_slider .top__slider-item .name,
.calendar_slider .top__slider-item .btn,
.calendar_slider .top__slider-item .desc__full {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  border-left: 2px solid #704685;
  border-right: 2px solid #704685;
  padding: 20px 0 10px;
  min-height: 88px;
  display: block;
}

.calendar_slider .top__slider-item .name {
  border-top: 2px solid #704685;
}

.calendar_slider .top__slider-item .desc__full {
  width: 90%;
  text-align: left;
  min-height: auto;
  padding: 0 20px;
}

.calendar_slider .top__slider-item .btn {
  border-bottom: 2px solid #704685;
  padding: 0;
  min-height: auto;
  margin-top: 0px;
  padding-bottom: 20px;
  border-radius: 0;
  display: flex;
  justify-content: center;
}

.calendar_slider .top__slider-item .btn a {
  padding: 10px 20px;
  background: #704685;
  color: white;
  margin-bottom: 0;
}

.top__slider-item {
  max-height: 580px;
}

.calendar_slider .top__slider-item .btn a:hover {
  background: #ffcc01;
  text-decoration: none;
}

#vacansies .calendar_slider .button-left.slick-arrow,
#vacansies .calendar_slider .button-right.slick-arrow {
  color: #704685;
}

#vacansies .calendar_slider .button-left.slick-arrow:hover,
#vacansies .calendar_slider .button-right.slick-arrow:hover {
  color: #FECC00;
}

.docs {
  width: 25%;
  float: left;
}

.docs-item {
  width: 90%;
  margin: 0 auto;
  border: 2px solid #704685;
  text-align: center;
  padding: 40px 10px 30px;
  min-height: 200px;
}

.docs-item:hover {
  background: #ffcc01;
  border: 2px solid #ffcc01;
}

.docs-item i {
  font-size: 50px;
  margin-bottom: 10px;
}

.docs-item:hover a {
  color: white;
  text-decoration: none;
}

.f-menu {
  padding-top: 20px;
}

.f-menu li {
  float: left;
  padding: 0 10px;
}

footer .soc a i {
  background: white;
  width: 32px;
  height: 32px;
  color: #714684;
  line-height: 32px;
  text-align: center;
}

footer .soc a {
  padding: 0;
  margin: 0 5px 0 0;
}

footer .soc {
  text-align: right;
}

.metrika {
  text-align: center;
}

#full-form {
  background-color: #714684;
  padding: 50px 0;
  background-image: url(/upload/images/u3.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 90px 0;
}

#full-form .title {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 31px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: white;
  text-align: center;
  margin-bottom: 20px;
}

#full-form .slam-easyform {
  margin: 0 auto;
}

#full-form .warning-buy a {
  color: white;
}

#full-form .slam-easyform .btn {
  width: 100%;
  background: #fecc00;
  color: #714684;
  font-weight: bold;
}

#full-form .slam-easyform .btn:hover {
  background: #714684;
  color: #fecc00;
  border-color: #fecc00;
}

#full-form .image-block img {
  max-width: 80%;
  position: absolute;
  top: -99px;
}

.banner-armiay {
  margin-bottom: 15px;
  width: 50%;
}

@media (max-width: 768px) {
  #full-form .image-block {
    display: none;
  }
}

@media screen and (max-width: 1250px) {
  .calendar_slider .button-left.slick-arrow {
    left: -10px;
    font-size: 35px;
  }

  .calendar_slider .button-right.slick-arrow {
    right: -10px;
    font-size: 35px;
  }

  .topss ul {
    padding-left: 0;
  }
}

@media screen and (max-width: 945px) {
  .calendar_slider .top__slider-item .name {
    min-height: 110px;
  }

  .calendar_slider .top__slider-item .btn {
    min-height: 50px;
  }

  .docs-item p {
    min-height: 50px;
  }

  .nameshow {
    font-size: 14px;
  }

  .calendar_slider .top__slider-item .btn a {
    padding: 10px;
  }
}


@media screen and (max-width: 767px) {
  header .soc {
    text-align: right;
  }

  .header-bottom .header-bottom__logo img {
    border-right: 0;
  }

  .header-bottom__description p {
    text-align: center !important;
  }

  .calendar_slider .top__slider-item .btn a {
    padding: 10px 5px;
    font-size: 14px;
  }

  .docs {
    width: 50%;
    margin-bottom: 20px;
  }

  footer.footer {
    text-align: center;
  }

  footer .soc {
    text-align: center;
  }

  .footer-bottom__copyright p,
  .metrika,
  .footer-bottom__social {
    text-align: center;
    margin-bottom: 10px;
  }

  .new__title-all-news {
    padding-left: 20px;
  }

  .calendar_slider .top__slider-item .name,
  .calendar_slider .top__slider-item .btn {
    min-height: 90px;
  }

  #calendar,
  .filials,
  #full-form {
    background-image: none;
  }
}

@media screen and (max-width: 500px) {
  header .soc {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .docs {
    width: 100%;
    margin-bottom: 20px;
  }

  .docs-item p {
    min-height: auto;
  }

  .calendar_slider .top__slider-item .name {
    min-height: auto;
  }

  .calendar_slider .top__slider-item .btn {
    min-height: 50px;
  }

  .banns {
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
  }

  .nameshow {
    font-size: 16px;
  }

  .header-top .time {
    line-height: 20px;
  }

  .f-menu li {
    float: none;
  }
}

@media screen and (max-width: 400px) {
  .calendar_slider ul.slick-dots {
    left: 20.2%;
  }

  .header-top .time {
    font-size: 13px;
  }
}

.fullscreen-bg {
  overflow: hidden;
  z-index: -100;
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 28%;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.overlay {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}

div#callback-popup {
  padding: 0;
  border-radius: 10px;
}


#callback-popup .slam-easyform .title {
  background: #714684;
  color: white;
  text-align: center;
  padding: 10px;
  font-weight: bold;
}

#callback-popup .slam-easyform form#call {
  padding: 20px;
}

#callback-popup .slam-easyform form#call button {
  background: #714684;
  text-align: center;
  margin: 0 auto;
  display: block;
  font-size: 16px;
}

/*floating-btn*/
.floating-button {
  display: none;
  width: 154px;
  height: 154px;
  opacity: 1;
  position: fixed;
  cursor: pointer;
  right: 47px;
  bottom: 79px;
  z-index: 1051;
}

@media (min-width: 768px) {
  .floating-button {
    display: block;
  }

  img.mobile {
    display: none;
  }
}

.floating-button-design {
  display: block;
  margin: 0;
  position: absolute;
  top: -40px;
  left: 300px
}

.floating-button .fb-rad {
  top: 27px;
  left: 27px;
  width: 96px;
  height: 96px;
  position: absolute;
  border-radius: 100%;
  border: 2px solid #FECC00;
  -webkit-animation: anim 2s infinite ease-in-out;
  -moz-animation: anim 2s infinite ease-in-out;
  -o-animation: anim 2s infinite ease-in-out;
  animation: anim 2s infinite ease-in-out;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.floating-button .fb-img {
  width: 96px;
  height: 96px;
  top: 29px;
  left: 29px;
  background-image: url(/local/templates/rmc-sr/img/call-btn.png);
  background-repeat: no-repeat;
  background-position: right;
  background-color: #FECC00;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute
}

.floating-button .fb-rid {
  width: 96px;
  height: 96px;
  top: 29px;
  left: 29px;
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-animation: anim-rid 2s infinite ease-in-out;
  -moz-animation: anim-rid 2s infinite ease-in-out;
  -o-animation: anim-rid 2s infinite ease-in-out;
  animation: anim-rid 2s infinite ease-in-out;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  /*background-color: #c6fbcc*/
  background-color: #FECC00 !important;
  opacity: .8;
}

.floating-button:hover .fb-img {
  background-color: #FECC00;
  background-position: right;
  opacity: .8;
}

.floating-button:hover .fb-rad {
  border: 2px solid #FECC00;
  opacity: .8
}

.floating-button:hover .fb-rid {
  background-color: #FECC00;
  opacity: .8
}

.floating-button:hover {
  opacity: .9
}

.floating-button-small .fb-rad {
  width: 60px;
  height: 60px;
  -webkit-animation: anim-small 2s infinite ease-in-out;
  -moz-animation: anim-small 2s infinite ease-in-out;
  -o-animation: anim-small 2s infinite ease-in-out;
  animation: anim-small 2s infinite ease-in-out;
  border-color: #FECC00 !important;
}

.floating-button-small .fb-img {
  width: 60px;
  height: 60px;
  background-image: url(/local/templates/rmc-sr/img/call-btn-small.png);
  background-color: #FECC00 !important;
}

.floating-button-small .fb-rid {
  width: 60px;
  height: 60px;
  -webkit-animation: anim-rid-small 2s infinite ease-in-out;
  -moz-animation: anim-rid-small 2s infinite ease-in-out;
  -o-animation: anim-rid-small 2s infinite ease-in-out;
  animation: anim-rid-small 2s infinite ease-in-out
}

.floating-button-flipper .fb-img {
  animation-name: floating-radius-head
}

.floating-button-flipper .fb-img,
.floating-button-flipper .fb-tail {
  animation-duration: 15s;
  animation-iteration-count: infinite
}

.floating-button .fb-tail {
  display: none
}

.floating-button-flipper .fb-tail {
  display: table
}

.floating-button .fb-tail {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  top: 24px;
  left: 24px;
  position: absolute;
  text-align: center;
  animation-name: floating-radius-tail;
  line-height: 96px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: "PT Sans"
}

.floating-button .fb-tail-text {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.5em;
  color: #fff;
  text-align: center;
  background-color: #FECC00 !important;
  border-radius: 50%;
  font-family: "Fira Sans Heavy", Arial, sans-serif;
}

.floating-button-small .fb-tail {
  width: 70px;
  height: 70px;
  line-height: 60px
}

.floating-button-small .fb-tail-text {
  font-size: 13px
}

.text__main_desc {
  padding: 50px 0;
}



.text__main_desc p {
  color: #714684;
  font-size: 25px;
  text-align: center;
  margin-bottom: 0;
}

@keyframes floating-radius-head {
  0% {
    transform: rotateY(0)
  }

  66% {
    transform: rotateY(0)
  }

  70% {
    transform: rotateY(90deg)
  }

  96% {
    transform: rotateY(90deg)
  }

  100% {
    transform: rotateY(0)
  }
}

@keyframes floating-radius-tail {
  0% {
    transform: rotateY(90deg)
  }

  70% {
    transform: rotateY(90deg)
  }

  74% {
    transform: rotateY(0)
  }

  92% {
    transform: rotateY(0)
  }

  96% {
    transform: rotateY(90deg)
  }

  100% {
    transform: rotateY(90deg)
  }
}

@media (max-width: 600px) {
  .floating-button {
    width: 124px;
    height: 124px
  }

  .floating-button .fb-rad {
    width: 60px;
    height: 60px;
    -webkit-animation: anim-small 2s infinite ease-in-out;
    -moz-animation: anim-small 2s infinite ease-in-out;
    -o-animation: anim-small 2s infinite ease-in-out;
    animation: anim-small 2s infinite ease-in-out
  }

  .floating-button .fb-img {
    width: 60px;
    height: 60px;
    background-image: url(/assets/images/call-btn-small.png)
  }

  .floating-button .fb-rid {
    width: 60px;
    height: 60px;
    -webkit-animation: anim-rid-small 2s infinite ease-in-out;
    -moz-animation: anim-rid-small 2s infinite ease-in-out;
    -o-animation: anim-rid-small 2s infinite ease-in-out;
    animation: anim-rid-small 2s infinite ease-in-out
  }

  .banner-armiay {
    width: 90%;
  }
}

@keyframes anim {
  0% {
    top: 27px;
    left: 27px;
    width: 96px;
    height: 96px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    opacity: .2
  }
}

@-moz-keyframes anim {
  0% {
    opacity: 0;
    top: 27px;
    left: 27px;
    width: 96px;
    height: 96px
  }

  50% {
    opacity: 1
  }

  100% {
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    opacity: .2
  }
}

@-webkit-keyframes anim {
  0% {
    opacity: 0;
    top: 27px;
    left: 27px;
    width: 96px;
    height: 96px
  }

  50% {
    opacity: 1
  }

  100% {
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    opacity: .2
  }
}

@keyframes anim-rid {
  0% {
    width: 96px;
    height: 96px;
    top: 29px;
    left: 29px
  }

  50% {
    width: 126px;
    height: 126px;
    top: 14px;
    left: 14px
  }

  100% {
    width: 96px;
    height: 96px;
    top: 29px;
    left: 29px
  }
}

@-moz-keyframes anim-rid {
  0% {
    width: 96px;
    height: 96px;
    top: 29px;
    left: 29px
  }

  50% {
    width: 126px;
    height: 126px;
    top: 14px;
    left: 14px
  }

  100% {
    width: 96px;
    height: 96px;
    top: 29px;
    left: 29px
  }
}

@-webkit-keyframes anim-rid {
  0% {
    width: 96px;
    height: 96px;
    top: 29px;
    left: 29px
  }

  50% {
    width: 126px;
    height: 126px;
    top: 14px;
    left: 14px
  }

  100% {
    width: 96px;
    height: 96px;
    top: 29px;
    left: 29px
  }
}

@keyframes anim-small {
  0% {
    top: 27px;
    left: 27px;
    width: 60px;
    height: 60px;
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    width: 120px;
    height: 120px;
    top: 0;
    left: 0;
    opacity: .2
  }
}

@-moz-keyframes anim-small {
  0% {
    opacity: 0;
    top: 27px;
    left: 27px;
    width: 60px;
    height: 60px
  }

  50% {
    opacity: 1
  }

  100% {
    width: 120px;
    height: 120px;
    top: 0;
    left: 0;
    opacity: .2
  }
}

@-webkit-keyframes anim-small {
  0% {
    opacity: 0;
    top: 27px;
    left: 27px;
    width: 60px;
    height: 60px
  }

  50% {
    opacity: 1
  }

  100% {
    width: 120px;
    height: 120px;
    top: 0;
    left: 0;
    opacity: .2
  }
}

@keyframes anim-rid-small {
  0% {
    width: 60px;
    height: 60px;
    top: 29px;
    left: 29px
  }

  50% {
    width: 90px;
    height: 90px;
    top: 14px;
    left: 14px
  }

  100% {
    width: 60px;
    height: 60px;
    top: 29px;
    left: 29px
  }
}

@-moz-keyframes anim-rid-small {
  0% {
    width: 60px;
    height: 60px;
    top: 29px;
    left: 29px
  }

  50% {
    width: 90px;
    height: 90px;
    top: 14px;
    left: 14px
  }

  100% {
    width: 60px;
    height: 60px;
    top: 29px;
    left: 29px
  }
}

@-webkit-keyframes anim-rid-small {
  0% {
    width: 60px;
    height: 60px;
    top: 29px;
    left: 29px
  }

  50% {
    width: 90px;
    height: 90px;
    top: 14px;
    left: 14px
  }

  100% {
    width: 60px;
    height: 60px;
    top: 29px;
    left: 29px
  }
}

/*floating-btn*/

@media (max-width: 767px) {
  .fullscreen-bg {
    display: none;
  }
}

@media (max-width: 450px) {
  .header-top .time {
    padding-left: 65px;
  }
}

/* #vkontakte-groupnews {
  width: 100%!important;
}

#vkontakte-groupnews #vkwidget1 {
  width: 100%!important;
} */

section.people .imgnnews {
  padding: 0;
}

p.name {
  font-weight: bold;
  font-size: 27px;
  line-height: 30px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #714684;
  width: 95%;
}

p.dolz {
  color: #333333;
}

p.adr {
  font-weight: bold;
  color: #333333;
}

p.phone a {
  font-weight: 900;
}

section.people {
  text-align: left;
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
}

section.people .item {
  margin-bottom: 30px;
}

#baner_bank {
	display: block;
}

#baner_bank_mobile {
	display: none;
}

.banner_footer_img {
  width: 100%; 
  height: auto;
}
#desc.banner_footer_img {
  display: block;
}
#mobile.banner_footer_img {
  display: none;
}



@media(max-width:768px) {
	#baner_bank_mobile{
		display: block;
	}
	#baner_bank{
		display: none;
	}
  #desc.banner_footer_img {
    display: none;
  }
  #mobile.banner_footer_img {
    display: block;
  }
}

.vacancy-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.vacancy-list .vacancy-item {
  border: 2px solid #714684;
  border-radius: 30px;
  margin-bottom: 30px;
  padding: 20px;
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.vacancy-list .vacancy-item a,
.vacancy-list .vacancy-item a:active {
  color: #714684;
  text-align: center;
  font-weight: 900;
}

.vacancy-list .vacancy-item:hover {
  background-color: #714684;
}

.vacancy-list .vacancy-item:hover a {
  color: #fff;
  text-decoration: none;
}


.vakansii_list {
	display: flex;
	flex-wrap: wrap;
  justify-content: space-evenly;
}

.vakansii_item {
  display: flex;
  flex-direction: column;
  align-items: center;
	border: 2px solid #714684;
  border-radius: 30px;
  width: 45%;
  padding: 15px;
  margin: 10px;
}

.vakansii_item_img img {
  margin-bottom: 10px;
  height: 223px;
  width: auto;
}

.vakansii_item_title {
  font-weight: bold;
  font-size: large;
  text-align: center;
}

.vakansii_item:hover {
  background: #714684;
}

.vakansii_item:hover a, 
.vakansii_item:hover a:focus, 
.vakansii_item:hover a:active {
  color: white;
  text-decoration: none;
}

@media(max-width:768px) {
  .vacancy-list .vacancy-item {
    width: 90%;
  }
  .vakansii_item {
    width: 90%;
  }
}

.product-item-big-card.vakansii .product-item-container{
  margin-bottom: 25px;
  height: 400px !important;
  border: 2px solid #714684;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.vakancii__nesovershennolet_title {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  background: #714684;
  border-radius: 22px 22px 0px 0px;
  color: white;
  padding: 15px;
  margin: 0px !important;
}
.vakancii__nesovershennolet_p {
  font-size: 16px;
  padding: 0px 15px;
}

.product-detail-button {
  text-align: center;
  padding-bottom: 10px;
}

.file-selectdialog .table-responsive.table-bordered {
  border: 0px solid transparent !important;
}
.file-selectdialog {
  padding: 0px;
}

.slam-easyform #FORM9 .form-group {
	display: flex;
	margin-bottom: 15px;
	flex-direction: column;
}

.slam-easyform #FORM9 .radio-inline, 
.slam-easyform #FORM9 .checkbox-inline {
  margin-left: 15px !important;
}

.slam-easyform .btn-primary {
  background-color: #714684;
}

.slam-easyform .btn-primary:hover, 
.slam-easyform .btn-primary:focus, 
.slam-easyform .btn-primary:active, 
.slam-easyform .btn-primary.active, 
.slam-easyform .open .dropdown-toggle.btn-primary {
  background-color: #fecc00;
  border-color: transparent;
}

.slam-easyform .webform-field-upload:hover .btn-primary, 
.slam-easyform .webform-field-upload:focus .btn-primary, 
.slam-easyform .webform-field-upload:active .btn-primary {
  background-color: #fecc00;
}

.slam-easyform .col-xs-12 {
  margin-bottom: 25px;
}

*:focus {
  outline: 3px solid black !important;  
  outline-offset: 2px !important;
}


.special-aaVersion-on #calendar {
  background-image: none !important;
  background-color: unset !important;
}

.special-aaVersion-on.special-aaColor-black video, .special-aaVersion-on.special-aaColor-black #gosuslug {
  filter: grayscale(100%);
}

.special-aaVersion-on.special-aaImage-off video{
 display: none !important;
}

.special-aaVersion-on .nameshow {
    background: white !important;
}

.special-aaVersion-on .header-top .time {
   color: white !important;
}

.help {
  font-size: 20px;
  color: white !important;
  font-weight: 700;
}

.special-aaVersion-on.special-aaImage-off .showban {
  display: block !important;
  background: none !important;
}