.button.grey:hover,
button.grey:hover {
    background: #f4f4f4;
    color:#e40000;
}
.button.grey,
button.grey {
    background: #e6e6e6;
    color:#d40000;
}
.button.purple:hover,
button.purple:hover {
    background: #786dca;
    color:#fff;
}
.button.purple,
button.purple {
    background: #6c54a8;
    color:#fff;
}
.button.black-opacity,
button.black-opacity {
    background: rgba(0,0,0,0.7);
    color:#fff;
}
.button.black-opacity:hover,
button.black-opacity:hover {
    background: rgba(0,0,0,0.9);
    text-shadow: 0 0 5px rgba(255,255,255,0.8);
}

body {
    background:#eff5f8 url(../images/design/back.png) no-repeat 50% 50%;
    background:#c8b7b7 url(../images/design/back0.png);
    background-size: cover;
    background-attachment: fixed;
    text-align:center;
    line-height: 0;
}
.main-container {
    background:white;
    display:inline-block;
    max-width:1400px;
    width:100%;
    overflow:hidden;
    margin:0;
    position:relative;
    line-height:1.2em;
    box-shadow: 0 0 10px rgba(20,50,100,0.2);
}

.pad {
    padding-left:20px !important;
    padding-right:20px !important;
}
.pad-left {padding-left:20px !important;}
.pad-right {padding-right:20px !important;}
.pad-w {width:20px !important;}


.top {
    background:white;
    font-size:12px;
    text-transform: uppercase;
    text-align:right;
    height:100px;
    line-height:30px;
    margin-top: 45px;
    padding-top:13px;
    border-bottom: 1px solid #eee;
}

.logo {
    display: inline-block;
    text-align: left;
}
.logo div {
    font-weight: bold;
    font-size:26px;
}
.logo small {
    text-transform: none;
    font-size:18px;
    display: block;
    line-height: 1em;
    color:#4d4d4d;
}
.logo img {
    width:60px;
    transition: all 300ms;
}
.logo span:nth-child(1) {
    display: inline-block;
    vertical-align: middle;
    padding-top:5px;
}
.logo span:nth-child(2) {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-left:10px;
    margin-top:0px;
    font:18px Roboto Condensed;
}
.top .right a .ico {
    vertical-align: middle;
    margin-right:5px;
    margin-top:-2px;
}
.top .right a {
    display: inline-block;
    padding:5px 0;
    color:black;
    text-decoration: none;
    vertical-align: middle;
    font-weight:normal;
}
.top .right {
    font-size:12px;
    margin-top:10px;
}

.menu-cont {
    background:#f2f2f2;
    border-bottom: 3px solid #ddd;
}
.mb-menu {display:none;}

.menu-main.stick .logo span:nth-child(2) {font-size:14px; margin-top:-3px;}
.menu-main.stick .logo img {width:27px;}
.menu-main.stick.show {top:48px; box-shadow: 0 2px 1px rgba(0,0,0,0.2);}
.menu-main.stick {
    max-width: 1200px;
    position: fixed;
    top:0;
    margin-top:-48px;
    height:48px;
    transition: all 300ms;
}
.menu-main {
    top:0px;
    left:0; width:100%;
    position:fixed;
    z-index:100;
    height:45px;
    transition: top 300ms;
    
}

.menu-cont a.sel:hover,
.menu-cont a.sel {
    box-shadow:0 3px 0 #d40000;
    color:black;
}
.menu-cont a:hover {color:#d40000;}
.menu-cont a {
    color:black;
    display: inline-block;
    text-decoration: none;
    font-size:16px;
    font-weight: 500;
    padding:0;
    line-height: 45px;
    margin-right:25px;
}

.menu-main .right a:last-child {margin-right: 0;}

.menu-main .menu-subs a:hover {color:#d40000;}
.menu-main .menu-subs a.sel,
.menu-main .menu-subs a {
    display: block;
    text-decoration: none;
    padding:8px 30px 8px 15px;
    margin:0;
    line-height: 1.2em;
    border:none;
    color:black;
}
.menu-subs.hover {
    padding-top:7px;
    padding-bottom:7px;
    max-height:400px;
}
.menu-subs {
    overflow: hidden;
    display:inline-block;
    padding-top:0;
    padding-bottom:0;
    position: absolute;
    max-height:0;
    padding:0 0;
    margin:45px 0 0 -15px;
    background:#f2f2f2;
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    z-index: 0;
    transition: all 300ms;
    text-align: left;
}

.map-cont {height:500px; background:#f9f6ed;}

.banners .twister .tw-cont0,
.banners .twister .tw-cont,
.banners .twister .tw-page,
.banners .twister {height:100%;}
.banners .item {
    display: block;
    height:100%;
    background:url() no-repeat 50% 50%;
    background-size:cover;
}

.banners .twister .tw-arrow-left,
.banners .twister .tw-arrow-right {
    background:url(../images/twister/arrows3w.png) no-repeat 50% 0;
    background-size: 12px auto;
}
.banners .twister .tw-arrow-left {
    margin-left:20px;
}
.banners .twister .tw-arrow-right {
    margin-right:20px;
    background-position:50% -30px;
}

.cbread {
    font-size:14px;
    color:#4d4d4d;
}
.cbread b {
    display: inline-block;
    width:4px;
    height:4px;
    background:#000;
    margin:0 10px;
    border-radius: 2px;
    vertical-align: middle;
}
.bread a {color:#d40000; text-decoration: none;}
.bread {
    background:#f7f7f7;
    color:black;
    padding-top:10px;
    padding-bottom: 10px;
    font-size:12px;
}
.content > .bread {margin-top:-15px; margin-bottom:15px;}

.content.minheight {min-height: 600px;}
.content {
    padding-top:30px;
    padding-bottom:30px;
}
.content p.text-center {text-align:center;}
.content p {text-align: justify;}
.content table.hidden {
    margin:10px 0 15px;
}
.content table.hidden td {
    padding:0 10px 5px 0;
}

.ico.red {
    border-radius:16px;
    width:32px;
    height:32px;
    display: inline-block;
    background-position: 50% 50%;
    background-color:#d40000;
    margin-right:0;
}


.menu-bottom a {
    font-weight: 500;
    word-spacing: normal;
    color:black;
    text-decoration: none;
    line-height: 48px;
}
.menu-bottom {
    background:#fff;
    border-top:2px solid #ececec;
    text-align:left;
    height:48px;
    line-height: 48px;
    word-spacing: 18px;
}

.block.bottom {
    background: #ececec;
    padding-top:20px;
    padding-bottom:20px;
}

.block.bottom .counters {
    display: inline-block;
    width:50%;
    vertical-align: bottom;
    text-align: right;
}
.block.bottom .contacts a {
    color:#d40000;
}
.block.bottom .contacts {
    display: inline-block;
    width:50%;
    vertical-align: bottom;
    text-align: left;
}
.copyright {
    background:#ddd;
    font-size:12px;
    text-align:left;
    min-height:30px;
    padding:5px 0;
    line-height:30px;
    color:black;
}

.loader {
    background:white;
    margin:15px 0;
    padding:15px 0;
    text-align: center;
    border-radius: 3px;
    box-shadow:inset 0 1px 4px rgba(0,0,0,0.1);
}
.loader span {
    display: inline-block;
    background:white url(../images/design/loader.gif) no-repeat 10px 50%;
    padding-left:28px;
    padding:5px 10px 5px 38px;
    border-radius: 15px;
}


.popup-back.show {
    opacity:1;
}
.popup-back {
    transition:opacity 300ms;
    opacity:0;
    display:none;
    position:fixed;
    background:rgba(0,0,0,0.5);
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index: 100;
}

.popup-cont.show {
    opacity:1;
}
.popup-cont > * {
    margin:0 15px;
    padding:0;
}
.popup-cont > table.report {margin:15px 0;}
.popup-cont p {margin:10px 0;}
.popup-cont input {
    width:100%;
    box-sizing: border-box;
    margin:0;
}
.popup-cont h3 i {
    cursor:pointer;
    margin-top:10px;
}
.popup-cont h3 {
    border-bottom:1px solid #ccc;
    padding:0 0 10px;
    margin:0 0 5px;
    text-align: left;
}
.popup-cont {
    transition:opacity 300ms;
    opacity:0;
    display:none;
    background:white;
    border-radius:3px;
    box-shadow:0 1px 10px rgba(0,0,0,0.7);
    position:fixed;
    left:50%;
    margin-left:-150px;
    padding:10px 0 5px;
    width:300px;
    top:30%;
    z-index: 101;
}
.popup-cont.wide {
    width:60%;
    margin-left:-30%;
    margin-top:10%;
    top:0;
    padding-left:15px;
    padding-right:15px;
    position:absolute;
}

.review-frm {
    margin-top:5px;
    padding:10px 15px;
    background:#ececec;
    border-bottom:2px solid #ddd;
    display:none;
}

.review-frm td {vertical-align: middle; padding-right: 10px;}
.review-frm button,
.review-frm textarea,
.review-frm input {
    width:100%;
    margin:10px 0;
}
.review-frm textarea {height:200px;}

.photos {margin:20px -5px;}
.photos > div {
    width:20%;
    display: inline-block;
    height:150px;
    padding:0 5px;
    margin:0 0 10px;
}
.photos > div .img img {display:none;}
.photos > div .img {
    width:100%;
    height:100%;
}


.side-left,
.side-right {
    display: inline-block;
    vertical-align: top;
    width:60%;
    margin-top:10px;
}
.side-left {}
.side-right {width:40%;}
.side-left .block {padding-right:0;}

.events {margin-right:-10px;}
.events .item {
    min-height: 102px;
    margin-bottom: 20px;
    padding-left:142px;
    padding-right:10px;
}
.events .item .img {
    width:142px;
    height:72px;
    background-color:white;
    background-position: 50% 50%;
    background-size:contain;
    margin-bottom: 30px;
    position: absolute;
    margin-left:-142px;
}
.events .item .date {position: relative;}
.events .item .date > span {
    position: absolute;
    margin-left:10px;
    background:white;
    color:black;
    padding:0 10px 0 8px;
    line-height: 32px;
    height:30px;
    color:#555;
}
.events .item .desc .d {
    font-size:14px;
    color:#555;
} 
.events .item .desc {
    padding-left:10px;
}
.events .item .desc .title {
    display: block;
    font:bold 18px Roboto Condensed;
    text-decoration: none;
    color:black;
    padding-top:5px;
    padding-bottom:5px;
}

.events .item.large {
    width:50%;
    display: inline-block;
    padding-left:0;
    vertical-align: top;
}
.events .item.large .img {
    position: relative;
    margin:0;
    width:100%;
}
.events .item.large .img .button {
    left:0; top:0;
    width:auto;
}
.events .item.large .desc {padding-left:0;}

.block.news {margin-bottom:20px;}
.block.news .item {
    position: relative;
    min-height: 43px;
    margin-bottom:18px;
    padding:3px 0 0 69px;
}
.block.news .item .img.noimg {
    background: #ececec url(../images/design/icon-news.png) no-repeat 50% 50%;
    background-size:41px auto;
}
.block.news .item .img {
    background-color:#ececec;
    width:59px;
    height:43px;
    position: absolute;
    left:0;
    top:0;
}

.block.news .item .desc.b {font-weight: normal;}

.gb-info {margin-bottom:20px;}
.gb-info ul {margin-left:16px;}
.gb-info li {
    font-size:16px;
    line-height: 1.6em;
}

.documents.wide {
    margin:0 -20px;
}
.documents.wide .item {
    width:50%;
    display:inline-block;
    vertical-align: top;
    padding-right:20px;
}
.documents .item {
    position: relative;
    min-height: 60px;
    margin-bottom:18px;
    padding:3px 0 0 69px;
}
.documents .item .title {margin:0px 0 7px;}
.documents .item .title .right {margin-top:-3px;}
.documents .item .title a:last-child {
    text-decoration: none;
    color:black;
    font-weight: 500;
}
.documents .item > .ico {
    background-color: #ececec;
    width:59px;
    height:60px;
    position: absolute;
    left:0;
    top:0;    
}

.pages a,
.pages b {
    display: inline-block;
    padding:2px 5px;
}
.pages b {background:#eee;}
.pages {
    margin:10px 0 20px;
    color:#777;
}

.popup-pages {
    
}

.twister.res .item .img {
    height:80px;
    width:100%;
}
.twister.res {
    margin-top:20px;
    margin-bottom:50px;
}
.twister.res {min-height: 80px;}
.twister.res .tw-round {top:100%; margin-top:5px;}

.instawidget-cont {
    margin-top:15px;
    margin-bottom:25px;
    height:310px;
}

.mp-search-form {margin-bottom: 10px;}
.mp-search-form label {
    display: block;
    color:#333;
}
.mp-search-form input,
.mp-search-form select {
    width:100%;
}
.mp-button-cont button {
    position: absolute;
    right:0;
    top:5px;
    height:39px;
    width:90px;
}
.mp-button-cont {
    position: relative;
    padding-right:110px;
}

.columns {margin:0 -20px;}
.columns > .col {
    min-height:600px;
    padding:0 20px;
}
.columns > .col.grad:last-child {
    background:url(../images/design/colback.png) repeat-y 0 50%;
}
.columns > .col.grad:first-child {
    background:url(../images/design/colback2.png) repeat-y 100% 50%;
}

.today {
    float:right;
    white-space: nowrap;
    font-size:16px;
    font-weight: normal;
    text-transform: lowercase;
}

.weeks td span a:hover {
    background:#786dca;
}
.weeks td span a {
    background:#6c54a8;
    color:white;
}
.weeks td span {background:#f2f2f2;}
.weeks td * {
    height:100%;
    width:100%;
    display: block;
    line-height:50px;
    font-size:22px;
}
.weeks td.vihodie span {color:#800000;}
.weeks td {
    text-align: center;
    vertical-align: middle;
    border:2px solid white;
}
.weeks td.current span {font-weight: bold;}

.news .item {
    position: relative;
    min-height: 100px;
    margin-bottom: 10px;
}
.news .item .info {
    padding-left:135px;
}
.news .item .date {
    color:#555;
    font-size:14px;
    padding:2px 0 5px;
}
.news .item .desc {
    font-size:14px;
}
.news .item .more a {
    text-decoration: none;
    color:#808080;
    font:bold 16px Roboto Condensed;
}
.news .item .more {
    margin-top: 10px;
}
.news .item .name a {text-decoration: none;}
.news .item .name {
    font:bold 18px Roboto Condensed;
}
.news .item .img {
    position: absolute;
    width:125px;
    height:90px;
    left:10px; top:0;
}
.news {
    padding-bottom: 30px;
    box-sizing: content-box !important;
}

.docs > div a {text-decoration: none;}
.docs > div {
    padding:5px 40px 5px 70px;
    position: relative;
    min-height: 80px;
    font-size:14px;
}
.docs > div .ico.file {
    position: absolute;
    top:0; left:0;
}
.docs > div .button {
    position: absolute;
    right:0;
    top:0;
}

.menu-left {
    padding-top:10px;
    padding-bottom: 10px;
}
.menu-left .item.subs i.ico {display: block;}
.menu-left .item.open i.ico {
    transform: rotate(180deg);
}
.menu-left .item i.ico {
    position: absolute;
    right:10px;
    top:17px;
    display: none;
    cursor: pointer;
    transition: all 300ms;
}
.menu-left .item a {text-decoration: none;}
.menu-left .item {
    padding:7px 0;
    font-size:14px;
    font-weight: 500;
    margin-right:-20px;
    margin-left:-30px;
    padding-left:30px;
    padding-right:30px;
    position: relative;
}
.menu-left .item.current {background:#f7f7f7;}
.menu-left .shift.open {
    max-height: 800px;
}
.menu-left .shift {
    overflow: hidden;
    padding:0 20px 0 30px;
    margin:0 -20px 0 -30px;
    max-height: 0;
    transition: all 300ms;
}
.menu-left .shift .item {
    padding-left:60px;
}

.popup-pages {margin:-5px 0 25px;}
.mselector {
    display: inline-block;
    position: relative;
}
.mselector.open .list {
    opacity: 1;
    max-height: 400px;
}
.mselector .list .col {
    padding-top:5px;
    padding-bottom:5px;
}
.mselector .list a {}
.mselector .list {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 300ms;
    border-top:3px solid #d40000;
    position: absolute;
    top:100%;
    width:320px;
    left:0;
    z-index: 100;
    background:white;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    margin:20px -20px 0;
    padding:10px 20px;
    font-size:20px;
}
.mselector .value {
    font-size:20px;
    font-weight: 500;
    background:url(../images/design/arrow-down-large.png) no-repeat 100% 50%;
    background-size: 11px auto;
    cursor:pointer;
    min-width: 20px;
    padding-right:20px;
    margin-right:10px;
}

.events.zdates .item {min-height: 150px;}

.ya-share2 {
    display: inline-block;
    vertical-align: middle;
}
.item-share > span:first-child {
    margin-right:10px;
    vertical-align: middle;
}
.item-share {
    white-space: nowrap;
    margin-top:25px;
}

.attrs .col {
    padding-top:5px;
    padding-bottom:5px;
}
.attrs .col:nth-child(2n+1) {
}
.attrs .col:nth-child(2n) {
    font-weight: 400;
}

.comment .img {
    position: absolute;
    left:0;
    top:0;
}
.comment {
    padding-left:110px;
    position: relative;
    min-height: 120px;
    margin-bottom: 20px;
}
.comment .author {
    font-size:14px;
    font-weight: 500;
    margin-top:5px;
}


.org-item .desc {
    
}
.org-item.col {
    margin-top:10px;
    padding-left:175px;
    position: relative;
    min-height: 150px;
    margin-bottom: 20px;
}
.org-item .img {
    left:10px; top:0;
    position: absolute;
    margin:0;
}
.org-item .name {
    font-weight: 600;
    font-size:16px;
}

.org-item-large .img {
    width:150px;
    height:150px;
}

.orgs_single .org-item .img {
    margin-top:25px;
}

.mb-popup-menu.show {
    left:0;
}
.mb-popup-menu {
    display:none;
    position: fixed;
    background:white;
    left:-450px;
    top:45px;
    bottom:0;
    min-width: 320px;
    max-width: 450px;
    padding:5px 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    z-index: 800;
    overflow: auto;
    transition: all 300ms;
}
.mb-popup-menu .shift a {font-weight: 300;}

body.special-on {padding-top:45px;}
body.special-on .top {margin-top:0;}

.links .col {margin-bottom: 10px; position: relative; min-height: 70px;}
.links a {text-decoration: none;}
.links .img {
    width:50px;
    height:50px;
    float:left;
    margin-right:10px;
    background-size:contain;
    background-color:transparent;
    position: absolute;
    left:10px; top:5px;
}
.links .title {
    padding-top:5px;
    padding-left:60px;
    display: inline-block;
}

.pages {
    font-size:16px;
    margin:0 0 40px;
}
.pages a.sel {
    background:#d40000;
    color:white;
}
.pages a {
    background:#eee;
    display: inline-block;
    padding:3px 10px;
    border-radius: 3px;
    text-decoration: none;
    margin-right: 10px;
}

.events.api .item .desc .d {
    margin:3px 0;
    color:black;
}
.events.api .desc {padding-left:20px;}
.events.api .desc-text {
    margin:10px 0px;
    color:#555;
}

.socials-block {line-height: 45px;}
.socials-block .social {
    margin:-2px 0 0 3px;
}

.video-link {
    background:#ddd;
    padding:40px;
    margin:10px 0 40px;
    text-align: center;
    font-size:18px;
}

.video-cont iframe {
    border:none;
    width:100%;
    height:100%;
}
.video-cont {
    width:100%;
    height:200px;
    margin:20px 0 40px;
}