@import url('http://fonts.googleapis.com/css?family=Cuprum&text=%D0%90%D0%91%D0%92%D0%93%D0%94%D0%95%D0%81%D0%96%D0%97%D0%98%D0%9A%D0%9B%D0%9C%D0%9D%D0%9E%D0%9F%D0%A0%D0%A1%D0%A2%D0%A3%D0%A4%D0%A5%D0%A6%D0%A7%D0%A8%D0%A9%D0%AA%D0%AB%D0%AC%D0%AD%D0%AE%D0%AF%D0%B0%D0%B1%D0%B2%D0%B3%D0%B4%D0%B5%D1%91%D0%B6%D0%B7%D0%B8%D0%BA%D0%BB%D0%BC%D0%BD%D0%BE%D0%BF%D1%80%D1%81%D1%82%D1%83%D1%84%D1%85%D1%86%D1%87%D1%88%D1%89%D1%8A%D1%8B%D1%8C%D1%8D%D1%8E%D1%8F0123456789%20%A0');
.head .wrapper {
  padding: 30px 30px 35px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 895px) {
  .head .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .head .wrapper div {
    margin: 10px;
  }
}
@media screen and (max-width: 626px) {
  .head .wrapper {
    text-align: center;
  }
}
.head .wrapper .adress {
  width: 300px;
  font-size: 16px;
  line-height: 24px;
  color: #231f20;
}
.head .wrapper .adress span {
  font-weight: 700;
}
.head .wrapper .adress p a {
  color: #231f20;
}
.head .wrapper .adress .soc {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  margin: 10px 0 0 0;
}
@media screen and (max-width: 626px) {
  .head .wrapper .adress .soc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.head .wrapper .adress .soc a {
  margin: 0 5px 0 0;
}
.head .wrapper .phones .ph_tit {
  font-size: 16px;
}
.head .wrapper .phones .row {
  font-size: 16px;
  margin: 5px 0 5px 0;
}
.head .wrapper .phones .row a {
  text-decoration: none;
  color: #000;
}
.head .wrapper .phones .row a span {
  color: #5f4330;
}
@media screen and (max-width: 390px) {
  .head .wrapper .phones .row a {
    display: block;
    margin: 5px 0;
  }
}
.nav .wrapper {
  padding: 0 30px;
}
@media screen and (max-width: 642px) {
  .nav .wrapper {
    padding: 0;
  }
}
.nav .wrapper ul {
  display: table;
}
@media screen and (max-width: 908px) {
  .nav .wrapper ul {
    margin: 0 auto;
  }
}
@media screen and (max-width: 426px) {
  .nav .wrapper ul {
    width: 100%;
  }
}
.nav .wrapper ul li {
  display: table-cell;
}
@media screen and (max-width: 426px) {
  .nav .wrapper ul li {
    display: block;
    width: 100%;
  }
}
.nav .wrapper ul li:first-child a {
  border-radius: 0 0 0 10px;
}
@media screen and (max-width: 426px) {
  .nav .wrapper ul li:first-child a {
    border-radius: 0;
  }
}
.nav .wrapper ul li:last-child a {
  border-radius: 0 0 10px 0;
}
@media screen and (max-width: 426px) {
  .nav .wrapper ul li:last-child a {
    border-radius: 0;
  }
}
.nav .wrapper ul li a {
  background: #cccccc;
  text-decoration: none;
  font-size: 20px;
  display: inline-block;
  padding: 10px 25px;
  color: #000;
}
.nav .wrapper ul li a:hover {
  background: #e18c44;
}
@media screen and (max-width: 642px) {
  .nav .wrapper ul li a {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 500px) {
  .nav .wrapper ul li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 426px) {
  .nav .wrapper ul li a {
    display: block;
    text-align: center;
    font-size: 20px;
    width: 100%;
    border-bottom: 1px solid #e18c44;
    padding: 10px 0;
  }
}
.nav .wrapper ul li .active {
  background: #e18c44;
}
.screen_1 .wrapper {
  background: url(../img/bg-1.png);
  background-size: cover;
  padding: 25px 30px 20px 30px;
  position: relative;
}
@media screen and (max-width: 996px) {
  .screen_1 .wrapper {
    background: url(../img/bg-1-mob.png);
    background-size: cover;
  }
}
.screen_1 .wrapper:before {
  content: '';
  width: 541px;
  height: 282px;
  display: block;
  position: absolute;
  top: -55px;
  right: 30px;
  background: url(../img/map.png);
}
@media screen and (max-width: 996px) {
  .screen_1 .wrapper:before {
    display: none;
  }
}
.screen_1 .wrapper p {
  color: #fff;
  position: relative;
  z-index: 999;
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 10px 0;
  max-width: 485px;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.8), 0 1px 1px rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 996px) {
  .screen_1 .wrapper p {
    margin: 0 auto 10px;
    text-align: center;
  }
}
.screen_1 .wrapper .map {
  display: none;
}
@media screen and (max-width: 996px) {
  .screen_1 .wrapper .map {
    display: block;
    text-align: center;
  }
  .screen_1 .wrapper .map img {
    width: 540px;
  }
}
@media screen and (max-width: 601px) {
  .screen_1 .wrapper .map img {
    width: 100%;
  }
}
.screen_2 {
  padding: 63px 0 0 0;
}
.screen_2 .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.screen_2 .wrapper .left {
  width: 26%;
  padding: 0 0 0 0;
  margin: 0 0 0 -30px;
}
@media screen and (max-width: 1134px) {
  .screen_2 .wrapper .left {
    margin: 0;
  }
}
@media screen and (max-width: 850px) {
  .screen_2 .wrapper .left {
    width: 96%;
    margin: 20px auto;
  }
}
.screen_2 .wrapper .left ul li a {
  text-decoration: none;
  color: #000;
  font-size: 20px;
  padding: 10px 0 10px 30px;
  display: block;
  border-radius: 10px;
}
.screen_2 .wrapper .left ul li a:hover {
  background: #e18c44;
}
.screen_2 .wrapper .left ul li .active_nav_2 {
  background: #e18c44;
}






.screen_2 .wrapper .left .row_1 {
  padding: 40px 0 0 30px;
}
@media screen and (max-width: 850px) {
  .screen_2 .wrapper .left .row_1 {
    padding: 40px 0 0 0;
  }
}
.screen_2 .wrapper .left .row_1 .l_title {
  font-size: 24px;
  color: #5f4330;
  font-weight: 700;
}
@media screen and (max-width: 850px) {
  .screen_2 .wrapper .left .row_1 .l_title {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 850px) {
  .screen_2 .wrapper .left .row_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.screen_2 .wrapper .left .row_1 .news {
  margin: 20px 0;
}
@media screen and (max-width: 850px) {
  .screen_2 .wrapper .left .row_1 .news {
    width: 320px;
  }
}
.screen_2 .wrapper .left .row_1 .news .date {
  font-size: 16px;
}
.screen_2 .wrapper .left .row_1 .news a {
  text-decoration: none;
  color: #5e4330;
  font-size: 18px;
  line-height: 22px;
}
.screen_2 .wrapper .left .row_1 .news .news_title {
  margin: 3px 0;
  font-weight: 700;
}
.screen_2 .wrapper .left .row_1 .news .news_text {
  color: #000;
  font-size: 16px;
}
.screen_2 .wrapper .left .rar {
  padding: 0 0 0 30px;
}
@media screen and (max-width: 850px) {
  .screen_2 .wrapper .left .rar {
    text-align: center;
  }
}
.screen_2 .wrapper .left .rar a {
  color: #000;
  font-size: 16px;
}
.screen_2 .wrapper .right {
  width: 64%;
  padding: 0 30px 0 0 0;
  margin: 0 -30px 0 0;
}
@media screen and (max-width: 1200px) {
  .screen_2 .wrapper .right {
    margin: 0;
  }
}
@media screen and (max-width: 850px) {
  .screen_2 .wrapper .right {
    width: 96%;
    margin: 20px auto;
  }
}
.screen_2 .wrapper .right .contetn_title {
  font-size: 30px;
  color: #5f4330;
  margin: 0 0 30px 0;
  font-weight: 700;
}
.screen_2 .wrapper .right .cont {
  font-size: 18px;
  line-height: 26px;
  margin: 0 0 20px 0;
}
.footer {
  padding: 70px 0 0 0;
}
.footer .wrapper {
  background: url(../img/bg-2.png);
  padding: 30px  30px 20px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
@media screen and (max-width: 808px) {
  .footer .wrapper {
    background: url(../img/bg-1-mob.png);
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .footer .wrapper div {
    margin: 5px 0;
  }
}
@media screen and (max-width: 508px) {
  .footer .wrapper {
    padding: 10px 0;
  }
}
.footer .wrapper .logo_2 {
  padding: 0 40px 0 0;
}
@media screen and (max-width: 808px) {
  .footer .wrapper .logo_2 {
    text-align: center;
    width: 100%;
    display: block;
    padding: 0;
  }
}
.footer .wrapper .logo_2 p {
  color: #fff;
  line-height: 22px;
  font-size: 16px;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.8), 0 1px 1px rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 808px) {
  .footer .wrapper .logo_2 p {
    display: block;
    text-align: center;
  }
}
.footer .wrapper .block_footer ul {
  display: table;
}
@media screen and (max-width: 522px) {
  .footer .wrapper .block_footer ul {
    display: block;
    width: 100%;
  }
}
.footer .wrapper .block_footer ul li {
  display: table-cell;
}
@media screen and (max-width: 522px) {
  .footer .wrapper .block_footer ul li {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.footer .wrapper .block_footer ul li a {
  padding: 10px 15px;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.8), 0 1px 1px rgba(0, 0, 0, 0.8);
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}
.footer .wrapper .block_footer ul li a:hover {
  text-decoration: underline;
}
.footer .wrapper .block_footer .soc_2 {
  padding: 15px 0 0 20px;
}
@media screen and (max-width: 808px) {
  .footer .wrapper .block_footer .soc_2 {
    margin: 0 auto;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.footer .wrapper .block_footer .soc_2 a {
  display: inline-block;
  width: 32px;
}
.footer .wrapper .block_footer .soc_2 a img {
  width: 24px;
  height: 24px;
}
body {
  background: #fff;
  font-family: 'Cuprum', sans-serif;
}
.wrapper {
  max-width: 1140px;
  margin: 0 auto;
}
.test {
  max-width: 500px;
  height: 500px;
  margin: 20px;
  background: #ccc;
}
.test .test_2 {
  width: 50px;
  height: 50px;
  margin: 10px;
  background: #000;
}
.flex_wrap_around {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.flex {
  display: flex;
}
.wrap {
  flex-wrap: wrap;
}
.grow {
  flex-grow: 1;
}
.around {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.around_w {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.around_wg {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.between {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.between_Wg {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
}
.start {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
.center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.center_parents:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.center_parents .center_child {
  width: 99%;
  display: inline-block;
  vertical-align: middle;
}
.tabs div,
.tabs input {
  display: none;
}
.tabs label {
  padding: 5px;
  border: 1px solid #aaa;
  line-height: 28px;
  cursor: pointer;
  position: relative;
  bottom: 1px;
  background: #fff;
}
.tabs input[type="radio"]:checked + label {
  border-bottom: 2px solid #fff;
  background: red;
}
.tabs input:nth-of-type(1):checked ~ div:nth-of-type(1),
.tabs input:nth-of-type(2):checked ~ div:nth-of-type(2),
.tabs input:nth-of-type(3):checked ~ div:nth-of-type(3) {
  display: block;
  padding: 20px;
  width: 500px;
  border: 1px solid #aaa;
}
.btn {
  cursor: pointer;
}
.in_block {
  display: inline-block;
}


.menu_2a {
  text-decoration: none;
  color: #000;
  font-size: 12px;
  padding: 10px 0 10px 30px;
  display: block;
  border-radius: 4px;
}



.header3 {
  text-decoration: none;
  color: #000;
  font-size: 26px;
}

.text4 {
  text-decoration: none;
  color: #000;
  font-size: 20px;
}

.text5 {
  text-decoration: none;
  color: #000;
  font-size: 16px;
}