:root {
    color-scheme: light dark;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong {
    font-weight: bold;
}


body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: var(--secondary-text);
    background: var(--body-color);
}

.icon-in-text {
    max-width: 250px;
    float: left;
    margin: 0 15px 8px 0;
}

img {
    border: 0;
    padding: 0;
    margin: 0;
}

.justify {
    text-align: justify;
}

.bold {
    font-weight: bold;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.nostart {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

br.clear {
    clear: both;
    margin-top: -15px;
}

a {
    color: var(--primary-text);
    outline: none;
    text-decoration: none;
}

    a:hover {
        color: var(--primary-text);
        outline: none;
        text-decoration: underline;
    }

        a:hover img {
            text-decoration: none;
        }

p {
    margin-bottom: 10px;
}


.fl_left {
    float: left;
}

.fl_right {
    float: right;
}

.imgl, .imgr {
    border: 1px solid #6A604F;
    padding: 5px;
    color: #666666;
    background-color: var(--block-background);
}

.imgl {
    float: left;
    margin: 0 8px 8px 0;
    clear: left;
}

.imgr {
    float: right;
    margin: 0 0 8px 8px;
    clear: right;
}

/* ----------------------------------------------Container-------------------------------------*/

#container {
    position: relative;
    margin: 0 auto 0;
    text-align: left;
    width: 960px;
}

/* ----------------------------------------------Head-------------------------------------*/

#head {
    display: block;
    width: 960px;
    height: 135px;
    margin-bottom: 40px;
    border-bottom: 1px dashed #666666;
}

    #head a {
        color: var(--primary-text);
        background-color: var(--body-color);
    }

    #head .last {
        margin-right: 0;
    }

    #head ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #head li {
        display: inline;
    }

#logo {
    display: block;
    float: left;
    margin-top: 10px; /*width:290px; height:100px;*/
    font-family: Georgia, "Times New Roman", Times, serif;
}

    #logo h2 {
        margin: 0;
        padding: 0;
        font-weight: normal;
        font-size: 36px;
        color: var(--primary-text);
        letter-spacing: 1px;
    }

        #logo h2 span {
            font-size: 100px;
            color: #fff;
            background: var(--color-akafistnik);
            padding: 0 5px;
        }

    #logo a:hover {
        text-decoration: none;
    }
/*
#logo p{margin:0; padding:0; font-weight:normal; font-size:36px;}
#logo p a{color:#660000; background-color:#FFFFFF; cursor:pointer;}
#logo p a strong{display:block; float:left; color:#FFFFFF; background-color:#660000; font-weight:normal; }
#logo p a strong span{font-size:100px;}
#logo p a span{display:block; float:left; margin-top:59px; color:#660000; background-color:#FFFFFF; font-weight:normal;}
#logo p a strong span{display:inline; float:none; color:#FFFFFF; background-color:#660000;}
*/

#social {
    display: block;
    float: right;
    margin-top: 10px;
}

    #social li {
        margin-right: 15px;
        cursor: pointer;
    }

#quicklinks {
    position: absolute;
    top: 110px;
    right: 0;
    color: var(--primary-text);
    background-color: var(--body-color);
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

    #quicklinks li {
        display: inline;
        margin-right: 8px;
        padding-right: 10px;
        border-right: 1px solid #CCCCCC;
    }

        #quicklinks li.last {
            margin-right: 0;
            padding-right: 0;
            border-right: none;
        }

/* ----------------------------------------------Wrapper-------------------------------------*/

#wrapper {
    display: block;
    width: 960px;
    margin-bottom: 40px;
    line-height: 1.6em;
}

    #wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6 {
        margin: 0 0 15px 0;
        padding: 0 0 8px 0;
        line-height: normal;
        font-weight: normal;
        font-size: 20px;
        font-family: Georgia, "Times New Roman", Times, serif;
        border-bottom: 1px dashed #CCCCCC;
    }

    #wrapper h1 {
        margin-bottom: 30px;
    }



/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb {
    display: block;
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0 0 8px 0;
    font-size: 11px;
    border-bottom: 1px dashed #CCCCCC;
}

    #breadcrumb ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #breadcrumb ul li {
            display: inline;
        }

            #breadcrumb ul li.current a {
                text-decoration: underline;
            }

/* ----------------------------------------------Content-------------------------------------*/

#content {
    display: block;
    float: left;
    width: 640px;
}

    #content a:hover {
        text-decoration: underline;
    }

    #content > ul {
        margin: 0 0 10px 0;
        padding: 0 0 0 15px;
    }

    #content > h4 {
        padding-top: 10px;
    }


.index_intro {
    margin-bottom: 35px;
}

.index_text {
    margin-bottom: 35px;
    padding: 15px 0;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

    .index_text p:last-child {
        margin: 0;
    }

.index_aday {
    margin-bottom: 35px;
    overflow: hidden;
}

    .index_aday .rss_link {
        margin-top: 6px;
    }

    .index_aday .date {
        color: #fff;
        text-transform: uppercase; /*background:#660000#804040;*/
        background: #804040;
        width: 50px !important;
        height: 50px !important;
        padding: 0px;
        overflow: hidden;
        display: block;
        float: left;
        margin: 0 15px 0 0;
        text-align: center;
    }

        .index_aday .date .day {
            font-size: 26px;
            display: block;
            letter-spacing: -2px;
            margin: 5px 0 3px;
        }

        .index_aday .date .month {
            font-size: 9px;
            display: block;
        }

    .index_aday .links { /*padding-left:70px; */
        margin-left: 10px;
        display: table-cell;
        vertical-align: middle;
        height: 50px;
        min-height: 50px;
    }

        .index_aday .links p {
            margin-bottom: 3px;
        }

        .index_aday .links .great {
            font-weight: bold;
        }

    .index_aday .line {
        overflow: hidden;
        clear: both;
        margin-bottom: 15px;
    }


.index_lastup {
    margin-bottom: 35px;
    overflow: hidden;
}

    .index_lastup .rss_link {
        margin-top: 6px;
    }

    .index_lastup ul, li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .index_lastup li {
        margin-bottom: 5px;
        line-height: 17px;
    }


.index_news {
    margin-bottom: 35px;
    overflow: hidden;
}

    .index_news p {
        margin-bottom: 5px;
        display: block;
        overflow: hidden;
    }

    .index_news .date {
        padding-right: 12px;
        display: block;
        float: left;
    }

    .index_news a {
        padding-left: 90px;
        display: block;
    }



/* ------Comments-----*/

#comments {
    margin-bottom: 40px;
}

    #comments .commentlist {
        margin: 0;
        padding: 0;
    }

        #comments .commentlist ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #comments .commentlist li.comment_odd, #comments .commentlist li.comment_even {
            margin: 0 0 10px 0;
            padding: 15px;
            list-style: none;
        }

        #comments .commentlist li.comment_odd {
            color: #666666;
            background-color: var(--block-background);
        }

            #comments .commentlist li.comment_odd a {
                color: var(--primary-text);
                background-color: var(--block-background);
            }

        #comments .commentlist li.comment_even {
            color: #666666;
            background-color: #E8E8E8;
        }

            #comments .commentlist li.comment_even a {
                color: var(--primary-text);
                background-color: #E8E8E8;
            }

        #comments .commentlist .author .name {
            font-weight: bold;
        }

        #comments .commentlist .submitdate {
            font-size: smaller;
        }

        #comments .commentlist p {
            margin: 10px 5px 10px 0;
            padding: 0;
            font-weight: normal;
            text-transform: none;
        }

        #comments .commentlist li .avatar {
            float: right;
            border: 1px solid #EEEEEE;
            margin: 0 0 0 10px;
        }

/* ----------------------------------------------Right Block-------------------------------------*/

#rightblock {
    display: block;
    float: right;
    width: 250px;
}

.sideblock {
    display: block;
    /*width:230px;*/
    margin: 40px 0 0 0;
    padding: 15px 10px;
    color: #666666;
    background-color: var(--block-background);
}

    .sideblock h2 {
        font-style: italic;
    }

#rightblock .last {
    margin-bottom: 0;
}

#rightblock .sideblock h2 {
    margin: 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    font-weight: bold;
    color: var(--secondary-text);
    background-color: var(--block-background);
    line-height: normal;
    border-bottom: 1px dashed #CCCCCC;
}

#navi a {
    font-style: italic;
}

.sideblock p {
    margin: 15px 0;
    padding: 0;
}

.sideblock a {
    color: var(--primary-text);
    background-color: var(--block-background);
}

.sideblock .readmore {
    display: block;
    font-weight: bold;
    line-height: normal;
    width: 100%;
    text-align: right;
}

.rss_link {
    float: right;
}

/* ----------------------------------------------Footer-------------------------------------*/

#footer {
    display: block;
    width: 960px;
    margin: 0;
    padding: 25px 0;
    border-top: 1px dashed #666666;
}

    #footer a {
        color: var(--primary-text);
        background-color: var(--body-color);
    }

    #footer h2 {
        margin: 0 0 15px 0;
        padding: 0 0 8px 0;
        font-size: 22px;
        font-weight: normal;
        font-family: Georgia, "Times New Roman", Times, serif;
        color: var(--secondary-text);
        background-color: var(--body-color);
        line-height: normal;
        border-bottom: 1px dashed #CCCCCC;
    }

#contactform {
    display: block;
    float: left;
    width: 350px;
}

/* ------Company Details------*/

#compdetails {
    display: block;
    float: right;
    width: 550px;
}

    #compdetails ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #compdetails li {
        margin: 0 0 12px 0;
    }

        #compdetails li.last {
            margin: 0;
        }

#officialdetails {
    float: left
}

    #officialdetails li.last {
        margin-bottom: 20px;
    }

#contactdetails {
    float: right
}

/* ------Copyright------*/

#copyright {
    display: block;
    /*float:left;*/
    width: 100%;
    margin: 25px 0 0 0;
    padding: 20px 0 0 0;
    font-size: 12px;
    border-top: 1px dashed #666666;
}

    #copyright p {
        margin: 0;
        padding: 0;
    }

form, fieldset, legend {
    margin: 0;
    padding: 0;
    border: none;
}

legend {
    display: none;
}

/* ----------------------------------------------Search Form-------------------------------------*/

/*
#search{display:block; width:285px; position:absolute; top:60px; right:0;}

#search input{
	display:block;
	width:229px;
	margin:0;
	padding:5px;
	color:#666666;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#search input#go{
	display:block;
	float:right;
	width:auto;
	height:auto;
	margin:0;
	padding:4px;
	}
*/
/* ----------------------------------------------Forms in Content Area-------------------------------------*/

#container #respond {
    display: block;
    width: 100%;
}

    #container #respond input {
        width: 170px;
        padding: 2px;
        border: 1px solid #CCCCCC;
        margin: 5px 5px 0 0;
    }

    #container #respond textarea {
        width: 98%;
        border: 1px solid #CCCCCC;
        padding: 2px;
        overflow: auto;
    }

    #container #respond p {
        margin: 5px 0;
    }

    #container #respond #submit, #container #respond #reset {
        margin: 0;
        padding: 5px;
        color: #666666;
        background-color: var(--block-background);
        border: 1px solid #CCCCCC;
    }

/* ----------------------------------------------Contact Form in Footer-------------------------------------*/

#contactform form {
    margin: 0;
    padding: 0;
    border: none;
    line-height: normal;
}


#contactform label {
    display: inline;
    width: 170px;
    float: left;
    margin: 0 0 12px 0;
    padding: 0;
}

    #contactform label.margin {
        margin-left: 10px;
    }

    #contactform label input, #contactform label textarea {
        display: block;
        width: 162px;
        margin: 5px 0;
        padding: 3px;
        color: #000000;
        background-color: var(--block-background);
        border: 1px solid #CCCCCC;
    }

    #contactform label textarea {
        display: block;
        width: 342px;
        overflow: auto;
    }

#contactform p {
    display: block;
    width: 350px;
    margin: 0;
    padding: 0;
    clear: both;
}

    #contactform p input {
        padding: 5px 10px;
        color: #666666;
        background-color: var(--block-background);
        border: 1px solid #CCCCCC;
    }


#navi {
    display: block;
    /*width:250px;*/
    width: 100%;
    font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
    /*text-transform:uppercase;
	text-align:right;*/
    border-bottom: 1px dashed #666666;
}

/* #wrapper #navi a{display:block; padding:3px 5px; color:#660000; background-color:var(--block-background);}
#wrapper #navi a.active, #wrapper #navi a:hover{color:#777777; background-color:#FFFFFF; text-decoration:none;} */

#navi-menu a {
    display: block;
    padding: 3px 5px;
    color: var(--primary-text);
    background-color: var(--block-background);
}

    #navi-menu a.active, #navi-menu a:hover {
        color: #777777;
        background-color: var(--body-color);
        text-decoration: none;
    }



#navi-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#navi-menu li {
    display: block;
    /*width:250px;*/
    width: 100%;
    margin-bottom: 10px;
}

    #navi-menu li.last {
        margin-bottom: 0;
    }

#wrapper #introbox {
    display: block;
    width: 640px;
    height: 80px;
    margin-bottom: 40px;
    text-align: right;
    font-family: Georgia, "Times New Roman", Times, serif;
}

    #wrapper #introbox div {
        display: block;
        float: left;
        height: 80px;
        font-size: 100px;
        line-height: 0.8em;
        color: #E2E2E2;
        background-color: var(--body-color);
    }

    #wrapper #introbox h2, #introbox p {
        margin: 0 10px 0 0;
        padding: 0;
        font-weight: normal;
        line-height: 1em;
    }

    #wrapper #introbox h2 {
        padding-top: 30px;
        font-size: 33px;
        color: #000000;
        background-color: var(--body-color);
    }

    #wrapper #introbox p {
        margin-top: 40px;
        font-size: 22px;
        color: #666666;
        background-color: var(--body-color);
        line-height: 2em;
    }

/* ----------------------------------------------Middle Content Block-------------------------------------*/

#wrapper .homecontent {
    display: block;
    /*width:640px;*/
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0;
}

    #wrapper .homecontent ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #wrapper .homecontent li {
        display: block;
        float: left;
        width: 300px;
        margin: 0 40px 0 0;
        padding: 0;
    }

        #wrapper .homecontent li.last {
            margin-right: 0;
        }

        #wrapper .homecontent li p.imgholder {
            display: block;
            width: 286px;
            height: 100px;
            margin: 0 0 15px 0;
            padding: 6px;
            color: #666666;
            background-color: var(--block-background);
            border: 1px solid #CCCCCC;
        }

        /* -- Type 1 --*/

        #wrapper .homecontent li h2 {
            margin: 0;
            padding: 0 0 8px 0;
            font-size: 13px;
            font-weight: bold;
            color: #666666;
            background-color: var(--body-color);
            line-height: normal;
            border-bottom: 1px dashed #CCCCCC;
        }

            /* -- Type 2 --*/

            #wrapper .homecontent li h2.title {
                display: block;
                width: 100%;
                height: 65px;
                margin: 0;
                padding: 15px 0 8px 0;
                font-size: 20px;
                font-weight: normal;
                color: #666666;
                background-color: var(--body-color);
                line-height: normal;
                border-bottom: 1px dashed #CCCCCC;
            }

                #wrapper .homecontent li h2.title img {
                    float: left;
                    margin: -15px 8px 0 0;
                    padding: 5px;
                    color: #666666;
                    background-color: var(--block-background);
                    border: 1px solid #CCCCCC;
                }

    #wrapper .homecontent p.readmore, #wrapper .homecontent p.readmore2 {
        display: block;
        width: 290px;
        padding: 5px;
        text-align: right;
        line-height: normal;
    }

        #wrapper .homecontent p.readmore, #wrapper .homecontent p.readmore a {
            font-weight: bold;
            color: var(--primary-text);
            background-color: var(--block-background);
        }






.icon-gallery {
    overflow: hidden;
    padding: 15px 0 0 8px;
    margin-top: 20px;
}

    .icon-gallery a {
        height: 100px;
        display: block;
        margin: 0 5px 15px 0px;
        padding: 0;
        float: left;
    }

        .icon-gallery a img {
            height: 100px;
            display: block;
            margin: 0;
            padding: 0;
        }


#tabs .note {
    text-align: right;
    color: #444;
}

#tabs .note-warning {
    color: var(--primary-text);
}


.actions {
    text-align: right;
}


/* last update table */
.tbl-upd {
}

    .tbl-upd tbody td {
        padding: 10px 5px;
        vertical-align: top;
    }

        .tbl-upd tbody td:nth-child(2) {
            white-space: nowrap;
            padding-left: 30px;
        }

    .tbl-upd tbody tr {
        border-bottom: 1px solid #ddd;
    }

.lbl-new {
    display: inline-block;
    font-size: 11px;
    padding: 0px 5px;
    background: #00d0bc;
    color: #fff;
    min-width: 65px;
    text-align: center;
}

.lbl-upd {
    display: inline-block;
    font-size: 11px;
    padding: 0px 5px;
    background: #18b3d6;
    color: #fff;
    min-width: 65px;
    text-align: center;
}

.lbl-time {
    display: inline-block;
    font-size: 11px;
    padding: 0px 5px;
    color: #444;
    vertical-align: middle;
}

.icon-new {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2216px%22%20height%3D%2216px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22%2376a797%22%20d%3D%22M14.857%2C6.286%20L9.714%2C6.286%20L9.714%2C1.143%20C9.714%2C0.512%209.202%2C-0.000%208.571%2C-0.000%20L7.429%2C-0.000%20C6.798%2C-0.000%206.286%2C0.512%206.286%2C1.143%20L6.286%2C6.286%20L1.143%2C6.286%20C0.512%2C6.286%20-0.000%2C6.798%20-0.000%2C7.429%20L-0.000%2C8.571%20C-0.000%2C9.202%200.512%2C9.714%201.143%2C9.714%20L6.286%2C9.714%20L6.286%2C14.857%20C6.286%2C15.488%206.798%2C16.000%207.429%2C16.000%20L8.571%2C16.000%20C9.202%2C16.000%209.714%2C15.488%209.714%2C14.857%20L9.714%2C9.714%20L14.857%2C9.714%20C15.488%2C9.714%2016.000%2C9.202%2016.000%2C8.571%20L16.000%2C7.429%20C16.000%2C6.798%2015.488%2C6.286%2014.857%2C6.286%20Z%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: center;
}

.icon-upd {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2216px%22%20height%3D%2216px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22%2376a797%22%20d%3D%22M11.701%2C4.041%20C10.692%2C3.097%209.383%2C2.579%207.995%2C2.581%20C5.496%2C2.583%203.339%2C4.296%202.744%2C6.673%20C2.700%2C6.846%202.546%2C6.968%202.368%2C6.968%20L0.519%2C6.968%20C0.278%2C6.968%200.094%2C6.748%200.139%2C6.510%20C0.837%2C2.804%204.091%2C-0.000%208.000%2C-0.000%20C10.143%2C-0.000%2012.090%2C0.843%2013.526%2C2.216%20L14.678%2C1.064%20C15.166%2C0.576%2016.000%2C0.921%2016.000%2C1.611%20L16.000%2C5.935%20C16.000%2C6.363%2015.653%2C6.710%2015.226%2C6.710%20L10.901%2C6.710%20C10.212%2C6.710%209.866%2C5.876%2010.354%2C5.388%20L11.701%2C4.041%20ZM0.774%2C9.290%20L5.099%2C9.290%20C5.788%2C9.290%206.134%2C10.124%205.646%2C10.612%20L4.299%2C11.959%20C5.308%2C12.903%206.617%2C13.421%208.005%2C13.419%20C10.502%2C13.417%2012.660%2C11.705%2013.256%2C9.327%20C13.300%2C9.154%2013.454%2C9.032%2013.632%2C9.032%20L15.481%2C9.032%20C15.722%2C9.032%2015.906%2C9.252%2015.861%2C9.490%20C15.163%2C13.196%2011.909%2C16.000%208.000%2C16.000%20C5.857%2C16.000%203.910%2C15.157%202.474%2C13.784%20L1.322%2C14.936%20C0.834%2C15.424%20-0.000%2C15.079%20-0.000%2C14.389%20L-0.000%2C10.065%20C-0.000%2C9.637%200.347%2C9.290%200.774%2C9.290%20Z%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: center;
}

.icon-reader {
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%234A89B0%22%20d%3D%22M15%2025.875v-19.625c0%200-2.688-2.25-6.5-2.25s-6.5%202-6.5%202v19.875c0%200%202.688-1.938%206.5-1.938s6.5%201.938%206.5%201.938zM29%2025.875v-19.625c0%200-2.688-2.25-6.5-2.25s-6.5%202-6.5%202v19.875c0%200%202.688-1.938%206.5-1.938s6.5%201.938%206.5%201.938zM31%208h-1v19h-12v1h-5v-1h-12v-19h-1v20h12v1h7.062l-0.062-1h12v-20z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 2em 2em;
    background-position: center;
    cursor: pointer;
}

.icon-find {
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%234A89B0%22%20d%3D%22M29.156%2029.961l-0.709%200.709c-0.785%200.784-2.055%200.784-2.838%200l-5.676-5.674c-0.656-0.658-0.729-1.644-0.281-2.412l-3.104-3.102c-1.669%201.238-3.728%201.979-5.965%201.979-5.54%200-10.031-4.491-10.031-10.031s4.491-10.032%2010.031-10.032c5.541%200%2010.031%204.491%2010.031%2010.032%200%202.579-0.98%204.923-2.58%206.7l3.035%203.035c0.768-0.447%201.754-0.375%202.41%200.283l5.676%205.674c0.784%200.785%200.784%202.056%200.001%202.839zM18.088%2011.389c0-4.155-3.369-7.523-7.524-7.523s-7.524%203.367-7.524%207.523%203.368%207.523%207.523%207.523%207.525-3.368%207.525-7.523z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 2em 2em;
    background-position: center;
    cursor: pointer;
}

.icon-print {
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%234A89B0%22%20d%3D%22M26%2023h-2v-2h1v-2h-19v2h1v2h-2c-0.552%200-1-0.448-1-1v-10c0-0.967%204-2%2011-2%200.371%200%200.699%200%201%200%206.938%200%2011%201.010%2011%202v10c0%200.552-0.447%201-1%201zM23.5%2013c-0.828%200-1.5%200.672-1.5%201.5s0.672%201.5%201.5%201.5%201.5-0.672%201.5-1.5-0.672-1.5-1.5-1.5zM8%204c0-0.553%200.448-1%201-1h13c0.553%200%201%200.447%201%201v5h-15v-5zM23%2029c0%200.552-0.447%201-1%201h-13c-0.552%200-1-0.448-1-1v-9h15v9zM21%2021h-11v1h11v-1zM21%2023h-11v1h11v-1zM21%2025h-11v1h11v-1zM21%2027h-11v1h11v-1z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 2em 2em;
    background-position: center;
    cursor: pointer;
}

.icon-notice {
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22%23660000%22%20d%3D%22M320%20640c-176.731%200-320-143.269-320-320s143.269-320%20320-320v0c176.731%200%20320%20143.269%20320%20320s-143.269%20320-320%20320v0zM384%20224c0%208.96-6.72%2025.6-13.44%2032l-50.56%2050.56c-18.24%2018.56-32%2051.2-32%2077.44v32h64v-32c0-9.28%206.72-25.6%2013.44-32l50.56-50.56c18.24-18.56%2032-51.2%2032-77.44%200-70.692-57.308-128-128-128s-128%2057.308-128%20128v0h64c0-35.346%2028.654-64%2064-64s64%2028.654%2064%2064v0zM288%20480v64h64v-64h-64z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 2em 2em;
    background-position: center;
    cursor: pointer;
}

.icon-scan {
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%234A89B0%22%20d%3D%22M448%2064v416h-336c-26.513%200-48-21.49-48-48s21.487-48%2048-48h304v-384h-320c-35.199%200-64%2028.8-64%2064v384c0%2035.2%2028.801%2064%2064%2064h384v-448h-32z%22%2F%3E%3Cpath%20fill%3D%22%234A89B0%22%20d%3D%22M112.028%20416v0c-0.009%200.001-0.019%200-0.028%200-8.836%200-16%207.163-16%2016s7.164%2016%2016%2016c0.009%200%200.019-0.001%200.028-0.001v0.001h303.945v-32h-303.945z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 2em 2em;
    background-position: center;
    cursor: pointer;
}

.icon-play {
    display: inline-block;
    vertical-align: middle;
    width: 3em;
    height: 3em;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20fill%3D%22%234A89B0%22%20d%3D%22M12%202c6.625%200%2012%205.375%2012%2012s-5.375%2012-12%2012-12-5.375-12-12%205.375-12%2012-12zM18%2014.859c0.313-0.172%200.5-0.5%200.5-0.859s-0.187-0.688-0.5-0.859l-8.5-5c-0.297-0.187-0.688-0.187-1-0.016-0.313%200.187-0.5%200.516-0.5%200.875v10c0%200.359%200.187%200.688%200.5%200.875%200.156%200.078%200.328%200.125%200.5%200.125s0.344-0.047%200.5-0.141z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 2em 2em;
    background-position: center;
    margin: -15px;
}

.icon-youtube {
    display: inline-block;
    vertical-align: middle;
    width: 3em;
    height: 3em;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20fill%3D%22%234A89B0%22%20d%3D%22M22.937%207.438c0.156%200.156%200.297%200.344%200.438%200.562h-7.375v-7.375c0.219%200.141%200.406%200.281%200.562%200.438zM15.5%2010h8.5v16.5c0%200.828-0.672%201.5-1.5%201.5h-21c-0.828%200-1.5-0.672-1.5-1.5v-25c0-0.828%200.672-1.5%201.5-1.5h12.5v8.5c0%200.828%200.672%201.5%201.5%201.5zM18%2021.5v-1c0-0.281-0.219-0.5-0.5-0.5h-11c-0.281%200-0.5%200.219-0.5%200.5v1c0%200.281%200.219%200.5%200.5%200.5h11c0.281%200%200.5-0.219%200.5-0.5zM18%2017.5v-1c0-0.281-0.219-0.5-0.5-0.5h-11c-0.281%200-0.5%200.219-0.5%200.5v1c0%200.281%200.219%200.5%200.5%200.5h11c0.281%200%200.5-0.219%200.5-0.5zM18%2013.5v-1c0-0.281-0.219-0.5-0.5-0.5h-11c-0.281%200-0.5%200.219-0.5%200.5v1c0%200.281%200.219%200.5%200.5%200.5h11c0.281%200%200.5-0.219%200.5-0.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 2em 2em;
    background-position: center;
}

.icon-files {
    display: inline-block;
    vertical-align: middle;
    width: 3em;
    height: 3em;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%234A89B0%22%20d%3D%22M11.109%2017.625l7.562-3.906-7.562-3.953v7.859zM14%204.156c5.891%200%209.797%200.281%209.797%200.281%200.547%200.063%201.75%200.063%202.812%201.188%200%200%200.859%200.844%201.109%202.781%200.297%202.266%200.281%204.531%200.281%204.531v2.125s0.016%202.266-0.281%204.531c-0.25%201.922-1.109%202.781-1.109%202.781-1.062%201.109-2.266%201.109-2.812%201.172%200%200-3.906%200.297-9.797%200.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188%200%200-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266%200.281-4.531c0.25-1.937%201.109-2.781%201.109-2.781%201.062-1.125%202.266-1.125%202.812-1.188%200%200%203.906-0.281%209.797-0.281v0z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 2em 2em;
    background-position: center;
}

.icon-telegram {
    display: inline-block;
    vertical-align: middle;
    width: 1.5em;
    height: 1.5em;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%234A89B0%22%20d%3D%22M18.578%2020.422l2.297-10.828c0.203-0.953-0.344-1.328-0.969-1.094l-13.5%205.203c-0.922%200.359-0.906%200.875-0.156%201.109l3.453%201.078%208.016-5.047c0.375-0.25%200.719-0.109%200.438%200.141l-6.484%205.859-0.25%203.563c0.359%200%200.516-0.156%200.703-0.344l1.687-1.625%203.5%202.578c0.641%200.359%201.094%200.172%201.266-0.594zM28%2014c0%207.734-6.266%2014-14%2014s-14-6.266-14-14%206.266-14%2014-14%2014%206.266%2014%2014z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    background-position: center;
}

.icon-vk {
    display: inline-block;
    vertical-align: middle;
    width: 1.5em;
    height: 1.5em;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%234A89B0%22%20d%3D%22M29%200h-26c-1.65%200-3%201.35-3%203v26c0%201.65%201.35%203%203%203h26c1.65%200%203-1.35%203-3v-26c0-1.65-1.35-3-3-3zM25.919%2022.4l-2.925%200.044c0%200-0.631%200.125-1.456-0.444-1.094-0.75-2.125-2.706-2.931-2.45-0.813%200.256-0.788%202.012-0.788%202.012s0.006%200.375-0.181%200.575c-0.2%200.219-0.6%200.262-0.6%200.262h-1.306c0%200-2.888%200.175-5.431-2.475-2.775-2.887-5.225-8.619-5.225-8.619s-0.144-0.375%200.013-0.556c0.175-0.206%200.644-0.219%200.644-0.219l3.131-0.019c0%200%200.294%200.050%200.506%200.206%200.175%200.125%200.269%200.369%200.269%200.369s0.506%201.281%201.175%202.438c1.306%202.256%201.919%202.75%202.362%202.513%200.644-0.35%200.45-3.194%200.45-3.194s0.012-1.031-0.325-1.488c-0.262-0.356-0.756-0.463-0.969-0.488-0.175-0.025%200.113-0.431%200.488-0.619%200.563-0.275%201.556-0.294%202.731-0.281%200.913%200.006%201.181%200.069%201.538%200.15%201.081%200.262%200.712%201.269%200.712%203.681%200%200.775-0.137%201.863%200.419%202.219%200.238%200.156%200.825%200.025%202.294-2.469%200.694-1.181%201.219-2.569%201.219-2.569s0.113-0.25%200.288-0.356c0.181-0.106%200.425-0.075%200.425-0.075l3.294-0.019c0%200%200.988-0.119%201.15%200.331%200.169%200.469-0.369%201.563-1.712%203.356-2.206%202.944-2.456%202.669-0.619%204.369%201.75%201.625%202.113%202.419%202.175%202.519%200.712%201.2-0.813%201.294-0.813%201.294z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    background-position: center;
}

/* NEW MEDIA QUIERES * LETS DO THIS!*/

#navi-button {
    display: none;
    padding: 15px 12px !important;
    background: #660000 !important;
    color: #fff !important;
    font-size: 30px;
    font-weight: bold;
    font-style: normal !important;
    float: right;
}

    #navi-button:hover {
        text-decoration: none;
    }

#navi-menu {
    float: none;
    clear: both;
    background: var(--body-color);
}

#donate_large {
    display: block;
}

#donate_small {
    display: none;
}

@media (min-width: 740px) and (max-width: 961px) { /* for tablet */
    body {
        padding: 0 20px 0 10px;
        box-sizing: border-box;
    }

    #container {
        width: 100%;
    }

    #wrapper {
        width: 100%;
    }

    #content {
        width: 70%;
    }

    #rightblock {
        width: 200px;
    }

    #head {
        width: 100%;
    }

    #footer {
        width: 100%;
    }

    #copyright {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #vk_groups {
        width: 180px !important;
    }

    #vkwidget1 {
        width: 180px !important;
    }
}

@media (max-width: 740px) { /* for mobile */
    body {
        padding: 0 10px;
    }

    #container {
        width: 100%;
    }

    #wrapper {
        width: 100%;
    }

    #content {
        width: 100%;
    }

    #rightblock {
        width: 100%;
        margin-top: 60px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #head {
        width: 100%;
        height: 120px;
        margin-bottom: 20px;
    }

    h1 {
        margin-bottom: 20px !important;
    }

    #logo {
        width: auto;
    }

        #logo h2 {
            font-size: 30px;
        }

            #logo h2 span {
                font-size: 80px;
            }

    #footer {
        width: 100%;
    }

    #copyright {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        #copyright .fl_left, #copyright .fl_right {
            width: 100%;
            text-align: center;
            float: none;
        }

        #copyright p {
            margin-bottom: 10px;
        }

    #vk_groups {
        width: 100% !important;
    }

    #vkwidget1 {
        width: 100% !important;
    }

    #quicklinks {
        top: 10px;
    }

    #navi {
        position: absolute;
        right: 0;
        top: 50px;
        width: 250px;
        font-size: 13px;
        font-weight: bold;
        border-bottom: none;
    }

    #navi-menu {
        display: none;
    }

        #navi-menu li {
            margin: 0;
            border: 1px solid #ddd;
            border-width: 1px 1px 0px 1px;
        }

            #navi-menu li:last-child {
                border-bottom: 1px solid #ddd;
            }

        #navi-menu a {
            padding: 5px 15px;
        }

    #navi-button {
        display: block !important;
    }

    #donate_large {
        display: none;
    }

    #donate_small {
        display: block;
    }
}


/* styles for print */

@media print {
    body {
        background: #fff;
        color: #000;
    }

    #wrapper, #content {
        width: 100% !important;
    }

    #quicklinks, #rightblock, #tabs .ui-tabs-nav, .actions, #footer {
        display: none;
    }

    #logo {
        float: none !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #head {
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        border-width: 0 !important;
    }

    #logo:after {
        content: "Проект Акафистник.рф — Akafistnik.ru";
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: var(--primary-text);
        text-align: right;
        display: block;
        float: right;
    }

    #logo h2 {
        display: none;
    }

    h1 {
        padding: 0 !important;
        margin: 15px 0 5px 0 !important;
        border-width: 0 !important;
        font-size: 26px !important;
    }

    .gprayer {
        line-height: 1.3 !important;
    }
}

/* search */

#search {
    position: relative;
    background: var(--color-akafistnik);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    margin-bottom: 50px;
}

    #search .input_search {
        font-size: 18px;
        padding: 3px 10px;
        border: none;
        display: block;
        margin: 0;
        display: block;
        width: 100%;
        height: 30px;
        font-family: Georgia, "Times New Roman", Times, serif;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        #search .input_search:focus {
            outline: none;
        }

.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
    background: #FFF;
    cursor: pointer;
    overflow: auto;
    -webkit-box-shadow: 0 10px 20px 0 #ddd;
    box-shadow: 0 10px 20px 0 #ddd;
}

.autocomplete-suggestion {
    padding: 8px 10px;
    overflow: hidden;
}

.autocomplete-no-suggestion {
    padding: 8px 10px;
}

.autocomplete-selected {
    background: var(--block-background);
}

.autocomplete-group {
    padding: 8px 10px;
}

    .autocomplete-group strong {
        font-weight: bold;
        font-size: 16px;
        color: #000;
        display: block;
        border-bottom: 1px solid #000;
    }

.autocomplete-suggestions a {
    text-decoration: none;
    display: block;
}



















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */