@font-face {
    font-family: 'Boblic';
    font-display: block;
    src: url('/font/boblic.eot');
    src: url('/font/boblic.eot?#iefix') format('embedded-opentype'),url('/font/boblic.woff2') format('woff2'),url('/font/boblic.woff') format('woff');
    font-weight: normal;
    font-style: normal
}


@font-face {
    font-family: 'dig';
    font-display: block;
    src: url('/font/dig.eot');
    src: url('/font/dig.eot?#iefix') format('embedded-opentype'),url('/font/dig.woff2') format('woff2'),url('/font/dig.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    font-display: swap;
    src: url('/font/Roboto-Regular.eot');
    src: url('/font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),url('/font/Roboto-Regular.woff2') format('woff2'),url('/font/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    font-display: swap;
    src: url('/font/Roboto-Bold.eot');
    src: url('/font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),url('/font/Roboto-Bold.woff2') format('woff2'),url('/font/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal
}

html,body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    background-color: #EEF;
    font-family: Roboto,Arial,Tahoma,'Geneva CY','DejaVu Sans',sans-serif;
    font-size: 18px;
    color: #445
}

p {
    text-indent: 32px
}

h1,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,.h1head {
    text-align: center;
    margin-top: 0;
    color: #445;
    /*font-family: Roboto,Arial,Tahoma,'Geneva CY','DejaVu Sans',sans-serif;*/
    font-weight: bold
}

h1,h1 a {
    margin-bottom: 12px;
    font-size: 24px
}

h2,h2 a,.h1head {
    margin-top: 4px;
    margin-bottom: 12px;
    font-size: 20px
}

h3,h3 a {
    margin-bottom: 12px;
    font-size: 18px
}

h4,h4 a {
    margin-bottom: 4px;
    font-size: 16px
}

#page-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #EEF
}

#body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0
}

#header {
    width: 100%;
    height: 106px;
    margin: 0;
    padding: 0
}

#content {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    padding-bottom: 96px
}

#content-block {
    margin: 6px
}

.tooltip {
    position: fixed;
    padding: 8px 8px;
    border: 1px solid #BBC;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    color: #445;
    background: #FFE;
    box-shadow: 3px 3px 3px #0005
}

.tt_close_div {
    display: block;
    font-weight: bold
}

.tt_clear_selection {
    text-decoration: underline;
    cursor: pointer
}

.tt_close_btn {
    font-family: Verdana,sans-serif;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #FFF;
    border-radius: 16px;
    border: thin solid #BBC;
    color: #778;
    height: 16px;
    width: 16px;
    line-height: 16px
}

.tt_close_btn:hover {
    cursor: pointer;
    color: #445;
    background-color: #DEF;
    border-color: #889
}

#headads {
    left: 264px;
    top: 0;
    width: 970px;
    position: absolute;
    max-height: 90px !important;
    height: 90px !important
}

.today_info {
    border-radius: 12px;
    left: 2px;
    top: 2px;
    width: 250px;
    position: absolute;
    height: 82px;
    border: thin solid #889;
    z-index: 0;
    background-color: #EEFC
}

.today_no {
    font-family: 'dig',Roboto,Arial,Tahoma,'Geneva CY','DejaVu Sans',sans-serif;
    font-size: 32px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #556;
    text-align: center;
    vertical-align: top;
    height: auto;
    width: 112px;
    left: 110px;
    position: absolute;
    top: 0
}

.today_yearmonth,.today_weekday {
    font-family: Roboto,Arial,Tahoma,'Geneva CY','DejaVu Sans',sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #667;
    text-align: center;
    vertical-align: bottom;
    height: auto;
    width: 145px;
    left: 94px;
    position: absolute;
    top: 38px
}

.today_weekday {
    width: 112px;
    left: 110px;
    top: 59px
}

#logo a {
    font-size: 0;
    display: block;
    height: 64px;
    width: 64px;
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1
}

#toc_container {
    display: table;
    margin: auto;
    padding: 12px
}

#toc_list {
    display: none
}

.toc_title {
    text-indent: 0;
    font-weight: bold;
    margin: 0
}

.toc_toggle,.toc_toggle a {
    font-size: 16px;
    color: #667;
    font-weight: normal;
    text-decoration: none
}

.toc_toggle:hover,.toc_toggle a:hover {
    color: #445;
    text-decoration: underline
}

.margin_top_-16 {
    margin-top: -16px
}

ol {
    margin-top: 8px;
    list-style: none;
    counter-reset: li
}

ol li:before {
    counter-increment: li;
    content: counters(li,".") ". "
}

.toc_lst a {
    color: #667;
    font-size: 19px;
    text-decoration: none
}

.toc_lst li {
    padding-bottom: 8px
}

.toc_lst a:hover {
    color: #445;
    text-decoration: underline
}

.toc_lst li:last-child {
    padding: 0
}

#menudiv {
    left: 2px;
    top: 112px;
    width: 252px;
    position: absolute
}

.navbar_btn_bg {
    display: none;
    position: absolute;
    top: 4px;
    right: 8px;
    width: 36px;
    height: 36px;
    background-color: #FFF;
    border: thin solid #889;
    border-radius: 4px;
    cursor: pointer
}

.navbar_btn {
    display: none;
    margin: auto;
    width: 26px;
    height: 36px
}

#navbar {
    font-family: Boblic,'Arial Narrow',Arial,sans-serif;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 256px;
    font-size: 15px
}

#navbar li {
    word-wrap: break-word
}

#navbar a {
    background-color: #FFF;
    color: #667;
    padding: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: thin solid #BBC;
    text-decoration: none;
    font-weight: bold;
    display: block
}

#navbar a:hover {
    border-radius: 12px;
    background-color: #DEF;
    border-left: 2px solid #DEF;
    border: thin solid #889;
    color: #556
}

.active {
    background-color: #EEF;
    border: thin solid #BBC;
    padding: 2px;
    padding-left: 8px;
    padding-right: 4px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    color: #445
}

select {
    text-align: center;
    text-align-last: center
}

.ainp,.yinp,.minp,option {
    font-family: Roboto,sans-serif;
    color: #667;
    font-weight: bold;
    font-size: 14px
}

.active:hover {
    border-radius: 12px;
    border: thin solid #889
}

.faq_mnu,.faq_mnu a {
    background-color: #FDB !important
}

.faq_mnu:hover,.faq_mnu a:hover {
    background-color: #FEC !important
}

#navbar ul {
    list-style: none;
    position: absolute;
    left: -9999px;
    opacity: 0;
    transition: .5s ease-in-out opacity
}

#navbar li:hover ul {
    top: 0;
    left: 212px;
    opacity: 1;
    z-index: 9999;
    min-width: 72px;
    width: auto;
    white-space: nowrap
}

.ul_movedown {
    top: 162px !important
}

#searchdiv {
    left: 0;
    width: 256px;
    height: 36px;
    position: relative
}

#menuads,#leftads {
    position: relative;
    left: 0;
    width: 240px;
    height: 400px;
    font-family: sans-serif;
    font-size: 0;
    margin-top: 16px
}

#leftads {
    width: 252px;
    height: auto;
    margin-top: 24px
}

#maindiv {
    left: 264px;
    position: relative;
    min-width: 732px;
    width: auto;
    margin-right: 264px;
    height: auto
}

.txtdiv {
    left: auto;
    top: 0;
    position: relative;
    height: auto;
    width: 970px
}

#breadcrumb {
    background-color: #EEF;
    float: left;
    display: block;
    /*font-weight: bold;*/
    position: relative;
    top: 90px;
    box-shadow: 0 0 8px 0 #EEF;
    border-radius: 6px
}

#breadcrumb ul {
    font-family: 'Boblic',sans-serif;
    list-style: none;
    display: inline;
    line-height: 14px
}

.items {
    display: block
}

.items li {
    float: left
}

.items li a,.items li a:link,.items li a:visited {
    color: #667;
    font-size: 14px;
    text-decoration: none;
    display: block;
    margin-left: -12px;
    position: relative;
    padding-top: 1px;
    padding-left: 16px
}

.items li a:after {
    font-size: 9px;
    content: " ► "
}

.items li a:hover {
    color: #445;
    cursor: pointer;
    text-decoration: underline
}

.faq_lst a {
    color: #667;
    font-size: 19px;
    text-decoration: none;
    font-weight: bold
}

.faq_lst li {
    padding-bottom: 12px
}

.faq_lst a:hover {
    color: #445;
    text-decoration: underline
}

.faq_lnk {
    color: #445;
    cursor: pointer
}

.faq_lnk:hover {
    color: #449
}

.faq_pr {
    font-weight: bold
}

.linklst li {
    list-style-type: none
}

.linklst li:before {
    content: "► "
}

table {
    border-spacing: 0 !important
}

td {
    padding: 0
}

.btn_par {
    text-indent: -148px;
    padding-left: 148px
}

.btn_sym {
    font-family: sans-serif;
    font-size: 28px;
    vertical-align: bottom
}

.btn_txt,.same_year_btn {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #FFF;
    border: thin solid #BBC;
    color: #556;
    height: 36px;
    line-height: 36px;
    /*font-family: 'Boblic',sans-serif;*/
    display: inline-block;
    font-size: 15px;
    position: relative;
    text-indent: 0;
    width: 128px;
    border-radius: 18px;
    vertical-align: middle
}

.btn_box {
    text-align: center;
    height: 48px;
    text-indent: 36px;
    line-height: 48px;
    width: 132px;
    border-radius: 24px
}

.btn_day {
    font-size: 17px;
    width: 102px;
    background-color: #DDE
}

.same_year_btn {
    font-family: sans-serif;
    font-size: 18px;
    width: 72px;
    margin-left: 4px;
    margin-bottom: 12px;
    background-color: #DDE
}

.btn_txt:hover,.same_year_btn:hover {
    cursor: pointer;
    color: #445;
    background-color: #DEF;
    border-color: #889;
    box-shadow: 0 0 16px 0 #667
}

.acn:after {
    content: " век"
}

.ycn:before {
    content: "Календарь на "
}

.y_mnu:after {
    content: " год"
}

.y_na:before {
    content: "на "
}

.r_arr:after {
    content: " ►";
    font-size: 10px
}

.ralgn_yashare {
    width: 98%;
    text-align: right
}

.txt_back {
    background-color: #FFF;
    padding: 16px;
    margin-bottom: 24px;
    border-radius: 2px;
    box-shadow: 0 0 16px 0 #DDE
}

.alig_centre {
    text-align: center
}

.divmargin {
    margin-top: 16px;
    margin-bottom: 16px
}

.margin120 {
    margin-top: 120px
}

.pdl {
    padding-left: 64px
}

.animalpic {
    margin: 10px;
    margin-bottom: 0px;
    border-radius: 16px
}

.red {
    background-color: #FBA
}

.yellow {
    background-color: #FEA
}

.white {
    background-color: #EEE
}

.blue {
    background-color: #ACF
}

.green {
    background-color: #BFA
}

.yrel_cntr {
    margin: 0;
    padding: 0;
    display: inline-block
}

.btn_yrel,.btn_mrel,.btn_yrel a,.btn_mrel a {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #556;
    /*font-family: 'Boblic',sans-serif;*/
    display: inline-block;
    font-size: 16px;
    position: relative;
    text-indent: 0;
    border-radius: 16px;
    vertical-align: middle
}

.btn_yrel,.btn_mrel {
    margin-top: 4px;
    border: thin solid #BBC;
    width: 144px;
    height: 148px;
    background-color: #DDE
}

.btn_mrel {
    margin-top: 6px;
    line-height: 36px;
    height: 36px;
    width: 148px;
    border-radius: 18px
}

.div_mrel {
    display: inline-block;
    position: relative;
    width: 632px;
    height: auto;
    vertical-align: middle
}

.btn_yrel:hover,.btn_mrel:hover,.btn_yrel a:hover {
    cursor: pointer;
    color: #445;
    background-color: #DEF;
    border-color: #889
}

.btn_yrel:hover,.btn_mrel:hover {
    box-shadow: 0 0 16px 0 #667
}

.fixed {
    position: fixed;
    bottom: 22px;
    right: 36px;
    width: 64px;
    height: 64px;
    transition: opacity 1s;
    opacity: .7
}

.fixed.hidden {
    opacity: .0
}

.moveup {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #FFF;
    border: thin solid #889;
    color: #556;
    height: 64px;
    line-height: 56px;
    /*font-family: 'Boblic',sans-serif;*/
    display: inline-block;
    font-size: 36px;
    position: relative;
    text-indent: 0;
    width: 64px;
    border-radius: 32px;
    vertical-align: middle;
    box-shadow: 0 0 16px 0 #889
}

.moveup:hover {
    cursor: pointer;
    color: #445;
    border-color: #667;
    box-shadow: 0 0 24px 0 #667;
    opacity: 1.0
}

.emstrong {
    font-size: 18px;
    font-weight: bold
}

.strong {
    font-size: 18px;
    font-weight: bold
}

.marginbottom16 {
    margin-bottom: 24px
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    opacity: 1
}

#calc {
    position: relative;
    border-radius: 8px;
    width: 300px;
    margin: auto;
    margin-bottom: 36px;
    height: auto;
    box-shadow: 0 0 16px 4px #aab;
    background-color: #EEF;
    border: 2px solid #aab
}

.calchead {
    text-align: center;
    text-indent: 0;
    font-size: 20px;
    font-weight: bold
}

.calc_row {
    padding-bottom: 8px
}

.calc_lbl {
    position: relative;
    font-weight: bold;
    left: 48px;
    text-align: left;
    display: inline-block;
    width: 96px;
    padding-right: 36px
}

.calc_fld {
    position: relative;
    text-align: left;
    display: inline-block;
    height: 32px;
}

.calc_input,.calc_select {
    /*font-family: 'Boblic',sans-serif;*/
    color: #667;
    font-weight: bold;
    font-size: 17px;
    width: 92px;
    text-align: center
}

.calc_select {
    width: 96px;
    height: 26px
}

.searchtxt {
    font-size: 17px;
    width: 186px;
    width: calc(100% - 64px);
    float: left
}

.searchbtn {
    color: #445;
    font-size: 17px;
    width: 64px;
    float: right
}

.btnimg {
    margin: 6px;
    width: 36px;
    height: 36px
}

.logoico {
    background-position: 0 0
}

.larrico {
    background-position: -36px 0
}

.rarrico {
    background-position: -72px 0
}

.ageico {
    background-position: -108px 0
}

.printico {
    background-position: -144px 0
}

.horoico {
    background-position: -180px 0
}

.pdfico {
    background-position: -216px 0
}

.imgico {
    background-position: -252px 0
}

.forumico {
    background-position: -288px 0
}

.lroll {
    left: 0;
    text-indent: 36px
}

.rroll {
    right: 0;
    text-indent: -36px
}

.btnimg,.btncap {
    position: absolute;
    top: 0
}

.btncap {
    height: 48px;
    width: 48px;
    font-family: 'dig',Roboto,Arial,Tahoma,"Geneva CY","DejaVu Sans",sans-serif;
    font-size: 0;
    border: thin solid #BBC;
    border-radius: 32px;
    background-color: #FFF;
    color: transparent;
    line-height: 48px;
    text-align: center;
    overflow: hidden;
    transition: width .2s linear,font-size .2s linear
}

.parallax {
	height: 100vh;
	overflow-x: hidden;
	overflow-y: scroll;
	perspective: 1px
}

.parallax_layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
	}
.parallax_layer_base {
	transform: translateZ(0)
}
.parallax_layer_back {
	transform: translateZ(-1px) scale(2)
}

@media(min-width: 1520px) {
    #headads {
        left:262px;
        left: calc(0.5*100% - 486px)
    }

    #maindiv {
        left: 264px;
        left: calc(0.5*100% - 484px)
    }
}

@media(max-width: 1250px) {
    .btn_mrel {
        margin-top:4px;
        line-height: 24px;
        height: 24px;
        border-radius: 12px
    }

    .div_mrel {
        width: 360px
    }
}

@media(min-width: 1000px) and (max-width:1250px) {
    #headads {
        width:728px
    }

    .txtdiv {
        width: 728px !important
    }
}

@media(max-width: 999px) {
    html,body {
        font-size:17px
    }

    .h1head {
        font-size: 19px
    }

    h2,h2 a {
        font-size: 17px
    }

    h3,h3 a {
        font-size: 15px
    }

    h4,h4 a {
        font-size: 14px
    }

    #header {
        height: 76px
    }

    #logo a {
        background-size: contain,0 0;
        left: 6px;
        top: 6px;
        height: 48px;
        width: 48px
    }

    .faq_lst a {
        font-size: 16px
    }

    .ralgn_yashare {
        text-align: left
    }

    .btn_yrel {
        width: 140px
    }

    .btn_yrel a,.btn_mrel {
        font-size: 14px
    }

    .btn_mrel {
        margin-top: 4px;
        line-height: 24px;
        height: 24px;
        width: 124px;
        border-radius: 12px
    }

    .div_mrel {
        width: 140px
    }
}

@media(min-width: 760px) and (max-width:999px) {
    #headads {
        width:468px;
        height: 60px !important
    }

    #maindiv {
        min-width: 496px
    }

    .txtdiv {
        width: 480px !important
    }
}

@media(max-width: 759px) {
    .h1head {
        font-size:16px
    }

    .txtdiv {
        max-width: 99% !important
    }

    .yrel_cntr {
        display: block;
        text-align: center
    }

    .btn_yrel a,.btn_mrel {
        font-size: 14px
    }

    .btn_mrel {
        margin-top: 4px;
        line-height: 24px;
        height: 24px;
        width: 124px;
        border-radius: 12px
    }

    .div_mrel {
        width: auto
    }

    .animalpic {
        margin: 5px
    }
}

@media(min-width: 560px) and (max-width:759px) {
    #headads {
        width:256px;
        height: 60px !important
    }

    #maindiv {
        min-width: 300px
    }
}

@media(min-width: 560px) and (max-width:999px) {
    .today_info {
        height:54px
    }

    .today_no {
        font-size: 21px
    }

    .today_yearmonth,.today_weekday {
        font-size: 13px;
        top: 24px
    }

    .today_yearmonth {
        top: 24px
    }

    .today_weekday {
        top: 38px
    }

    #menudiv {
        top: 82px
    }

    #breadcrumb {
        top: 60px
    }
}

@media(max-width: 559px) {
    #headads {
        display:none
    }

    #header {
        height: 48px;
        background: linear-gradient(0,#EEF 0,#DDE 25%,#DDE 100%)
    }

    .today_info {
        height: 42px;
        width: 264px
    }

    .today_no {
        left: 16px;
        font-size: 32px;
        top: 2px
    }

    .today_yearmonth {
        font-size: 17px;
        left: 96px;
        top: 2px
    }

    .today_weekday {
        top: 22px;
        left: 120px
    }

    #menudiv {
        width: 99%;
        top: 50px
    }

    #logo a {
        left: 8px;
        top: 8px;
        height: 32px;
        width: 32px
    }

    #navbar a {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .active {
        padding-top: 8px;
        padding-bottom: 6px
    }

    .mony_mnu {
        display: none
    }

    #navbar li:hover ul {
        left: 172px;
        width: auto;
        min-width: 96px;
        white-space: normal
    }

    #searchdiv {
        left: 0;
        width: 100%
    }

    .yasearch {
        width: 98.5%
    }

    #menuads {
        left: 0;
        width: 320px;
        height: 100px;
        margin-left: auto;
        margin-right: auto
    }

    #leftads {
        display: none
    }

    #maindiv {
        left: 2px;
        top: 232px;
        position: absolute;
        padding: 0;
        margin: 0;
        min-width: 300px;
        width: 100%
    }

    #breadcrumb {
        display: none
    }

    .navbar_btn,.navbar_btn_bg {
        display: block !important
    }

    #navbar {
        display: none;
        width: 100%;
        font-size: 16px
    }
}

#install_app {
    display: none
}

#install_btn {
    height: 124px;
}

.install_logo {
    margin-top: 16px;
    display: block;
    height: 64px;
    background: url(/img/logo.png)center center no-repeat transparent;
}

.install_descr {
    display: flow;
    height: auto;
    position: relative;
    width: auto;
    padding-bottom: 48px;
    margin-top: -74px;
    text-indent: -12px;
}