body {font-family: fonts, "Arial", sans-serif; color: #000; background: #fff; font-size: 18px; margin: 0;}
html, p { margin: 0; padding: 0; }
img {border: none;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: bold;}
h1, h2.titlenews {color: #000; font-size: 30px; font-weight: normal;} 
h2, h2 a:link, h2 a:visited {color: #fba21e; font-size: 30px; font-weight: normal;}
h3, h3 a:link, h3 a:visited {color: #2592d0; font-size: 30px; font-weight: normal;}
h4, h4 a:link, h4 a:visited {color: #4660a0; font-size: 30px; font-weight: normal;}
h5, h5 a:link, h5 a:visited {color: #fba21e; font-size: 24px; font-weight: normal;}
h6, h6 a:link, h6 a:visited {color: #4660a0; font-size: 24px; font-weight: normal;}

a {color: #2592d0; outline: none;}
a:link, a:visited {text-decoration: underline;}
a:hover {text-decoration: none; color: #fba21e;}


hr{ height: 1px; width: 100%; color: #c3c3c3; border: none; border-top: 1px solid #c3c3c3; overflow: hidden; clear: both; margin: 10px 0;}

.clear{ clear: both; height: 0px;}
.fl{ float: left; }
.fr{ float: right; }

address {font-size: 11px; color: #505050; font-style: italic; padding-top: 15px;}

.gray, .gray a:link, .gray a:visited {color: #999;}
.color1, .color1 a:link, .color1 a:visited {color: #4660a0;}
.color2, .color2 a:link, .color2 a:visited {color: #2592d0;}
.color3, .color3 a:link, .color3 a:visited {color: #fba21e;}
.black, .black a:link, .black a:visited {color: #000;}

.blockbord {border: 2px solid #fba21e; padding: 10px;}

.blockcolor1 {background: #4660a0;}
.blockcolor2 {background: #2592d0;}
.blockcolor3 {background: #fba21e;}
.blockcolor1, .blockcolor1 p, .blockcolor1 h2, .blockcolor1 h3, .blockcolor1 h4, .blockcolor1 h5, .blockcolor1 h6, .blockcolor1 a {color: #fff;}
.blockcolor2, .blockcolor2 p, .blockcolor2 h2, .blockcolor2 h3, .blockcolor2 h4, .blockcolor2 h5, .blockcolor2 h6, .blockcolor2 a {color: #fff;}
.blockcolor3, .blockcolor3 p, .blockcolor3 h2, .blockcolor3 h3, .blockcolor3 h4, .blockcolor3 h5, .blockcolor3 h6, .blockcolor3 a {color: #fff;}
.blockcolor1 h2, .blockcolor1 h3, .blockcolor1 h4, .blockcolor1 h5, .blockcolor1 h6 {padding: 0 !important;}
.blockcolor2 h2, .blockcolor2 h3, .blockcolor2 h4, .blockcolor2 h5, .blockcolor2 h6 {padding: 0 !important;}
.blockcolor3 h2, .blockcolor3 h3, .blockcolor3 h4, .blockcolor3 h5, .blockcolor3 h6 {padding: 0 !important;}
.blockgray {background: #efefef;}
.blockgray, .blockgray p {color_: #494949;}
.blockcolor3, .blockcolor2, .blockcolor1, .blockgray, 
h2.blockcolor3, h2.blockcolor2, h2.blockcolor1, h2.blockgray,
h3.blockcolor3, h3.blockcolor2, h3.blockcolor1, h3.blockgray,
h4.blockcolor4, h4.blockcolor2, h4.blockcolor1, h4.blockgray,
h5.blockcolor3, h5.blockcolor2, h5.blockcolor1, h5.blockgray,
h6.blockcolor3, h6.blockcolor2, h6.blockcolor1, h6.blockgray {padding: 10px 20px !important;}
.blockcolor1 p, .blockgray p, .blockbord p {padding: 0;}

.line-left-gray {margin-left: 30px; padding-left: 5px; border-left: 5px solid #ccc;}
.line-right-gray {margin-right: 30px; padding-right: 5px; border-right: 5px solid #ccc;}
.line-left-red {margin-left: 30px; padding-left: 5px; border-left: 5px solid #c80c27;}
.line-right-red {margin-right: 30px; padding-right: 5px; border-right: 5px solid #c80c27;}


blockquote { margin-left : 40px; border-left: 2px solid #ccc; padding-left: 10px;} 
.content blockquote p {padding: 0;}

table, table td, table th  {border-collapse: collapse; border: none;} 
table th {background: #f7f7f7; padding: 5px 15px; border-bottom: 1px solid #ccc; font-size: 14px; font-weight: normal;}
table td {padding: 10px 20px 10px 0; border-bottom: 1px solid #ccc;}
.tabcolor tr:nth-child(2n) td {background: #e7e7dd;}
.tabcolor th, .tabcolor td, .noborder td {border: none !important;}
.tabcolor td {padding-left: 20px;}

.content .tabcolor ul {margin-left: 25px; padding-left: 0;}

.content .zoom {padding-bottom: 35px; background: url("/im/icon_zoom.png") no-repeat 0 100%;}

@font-face {
    font-family: 'fonts';
    src: url('/fonts/cuprum-regular.ttf');
    src: url('/fonts/cuprum-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* Top
----------------------------------------------------------------------------*/
.bg {}
.width {position: relative; width: 1200px; margin: 0 auto;}

.bg {min-width: 1250px; max-width: 1920px; margin: 0 auto;}

.header {position: relative; height: 75px; z-index: 99;}

.header .logo_name {margin: 30px 0 0 180px;}
.header .logo {position: absolute; top: 15px; left: 20px;}

.header .special {width: 140px; font-size: 0.8rem; letter-spacing: 1px; text-transform_: uppercase; position: absolute; top: 25px; right: 10px; color_: #2592d0; text-decoration: none; display: inline-block; padding: 0 5px 0 33px; background: url("/im/eye.png") no-repeat 0 50%; box-sizing: border-box;}
.header .special:hover {color_: #fff;}

.icons {width: 105px; height: 33px; overflow: hidden; position: absolute; top: 25px; right: 170px; right_: 10px;}
.icons a {border-radius: 30px; transition: all 0.2s linear; display: block; width: 33px; height: 33px; float: left; background-image: url("/im/icons.png"); margin-left: 15px;}
.icons .home {background-position: 0px 0px;}
.icons .home:hover {background-position: 0px -30px;}
.icons .map {background-position: -30px 0px;}
.icons .map:hover {background-position: -30px -30px;}
.icons .feedback {background-position: -60px 0px;}
.icons .feedback:hover {background-position: -60px -30px;}
.icons a:hover {background-color: #fba21e;}

.header .social {position: absolute; top: 22px; right: 490px; right_: 340px; display: inline-block;}
.header .social a {background-color: #666; border-radius: 30px; transition: all 0.2s linear; display: block; width: 33px; height: 33px; float: left; background-image: url("/im/social.png"); margin-left: 15px;}
.header .social a:hover {background-color: #fff;}
.header .social a.ig {background-position: 0px 0px;}
.header .social a.ig:hover {background-position: 0px -30px;}

.header .search {width: 190px; position: absolute; top: 20px; right: 280px; right_: 130px; border: 1px solid #afadac; border-radius: 36px;}
.content .search {width: 500px; position: relative; margin: 10px 0 30px 0;}
.search input { background: none; width: 140px; height: 36px; line-height: 36px; padding-left: 20px; border: none;}
.content .search input {width: 480px; background: #eee;}
.search a {border-radius: 30px; transition: all 0.2s linear; width: 30px; height: 30px; display: block; position: absolute; top: 3px; right: 3px; background: url("/im/icons.png") 100% 0;}
.search a:hover, .content .search a:hover {background-color: #fba21e; background-position: 100% -30px;}
.search label {line-height: 36px; font-size: 13px; position: absolute; top: 0; left: 20px; z-index: 2;}
.header  .search label {color: #000;}
.content .search input {color: #000; font-size: 20px; background: rgba(0,0,0,0.1); border-radius: 20px;}
.content .search a {background: url("/im/icons.png") 100% 0;}

.pay {position: absolute; bottom: 20px; left: 50%; margin-left: 250px; z-index: 99; color: #be0000; border: 1px solid #be0000; display: block; width: 125px !important; height: 30px !important; line-height: 30px !important; transition: background 0.3s linear; text-align: center; text-decoration: none !important; font-size: 14px;}
.pay:hover {background-color: #be0000; color: #fff;}

/* Bottom
-----------------------------------------------------------------------------*/
.footer {color: #bababa; background: #282f36; position: relative; padding: 50px 20px;}
.footer ul, .footer li { margin: 0; padding: 0;}
.footer p {padding: 0;}
.footer li { list-style: none;}
.footer a {color: #bababa; text-decoration: none;}
.footer a:hover {color: #fff; text-shadow: 0 0 25px #000;}
.footer .links2 a {opacity: 0.8; display: inline-block; margin-bottom: 10px;}
.footer .links2 a:hover {opacity: 1;}

.footer table td {border: none; padding: 0; width: 33%;}
.footer table td ul {margin-bottom: 20px;}
.footer table td a {display: block; margin: 0 40px 7px 0;}

.footer .column1, .footer .column2 {display: block;}
.footer .column1 {width: 300px; float: left;}
.footer .column2 {width: 850px; float: right;}


.footer .column1 .copy1 {font-size: 18px; margin: 10px 0 20px 0; color: #fff;}
.footer .column1 .copy2 {font-size: 13px; margin: 0px 0 20px 0; width: 70%;}

.footer .special {border-top: 1px solid rgba(37,146,208,0.5); line-height: 60px; margin: 20px 0; color: #2592d0; text-decoration: none; display: inline-block; padding: 0 5px 0 30px; background: url("/im/eye.png") no-repeat 0 50%;}
.footer .special:hover {color: #fff;}

.footer .column1 img {margin-top: -20px; max-width: 90%; height: auto;}


.ray {text-align: right;}
.ray a {display: inline-block; font-size: 12px;}
.ray a, .ray a:link, .ray a:visited {color: #696a70;}
.ray a:hover {color: #bdbbba;}


/* Middle
-----------------------------------------------------------------------------*/

.mid {padding: 0 0 40px 0;}

.mid .top {background: url("/im/sl_1.jpg") no-repeat 50% -50px; height: 100px;}

.titlepage {position: relative; z-index: 2; margin: 50px 0 10px 0;}
.titlepage h1 span {display: inline-block; background: #fff; padding-right: 10px;}
.titlepage h1:after {content: " "; display: block; border-top: 1px solid #343434; width: 100%; height: 20px; margin-top: -8px;}


.leftcolumn {width: 900px; float: left;}
.rightcolumn {width: 260px; float: right; padding-top: 50px;}

.content {position: relative; background: #fff; padding_: 25px 40px; box-shadow_: 0 0 10px #ccc;}
.content h2, .content h3,.content h4, .content h5 {padding: 15px 0;}
.content p {padding: 10px 0; line-height: 140%;}
.content td p, .content th p {padding: 0;}
.content ul {padding: 0 0 0 40px; margin: 0;}
.content ul li{ list-style-image: url("/im/li.png"); padding: 5px 0 5px 0px;}
.content ol li {padding-bottom: 20px;}


.printlink {height: 30px; position: relative; z-index_: 2; margin-top_: 30px;}
.printlink a {width: 30px; height: 30px; background: url("/im/printer.svg") no-repeat 50% 50%; display: block; float: right;}


/* Menu
-----------------------------------------------------------------------------*/
#topnav {position: absolute; top: 75px; height: 65px; transition: all 0.3s linear; width: 1200px; margin: 0 auto; left: 50%; margin-left: -600px; text-align: right;}
#topnav .ul1 {margin-left: 150px;}

.tm *, .menu * { margin: 0; padding: 0;}
.tm li, .menu li { list-style: none;}
.tm { height: 65px; position: relative; font-size: 13px; z-index: 99;}

.tm a, .tm a:link, .tm a:visited {color: #fff; text-decoration: none;}

.tm .ul1 {text-transform: uppercase; line-height: 30px; border-bottom_: 1px solid #78aad1; margin-top: 15px;}
.tm .li1 {display: inline-block; vertical-align: top; max-width: 300px; min-width: 100px;}
.tm .li1 > a span {display: table-cell; vertical-align: top;}
.tm .li1 > a {display: block; padding: 5px 20px; color: #fff; transition_: all 0.2s linear; font-size: 16px; letter-spacing: 1px;}
.tm .li1 > a:hover {background: #4660a0; color: #fff;}
.tm .active > a {background: #fba21e; color: #fff;}

.tm .ul2 {text-align: left; line-height: 20px; position: absolute; top: 40px; z-index: 99; letter-spacing: 1px; min-width: 150px;}
.tm .li2 {display: block; overflow: hidden;}
.tm .li2 > a {color: #fff; padding: 10px 20px; display: block; background: #fba21e; transition: background 0.2s linear;}
.tm .li2 > a:hover {background: #4660a0;}
/*------------
.tm .li1:hover .li2 > a {transform: translateY(-45px); animation: litop 0.1s linear 0.1s forwards;}
@keyframes litop {
   100% {transform: translateY(0px);}
}
----------------*/

.tm .ul3 {font-size: 12px; text-transform: none;}
.tm .li3 a {background: url("/im/menu_3_arr.png") no-repeat 22px 10px; padding: 5px 15px 5px 40px; border: none; display: block;}
.tm .li3 > a:hover {background: url("/im/menu_3_arr.png") no-repeat 22px 10px #2a328f;}

.path {font-size: 12px; line-height: 18px; padding-bottom: 30px; margin-top: -10px;}
.path span { margin: 0 5px; }
.path, .path a, .path a:link, .path a:visited {color: #999;}
.path a {display: inline-block; background: #eee; padding: 3px 12px 4px 12px; border-radius: 20px; text-decoration: none;}
.path a:hover {background: #f6f6f6; color: #000;}


/* Modul
-----------------------------------------------------------------------------*/
.printpage {padding: 20px; background: #fff;}
.printpage h1 {border-bottom: 2px solid #d31313; margin-bottom: 20px;}

form, input { padding: 0; margin: 0;}
input, textarea, select, button {font-family: fonts, "Trebuchet MS", "Segoe UI", sans-serif; font-size: 14px; border: 1px solid #cbcfd7; background: #fff; color: #000;}
input:focus {outline: 0 none;}
.button__ {background: #e91d1d; color: #fff; height: 30px; padding: 0 20px; border: none; cursor: pointer;}

.news .pict {max-width: 250px; max-height: 250px; float: right; margin: 0 0 30px 30px;}
.news img {max-width: 820px !important;}


.newslist {position: relative;}
.newslist a, .newslist span {display: block;}
.newslist a {transition: all 0.15s linear; color: #000; background_: #a79e4f; position: relative; overflow: hidden; margin: 0 0 10px 0; text-decoration: none; padding: 30px 40px 30px 0;}
.newslist a:nth-child(1n) {background_: #eeeeee;}
.newslist a:hover { background_: #629398;}
.newslist .date {font-size: 16px; background: #eee; padding: 0 20px; border-radius: 20px; line-height: 30px; position: absolute; top: 27px; left: 0px; display: inline-block;}
.newslist .text {margin-left: 100px;}
.newslist .name {color: #2592d0; font-size: 24px; text-decoration: none; line-height: 25px; margin-right: 100px;}
.newslist a:hover .name {color: #fba21e;}
.newslist .anons {line-height: 22px; margin-top: 10px;}
.newslist a .upp {width: 71px; height: 130px; display: block; position: absolute; top: 10px; left: 0; background: url("/im/news_emblem.png") no-repeat 0 0; background-size: cover;}


.rightcolumn .album {background: #fff; margin: 0 0 0 -30px; padding-bottom: 15px; box-shadow: 0 0 10px #ccc;}
.rightcolumn .album a {width: 120px; height: 83px; overflow: hidden; margin: 15px 0 0 15px; position: relative; text-decoration: none; display: block; float: left;} 
.rightcolumn .album img {width: 120px;}
.rightcolumn .album .title {display: none;}
.rightcolumn .album a:hover .title {background: #9c0000;}
.rightcolumn .album a:hover img {opacity: 0.7;}


.newslast {margin-top: 48px;}
.newslast a {color: #666; display: block;}
.newslast a:hover {color: #000;}
.newslast .date {display: inline-block; padding: 0 12px; line-height: 30px; color: #fff; background: #fba21e; border-radius: 20px; font-size: 13px;}
.newslast .name {display: block; margin: 10px 0 30px 0;}


.newsarchive h4 {margin: 0px 0 20px 0;}
.newsarchive .year {color: #000; margin: 20px 0 10px 0;}
.newsarchive a {transition: all 0.1s linear; display: inline-block; padding: 0 10px; color: #fff; border: 1px solid #fba21e; background: #fba21e; margin: 0 5px 5px 0; text-decoration: none; font-size: 14px; border-radius: 20px; height: 20px; line-height: 18px;}
.newsarchive a:hover {background: none; color: #000;}

.rightcolumn .content {padding: 15px 20px 20px 20px; background: #fff; margin: 0 0 0 -10px; padding-bottom: 15px; box-shadow: 0 0 10px #ccc;}

.leftcolumn .eventslist {position: relative;}
.leftcolumn .eventslist a, .leftcolumn .eventslist span {display: block;}
.leftcolumn .eventslist a {position: relative; border-bottom: 5px solid #fff; padding: 25px 25px 20px 25px; box-shadow: 0 0 10px #ccc; background: #fff; margin: 0 0 20px 0; text-decoration: none;}
.leftcolumn .eventslist a:hover {border-color: #c80c27; color: #000; box-shadow: 0 0 10px #999;}
.leftcolumn .eventslist .pict {position: absolute; top: 25px; left: 52px; width: 235px;}
.leftcolumn .eventslist .date {text-shadow: 1px 1px 1px #000; position: absolute; top: 30px; left: -2px; line-height: 40px; display: inline-block; padding: 0 20px; background: url("/im/date_bg_1.png") 0 0 no-repeat #cc0000; color: #fff;}
.leftcolumn .eventslist .date span {padding: 6px 0px 0 0; line-height: 20px;}
.leftcolumn .eventslist .date em {font-size: 24px; font-style: normal; display: block;}
.leftcolumn .eventslist .text {margin-left: 285px; min-height: 155px;}
.leftcolumn .eventslist .name {font-size: 22px; text-decoration: none; }
.leftcolumn .eventslist .anons {color: #757575; line-height: 22px; margin-top: 10px;}


.pages { margin: 20px 0 0 0; position: relative; text-align: right;}
.pages div {position: relative;}
.pages p {position: absolute; width: 90px; color: #999; text-transform: uppercase; line-height: 27px; padding: 0;}

.pages a, .pages span { display: inline-block; width: 27px; height: 27px; line-height: 27px; text-align: center; margin: 0 5px;}
.pages a {color: #d20b2a; text-decoration: none; border: 1px solid #d20b2a; transition: all 0.1s linear;}
.pages a:hover {background: #d20b2a; color: #fff;}
.pages span {color: #d20b2a;}

.res {padding: 10px 0 0 0; color: #999;}
.res span {color: #000;}
.result {position: relative; color: #999; margin: 10px 0; font-size: 14px;}
.result .num {position: absolute; top: 10px; left: 0; width: 30px; color: #565c5e; text-align: right;}
.result p { padding: 3px 0;}
.result .text {margin: 0 0 20px 35px; border-left: 1px solid #ccc; padding-left: 10px;}
.result .name {font-size: 20px;}

.album {margin-top: 30px; margin-right: -20px;}
.album a {width: 190px; height: 131px; overflow: hidden; margin: 0 20px 10px 0px; position: relative; text-decoration: none; display: inline-block;} 
.album img {width: 190px;}
.album .title {text-align: center; width: 200px; display: block; position: absolute; bottom: 0; z-index: 10; background: rgba(0, 0, 0, 0.506); font-size: 12px; color: #fff; line-height: 13px;}
.album .title span { padding: 10px; display: block;}
.album a:hover .title {background: #7c7b45;}
.album a:hover img {opacity_: 0.7;}
.album .iconvideo, .content .slider .iconvideo {display: block; width: 20px; height: 18px; position: absolute; top: 10px; left: 10px; z-index: 9; background: url("/im/icon_video.png") no-repeat 0 0;}

.content .slider * { margin: 0; padding: 0;}
.content .slider {width: 810px; margin: 15px 0 30px 0; position: relative;}
.content .slider ._window {width: 810px; height: 168px; overflow: hidden; margin: 0 auto; position: relative;}
.content .slider li { list-style: none; float: left; margin: 5px 22px 5px 0; position: relative;}
.content .slider ._next, .slider ._prev {display: block; width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; cursor: w-resize; box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.4);}
.content .slider ._next {right: 0; background: url("/im/fotoslider_arr.png") no-repeat 0 0;}
.content .slider ._prev {left: 0; background: url("/im/fotoslider_arr.png") no-repeat 0 100%;}

.content .slider li, .content .slider li img { width: 240px;}

.send div {position: relative;}
.send h2 {padding-top: 20px;}
.send label {position: absolute; color: #999; top: 3px; left: 5px;}
.send input {width: 200px; height: 25px; padding: 0 3px;}
.send textarea {width: 99%;}
.send input, .send textarea {margin: 0 0 10px 0;}
.send p {font-size: 14px; color: #838383;}
.send .message {padding: 10px 0px; font-weight: bold; font-size: 14px; display: none;}
.send .error {color: #d31313;}
.send .success {color: #2477cb;}

.send .code {background: #efefef; padding-left: 20px; float: left; width: 435px; margin-top: 2px;}
.send .code input {width: 120px;}
.send .code p {padding-bottom: 6px;}
.send .code img {float: right; margin: 13px 13px 10px 10px;}


.send button {margin-top: 10px; cursor: pointer; border: none; transition: all 0.15s linear; background: #fba21e; display: inline-block; line-height: 40px; padding: 0 30px; color: #fff; text-transform: uppercase; font-size: 20px; text-decoration: none;}
.send button:hover {background: #fba21e;}
.send button:disabled {background: #dddddd;}

.send2 select {padding: 5px; min-width: 35%;}
.send2 .block1, .send2 .block2 {background: #efefef; margin-bottom: 10px; padding: 10px 20px;}
.send2 .block1 p, .send2 .block2 p {padding: 0;}
.send2 .block1 input {width: 100%;}
.send2 .block2 {margin-right: 10px; display: inline-block; float: left;}


.list {margin-top: 20px; margin-right: -30px; line-height: 110%;}
.list a {border-radius: 4px; vertical-align: top; border: 1px solid #fff; padding: 5px; color_: #343434; display: inline-block; position: relative; min-height: 70px; width: 265px; overflow: hidden; margin: 10px 30px 20px 0px; text-decoration: none; transition: all 0.1s linear;}
.list span { display_: block;}
.list .pict {position: absolute; width: 70px; height: 70px; overflow: hidden;}
.list .pict img {width: 64px; height: 64px; display: block; border-radius: 35px; border: 1px solid #2592d0; padding: 2px;}
.list a:hover .pict img {border-color: #fba21e;}
.list .text { height: 70px; padding-left: 80px; display: table-cell; vertical-align: middle; box-sizing: border-box;}
.list .name {font-size: 22px; vertical-align: middle; line-height: 23px;}
.list .anons { color: #838383;}
.listtitle a { font-size: 22px;}
.list a:hover {border_: 1px solid #629098;}
.list a:hover .pict {opacity_: 0.7;}
.list a:hover .name {color_: #629098;}


/* button
-----------------------------------------------------------------------------*/
.btn {
   display: inline-block;
   position: relative;
   border: none;
   cursor: pointer;
   padding: 7px;
   border-radius: 3px;
   outline: 0;

   opacity: 1;
   color: #fff;
   background-color: #e91d1d;
}
.btn:hover {
   opacity: 0.85;
}
.btn:active {
   top: 1px;
} 
.btn:disabled {
   top: 0px;
   cursor: default;
   background-color: #808080;
   opacity: 1;
}

/* Map
-----------------------------------------------------------------------------*/
.m1 a {color: #000; display: block;}
.m1 a:hover {color: #4660a0;}
.m1 {margin-left: 65px !important;}
.m1 {font-size: 22px;}
.m2 {font-size: 18px;}
.m3 {font-size: 16px;}
.content .m2 li {list-style-image_: url("/im/li2.png");}
.content .m2 {margin: 15px 0 20px 0;}
.content .m3 {margin: 5px 0 10px 0;}
.content .m1 li {padding: 5px 0 10px 0;}

/* Main
-----------------------------------------------------------------------------*/
.main {position: relative; z-index: 2;}
.main .block1 {height: 430px; background: url("/im/waves_gray.png") 50% 0 no-repeat; text-align: center;}
.main .block2 {height: 770px; height_: 1150px; background: url("/im/geo_block_bg.png") 50% 0 no-repeat #003562; padding-top: 40px; box-sizing: border-box;}
.main .block3 {height: 675px; background: url("/im/flot_block.png") 50% 0 no-repeat #edeff0; text-align: center;}
.main .block4 {text-align: center; padding: 50px 20px;}

.main .block1 p {display: inline-block; max-width: 265px; margin-bottom: 15px; text-transform: uppercase; font-size: 24px; vertical-align: top;}
.main .block1 a {color: #000; text-decoration: none; padding: 0 40px 30px 40px; display: block; text-align: center; transition: color 0.2s linear;}
.main .block1 a img {display: block; margin: 0 auto; transition: all 0.2s linear;}
.main .block1 a:hover img {margin-top: -10px;}
.main .block1 a:hover {color: #2592d0;}

.main .block4 p {color: #465572; display: inline-block; max-width: 140px; margin: 20px 20px; font-size: 14px; vertical-align: top;}
.main .block4 a {color: #465572; text-decoration: none; display: block; text-align: center; transition: all 0.2s linear;}
.main .block4 a img {display: block; margin: 0 auto;}
.main .block4 a:hover {color: #000;}

.main h4 {border-left: 8px solid #fba21e; padding-left: 15px; margin-bottom: 20px; color: #000; font-size: 24px; font-weight: bold;}

.main .block2 .width {height: 770px;}
.main .block2 {position: relative;}
.main .block2 p {display: inline-block; position: absolute; top: 0; left: 50%;}
.main .block2 p a {color: #fff; height: 51px; line-height: 40px; display: inline-block; background: url("/im/geologo_1.png") 0 50% no-repeat; padding-left: 60px; text-decoration: none; text-transform: uppercase;}
.main .block2 p a.logo2 {background-image: url("/im/geologo_2.png"); padding-left: 75px; height: 71px; line-height: 70px; font-weight: bold;}
.main .block2 h4 {color: #fff;}

.newsblocks {}
.newsblocks a {text-decoration: none;}
.newsblocks .link {position: absolute; z-index: 2; background: url("/im/news_upp.png") 50% 100% no-repeat; background-size: cover;}
.newsblocks .link .text {position: absolute; left: 0; bottom: 0; margin: 20px; color: #fff;}
.newsblocks .name {font-size: 20px; display: block; margin: 10px 0;}
.newsblocks img {width: 100%;}
.newsblocks .rubr {display: inline-block; padding: 5px 10px; background: #fba21e; color: #000; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}
.newsblocks .rubr:hover {color: #fff; background: #4660a0;}
.newsblocks .date {font-size: 14px;}
.newsmain, .newsblock1, .newsblock1 div, .newsblock2 div {display: inline-block; text-align: left; vertical-align: top;}

.newsmain .rubr, .newsblock1 .rubr {position: absolute; z-index: 3; top: 20px; left: 20px;}

.newsmain {width: 750px; height: 530px; overflow: hidden; position: relative; float: left;}
.newsmain .link {width: 750px; height: 530px; background-image: url("/im/news_upp_main.png");}
.newsmain .link .text {margin: 20px 40px !important;}
.newsmain .name {font-size: 24px; width: 70%;}
.newsmain .anons {position: absolute; bottom: -50px; display: none; left: 0;}
.newsmain img {width: 100%; height: 465px;}

.newsblock1 {width: 420px; float: right;}
.newsblock1 div {width: 420px; height: 250px; margin: 0 0 30px 0; background: #4660a0; overflow: hidden; position: relative;}
.newsblock1 .link {width: 420px; height: 250px;}
.newsblock1 .link .name {color: #fff;}

.newsblock2 {margin: 20px 0 110px 0; text-align: center;}
.newsblock2 div {width: 245px; margin: 20px 25px;}
.newsblock2 .name {color: #000;}
.newsblock2 .name:hover {color: #4660a0;}
.newsblock2 .date {color: #777a7b;}

.newslinks {text-align: right; padding: 10px 0 40px 0; border-bottom: 1px solid #dbdbdb;}
.newslinks a {display: inline-block; line-height: 26px; box-sizing: border-box; }
.newslinks .link1 {background: url("/im/rss.png") 0 50% no-repeat; padding-left: 20px; color: #fba21e; width: 170px; text-align: left;}
.newslinks .link2 {background: url("/im/arrow.png") 100% 50% no-repeat; padding-right: 50px; color: #000; width: 250px;}

/*------ 
.newsmain, .newsblockm .block .name, .newsblockm .block .date {text-decoration: none !important;}
.newsblockm span {display: block;}
.newsmain {transition: 0.15s linear; height: 390px; overflow: hidden; background: #ccc; color: #fff; margin: 5px; position: relative; display: inline-block; margin: 15px;}
.newsmain:hover {color_: #fff; background_: #312e29;}
.newsmain .pict {width: 590px;}
.newsmain:hover .pict { transition: 0.3s linear; opacity: 0;}
.newsmain .text {width: 530px; position: absolute; z-index: 3; top: 250px; left: 30px; transition: 0.3s linear;}
.newsmain:hover .text {top: 100px;}
.newsmain .name {color: #fff; width: 390px; float: right; font-size: 24px;}
.newsmain .date {color: #fff; display: inline-block; float: left; line-height: 40px; border-radius: 40px; padding: 0 15px;}
.newsmain .anons {width: 390px; float: right; color: #eee; font-style: italic; font-size: 18px; padding-top: 30px; opacity: 0;}
.newsmain:hover .anons { opacity: 1;}
.newsmain .arrup {width: 24px; height: 24px; position: absolute; bottom: 10px; right: 7px; z-index: 3; background: url("/im/arr_w.png") 0 0 no-repeat transparent;}


.newsblockm {overflow: hidden; padding: 25px 0 105px 0;}
.newsblockm .sizeh {height: 400px; overflow: hidden; transition: 0.4s linear;}
.newsblockm .sizeh.newsmore {height: 800px !important;}
.newsblockm .block {background: #a79e4f; width: 290px; height: 190px; position: relative; float: left; margin: 5px;}
.newsblockm .block .rubr {background: #fba21e; margin: -3px -7px; padding: 3px 7px; color: #000; text-transform: uppercase; font-size: 12px; position: absolute; top: 15px; z-index: 4; width_: 120px; left: 15px; display: inline-block; transition: all 0.2s linear;}
.newsblockm .block .rubr:hover {color_: #fff; background_: #629398;}
.newsblockm .block a {display: block; text-decoration: none;}
.newsblockm .block .upp {display: none; width: 93px; height: 170px; display_: block; position: absolute; top: 10px; left: 0; z-index: 2; background: url("/im/news_emblem.png") no-repeat 0 0; background-size: cover;}
.newsblockm .block .link {background: #999; position: relative; z-index: 1; color: #fff; width: 290px; height: 190px; transition: all 0.15s linear;}
.newsblockm .block .link:hover {background: #666;}
.newsblockm .block .pict {width: 124px; height: 124px; position: absolute; top: 15px; left: 15px;}
.newsblockm .block .arrup {width: 13px; height: 13px; position: absolute; bottom: 10px; right: 7px; z-index: 3; background-image: url("/im/arr_w.png"); background-repeat: no-repeat; background-size: cover;}
.newsblockm .block .date {color: #fff; position: absolute; top: 40px; left: 15px; z-index: 2;  line-height: 20px;}
.newsblockm .block .name {width: 185px; position: absolute; top: 42px; left: 90px; line-height: 18px; height: 108px; overflow: hidden;}
.newsblockm .block .nofoto .name {left: 55px; width: 285px;}
.newsblockm .block .nofoto .arrup { left: 20px;}
.newsblockm .block .nofoto .rubr {left: 55px;}
 ------*/



/*------ мультимедиа ------*/
.mmediablockm {width: 100%; overflow: hidden; text-align: center; padding: 50px 0 70px 0; background: #f0f1f1; vertical-align: top; position: relative;}
.mmediablockm .link_l, .mmediablockm .link_r {color: #70a3a6; display: inline-block; text-decoration: none; padding-bottom: 15px; margin-top: 10px;}
.mmediablockm .link_l {float: left; background: url("/im/arr_left.png") no-repeat 0 100%;}
.mmediablockm .link_r {float: right; background: url("/im/arr_right.png") no-repeat 100% 100%;}

.mmediablockm .block { white-space: normal; text-align: left; position: relative; display: inline-block; margin: 10px 22px 0px 22px; width: 250px; height: 265px; text-decoration: none; vertical-align: top; transition: all 0.15s linear;}
.mmediablockm .block .title {font-size: 14px; background: #a79e4f; display: block; padding: 13px 15px 15px 15px; margin-top: 5px; color: #fff; line-height: 18px;}
.mmediablockm .block:nth-child(2n) .title {background: #7c7b45;}
.mmediablockm .block:hover .title {background: #629398;}
.mmediablockm .iconvideo, .mmediablockm .iconfoto {border-radius: 40px; width: 50px; height: 40px; position: absolute; top: 10px; right: -15px; z-index: 2; }
.mmediablockm .iconvideo {background: url("/im/mmedia_video.png") 50% 50% no-repeat #629398;}
.mmediablockm .iconfoto {background: url("/im/mmedia_foto.png") 50% 50% no-repeat #629398;}

.mmediablockm .upleft, .mmediablockm .upright {width: 65px; height: 300px; background: url("/im/mmedia_up.png") repeat-y; position: absolute; top: 120px; z-index: 2;}
.mmediablockm .upleft {background-position: 0 100%; left: 0;}
.mmediablockm .upright {background-position: 100% 100%; right: 0;}
.mmediablockm .wrapper {display: inline-block; overflow: hidden; white-space: nowrap;}


.mmediablockm .wrapper {
    animation: move linear 25s;
    animation-iteration-count: infinite;
}
@keyframes move {
    from {transform:translateX(0);}
    to   {transform:translateX(-50%);}
}
.mmediablockm .wrapper:hover {animation-play-state: paused;}


/*------ main-slider ------*/

.main-slider {
   position: relative; 
   z-index: 0; 
   width: 100%; 
   overflow: hidden; 
}
.main-slider .slide {width: 1920px;
   position: relative; 
}
.main-slider .frame {width: 1920px;
   overflow: hidden;
   position: absolute; 
   top: 0; 
   left: 50%; 
   margin-left: -960px;
}

.filial-slider {color: #fff;  margin-bottom: -350px;}

.filial-slider, .filial-slider .slide, .filial-slider .frame { height: 893px;}
.filial-slider .slide, .filial-slider .frame {}
.filial-slider a {text-decoration: none; color: #fff; display: inline-block; margin-right: 40px; background: url("/im/anchor.svg") 0 0 no-repeat; padding-left: 30px;}
.filial-slider a.active {color: #fba21e;}
.filial-slider img {position: absolute; left: 0; top: 0;}
.filial-slider .title {position: absolute; z-index: 90; top: 400px; left: 50%; margin-left: 185px; width: 420px; font-size: 40px; text-transform: uppercase; border-left: 10px solid #fba21e; padding-left: 20px;}
.filial-slider .port {position: absolute; z-index: 90; top: 350px; left: 50%; margin-left: 180px; font-size: 18px; letter-spacing: 1px; text-shadow: 1px 1px 5px #000;}
.filial-slider .port p {text-decoration: none; color: #fff; display: inline-block; margin-right: 40px; background: url("/im/anchor.svg") 0 0 no-repeat; padding-left: 30px;}
.filial-slider .upp {position: absolute; z-index: 2; top: 0px; left: 0; height: 100%; width: 100%; background: url("/im/sl_upp.png") 0 0 no-repeat;}

/*--.filial-slider .title {position: absolute; z-index: 3; top: 400px; left: 50%; width: 500px; font-size: 40px; text-transform: uppercase; border-left: 10px solid #fba21e; padding-left: 20px;}
.main-slider .port {position: absolute; z-index: 3; top: 350px; left: 50%; margin-left: 30px; font-size: 18px; letter-spacing: 1px; text-shadow: 1px 1px 5px #000;}
--*/



.flot-slider {background: #edeff0; padding: 40px 0;}
.flot-slider h4 {margin-bottom: 55px;}
.flot-slider .main-slider, .flot-slider .main-slider .slide, .flot-slider .main-slider .frame {height: 545px;}
.flot-slider .fr {width: 500px;}
.flot-slider .name {border-bottom: 1px solid #000; margin-bottom: 40px;}
.flot-slider .name h2 {font-size: 48px; line-height: 40px;}
.flot-slider .name p {font-size: 20px; padding: 10px 0;}
.flot-slider .th p {display: inline-block; line-height: 36px; white-space: nowrap; font-size: 22px; margin-top: 10px; text-align: right;}
.flot-slider .th p span {border: 2px solid #ffa522; margin-left: 5px; font-weight: bold; padding: 0 5px;}
.flot-slider .th p:nth-child(1n) { min-width: 190px;}
.flot-slider .th p:nth-child(2n) { min-width: 220px; margin-left: 20px;}
.flot-slider .text {margin-top: 50px;}
.flot-slider .text p {margin-bottom: 20px;}
.flot-slider .pict {float: left; width: 637px; height: 497px; background: url("/im/flot_pict_bg.png") 50% 50% no-repeat;}
.flot-slider .pict img {margin: 100px auto;}

.flot-slider .nav {position: absolute; top: 0; left: 50%; margin-left: 560px; width: 40px; height: 100px;}
.flot-slider .nav .prev, .flot-slider .nav .next {width: 39px; height: 26px; display: block; cursor: pointer;}
.flot-slider .nav .next {background: url("/im/arrow.png") 50% 50% no-repeat; margin-bottom: 20px;}
.flot-slider .nav .prev {background: url("/im/arrow_left.png") 50% 50% no-repeat;}



/* разное
-----------------------------------------------------------------------------*/

.share {margin-top: 30px;}
.share a {margin: 0 5px 0 0;}
.share a:hover img {opacity: 0.6;}
.share img {width: 25px;}

.blockright {margin-top: 30px;}
.blockright img {max-width: 240px !important;}






/* Geo ------------------*/

.geography em {margin: 5px; background: url("/im/geologo_1.png") 50% 50% no-repeat; width: 40px; height: 40px; background-size: cover; display: block;}
.geography .logo2 em {background: url("/im/geologo_2.png") 50% 50% no-repeat; width: 40px; height: 40px; background-size: cover; display: block;}
.geography .logo2 a {background: none !important;}
.geography span {display: inline-block;}
.geography p a {background: none !important; display: inline-block; padding: 0 !important; line-height: 30px;}

.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-width: 1250px; z-index:98; display:none; cursor: pointer; opacity:0.5; background: rgba(0,0,0,0.5);}

.geography .close {box-sizing: border-box; position: absolute; z-index: 100; top: 135px; top_: 147px; left: 50%; margin-left: 264px; width: 35px; height: 35px; background: url("/im/iframe_close.png") no-repeat 100% 100% #2592d0; font-size: 14px; display: none; cursor: pointer;}
.geography .link-id {box-sizing: border-box; position: absolute; z-index: 100; top: 135px; left: 50%; margin-left: 162px; height: 35px; line-height: 35px; background: #004a8a; font-size: 14px; cursor: pointer; text-align: center; width: 100px; color: #fff; display:none; text-decoration: none;}

.geography iframe {z-index: 99; position: absolute; left: 50%; top: 50%; margin-left: -300px; width: 600px; height: 0px; transition: all 0.5s ease-in-out;}
.geography iframe.show {height: 350px; margin-top: -212px;}
.geography iframe.sahalin, .geography iframe.nahodka {height: 450px;}