@font-face {
    font-family: OpenSansLight; /* Имя шрифта */
    src: url(/public/skin/styles/fonts/open-sans.light-italic.ttf); /* Путь к файлу со шрифтом */
   }


/* Slider */
.slider_two-storied {
  /* Ширина контейнера */
  width: 918px;
  /* Внешние тступы сверху и снизу */
  margin: 50px auto;
  /* Внутренние отступы для ссылок navy */
  padding: 0 50px;
  /* Позиционирование, нужно для навигации вперед/назад */
  position: relative;
  top: -70px;
}
.slide-list {
  /* Показываем только то что нужно */
  overflow: hidden;
  /* Позиционирование */
  position: relative;
}
.slide-wrap {
  /* Позиционирование */
  position: relative;
  /* Ширина обертки */
  width: 10000px;
  /* Сбрасываем обтекание */
  clear: right;
}
.slide-item {
  /* Ширина слайда */
  width: 286px;
  /* Внутренние отступы */
  height: 300px;
  padding: 10px;
  background-image: url(/public/skin/img/circul-c.png);
  background-repeat: no-repeat;
  background-position: center 50px;
  /* Обтекание */
  float: left;
}
.slide-thumb {
  /* Высота бокса миниатюры */
  height: 270px;
  /* Высота строки бокса миниатюры */
  width: 285px;
  background-repeat: no-repeat;
  background-position: center center;
  line-height: 240px;
  cursor: pointer;
  /* В моем примере картинки разного размера, поэтому я указал высоту и бокса и скрываю то что за него выходит */
  /*overflow: hidden;*/
}
.slide-thumb span{
  display: block;
  height: 0;
  position: relative;
  text-align: center;
  top: 112px;
  color: #fff;
  font-family: 'Calibri';
  font-weight: bold;
  font-size: 18px;
}
.slide-thumb img {
  /* Ширина картинки */
  width: 100%;
  height: 100%;
  /* Вертикальное выравнивание миниатюры */
  display: inline;
  vertical-align: bottom;
}
.slide-title a {
  /* Стилизация ссылок названия слайда */
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-family: monospace;
  line-height: 1.3;
  display: block;
  padding-top: 10px;
  text-shadow: 0 1px white;
}
.slide-title a i {
  /* Стилизация иконки названия слайда */
  font-size: 12px;
  color: #666;
}
 
/* навигация по слайдеру */
.navy {
  /* абсолютное позиционирование */
  position: absolute;
  top: 80px;
  /* размеры ссылок */
  width: 50px;
  height: 50px;
  /* положение, цвет, размер шрифта */
  color: #0074A3;
  text-align: center;
  line-height: 50px;
  font-size: 3em;
  font-weight: bold;
  text-shadow: 0 1px #fff;
  /* анимация CSS3*/
  transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
}
/* позиционирование навигационных сссылок */
.prev-slide {
  top:140px;
  left: 0px;
  border-color: transparent #3566f0 transparent transparent;
  border-style: solid;
  border-width: 15px 25px 15px 15px;
  height: 0px; width: 0px;
}
.next-slide {
  top:140px;
  right: -2px;
  border-color: transparent transparent transparent #3566f0;
  border-style: solid;
  border-width: 15px 15px 15px 25px;
  height: 0px; width: 0px;
}
/* событие наведения на стрелку */
.next-slide:hover {
  border-color: transparent transparent transparent #5a7ee4;
}
.prev-slide:hover {
  border-color: transparent #5a7ee4 transparent transparent;
}
/* событие клика на стрелку */
.next-slide:active {
  border-color: transparent transparent transparent #fff;
}
.prev-slide:active {
  border-color: transparent #fff transparent transparent;
}
/* заблокированная навигационная ссылка */
.navy.disabled,
.navy.disabled:hover,
.navy.disabled:active {
  top:140px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: default;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
                   //////////    ///   //   \\    //
                   //      /     ////  //    \\  //
                     //          // // //     \\//
                       //        //  ////     //\\
                   /     //      //   ///    //  \\
        ========  ///////////    //    //   //    \\

///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Подземка чо
/* Slider */
.slider_two-storied_b {
  /* Ширина контейнера */
  width: 918px;
  /* Внешние тступы сверху и снизу */
  margin: 50px auto;
  /* Внутренние отступы для ссылок navy */
  padding: 0 50px;
  /* Позиционирование, нужно для навигации вперед/назад */
  position: relative;
  top: -49px;
}
.slide-list_b {
  /* Показываем только то что нужно */
  height: 380px;
  overflow: hidden;
  /* Позиционирование */
  position: relative;
}


.slide-wrap_b {
  /* Позиционирование */
  position: relative;
  /* Ширина обертки */
  width: 10000px;
  /* Сбрасываем обтекание */
  clear: right;
}
.slide-item_b {
  /* Ширина слайда */
  width: 286px;
  /* Внутренние отступы */
  height: 300px;
  padding: 10px;
  /* Обтекание */
  float: left;
}
.slide-thumb_b {
  /* Высота бокса миниатюры */
  margin-top: 8px;
  height: 270px;
  /* Высота строки бокса миниатюры */
  width: 285px;
  background-repeat: no-repeat;
  background-position: center top;
  line-height: 240px;
  /* В моем примере картинки разного размера, поэтому я указал высоту и бокса и скрываю то что за него выходит */
  /*overflow: hidden;*/
}

.h2_bot{
  height: 20px;
  position: relative;
  top: 82px;
  text-align: center;
  color: #bd0435;
  font-family: 'Calibri';
  font-size: 15px;
}


.slide-thumb_b span{
  display: block;
  height: 0;
  width: 265px;
  position: relative;
  top: 85px;
  color: #333;
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  line-height: 1.5;
}
.slide-thumb_b img {
  /* Ширина картинки */
  width: 100%;
  height: 100%;
  /* Вертикальное выравнивание миниатюры */
  display: inline;
  vertical-align: bottom;
}
.slide-title_b a {
  /* Стилизация ссылок названия слайда */
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-family: monospace;
  line-height: 1.3;
  display: block;
  padding-top: 10px;
  text-shadow: 0 1px white;
}
.slide-title_b a i {
  /* Стилизация иконки названия слайда */
  font-size: 12px;
  color: #666;
}

.p_fone {
  position: absolute;
  top: 1px;
  width: 1024px;
  left: 50%;
  margin-left: -512px;
  background-color: #fff;
  height: 318px;
  opacity: 0.6;
} 
/* навигация по слайдеру */
.navy_b {
  /* абсолютное позиционирование */
  position: absolute;
  top: 80px;
  /* размеры ссылок */
  width: 50px;
  height: 50px;
  /* положение, цвет, размер шрифта */
  color: #0074A3;
  text-align: center;
  line-height: 50px;
  font-size: 3em;
  font-weight: bold;
  text-shadow: 0 1px #fff;
  /* анимация CSS3*/
  transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
}
/* позиционирование навигационных сссылок */
.prev-slide_b {
  top:175px;
  left: 0px;
  border-color: transparent #3566f0 transparent transparent;
  border-style: solid;
  border-width: 15px 25px 15px 15px;
  height: 0px; width: 0px;
}
.next-slide_b {
  top:175px;
  right: -2px;
  border-color: transparent transparent transparent #3566f0;
  border-style: solid;
  border-width: 15px 15px 15px 25px;
  height: 0px; width: 0px;
}
/* событие наведения на стрелку */
.next-slide_b:hover {
  border-color: transparent transparent transparent #5a7ee4;
}
.prev-slide_b:hover {
  border-color: transparent #5a7ee4 transparent transparent;
}
/* событие клика на стрелку*/
.next-slide_b:active {
  border-color: transparent transparent transparent #fff;
}
.prev-slide_b:active {
  border-color: transparent #fff transparent transparent;
}
/* заблокированная навигационная ссылка */
.navy_b.disabled,
.navy_b.disabled:hover,
.navy_b.disabled:active {
  top:175px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: default;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////
                   //////////    ///   //   \\    //
                   //      /     ////  //    \\  //
                     //          // // //     \\//
                       //        //  ////     //\\
                   /     //      //   ///    //  \\
        ========  ///////////    //    //   //    \\  reviews

///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Подземка чо
/* Slider */
.slider_two-storied_reviews {
  /* Ширина контейнера */
  width: 918px;
  /* Внешние тступы сверху и снизу */
  margin: 0px auto;
  /* Внутренние отступы для ссылок navy */
  padding: 0 50px;
  /* Позиционирование, нужно для навигации вперед/назад */
  position: relative;
}
.slide-list_reviews {
  /* Показываем только то что нужно */
  height: 563px;
  overflow: hidden;
  /* Позиционирование */
  position: relative;
}


.slide-wrap_reviews {
  /* Позиционирование */
  position: relative;
  /* Ширина обертки */
  width: 10000px;
  /* Сбрасываем обтекание */
  clear: right;
}
.slide-item_reviews {
  /* Ширина слайда */
  width: 286px;
  /* Внутренние отступы */
  height: 250px;
  padding: 10px;
  /* Обтекание */
  float: left;
}
.slide-thumb_reviews {
  /* Высота бокса миниатюры */
  margin-top: 70px;
  height: 378px;
  /* Высота строки бокса миниатюры */
  width: 270px;
  /* В моем примере картинки разного размера, поэтому я указал высоту и бокса и скрываю то что за него выходит */
  /*overflow: hidden;*/
}

.photo_reviews{
  background-repeat: no-repeat;
  background-position: center center;
  line-height: 240px;
  width: 180px;
  height: 180px;
  -moz-border-radius: 90px;
  -webkit-border-radius: 90px;
  border-radius: 90px;
  margin: 0 auto;
}

.h2_top_reviews{
  margin-top: 200px;
  text-align: center;
  color: #00427a;
  font-family: 'OpenSans', sans-serif;
  font-weight: bolder;
  font-size: 14px;
  height: 30px;
}

.slide-thumb_reviews span{
  text-align: left;
  display: block;
  height: 0;
  color: #333;
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  line-height: 1.5;
}
.slide-thumb_reviews img {
  width: 23px;
  height: 15px;
  display: inline;
  vertical-align: bottom;
  margin-bottom: 4px;
}
.slide-title_reviews a {
  /* Стилизация ссылок названия слайда */
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-family: monospace;
  line-height: 1.3;
  display: block;
  padding-top: 10px;
  text-shadow: 0 1px white;
}
.slide-title_reviews a i {
  /* Стилизация иконки названия слайда */
  font-size: 12px;
  color: #666;
}

/* навигация по слайдеру */
.navy_reviews {
  /* абсолютное позиционирование */
  position: absolute;
  top: 80px;
  /* размеры ссылок */
  width: 50px;
  height: 50px;
  /* положение, цвет, размер шрифта */
  color: #0074A3;
  text-align: center;
  line-height: 50px;
  font-size: 3em;
  font-weight: bold;
  text-shadow: 0 1px #fff;
  /* анимация CSS3*/
  transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
}
/* позиционирование навигационных сссылок */
.prev-slide_reviews {
  top:285px;
  left: 0px;
  border-color: transparent #3566f0 transparent transparent;
  border-style: solid;
  border-width: 15px 25px 15px 15px;
  height: 0px; width: 0px;
}
.next-slide_reviews {
  top:285px;
  right: -2px;
  border-color: transparent transparent transparent #3566f0;
  border-style: solid;
  border-width: 15px 15px 15px 25px;
  height: 0px; width: 0px;
}
/* событие наведения на стрелку */
.next-slide_reviews:hover {
  border-color: transparent transparent transparent #5a7ee4;
}
.prev-slide_reviews:hover {
  border-color: transparent #5a7ee4 transparent transparent;
}
/* событие клика на стрелку*/
.next-slide_reviews:active {
  border-color: transparent transparent transparent #fff;
}
.prev-slide_reviews:active {
  border-color: transparent #fff transparent transparent;
}
/* заблокированная навигационная ссылка */
.navy_reviews.disabled,
.navy_reviews.disabled:hover,
.navy_reviews.disabled:active {
  top:285px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: default;
}