.container { width: 1080px; margin: 0 auto; overflow: hidden }
.container-in { min-height: 300px; background: url(../img/bodybg.png) repeat-y 0 0; min-width: 980px; }
.container-inr { background: url(../img/bodybgr.png) repeat-y 100% 0; }

.topbg { min-width: 980px; margin-top: 30px }
.topbg div { position: relative; height: 57px; background: url(../img/topbg.png) no-repeat 0 0; margin: 0 80px 0 -3px; }
.topbg span { position: absolute; top: 0; right: -83px; width: 83px; height: 57px; background: url(../img/topbg.png) no-repeat 100% 0; }

.head { width: 980px; margin: 0 auto; height: 135px; position: relative; border-bottom: 1px solid #e6e6e6 }
.head .search-top { position: absolute; top: 0px; right: 0 }
.head .contacts { color: #818181; padding-bottom: 9px }
.head .contacts .phone { background: url(../img/phone.png) no-repeat 0 50%; padding: 0 0 0 23px; display: block; font-size: 16px; margin-bottom: 8px; color: #111 }
.head .search { position: relative }
.head .search { width: 420px }
.head .search input  { font-size: 16px; padding: 13px 0 12px 11px; border: 2px solid #2a96d1; background: #fff; border-radius: 4px; width: 365px }
.head .search .submit { position: absolute; width: 50px; height: 100%; padding: 0; margin: 0; border: none; background: #2a96d1 url(../img/sbutton.png) no-repeat 50% 50%; font-size: 0; top: 0; right: 0; cursor: pointer }
.head .search .submit:hover { background-color: #2a69be }

.head .logo { position: absolute; top: 0; left: 0; width: 540px; }
.head .logo a { display: block; padding: 10px 0 0 124px; height: 105px; background: url(../img/logo.png) no-repeat 0 0; font-size: 16px; text-decoration: none; color: #000; line-height: 1.4em }
.head .logo strong { display: block; padding-top: 10px; text-transform: uppercase; font-size: 24px }

.top-icos { position: absolute; top: -60px; right: 0; font-size: 0 }
.top-icos a { display: inline-block; vertical-align: top; width: 58px; height: 75px }
.top-icos .contacts { background: url(../img/topicos.png) no-repeat 0 0; }
.top-icos .mail { background: url(../img/topicos.png) no-repeat -58px 0; }
.top-icos .map { background: url(../img/topicos.png) no-repeat -116px 0; }
.top-icos .blind { background: url(../img/topicos.png) no-repeat -179px 0; margin-left: 5px }

.columns { width: 980px; margin: 0 auto; padding: 25px 0 60px 0; }
.columns .col-left { float: left; width: 260px; margin-right: 40px }
.columns .col-right { float: left; width: 680px }

.mmenu { box-shadow: 0 4px 5px #e4e3e3; border-radius: 0 0 4px 4px; margin-bottom: 30px }
.mmenu .item { font-size: 16px; position: relative; border-bottom: 1px solid #2889bb; border-top: 1px solid #57b7eb; background: #2b99d2; }
.mmenu .item i { position: absolute; width: 17px; height: 17px; background: url(../img/mmico.png) no-repeat 0 100%; top: 14px; left: 10px }
.mmenu .item a { color: #fff; text-decoration: none; display: block; padding: 12px 10px 11px 36px }
.mmenu .item:first-child { border-top: none; border-radius: 4px 4px 0 0 }
.mmenu .item.last { border-bottom: 0; border-radius: 0 0 4px 4px }
.mmenu .item:hover, .mmenu .item.active { background: #ffdc00;  }
.mmenu .item:hover a, .mmenu .item.active a { color: #fff }
.mmenu .item:hover i, .mmenu .item.active i { background: url(../img/mmico.png) no-repeat 0 0; }

.mmenu .item .subm { position: absolute; font-size: 14px; z-index: 99; background: #2a96d1; top: 0; left: 260px; width: 670px; padding: 17px 0 4px 17px; box-shadow: 0 2px 5px #1b79a7; min-height: 60px }
.mmenu .item .subm .col { float: left; width: 300px; padding-right: 25px }
.mmenu .item .subm a { display: block; padding: 0 0 15px 23px; color: #fff; position: relative;  }
.mmenu .item .subm a i { width: 13px; height: 17px; background: url(../img/mmsico.png) no-repeat 0 -27px; top: 0; left: 0 }
.mmenu .item .subm a:hover { color: #ffdc00;  }
.mmenu .item .subm a:hover i { background: url(../img/mmsico.png) no-repeat 0 3px }
.mmenu .item .subm .subarr { position: absolute; width: 16px; height: 83px; background: url(../img/subcorn.png) no-repeat 0 0; top: 0; left: -16px }

.ibutton { font-size: 17px; border: 1x solid #2c6bc0; box-shadow: 0 1px 2px #c3c2c2; border-radius: 2px; margin-bottom: 30px }
.ibutton a { display: block; padding: 12px 0 15px 60px; border: 1x solid #7da7e0; border-radius: 2px; background: url(../img/buttongrad.png) repeat-x 0 50%; color: #fff; text-decoration: none; position: relative; }
.ibutton i { position: absolute; top: 12px; left: 20px; background: url(../img/buttonimg.png) no-repeat 0 0; width: 25px; height: 22px }
.ibutton .hover { background: url(../img/bh.png) repeat 0 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0;  }

.banners { text-align: center }
.banners .item { display: flex; align-items: center; margin-bottom: 20px }
.banners .item img { border: 1px solid #bec8d4; border-radius: 3px; }
.banners .item a + a { width: calc(100% - 80px); margin-left: auto; }

.main-illustration { padding: 5px; border: 1px solid #2a96d1; background: #ffdc00 }

.mtext { border-bottom: 1px solid #e6e6e6; padding: 20px 0 30px 0; font-size: 14px; text-align: justify; margin-bottom: 25px }

.main-title { font-size: 24px; font-weight: bold; margin-bottom: 20px; position: relative }
.main-title .link { font-size: 12px; font-weight: normal; position: absolute; top: 10px; right: 0 }

.anonses { font-size: 0; width: 100%; overflow: hidden; padding-bottom: 15px }
.anonses-in { width: 120% }
.anonses .item { box-shadow: 0 2px 3px #cbcbcb; width: 211px; font-size: 13px; display: inline-block; vertical-align: top; border: 1px solid #45b8f6; background: #2a96d1; border-radius: 5px; margin: 0 15px 19px 3px; color: #fff }
.anonses .item-in { padding: 22px 15px 15px 12px;  }
.anonses .item .name { display: block; font-size: 16px; color: #fff; font-weight: bold; text-decoration: none; padding-bottom: 12px }
.anonses .item .name:hover { color: #fff; text-decoration: underline }
.anonses .item .info { min-height: 175px }
.anonses .item .descr { }
.anonses .item .brd { position: relative; border-top: 1px solid #2889bb; border-bottom: 1px solid #57b7eb; font-size: 0; left: -11px; margin-bottom: 14px }
.anonses .item .brd span { position: absolute; width: 22px; border-top: 1px solid #2889bb; border-bottom: 1px solid #57b7eb; right: -22px; top: -1px }
.anonses .item .date { position: relative; padding: 0 0 0 22px; color: #fff }
.anonses .item .date i { position: absolute; left: 0; top: 0; width: 16px; height: 15px; background: url(../img/bdate.png) no-repeat 0 0 }
.anonses .item .link { position: absolute; right: 0; top: 0; width: 17px; height: 17px; background: url(../img/mmico.png) no-repeat 0 100% }

.mnews {}
.mnews .item { border: 2px solid #e0e0e0; border-radius: 4px; padding: 12px 18px; margin-bottom: 20px; color: #818181; font-size: 14px }
.mnews .item .name { font-size: 16px; padding-bottom: 12px }
.mnews .item .name a { text-decoration: none }
.mnews .item .name a:hover { text-decoration: underline }
.mnews .item .date { position: relative; padding: 0 0 0 22px; font-size: 12px; margin: 15px 0 0 8px }
.mnews .item .date i { position: absolute; left: 0; top: 0; width: 16px; height: 15px; background: url(../img/date.png) no-repeat 0 0 }
.mnews .item .link { position: absolute; right: 0; top: 0; background: url(../img/rarr.png) no-repeat 100% 50%; padding-right: 20px; font-weight: bold }

.footer { width: 980px; margin: 0 auto 0 auto; border-top: 1px solid #e6e6e6; padding: 25px 0 0 0; position: relative; color: #818181; }
.footer .contacts { position: absolute; top: 25px; right: 0 }
.footer .contacts .phone { display: block; padding-top: 6px }

.footer-icons { position: relative; z-index: 1 }
.footer-icons div { position: absolute; left: 0; bottom: -61px; width: 100%; text-align: center; font-size: 0 }
.footer-icons a { display: inline-block; width: 54px; height: 73px; margin: 0 3px }
.footer-icons a.map { background: url(../img/footicos.png) no-repeat 0 0; }
.footer-icons a.totop { background: url(../img/footicos.png) no-repeat 100% 0; cursor: pointer }

.footerbg { min-width: 980px; margin-bottom: 30px }
.footerbg div { position: relative; height: 57px; background: url(../img/footerbg.png) no-repeat 0 0; margin: 0 570px 0 -3px; }
.footerbg span { position: absolute; top: 0; right: -573px; width: 573px; height: 57px; background: url(../img/footerbg.png) no-repeat 100% 0; }

.softm { position: relative; padding-top: 10px  }
.softm div { position: relative; bottom: 0px; right: 0; font-size: 14px; }
.softm a { text-decoration: none;  }
.softm a:before {
  content: '';
  display: inline-block; 
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAUVBMVEVZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQFZnQH///8tVqJTAAAAGXRSTlMAKo7X+NYGlP2YCbu9lSv8j/nz1JAs2Pr0wD1WjwAAAAFiS0dEGnVn5DIAAAAHdElNRQfjBhkTOi4ZSuCmAAAAZUlEQVQY022PWQ6AIAwFn6KAC4sCau9/URGjAXR+2k7SDYg0Leu6vm1ww4WkhBzGVE/0MvMoVEqBFASgTS6MhqVckAUrBcNyFQ9ESy3WusXVQz1CuTZUh6m/0z/PRbTf9sP5cOUnxrIPNeJSI64AAAAASUVORK5CYII=');
  margin: 0 6px 3px 0;
}
#coockie-rules{ position: fixed; bottom: 0; text-align: center; width: 100%; box-sizing: border-box; background: #F6E769 ; color: #000; padding: 12px; text-align: left; border-top:1px solid #ccc; z-index:9999; }
#coockie-rules a { color: #000; }
#coockie-rules .coockie-items_wrap{ max-width:1100px; margin: 0 auto; position:relative; padding: 10px 120px 6px 0;  box-sizing: border-box }
#coockie-rules .coockie-button{ background:#599d01; display:inline-block; padding: 9px 30px; border-radius:5px; cursor:pointer; position:absolute; margin-top: -14px; top: 50%; right:0px; line-height: 1.2em; text-transform: uppercase; color: #fff }

.mfotoalbums .item { font-size: 16px; display: inline-block; vertical-align: top; width: 211px; margin: 0 15px 19px 3px; }
.mfotoalbums .item .image { overflow: hidden; padding: 3px; margin-bottom: 17px; }
.mfotoalbums .item .name a { font-weight: bold; text-decoration: none; }
.mfotoalbums-in { width: 120%; }

.footer .contacts p { padding-bottom: inherit; }

.subm-in { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; padding-bottom: 11px; }
.mmenu .item .subm .subm-in a { margin-bottom: 15px; padding-bottom: 0; }

.sign { position: relative; display: inline-block; }
.sign__ico { display: inline-block; width: 20px; height: 20px; background: url(../img/ico_key.svg) no-repeat 50% 50%; }
.sign__content { display: none; position: absolute; bottom: 30px; left: -175px; z-index: 1000; box-sizing: border-box; width: 350px; margin: 0 0 0 10px; padding: 5px 10px; font-size: 12px; background: #fff; color: #333; border-radius: 5px; box-shadow: 0 1px 5px #c7c7c7; }
.sign:hover .sign__content { display: block; }
.sign__header { display: block; font-weight: bold; }