/* --------------------------- template --------------------------- */
html { color: #212121; background: #fff;
    font: 14px/20px 'Open Sans', sans-serif; }

a { color: #0D319B; }
a:visited {  }
a:hover { color: #5A76C6; }
a:active {  }

.page { width: 1300px; margin: 0 auto; }

.main-container { margin-top: 42px; padding-top: 1px;
    background: #fff url(../images/bg-main.jpg?1) no-repeat left center; background-size: cover; background-attachment: fixed; }

/* --------------------------- header --------------------------- */
.top-panel { position: fixed; left: 0; top: 0; width: 100%; color: #fff; background: rgba(34,15,47,.87);
    box-shadow: 0 -10px 12px 10px #000; z-index: 1000; }
.top-panel a { text-decoration: none; }
.top-mail { position: absolute; left: -5000px; }
ul.social-ico { list-style: none; }
ul.social-ico li { display: inline-block; margin: 5px 5px; }
ul.social-ico li a { display: block; font-size: 16px; color: #fff; padding: 6px 5px; border-radius: 50%; width: 23px; line-height: 20px; text-align: center; }
ul.social-ico li a:hover { background: transparent; }

.top-panel a.logo { color: #fff; font-size: 12px; text-transform: uppercase; line-height: 14px; margin-right: 20px; }
.top-panel a.logo img { height: 35px; margin: 5px 10px 0; }
.top-panel a.logo .text { margin-top: 8px; }

.fa-fb { background: #6D85B4; }
.fa-twi { background: #88BEE1; }
.fa-yt { background: #EE3637; }
.fa-gp { background: #D95032; }
.fa-instagram-filled { background: #CE2580; }
.fa-telegram { background: #139BD0; }

.bar-level-1 { display: inline-block; }
.bar-level-1 > a { color: #b8b8b8; display: block; padding: 5px 10px; margin: 7px 5px; }
.bar-level-1 > a:hover { color: #fff; }
.bar ul { display: none; list-style: none; position: absolute; background: #8E8E8E; right: 5px; top: 37px; padding: 10px 0;
    box-shadow: 2px 2px 10px 0 #666; opacity: .93; z-index: 10; }
.bar ul.lang-bar { width: 100px; }
.bar ul.user-bar { width: 180px; }
.bar ul li a { color: #fff; display: block; padding: 3px 10px; font-size: 14px; }
.bar ul li a:hover { background: #5D5E60; }
.bar ul.contact-bar li { width: 250px; }
.top-panel .search { text-align: center; padding-top: 5px; }
.top-panel .search input { font-size: 14px; height: 25px; color: #fff; background: transparent; width: 30%; padding: 0 0 0 20px;
    border-bottom: 1px solid #b8b8b8; border-top: none; border-left: none; border-right: none; }
.top-panel button.fa-search { border: none; padding: 0; font-size: 20px; color: #B7B7B7; background: none; width: 30px; height: 29px;
    cursor: pointer; }
.top-panel button.fa-search:hover { color: #fff; }
a.login { display: inline-block; color: #397d79; background: #F3F3F3; padding: 5px 10px; margin: 7px 5px; border-radius: 15px; }
a.login:hover { background: #fff; color: #397d79; }

.top-panel-640 { display: none; position: fixed; left: 0; top: 0; width: 100%; color: #fff; padding: 3px 0;
    background: rgba(34,15,47,.87); box-shadow: 0 -10px 12px 10px #000; z-index: 1000; }
.top-panel-640 a { text-decoration: none; }
a.menu-button { display: block; float: left; color: #fff; font-size: 24px; line-height: 35px; margin-left: 10px; }
a.menu-button:hover { color: #b8b8b8; }
.user-bar-640 { float: right; }
.logo-top-w {  }
.logo-top-w a { display: block; width: 40px; height: 35px; margin: 0 auto; background: url(../images/logo-top-w.png) no-repeat;
    background-size: contain; }
.side-bar { display: none; position: fixed; width: 90%; height: calc(100% - 60px); overflow: auto; left: 0; top: 35px;
    padding: 10px; background: #64397D; z-index: 1100; }
.side-bar a { color: #ffcd05; text-decoration: none; }
.side-bar a:hover { color: #fff; }
ul.lang-bar-640 { list-style: none; margin-bottom: 10px; text-align: right; }
ul.lang-bar-640 li { display: inline-block; margin: 0 5px; }
ul.lang-bar-640 li a.lb-current { color: #fff; }

.site-name { margin-top: 10px; }
.site-name .container { text-align: right; border-bottom: 1px solid #423451; margin: 20px 120px 0 8px; }
.site-name .container a { color: #3d2d49; font-size: 24px; text-transform: uppercase; text-decoration: none; }
.logo-top { float: right; width: 67px; height: 58px; background: url(../images/logo-top.png) no-repeat; margin-right: 30px; }

.header { margin-top: 15px; height: 400px; border: 6px solid #64397d; border-radius: 10px;
    box-shadow: 5px 5px 5px 0 #333; }

ul.service-bar { list-style: none; position: absolute; left: 7px; top: -23px; }
ul.service-bar li { display: inline-block; margin: 0 10px -15px; padding: 1px 15px 1px 8px; background: url(../images/bg-service.png);
    box-shadow: 5px 5px 5px 0 #333; border: 4px solid #FECC19; border-radius: 20px; }
ul.service-bar li:hover { }
ul.service-bar li a { display: block; color: #2f7553; font-size: 12px; text-decoration: none; padding: 1px 0; text-align: center;
    text-transform: uppercase; }
ul.service-bar li a span { display: inline-block; margin-right: 15px; padding-bottom: 1px; font-size: 25px; color: #FECC19; vertical-align: text-bottom; }
ul.service-bar li:hover a span { color: #52C6BF; }
.portal_link { position: absolute; bottom: 70px; left: 0; background: url(../images/bg-service.png); padding: 5px 15px; font-size: 18px;
    border: solid #FECC19; border-width: 4px 4px 4px 0; border-radius: 0 20px 20px 0; }
.top-attantion { position: absolute; top: 30px; right: 0; width: 200px; background: #F7EDD3; padding: 5px 10px; border: solid #D50301;
    border-width: 1px 0 1px 1px; line-height: 18px; font-size: 14px; }

/* --------------------------- main menu --------------------------- */
ul.main-menu { position: absolute; left: 0; bottom: 10px; width: 100%; list-style: none; background: #64397d; text-align: right; }
ul.main-menu>li { display: inline-block; position: relative; }
ul.main-menu>li>a { display: block; padding: 0 10px; color: #ffcd05; text-decoration: none; font-size: 16px; line-height: 46px; text-transform: uppercase; }
ul.main-menu>li>a:hover, a.mm-current { color: #fff!important; }
ul.main-menu>li>a>i { font-size: 1em; margin-left: 5px; }
ul.main-menu ul.level-2 { display: none; position: absolute; list-style: none; background: rgba(234,234,234,.9); left: -50px; top: 40px;
    width: 300px; padding: 5px 0; box-shadow: 2px 2px 10px 0 #666; z-index: 10; text-align: left; }
ul.main-menu ul.level-2>li { border-bottom: 1px solid #DBDBDB; }
ul.main-menu ul.level-2>li>a { display: block; color: #000; text-decoration: none; padding: 5px 20px; font-size: 16px; }
ul.main-menu ul.level-2>li>a:hover, a.sm-current { background: #fff; }

.main-menu-container { height: 46px; }
.main-menu-container ul.main-menu { position: relative; bottom: 0; }


ul.cab-main-menu { padding: 20px 50px; }
ul.cab-main-menu li { list-style: none; }
ul.cab-main-menu li a { text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 17px; }
ul.cab-main-menu li a:hover { text-decoration: underline; }

ul.left-column { position: absolute; top: 150px; left: 0; }

/* --------------------------- content --------------------------- */
ul.list-group { list-style: none; border: 1px solid #ddd; }
ul.list-group li { display: flex; justify-content: space-between; background-color: #fff; padding: 10px 15px; border-bottom: 1px solid #ddd; }
ul.list-group li:last-child { border-bottom: none; }
ul.list-group li a { text-decoration: none; }

/* --------------------------- right column --------------------------- */
.right-column { position: absolute; top: 0; left: 0; width: 100%; }

.col-panel-111 { background: rgba(120,120,120,.8); box-shadow: 0 0 20px 0 #555; margin-bottom: 20px; padding: 20px; }
.col-panel { float: right; width: 30%; margin-bottom: 25px; }
.col-panel-content { box-shadow: 4px 4px 8px -4px #000; margin-right: 5px; padding: 25px 15px; border-radius: 10px; }
.col-panel-content a { text-decoration: none; }
.col-panel-content a:hover { color: #051239; }

.columnHeader { padding: 7px 10px; margin: 0 5px 10px 0; font-size: 24px; font-weight: bold; text-transform: uppercase; color: #eee; line-height: 28px; }
.col-bg-1 .columnHeader { background: #249697; }
.col-bg-1 .col-panel-content { background: rgba(37,151,152,.75); }
.col-bg-2 .columnHeader { background: #81b8df; }
.col-bg-2 .col-panel-content { background: rgba(129,184,223,.75); }
.col-bg-3 .columnHeader { background: #a6bac8; }
.col-bg-3 .col-panel-content { background: rgba(166,186,200,.75); }

.sub-menu { }
.sub-menu a { display: block; text-decoration: none; color: #fff; }
.sub-menu > a { margin-bottom: 3px; padding: 0 0 2px; }
.sub-menu a:hover, .sub-menu a.sm-current { color: #08585A; background: transparent; }
.sub-menu a.sm-current { font-weight: bold; }
.sub-menu ul { margin: 5px 0 10px 20px; padding-left: 10px; list-style-type: disc; color: #fff; }
.sub-menu ul li { }
.sub-menu ul a { font-weight: normal; }
.sub-menu ul a.sm-current { background: none!important; font-weight: bold; }

.one-news-pan { margin: 15px 0 10px ; padding-bottom: 10px; border-bottom: 1px solid #666; }
.one-news-pan .date { font-size: 14px; }
.one-news-pan img { float: right; width: 40%; margin-left: 10px; }

#photoFrame { margin: 20px 0 0 20px; height: 170px; }
.social-panel a { display: inline-block; margin: 20px 10px; }
.social-panel .strong { font-size: 14px; color: #62240E; }

/* --------------------------- main column --------------------------- */
.main-column { position: relative; width: 70%; z-index: 1; }
.main-panel { margin: 0 20px 5px; padding: 30px 30px 80px; background: rgba(255,255,255,.8); box-shadow: 4px 4px 8px -4px #000; }
.page-title { background: #64397C; color: #ffcd05; padding: 7px 10px; margin: 0 20px 10px; }
.page-title h1 { font-size: 24px; font-weight: bold; text-transform: uppercase; }
.main-column .main-panel { margin-right: 10px; }
.main-column .page-title { margin-right: 10px; }

.listing
{
    border: 1px solid #DBD3C0;
    margin: 5px 0;
}
.listing th
{
    background: #F5EACE;
    padding: 3px;
    font-weight: bold;
    border-bottom: 1px solid #DBD3C0;
}
.listing td
{
    border-bottom: 1px solid #DBD3C0;
    background: #FCF7E3;
    padding: 3px;
}
.list0, .list1, .list2 { padding: 3px; margin: 10px 0; border: 1px solid #DBD3C0; }
.list0 { background: #F2EDDE; }
.list1 { background: #F7F5E8; }
.list0 .list2 { background: #F7F5E8; }
.list1 .list2 { background: #F2EDDE; }

.margin-left-cat { margin-left: 30px; }
.signature { font-size: .85em; }
.signature a { color: #fff; font-weight: bold; }
.signature a:hover { color: #E6DECC; }

.button-link, .button, .button-small { display: inline-block; border: none; color: #FFCD05; background: #64397D; margin: 0 4px;
    text-decoration: none; }
.button-link, .button { padding: 4px 12px; font-size: 16px; }
.button-small { padding: 1px 8px; font-size: 14px; }
.button-link:hover, .button:hover, .button-small:hover { color: #fff; }

.button-disabled { background: #A783BC; color: #fff; }
.button-alert { background: #F24646; color: #fff; }

ul.gallery { list-style: none; }
ul.gallery li { display: inline-block; margin: 5px; height: 120px; }
ul.gallery li img { height: 100%; }
img.gal-img { max-width: 180px; max-height: 180px; }

ul.news-list { list-style: none; }
ul.news-list li { margin-bottom: 15px; }
ul.news-list li img { display: inline-block; width: 30%; vertical-align: top; }
ul.news-list li .info { display: inline-block; width: calc(70% - 20px); vertical-align: top; }
ul.news-list li .date { font-size: 14px; margin-bottom: 5px; color: #666; }
ul.news-list li h2 a { text-decoration: none; }

ul.dl { list-style: none; }
ul.dl li { margin-bottom: 5px; display: flex; }
ul.dl li .dt { width: 200px; font-weight: bold; }

/* --------------------------- form --------------------------- */
.fa.required { margin-right: 5px; font-size: 18px; color: red; }
textarea, input, select { font-size: 18px; background: #FFFFFF; border: 1px solid #56472A; }

.page-form { margin: 10px 0; }
.row-form { margin-bottom: 10px; }
.page-form .row-form { display: inline-block; vertical-align: top; }
.page-form label { display: block; }

.page-form textarea,
.page-form input[type=text],
.page-form input[type=password],
.page-form select { width: calc(100% - 10px); box-sizing: border-box; padding: 5px 10px; }

.page-form input[type=checkbox], .page-form input[type=radio] { float: left; margin-right: 10px; }
.page-form select.day { width: calc(30% - 10px); margin-right: 5px; }
.page-form select.month { width: calc(40% - 10px); margin-right: 5px; }
.page-form select.year { width: calc(30% - 10px); }

.dialog label { display: inline-block; width: calc(35% - 20px); text-align: right; margin-right: 20px; }
.dialog input[type=text], .dialog input[type=password] { display: inline-block; width: calc(65% - 2px); }

.err, .formErr { color: #FF0000; }
.errBorder { border: 1px solid #f00; }
.radio
{
	font-size: 11px;
	background: transparent;
	border: none;
}
.note-form { font-size: 14px; font-weight: normal; font-style: italic; }
.form_container, .panel
{
    padding: 10px;
    background: rgba(129,184,223,.50);
    margin-bottom: 20px;
}
.form_container .letter { display: inline-block; width: 25px; line-height: 25px; font-size: 22px; text-align: center;
    margin: 3px; color: #464646; }
.form_container a.letter { text-decoration: none; background: #64397C; color: #FFCD44; }
.form_container a.letter:hover, .form_container a.letter.cur { background: #fff; }

.user-form { min-width: 500px; width: 50%; margin: 0 auto; }
.big-item-img { max-width: 300px; }
/* --------------------------- tiles masonry --------------------------- */
ul.masonry { list-style: none; }
ul.masonry>li { display: inline-block; width: calc(33% - 37px); padding: 15px; text-align: center; box-shadow: 4px 4px 10px -4px #000;
    margin-bottom: 10px; background: #fff; }
ul.masonry>li>img { width: 100%; margin: 0 auto 15px; }
ul.masonry>li>h2 { margin-bottom: 20px; }
ul.masonry>li p { text-align: left; }
ul.masonry li a.more, .slider-1-cell a.more
    { display: block; background: #64397C; color: #ffcd05; padding: 4px 50px 4px 10px; font-size: 12px; text-decoration: none; }
ul.masonry li a.more { float: right; margin-right: -15px;}
.slider-1-cell a.more { position: absolute; right: 0; bottom: 10px; }
ul.masonry li a.more:hover, .slider-1-cell a.more:hover { color: #fff; }

/* --------------------------- footer --------------------------- */
.footer { padding: 40px 0;
    background: url(../images/bg-footer.jpg) no-repeat center center; background-size: cover; }
.footer .page { background: rgba(246,241,216,.9); box-shadow: 4px 4px 10px -3px #000; border-radius: 10px; }
.footer .logo-container { float: right; width: 170px; }
a.logo-bottom { display: block; margin-top: 30px; }
.footer-container { padding: 30px 0 30px 30px; margin-right: 175px; color: #64397d; }
.footer-container a { color: #888; text-decoration: none; }
.footer-container a:hover { color: #444; }
.footer-container ul li { margin-left: 15px; }
.footer-container .title { font-weight: bold; margin-bottom: 10px; }
.copyright { font-size: 12px; }

/* --------------------------- map --------------------------- */
.div_map { margin-left: 20px; }
.div_map a { display: block; }
/* --------------------------- misc --------------------------- */
#social-viget { margin: 10px; }
.thumb { max-width: 100px; max-height: 100px; }
.lineH
{
    border-bottom: 1px solid #DBD3C0;
}
/*  .v-line { background: url(images/v-line.gif) repeat-y top left; }   */
.v-line { border-left: 2px solid #AAAAAA; }
.alertText, .okText { font-size: 16px; font-weight: bold; text-align: left; margin: 20px 0; padding: 10px; color: #fff; }
.alertText { background: #F24646; }
.okText { background: #3BB234; }
.alertTextSmall
{
    color: #D50301;
    font-weight: bold;
}

ul.pagination { list-style: none; text-align: center; min-height: 30px; margin: 10px 0; }
ul.pagination li.page-item { display: inline-block; margin: 0 5px; }
ul.pagination li.page-item a { text-decoration: none; }
ul.pagination li.page-item a:hover { background: rgb(247, 164, 12) }
ul.pagination li.page-item .page-link { background: #FECC19; padding: 5px 10px; border-radius: 15px; color: #fff; }
ul.pagination li.page-item .page-link.back { border-radius: 15px 0 0 15px; }
ul.pagination li.page-item .page-link.forward { border-radius: 0 15px 15px 0; }
ul.pagination li.page-item.disabled .page-link { background: transparent; padding: 5px 0; color: #646464; }
ul.pagination li.page-item.active .page-link { background: #F7D895; color: #333; }
ul.pagination li.page-item .fa-angle-left { margin-right: 7px; }
ul.pagination li.page-item .fa-angle-right { margin-left: 7px; }

div.list-result { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #DAD2C5; }
div.list-result h2 a { font-size: .8em; margin-left: 20px; }

.one-item { background: rgba(254,204,25,.15); display: flex; position: relative; box-sizing: border-box; padding: 10px; margin-top: 10px; }
.one-item .img { text-align: center; }
.one-item .img img { margin: 0; width: 100%; }
.one-item.item-small .img { width: 100px; }
.one-item.item-big .img { width: 250px; }
.one-item .info { padding: 0 10px; width: 100%; }
.one-item.item-small .info-right { width: calc(100% - 100px); }
.one-item.item-big .info-right { width: calc(100% - 250px); }
.one-item .info h1, .one-item .info .h1 { text-align: center; }
.one-item.item-small .info h1, .one-item.item-small .info .h1 { font-size: 20px; }
.one-item .add-info { margin-top: 10px; font-size: 12px; line-height: normal; }

.more-panel { display: flex; justify-content: space-between; background: rgba(254,204,25,.25); padding: 7px 10px; font-size: 12px; }
.more-panel .more-1 { width: 145px; }
.more-panel .more-2 { width: calc(100% - 300px); }
.more-panel .more-3 { width: 145px; text-align: right; }
.more-panel a { margin: 0 2px; font-size: 12px; padding: 0 8px 1px; border-radius: 2px; }
.more-panel .fa-book { border: 1px solid #676767; margin-left: 5px; border-radius: 50%; padding: 3px 6px; background-color: #fff; }

ul.zmist { list-style: none; }
ul.zmist li { position: relative; }
ul.zmist li span { display: block; }
ul.zmist li span:nth-child(1) { width: calc(100% - 40px); overflow: hidden; position: relative; }
ul.zmist li span:nth-child(2) { position: absolute; right: 0; bottom: 0; width: 30px; }
ul.zmist li span:nth-child(1)::after {
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    position: absolute;
    bottom: 0;
    margin-left: 10px;
}

.book-panel { background: rgba(254,204,25,.15); margin-bottom: 10px; }
.book-panel .img { flex-grow: 0; width: 110px; text-align: center; }
.book-panel .info { overflow: hidden; padding: 7px 10px; }
.book-panel .info.flex { justify-content: space-between; }
.book-panel .info.flex .text { flex-shrink: 10; }
.book-panel .num_side { width: 25px; float: left; }
.book-panel .info_side { margin-left: 25px; }
.book-panel .more { display: flex; justify-content: space-between; background: rgba(254,204,25,.25); padding: 7px 10px; font-size: 12px; }
.book-panel .more a { margin: 0 2px; font-size: 12px; padding: 0 8px 1px; border-radius: 2px; }
.book-panel .more .fa-book { border: 1px solid #676767; margin-right: 5px; border-radius: 50%; padding: 3px 6px; background-color: #fff; }
.book-panel .info.flex .more { flex-direction: column; justify-content: flex-start; text-align: center; }
.book-panel .info.flex .more a { margin-bottom: 2px; }
.book-panel .info-2 { background: rgba(254,204,25,.25); padding: 7px 10px; }
.ipn_author { }
.ipn_title { font-weight: bold; }
.ipn_img { }
.ipn_more { text-align: right; }
.ipn_more a { border: 1px solid #836F47; background: #E3CEA5; padding: 2px 4px; text-decoration: none; color: #383124; margin: 0 4px; }
.ipn_more a:hover { background: #F7D895; }
a.toc { text-decoration: none; color: #212121; }
a.toc:hover { color: #64397D; }
a.toc .fa { font-size: 18px; margin-left: 10px; vertical-align: bottom; }

.item-panel { display: flex; position: relative; box-sizing: border-box; width: 80%; border: 1px solid #F7EDD3; border-radius: 3px;
    box-shadow: 4px 4px 10px -4px #000; padding: 15px; margin: 10px auto; text-decoration: none; color: #383124; }
.item-panel:hover { color: #383124; background: #fff; border: 1px solid #eee; box-shadow: 1px 1px 4px 1px #999; }
.item-panel .img { text-align: center; width: 30%; margin-right: 10px; }
.item-panel .ipn_img img { max-width: 100%; max-height: 100%; margin: 0; }
.item-panel .ipn_info { margin-bottom: 30px; }
.item-panel .more { position: absolute; right: -2px; bottom: 10px; border: none;
    background: #64397C; color: #FFCD46; }
.item-panel .more a { padding: 4px 50px 4px 10px; }
.item-panel .ipn_more:hover { background: #836F47; }
.item-panel h3 { margin-top: 10px; text-align: center; }

.item-list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.item-list .item-panel { display: block; flex-basis: calc(33% - 10px); margin: 10px 0; }
.item-list .item-panel .ipn_img { text-align: center; width: 100%; height: 180px; margin: 0 0 10px 0; }

ul.tile-list { list-style: none; margin: 20px 0; text-align: center; }
ul.tile-list li { display: inline-block; box-sizing: border-box; vertical-align: top; width: 250px; height: 400px; margin: 0; padding: 10px;
    position: relative; }
ul.tile-list li .item-panel { display: block; width: 100%; height: 100%; margin: 0; box-sizing: border-box; background: #fff; }
ul.tile-list li .item-panel .img { width: auto; height: 150px; text-align: center; margin-bottom: 5px; }
ul.tile-list li .item-panel .img img { max-width: 100%; max-height: 100%; margin: 0; }
ul.tile-list li .item-panel .info { height: 155px; overflow: hidden; font-size: 13px; line-height: normal; }
ul.tile-list li .item-panel .info .author { font-size: 13px; font-weight: bold; line-height: normal; }
ul.tile-list li .item-panel .info h3 { font-size: 18px; margin: 3px 0; text-align: center; }
ul.tile-list li .item-panel .more { position: absolute; bottom: 15px; }
ul.tile-list li .item-panel .more a { padding: 3px 30px 4px 10px; font-size: 12px; }
ul.tile-list li .item-panel .publ_info { height: 120px; font-size: 12px; line-height: 15px; text-align: left; overflow: hidden; }
ul.tile-list li .editor-link { position: absolute; left: 6px; bottom: 26px; text-align: left; }
ul.tile-list li .editor-link a { display: block; padding: 3px 10px 4px 10px; font-size: 12px; margin-top: 2px; }

ul.line-list { list-style: none; margin: 20px 0; }
ul.line-list li { display: block; box-sizing: border-box; margin-bottom: 10px; background: rgba(254,204,25,.15); }
ul.line-list li .item-panel { width: 100%; border: none; border-radius: 0; box-shadow: none; padding: 15px; text-decoration: none; color: #383124; }
ul.line-list li .item-panel:hover { color: inherit; background: transparent; border: inherit; box-shadow: inherit; }
ul.line-list li .item-panel .ipn_more:hover { background: inherit; }

ul.masonry>li.slbook .flickity-viewport { width: 100%; height: 100%; }
ul.masonry>li .slbook-cell { width: 100%; height: 100%; margin-right: 10px; }
ul.masonry>li .item-panel { width: 100%; height: 100%; border: none; border-radius: 0; box-shadow: none; padding: 0; margin: 0; }
ul.masonry>li .item-panel .img { width: 40%; }
ul.masonry>li .item-panel .img img { width: 100%; margin: 0; }
ul.masonry>li .item-panel .info { width: 60%; }
ul.masonry>li .item-panel .more { bottom: 0; right: 0; }
ul.masonry>li .item-panel .more a { font-size: 12px; }
ul.masonry>li .flickity-prev-next-button.previous { left: -14px; }
ul.masonry>li .flickity-prev-next-button.next { right: -14px; }

/* --------------------------- comment -------------------------- */
.comment-container { background: #D3EDF7; padding: 30px 0 60px; }
.comment-list h3 { text-align: center; }
.comment { padding: 10px 100px; border-bottom: 1px dashed #fff; }
.comment .title { width: 160px; float: left; }
.comment .name { font-weight: bold; }
.comment .date-in { font-size: 15px; }
.comment .note { font-size: 15px; margin-left: 170px; }
.comment .admin { margin-top: 10px; padding: 10px; font-style: italic; background: #E3F2F7; border: 1px dashed #fff; }
.comment-form { width: 70%; margin: 30px auto; border: 1px dashed #fff; padding: 20px 30px; background: #E3F2F7; border-radius: 5px; }
.comment-form label { display: inline-block; width: 40%; }
.comment-form input[type=text] { display: inline-block; width: calc(60% - 8px); padding: 3px; }
.comment-form textarea { width: calc(100% - 8px); height: 100px; padding: 3px; }
.comment-form h4 { font-size: 18px; margin: 0 0 10px 20px; }
.form-footer { margin-top: 10px; display: flex; justify-content: space-around; align-items: center; }

.branchLine { font-size: 14px; margin: 0 20px; padding: 10px 0; color: #fff; }
.branchLine .fa { margin: 0 7px; }
.branchLine a { text-decoration: none; color: #64397d; }
.branchLine a:hover { color: #000; }
div.voteBar
{
    border: 1px solid #C0C0C0;
    background: #EEEEEE;
    font-size: 6px;
    margin: 3px 0;
}
.star { color: red; font-weight: bold; }

.ico-add { width: 16px; height: 16px; background: url(../images/ico/plus.png) no-repeat; font-size: .1%; vertical-align: top; }
.ico-remove { width: 16px; height: 16px; background: url(../images/ico/delete.png) no-repeat; font-size: .1%; vertical-align: top; }

/* --------------------------- dialog --------------------------- */
.over-container { position: fixed; left: 0; top: 0; display: block; width: 100%; height: 100%; z-index: 2000; }
.over-bg { background: url(../images/bg-back.png); }
.dialog-container { width: 40%; max-height: 80%; margin: 80px auto 0 auto; }
.dialog { padding: 0 45px; height: 100%; background: #90D3D3; border-radius: 10px; z-index: 2500; box-shadow: 3px 3px 20px #666; }
.dialog-content {  margin: 35px 0; }
a.dialog-close { position: absolute; right: -11px; top: -14px; display: block; z-index: 2510; text-decoration: none;
    font-size: 18px; background: #fff; border: 1px solid #666; border-radius: 16px; padding: 2px 6px 4px; }
a.dialog-close:hover { background: #eee; }

#share42 {
  position: fixed;
  z-index: 1000;
  margin-left: 20px; /* смещение панели влево от края контента */
}

/* --------------------------- min win --------------------------- */
.min-win { position: fixed; bottom: 20px; background: rgba(36,150,151,.75); color: #fff; padding: 10px; border: 4px solid #b9b9b9;
    text-align: center; box-shadow: 4px 4px 8px -2px #000; width: 180px; height: 180px; border-radius: 150px; z-index: 100000; }
.min-win a.control { position: absolute; color: #FECC19; font-size: 28px; text-decoration: none; top: -10px; text-shadow: 1px 1px 2px #fff; }
.min-win a.control:hover { color: #fff; text-shadow: 1px 1px 2px #FECC19; }
.min-win a.fa-arrow-right { right: -8px; }
.min-win a.fa-arrow-left { left: -22px; }

.calendar-win { position: fixed; bottom: 260px; }
.calendar { background: rgba(54,56,58,.85); box-shadow: 5px 3px 6px 0 #000; border: 4px solid #b9b9b9; padding: 10px;
    width: 330px; min-height: 240px; }
.calendar h3 { position: absolute; left: 12px; bottom: -13px; transform-origin: 0 0; transform: rotate(-90deg); font-size: 22px; color: #ffcd05; text-align: center;
    cursor: default; font-weight: normal; }
.calendar h3 .fa { margin-left: 10px; text-decoration: none; color: #ffcd05; }
.calendar table { width: 250px; margin: 35px 0 35px 45px; }
.calendar table a { font-weight: bold; text-decoration: none; color: #ffcd05; }
.calendar table a:hover { color: #FFEDA5; }
.calendar tr { border-bottom: 1px solid #888; }
.calendar th { padding: 0 3px 7px 3px; }
.calendar td { text-align: center; font-size: 18px; line-height: normal; color: #f4f4f4; }
.calendar select { border: 1px solid #fff; color: #333; font-size: 16px; margin: 0 5px; }

/* --------------------------- slider --------------------------- */
.slider-news-container { background: rgba(255,205,5,.5); padding: 10px 0 30px; }
.slider-news { height: 210px; margin: 0 40px; }
.carousel-cell { width: calc(20% - 45px); height: 205px; padding: 5px 10px 0; margin: 0 15px; text-align: center; background: #ffcd05;
  font-size: 12px; text-decoration: none; color: #64397C; line-height: 14px; }
.carousel-cell:hover { color: #fff; }
.carousel-cell img { height: 130px; }
.carousel-cell .date { font-size: 12px; line-height: 14px; padding: 0; color: #111; }
.static-banner { position: absolute; right: -20px; bottom: -15px; background: rgba(255,255,255,.8); padding: 3px 8px; z-index: 2; }
.static-banner a { text-decoration: none; }
.flickity-prev-next-button { background: #64397C; width: 32px; height: 32px; }
.flickity-prev-next-button .arrow { fill: #E3D37E; }
.flickity-prev-next-button:hover { background: #64397C; }
.flickity-prev-next-button:hover .arrow { fill: #ffcd05; }
.flickity-prev-next-button.previous { left: -40px; }
.flickity-prev-next-button.next { right: -40px; }
.flickity-page-dots { bottom: -22px; }
.flickity-page-dots .dot { margin: 0 20px; opacity: 1; }
.flickity-page-dots .dot.is-selected { background-color: #fff; }