/* Created by Artisteer v4.3.0.60745 */

body, body.font-size-sm {
    font-size: 1em;
}

body.font-size-md {
    font-size: 1.5em;
}

body.font-size-lg {
    font-size: 2em;
}

body, p, h1, h2, h3, h4, h5, h6 {
    flex-wrap: wrap;
    text-wrap-mode: wrap;
    text-wrap-style: pretty;
    overflow-wrap: break-word;
}

#art-main {
    background: #5F7081;
    background: -webkit-linear-gradient(top, #9EABB7 0, #6C7F93 calc(calc(388/13)*1em), #2E363E calc(calc(1050/13)*1em)) no-repeat;
    background: -moz-linear-gradient(top, #9EABB7 0, #6C7F93 calc(calc(388/13)*1em), #2E363E calc(calc(1050/13)*1em)) no-repeat;
    background: -o-linear-gradient(top, #9EABB7 0, #6C7F93 calc(calc(388/13)*1em), #2E363E calc(calc(1050/13)*1em)) no-repeat;
    background: -ms-linear-gradient(top, #9EABB7 0, #6C7F93 calc(calc(388/13)*1em), #2E363E calc(calc(1050/13)*1em)) no-repeat;
    -svg-background: linear-gradient(top, #9EABB7 0, #6C7F93 calc(calc(388/13)*1em), #2E363E calc(calc(1050/13)*1em)) no-repeat;
    background: linear-gradient(to bottom, #9EABB7 0, #6C7F93 calc(calc(388/13)*1em), #2E363E calc(calc(1050/13)*1em)) no-repeat;
    margin: 0 auto;
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    width: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    overflow: hidden;
}

table, ul.art-hmenu {
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    padding: 0 calc(calc(22/13)*1em);
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {
    margin: 0;
    padding: calc(calc(5/13)*1em);
}

/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */
.art-button {
    border-collapse: separate;
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
    background: #D9DEE3;
    background: -webkit-linear-gradient(top, #E2E5E9 0, #E2E5E9 50%, #DFE3E7 60%, #B9C2CB 100%) no-repeat;
    background: -moz-linear-gradient(top, #E2E5E9 0, #E2E5E9 50%, #DFE3E7 60%, #B9C2CB 100%) no-repeat;
    background: -o-linear-gradient(top, #E2E5E9 0, #E2E5E9 50%, #DFE3E7 60%, #B9C2CB 100%) no-repeat;
    background: -ms-linear-gradient(top, #E2E5E9 0, #E2E5E9 50%, #DFE3E7 60%, #B9C2CB 100%) no-repeat;
    -svg-background: linear-gradient(top, #E2E5E9 0, #E2E5E9 50%, #DFE3E7 60%, #B9C2CB 100%) no-repeat;
    background: linear-gradient(to bottom, #E2E5E9 0, #E2E5E9 50%, #DFE3E7 60%, #B9C2CB 100%) no-repeat;
    -webkit-border-radius: calc(calc(7/13)*1em);
    -moz-border-radius: calc(calc(7/13)*1em);
    border-radius: calc(calc(7/13)*1em);
    -webkit-box-shadow: 0 0 calc(calc(2/13)*1em) calc(calc(1/13)*1em) rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 calc(calc(2/13)*1em) calc(calc(1/13)*1em) rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 calc(calc(2/13)*1em) calc(calc(1/13)*1em) rgba(0, 0, 0, 0.15);
    border: calc(calc(1/13)*1em) solid #5F7081;
    padding: 0 calc(calc(15/13)*1em);
    margin: 0 auto;
    height: calc(calc(26/13)*1em);
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent,
ul.art-vmenu a {
    text-align: left;
}

    .art-postcontent,
    .art-postcontent li,
    .art-postcontent table,
    .art-postcontent a,
    .art-postcontent a:link,
    .art-postcontent a:visited,
    .art-postcontent a.visited,
    .art-postcontent a:hover,
    .art-postcontent a.hovered {
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        line-height: 175%;
        padding: calc(calc(5/13)*1em)
    }

        .art-postcontent p {
            margin: calc(calc(13/13)*1em) 0;
        }

        .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
        .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
        .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
        .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
        .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
        .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
        .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
        .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
        .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,
        .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,
        .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover {
            font-size: calc(calc(22/13)*1em);
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: normal;
            font-style: normal;
            line-height: 120%;
        }

        .art-postcontent a, .art-postcontent a:link {
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-decoration: none;
            color: #2D88D2;
        }

            .art-postcontent a:visited, .art-postcontent a.visited {
                font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
                text-decoration: none;
                color: #3F8CF8;
            }

            .art-postcontent a:hover, .art-postcontent a.hover {
                font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
                text-decoration: underline;
                color: #5BA2DC;
            }

        .art-postcontent h1 {
            color: #6C7F93;
            margin: calc(calc(10/13)*1em) 0 0;
            font-size: calc(calc(26/13)*1em);
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

    .art-blockcontent h1 {
        margin: calc(calc(10/13)*1em) 0 0;
        font-size: calc(calc(26/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited {
            font-size: calc(calc(26/13)*1em);
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

    .art-postcontent h2 {
        color: #8D9CAA;
        margin: calc(calc(10/13)*1em) 0 0;
        font-size: calc(calc(22/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .art-blockcontent h2 {
        margin: calc(calc(10/13)*1em) 0 0;
        font-size: calc(calc(22/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited {
            font-size: calc(calc(22/13)*1em);
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

    .art-postcontent h3 {
        color: #5BA2DC;
        margin: calc(calc(10/13)*1em) 0 0;
        font-size: calc(calc(20/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .art-blockcontent h3 {
        margin: calc(calc(10/13)*1em) 0 0;
        font-size: calc(calc(20/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited {
            font-size: calc(calc(20/13)*1em);
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

    .art-postcontent h4 {
        color: #0758CA;
        margin: calc(calc(10/13)*1em) 0 0;
        font-size: calc(calc(18/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .art-blockcontent h4 {
        margin: calc(calc(10/13)*1em) 0 0;
        font-size: calc(calc(18/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited {
            font-size: calc(calc(18/13)*1em);
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

    .art-postcontent h5 {
        color: #0758CA;
        margin: calc(calc(10/13)*1em) 0 0;
        font-size: calc(calc(15/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .art-blockcontent h5 {
        margin: calc(calc(10/13)*1em) 0 0;
        font-size: calc(calc(15/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited {
            font-size: calc(calc(15/13)*1em);
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

    .art-postcontent h6 {
        color: #75ADFA;
        margin: calc(calc(10/13)*1em) 0 0;
        font-size: calc(calc(13/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .art-blockcontent h6 {
        margin: calc(calc(10/13)*1em) 0 0;
        font-size: calc(calc(13/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited {
            font-size: calc(calc(13/13)*1em);
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before {
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style-type: none;
}

ol {
    list-style-position: inside;
}

html, body {
    height: 100%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html {
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

body {
    padding: 0;
    margin: 0;
    /*min-width: calc(calc(1023/13)*1em);*/
    color: #04367B;
}

@media (max-width: calc(calc(1023/13)*1em)) {
    body {
        width: 100%;
        /*width: calc(calc(1023/13)*1em);*/
    }
}

.art-header:before,
#art-header-bg:before,
.art-layout-cell:before,
.art-layout-wrapper:before,
.art-footer:before,
.art-nav:before,
#art-hmenu-bg:before,
.art-sheet:before {
    width: 100%;
    content: " ";
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
}

.art-header:after,
#art-header-bg:after,
.art-layout-cell:after,
.art-layout-wrapper:after,
.art-footer:after,
.art-nav:after,
#art-hmenu-bg:after,
.art-sheet:after,
.cleared, .clearfix:after {
    clear: both;
    font: 0/0 serif;
    display: block;
    content: " ";
}

form {
    padding: 0 !important;
    margin: 0 !important;
}

table.position {
    position: relative;
    width: 100%;
    table-layout: fixed;
}

li h1, .art-postcontent li h1, .art-blockcontent li h1 {
    margin: calc(calc(1/13)*1em);
}

li h2, .art-postcontent li h2, .art-blockcontent li h2 {
    margin: calc(calc(1/13)*1em);
}

li h3, .art-postcontent li h3, .art-blockcontent li h3 {
    margin: calc(calc(1/13)*1em);
}

li h4, .art-postcontent li h4, .art-blockcontent li h4 {
    margin: calc(calc(1/13)*1em);
}

li h5, .art-postcontent li h5, .art-blockcontent li h5 {
    margin: calc(calc(1/13)*1em);
}

li h6, .art-postcontent li h6, .art-blockcontent li h6 {
    margin: calc(calc(1/13)*1em);
}

li p, .art-postcontent li p, .art-blockcontent li p {
    margin: calc(calc(1/13)*1em);
}


.art-shapes {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
}

.art-slider-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.art-slidenavigator > a {
    display: inline-block;
    vertical-align: middle;
    outline-style: none;
    font-size: calc(calc(1/13)*1em);
}

    .art-slidenavigator > a:last-child {
        margin-right: 0 !important;
    }





.art-footer .layout-item-0 {
    margin-top: calc(calc(0/13)*1em);
}

.art-footer .layout-item-1 {
    border-top-style: solid;
    border-top-width: calc(calc(1/13)*1em);
    border-top-color: #8A99A8;
}

.ie7 .art-post .art-layout-cell {
    border: none !important;
    padding: 0 !important;
}

.ie6 .art-post .art-layout-cell {
    border: none !important;
    padding: 0 !important;
}

.art-header {
    margin: 0 auto;
    background-repeat: no-repeat;
    height: calc(calc(200/13)*1em);
    background-image: url('../images/object1809821923.png'), url('../images/header.png');
    background-position: calc(calc(0/13)*1em) calc(calc(0/13)*1em), 0 0;
    position: relative;
    /*width: calc(calc(1023/13)*1em);*/
    max-width: calc(calc(1023/13)*1em);
    z-index: auto !important;
}

@media (max-width: calc(calc(1023/13)*1em)) {
    .art-header {
        width: 100%;
        /*width: calc(calc(1023/13)*1em);*/
    }
}

.custom-responsive .art-header {
    background-image: url('../images/object1809821923.png'), url('../images/header.png');
    background-position: calc(calc(0/13)*1em) calc(calc(0/13)*1em), 0 0;
}

.default-responsive .art-header,
.default-responsive #art-header-bg {
    background-image: url('../images/header.png');
    background-position: center center;
    background-size: cover;
}

.art-header > .widget {
    position: absolute;
    z-index: 101;
}

.art-nav {
    background: #03224F;
    margin: 0 auto;
    position: relative;
    z-index: 499;
}

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover {
    outline: none;
    position: relative;
    z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}

    ul.art-hmenu li {
        position: relative;
        z-index: 5;
        display: block;
        float: left;
        background: none;
        margin: 0;
        padding: 0;
        border: 0;
    }

        ul.art-hmenu li:hover {
            z-index: 10000;
            white-space: normal;
        }

    ul.art-hmenu:after, ul.art-hmenu ul:after {
        content: ".";
        height: 0;
        display: block;
        visibility: hidden;
        overflow: hidden;
        clear: both;
    }

    ul.art-hmenu, ul.art-hmenu ul {
        min-height: 0;
    }

ul.art-hmenu {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 0;
    padding-right: 0;
}

.art-nav-inner:before {
    content: ' ';
}

.art-nav-inner {
    text-align: left;
    margin: 0 auto;
}

.desktop .art-nav-inner {
    /*width: calc(calc(1023/13)*1em);*/
    max-width: calc(calc(1023/13)*1em);
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: calc(calc(1023/13)*1em)) {
    .desktop .art-nav-inner {
        width: 100%;
        /*width: calc(calc(1023/13)*1em);*/
    }
}

.desktop .art-nav {
    padding-left: 0;
    padding-right: 0;
}

.art-hmenu-extra1 {
    position: relative;
    display: block;
    float: left;
    width: auto;
    height: auto;
    background-position: center;
}

.art-hmenu-extra2 {
    position: relative;
    display: block;
    float: right;
    width: auto;
    height: auto;
    background-position: center;
}

.art-hmenu {
    float: left;
}

.art-menuitemcontainer {
    margin: 0 auto;
}

ul.art-hmenu > li {
    margin-left: calc(calc(1/13)*1em);
}

    ul.art-hmenu > li:first-child {
        margin-left: 0;
    }

    ul.art-hmenu > li:last-child, ul.art-hmenu > li.last-child {
        margin-right: 0;
    }

    ul.art-hmenu > li > a {
        padding: 0 calc(calc(11/13)*1em);
        margin: 0 auto;
        position: relative;
        display: block;
        height: calc(calc(32/13)*1em);
        cursor: pointer;
        text-decoration: none;
        color: #FFFFFF;
        line-height: calc(calc(32/13)*1em);
        text-align: center;
    }

.art-hmenu > li > a,
.art-hmenu > li > a:link,
.art-hmenu > li > a:visited,
.art-hmenu > li > a.active,
.art-hmenu > li > a:hover {
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    /*text-transform: uppercase;*/
    text-align: left;
}

ul.art-hmenu > li > a.active {
    padding: 0 calc(calc(11/13)*1em);
    margin: 0 auto;
    color: #A2CBEB;
    text-decoration: none;
}

ul.art-hmenu > li > a:visited,
ul.art-hmenu > li > a:hover,
ul.art-hmenu > li:hover > a {
    text-decoration: none;
}

ul.art-hmenu > li > a:hover, .desktop ul.art-hmenu > li:hover > a {
    background: #6CACE0;
    padding: 0 calc(calc(11/13)*1em);
    margin: 0 auto;
}

ul.art-hmenu > li > a:hover,
.desktop ul.art-hmenu > li:hover > a {
    color: #153E61;
    text-decoration: none;
}

ul.art-hmenu > li:before {
    position: absolute;
    display: block;
    content: ' ';
    top: 0;
    left: calc(calc(1/12)*-1em);
    width: calc(calc(1/13)*1em);
    height: calc(calc(32/13)*1em);
    /*background: url('../images/menuseparator.png') center center no-repeat;*/
}

ul.art-hmenu > li:first-child:before {
    display: none;
}

ul.art-hmenu li li a {
    background: #B9C2CB;
    background: transparent;
    padding: 0 calc(calc(8/13)*1em);
    margin: 0 auto;
}

ul.art-hmenu li li {
    float: none;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.desktop ul.art-hmenu li li ul > li:first-child {
    margin-top: 0;
}

ul.art-hmenu li li ul > li:last-child {
    margin-bottom: 0;
}

.art-hmenu ul a {
    display: block;
    white-space: nowrap;
    height: calc(calc(24/13)*1em);
    min-width: 7em;
    border: 0 solid transparent;
    text-align: left;
    line-height: calc(calc(24/13)*1em);
    /*color: #6A7D90;*/
    color: #45515E;
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    margin: 0;
}

    .art-hmenu ul a:link,
    .art-hmenu ul a:visited,
    .art-hmenu ul a.active,
    .art-hmenu ul a:hover {
        text-align: left;
        line-height: calc(calc(24/13)*1em);
        /*color: #6A7D90;*/
        color: #45515E;
        font-size: calc(calc(13/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        text-decoration: none;
        margin: 0;
    }

ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover > a {
    background: #FFFFFF;
    margin: 0 auto;
}

.art-hmenu ul a:hover {
    text-decoration: none;
    /*color: #2B82CA;*/
    color: #1E5C8F;
}

.desktop .art-hmenu ul li:hover > a {
    /*color: #2B82CA;*/
    color: #1E5C8F;
}

/*ul.art-hmenu ul:before {
    background: #E6F0FE;
    border: calc(calc(1/13)*1em) solid #B5D3FC;
    margin: 0 auto;
    display: block;
    position: absolute;
    content: ' ';
    z-index: 1;
}*/

.desktop ul.art-hmenu li:hover > ul,
.desktop ul.art-hmenu li:focus > ul,
.desktop ul.art-hmenu li:focus-within > ul,
.desktop ul.art-hmenu li:focus-visible > ul,
.desktop ul.art-hmenu li:active > ul {
    visibility: visible;
    top: 100%;
}

.desktop ul.art-hmenu li li:hover > ul {
    top: 0;
    left: 100%;
}

ul.art-hmenu ul {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background-image: url('../images/spacer.gif');
}

.desktop ul.art-hmenu > li > ul {
    padding: calc(calc(12/13)*1em) calc(calc(32/13)*1em) calc(calc(32/13)*1em) calc(calc(32/13)*1em);
    margin: calc(calc(10/12)*-1em) 0 0 calc(calc(30/12)*-1em);
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.desktop ul.art-hmenu ul ul {
    padding: calc(calc(32/13)*1em) calc(calc(32/13)*1em) calc(calc(32/13)*1em) calc(calc(12/13)*1em);
    margin: calc(calc(32/12)*-1em) 0 0 calc(calc(9/12)*-1em);
    margin: 0 0 0 0;
}

.desktop ul.art-hmenu ul.art-hmenu-left-to-right {
    right: auto;
    left: 0;
    margin: calc(calc(10/12)*-1em) 0 0 calc(calc(30/12)*-1em);
}

.desktop ul.art-hmenu ul.art-hmenu-right-to-left {
    left: auto;
    right: 0;
    margin: calc(calc(-10/13)*1em) calc(calc(-30/13)*1em) 0 0;
}

.desktop ul.art-hmenu li li:hover > ul.art-hmenu-left-to-right {
    right: auto;
    left: 100%;
}

.desktop ul.art-hmenu li li:hover > ul.art-hmenu-right-to-left {
    left: auto;
    right: 100%;
}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right {
    right: auto;
    left: 0;
    padding: calc(calc(32/13)*1em) calc(calc(32/13)*1em) calc(calc(32/13)*1em) calc(calc(12/13)*1em);
    margin: calc(calc(-32/13)*1em) 0 0 calc(calc(-9/13)*1em);
}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left {
    left: auto;
    right: 0;
    padding: calc(calc(32/13)*1em) calc(calc(12/13)*1em) calc(calc(32/13)*1em) calc(calc(32/13)*1em);
    margin: calc(calc(-32/13)*1em) calc(calc(-9/13)*1em) 0 0;
}

.desktop ul.art-hmenu li ul > li:first-child {
    margin-top: 0;
}

.desktop ul.art-hmenu li ul > li:last-child {
    margin-bottom: 0;
}

.desktop ul.art-hmenu ul ul:before {
    border-radius: 0;
    top: calc(calc(30/13)*1em);
    bottom: calc(calc(30/13)*1em);
    right: calc(calc(30/13)*1em);
    left: calc(calc(10/13)*1em);
}

.desktop ul.art-hmenu > li > ul:before {
    top: calc(calc(10/13)*1em);
    right: calc(calc(30/13)*1em);
    bottom: calc(calc(30/13)*1em);
    left: calc(calc(30/13)*1em);
}

.desktop ul.art-hmenu > li > ul.art-hmenu-left-to-right:before {
    right: calc(calc(30/13)*1em);
    left: calc(calc(30/13)*1em);
}

.desktop ul.art-hmenu > li > ul.art-hmenu-right-to-left:before {
    right: calc(calc(30/13)*1em);
    left: calc(calc(30/13)*1em);
}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
    right: calc(calc(30/13)*1em);
    left: calc(calc(10/13)*1em);
}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
    right: calc(calc(10/13)*1em);
    left: calc(calc(30/13)*1em);
}

.art-sheet {
    background: #FFFFFF;
    margin: 0 auto;
    position: relative;
    cursor: auto;
    /*width: calc(calc(1023/13)*1em);*/
    max-width: calc(calc(1023/13)*1em);
    z-index: auto !important;
}

@media (max-width: calc(calc(1023/13)*1em)) {
    .art-sheet {
        width: 100%;
        /*width: calc(calc(1023/13)*1em);*/
    }
}

.art-layout-wrapper {
    position: relative;
    margin: 0 auto 0 auto;
    z-index: auto !important;
}

.art-content-layout {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.art-content-layout-row {
    display: table-row;
}

.art-layout-cell {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    font-size: calc(calc(10/13)*1em);
}

/* need only for content layout in post content */
.art-postcontent .art-content-layout {
    border-collapse: collapse;
}

.art-block {
    margin: calc(calc(3/13)*1em);
}

div.art-block img {
    border: none;
    margin: 0;
}

.art-blockheader {
    padding: calc(calc(6/13)*1em) calc(calc(5/13)*1em);
    margin: 0 auto calc(calc(2/13)*1em);
}

    .art-blockheader .t,
    .art-blockheader .t a,
    .art-blockheader .t a:link,
    .art-blockheader .t a:visited,
    .art-blockheader .t a:hover {
        color: #758799;
        font-size: calc(calc(20/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: normal;
        font-style: normal;
        margin: 0 calc(calc(5/13)*1em);
    }

.art-blockcontent {
    padding: calc(calc(5/13)*1em);
    margin: 0 auto;
    color: #04367B;
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 175%;
}

    .art-blockcontent table,
    .art-blockcontent li,
    .art-blockcontent a,
    .art-blockcontent a:link,
    .art-blockcontent a:visited,
    .art-blockcontent a:hover {
        color: #04367B;
        font-size: calc(calc(13/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        line-height: 175%;
    }

    .art-blockcontent p {
        margin: 0 calc(calc(5/13)*1em);
    }

    .art-blockcontent a, .art-blockcontent a:link {
        color: #5BA2DC;
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .art-blockcontent a:visited, .art-blockcontent a.visited {
            color: #7AAFFA;
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-decoration: none;
        }

        .art-blockcontent a:hover, .art-blockcontent a.hover {
            color: #2D88D2;
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-decoration: none;
        }

.art-block ul > li:before {
    content: url('../blockbullets.png');
    margin-right: calc(calc(6/13)*1em);
    bottom: calc(calc(2/13)*1em);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin-left: calc(calc(-12/13)*1em);
}

.opera .art-block ul > li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-block li {
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 175%;
    color: #0758CA;
    margin: calc(calc(5/13)*1em) 0 0 calc(calc(10/13)*1em);
}

.art-block ul > li, .art-block ol {
    padding: 0;
}

.art-block ul > li {
    padding-left: calc(calc(12/13)*1em);
}

.art-breadcrumbs {
    margin: 0 auto;
}

a.art-button,
a.art-button:link,
a:link.art-button:link,
body a.art-button:link,
a.art-button:visited,
body a.art-button:visited,
input.art-button,
button.art-button {
    text-decoration: none;
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    color: #38424C;
    margin: 0 calc(calc(5/13)*1em) 0 0 !important;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
    line-height: calc(calc(26/13)*1em);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.art-button img {
    margin: 0;
    vertical-align: middle;
}

.firefox2 .art-button {
    display: block;
    float: left;
}

input, select, textarea, a.art-search-button span {
    vertical-align: middle;
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

.art-block select {
    width: 96%;
}

input.art-button {
    float: none !important;
    -webkit-appearance: none;
}

.art-button.active, .art-button.active:hover {
    background: #A1ADBA;
    background: -webkit-linear-gradient(top, #B3BDC7 0, #B3BDC7 50%, #B0BAC4 60%, #8D9CAA 100%) no-repeat;
    background: -moz-linear-gradient(top, #B3BDC7 0, #B3BDC7 50%, #B0BAC4 60%, #8D9CAA 100%) no-repeat;
    background: -o-linear-gradient(top, #B3BDC7 0, #B3BDC7 50%, #B0BAC4 60%, #8D9CAA 100%) no-repeat;
    background: -ms-linear-gradient(top, #B3BDC7 0, #B3BDC7 50%, #B0BAC4 60%, #8D9CAA 100%) no-repeat;
    -svg-background: linear-gradient(top, #B3BDC7 0, #B3BDC7 50%, #B0BAC4 60%, #8D9CAA 100%) no-repeat;
    background: linear-gradient(to bottom, #B3BDC7 0, #B3BDC7 50%, #B0BAC4 60%, #8D9CAA 100%) no-repeat;
    -webkit-border-radius: calc(calc(7/13)*1em);
    -moz-border-radius: calc(calc(7/13)*1em);
    border-radius: calc(calc(7/13)*1em);
    -webkit-box-shadow: 0 0 calc(calc(2/13)*1em) calc(calc(1/13)*1em) rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 calc(calc(2/13)*1em) calc(calc(1/13)*1em) rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 calc(calc(2/13)*1em) calc(calc(1/13)*1em) rgba(0, 0, 0, 0.15);
    border: calc(calc(1/13)*1em) solid #8A99A8;
    padding: 0 calc(calc(15/13)*1em);
    margin: 0 auto;
}

    .art-button.active, .art-button.active:hover {
        color: #FFFFFF !important;
    }

.art-button.hover, .art-button:hover {
    background: #8A99A8;
    background: -webkit-linear-gradient(top, #9BA8B5 0, #9BA8B5 50%, #98A6B3 60%, #758799 100%) no-repeat;
    background: -moz-linear-gradient(top, #9BA8B5 0, #9BA8B5 50%, #98A6B3 60%, #758799 100%) no-repeat;
    background: -o-linear-gradient(top, #9BA8B5 0, #9BA8B5 50%, #98A6B3 60%, #758799 100%) no-repeat;
    background: -ms-linear-gradient(top, #9BA8B5 0, #9BA8B5 50%, #98A6B3 60%, #758799 100%) no-repeat;
    -svg-background: linear-gradient(top, #9BA8B5 0, #9BA8B5 50%, #98A6B3 60%, #758799 100%) no-repeat;
    background: linear-gradient(to bottom, #9BA8B5 0, #9BA8B5 50%, #98A6B3 60%, #758799 100%) no-repeat;
    -webkit-border-radius: calc(calc(7/13)*1em);
    -moz-border-radius: calc(calc(7/13)*1em);
    border-radius: calc(calc(7/13)*1em);
    -webkit-box-shadow: 0 0 calc(calc(2/13)*1em) calc(calc(1/13)*1em) rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 calc(calc(2/13)*1em) calc(calc(1/13)*1em) rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 calc(calc(2/13)*1em) calc(calc(1/13)*1em) rgba(0, 0, 0, 0.15);
    border: calc(calc(1/13)*1em) solid #A1ADBA;
    padding: 0 calc(calc(15/13)*1em);
    margin: 0 auto;
}

.art-button.hover, .art-button:hover {
    color: #FFFFFF !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea {
    background: #F5F9FF;
    -webkit-border-radius: calc(calc(4/13)*1em);
    -moz-border-radius: calc(calc(4/13)*1em);
    border-radius: calc(calc(4/13)*1em);
    border: calc(calc(1/13)*1em) solid #B9C2CB;
    margin: 0 auto;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea {
    width: 100%;
    padding: calc(calc(4/13)*1em) calc(calc(1/13)*1em);
    color: #06459D !important;
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
}

    input.art-error, textarea.art-error {
        background: #F5F9FF;
        border: calc(calc(1/13)*1em) solid #E2341D;
        margin: 0 auto;
    }

    input.art-error, textarea.art-error {
        color: #06459D !important;
        font-size: calc(calc(13/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: normal;
        font-style: normal;
    }

form.art-search input[type="text"] {
    background: #FFFFFF;
    -webkit-border-radius: calc(calc(4/13)*1em);
    -moz-border-radius: calc(calc(4/13)*1em);
    border-radius: calc(calc(4/13)*1em);
    border: calc(calc(1/13)*1em) solid #B0D0FC;
    margin: 0 auto;
    width: 100%;
    padding: calc(calc(4/13)*1em) calc(calc(1/13)*1em);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #364049 !important;
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

form.art-search {
    background-image: none;
    border: 0;
    display: block;
    position: relative;
    top: 0;
    padding: 0;
    margin: calc(calc(5/13)*1em);
    left: 0;
    line-height: 0;
}

    form.art-search input, a.art-search-button {
        -webkit-appearance: none;
        top: 0;
        right: 0;
    }

    form.art-search > input, a.art-search-button {
        bottom: 0;
        left: 0;
        vertical-align: middle;
    }

    form.art-search input[type="submit"], input.art-search-button, a.art-search-button {
        border-radius: 0;
        margin: 0 auto;
    }

    form.art-search input[type="submit"], input.art-search-button, a.art-search-button {
        position: absolute;
        left: auto;
        display: block;
        border: none;
        background: url('../searchicon.png') center center no-repeat;
        width: calc(calc(24/13)*1em);
        height: 100%;
        padding: 0;
        color: #FFFFFF !important;
        cursor: pointer;
    }

        a.art-search-button span.art-search-button-text {
            display: none;
        }

label.art-checkbox:before {
    background: #F5F9FF;
    -webkit-border-radius: calc(calc(1/13)*1em);
    -moz-border-radius: calc(calc(1/13)*1em);
    border-radius: calc(calc(1/13)*1em);
    border-width: 0;
    margin: 0 auto;
    width: calc(calc(16/13)*1em);
    height: calc(calc(16/13)*1em);
}

label.art-checkbox {
    cursor: pointer;
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    line-height: calc(calc(16/13)*1em);
    display: inline-block;
    color: #364049 !important;
}

.art-checkbox > input[type="checkbox"] {
    margin: 0 calc(calc(5/13)*1em) 0 0;
}

label.art-checkbox.active:before {
    background: #9EC8EA;
    -webkit-border-radius: calc(calc(1/13)*1em);
    -moz-border-radius: calc(calc(1/13)*1em);
    border-radius: calc(calc(1/13)*1em);
    border-width: 0;
    margin: 0 auto;
    width: calc(calc(16/13)*1em);
    height: calc(calc(16/13)*1em);
    display: inline-block;
}

label.art-checkbox.hovered:before {
    background: #D9DEE3;
    -webkit-border-radius: calc(calc(1/13)*1em);
    -moz-border-radius: calc(calc(1/13)*1em);
    border-radius: calc(calc(1/13)*1em);
    border-width: 0;
    margin: 0 auto;
    width: calc(calc(16/13)*1em);
    height: calc(calc(16/13)*1em);
    display: inline-block;
}

label.art-radiobutton:before {
    background: #F5F9FF;
    -webkit-border-radius: calc(calc(3/13)*1em);
    -moz-border-radius: calc(calc(3/13)*1em);
    border-radius: calc(calc(3/13)*1em);
    border-width: 0;
    margin: 0 auto;
    width: calc(calc(12/13)*1em);
    height: calc(calc(12/13)*1em);
}

label.art-radiobutton {
    cursor: pointer;
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    line-height: calc(calc(12/13)*1em);
    display: inline-block;
    color: #364049 !important;
}

.art-radiobutton > input[type="radio"] {
    vertical-align: baseline;
    margin: 0 calc(calc(5/13)*1em) 0 0;
}

label.art-radiobutton.active:before {
    background: #B9C2CB;
    -webkit-border-radius: calc(calc(3/13)*1em);
    -moz-border-radius: calc(calc(3/13)*1em);
    border-radius: calc(calc(3/13)*1em);
    border-width: 0;
    margin: 0 auto;
    width: calc(calc(12/13)*1em);
    height: calc(calc(12/13)*1em);
    display: inline-block;
}

label.art-radiobutton.hovered:before {
    background: #D9DEE3;
    -webkit-border-radius: calc(calc(3/13)*1em);
    -moz-border-radius: calc(calc(3/13)*1em);
    border-radius: calc(calc(3/13)*1em);
    border-width: 0;
    margin: 0 auto;
    width: calc(calc(12/13)*1em);
    height: calc(calc(12/13)*1em);
    display: inline-block;
}

.art-comments {
    border-top: calc(calc(1/13)*1em) dotted #A1ADBA;
    margin: 0 auto;
    margin-top: calc(calc(25/13)*1em);
}

    .art-comments h2 {
        color: #23292F;
    }

.art-comment-inner {
    -webkit-border-radius: calc(calc(2/13)*1em);
    -moz-border-radius: calc(calc(2/13)*1em);
    border-radius: calc(calc(2/13)*1em);
    padding: calc(calc(5/13)*1em);
    margin: 0 auto;
    margin-left: calc(calc(96/13)*1em);
}

.art-comment-avatar {
    float: left;
    width: calc(calc(80/13)*1em);
    height: calc(calc(80/13)*1em);
    padding: calc(calc(2/13)*1em);
    background: #fff;
    border: calc(calc(1/13)*1em) solid #D3E4FD;
}

    .art-comment-avatar > img {
        margin: 0 !important;
        border: none !important;
    }

.art-comment-content {
    padding: calc(calc(10/13)*1em) 0;
    color: #04367B;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment {
    margin-top: calc(calc(6/13)*1em);
}

    .art-comment:first-child {
        margin-top: 0;
    }

.art-comment-header {
    color: #23292F;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 100%;
}

    .art-comment-header a,
    .art-comment-header a:link,
    .art-comment-header a:visited,
    .art-comment-header a.visited,
    .art-comment-header a:hover,
    .art-comment-header a.hovered {
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        line-height: 100%;
    }

        .art-comment-header a, .art-comment-header a:link {
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            font-style: normal;
            color: #758799;
        }

            .art-comment-header a:visited, .art-comment-header a.visited {
                font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
                color: #758799;
            }

            .art-comment-header a:hover, .art-comment-header a.hovered {
                font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
                color: #758799;
            }

.art-comment-content a,
.art-comment-content a:link,
.art-comment-content a:visited,
.art-comment-content a.visited,
.art-comment-content a:hover,
.art-comment-content a.hovered {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

    .art-comment-content a, .art-comment-content a:link {
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        color: #256FAD;
    }

        .art-comment-content a:visited, .art-comment-content a.visited {
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            color: #0647A2;
        }

        .art-comment-content a:hover, .art-comment-content a.hovered {
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            color: #256FAD;
        }

.art-pager {
    -webkit-border-radius: calc(calc(4/13)*1em);
    -moz-border-radius: calc(calc(4/13)*1em);
    border-radius: calc(calc(4/13)*1em);
    padding: calc(calc(6/13)*1em);
    margin: calc(calc(2/13)*1em);
}

    .art-pager > *:last-child {
        margin-right: 0 !important;
    }

    .art-pager > span {
        cursor: default;
    }
    
    .art-pager > * {
        background: #D9DEE3;
        -webkit-border-radius: calc(calc(4/13)*1em);
        -moz-border-radius: calc(calc(4/13)*1em);
        border-radius: calc(calc(4/13)*1em);
        padding: calc(calc(10/13)*1em);
        margin: 0 calc(calc(4/13)*1em) 0 auto;
        line-height: normal;
        position: relative;
        display: inline-block;
        margin-left: 0;
    }

    .art-pager a:link,
    .art-pager a:visited,
    .art-pager .active {
        line-height: normal;
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        text-decoration: none;
        color: #1C2126;
    }

    .art-pager .active {
        background: #B6BFC9;
        padding: calc(calc(10/13)*1em);
        margin: 0 calc(calc(4/13)*1em) 0 auto;
        color: #FFFFFF;
    }

    .art-pager .more {
        background: #D9DEE3;
        margin: 0 calc(calc(4/13)*1em) 0 auto;
    }

    .art-pager a.more:link,
    .art-pager a.more:visited {
        color: #0C2337;
    }

    .art-pager a:hover {
        background: #B9C2CB;
        padding: calc(calc(10/13)*1em);
        margin: 0 calc(calc(4/13)*1em) 0 auto;
    }

    .art-pager a:hover,
    .art-pager a.more:hover {
        text-decoration: none;
        color: #21262C;
    }

    .art-pager > *:after {
        margin: 0 0 0 auto;
        display: inline-block;
        position: absolute;
        content: ' ';
        top: 0;
        width: 0;
        height: 100%;
        right: 0;
        text-decoration: none;
    }

    .art-pager > *:last-child:after {
        display: none;
    }

.art-commentsform {
    background: #D3E4FD;
    background: transparent;
    padding: calc(calc(10/13)*1em);
    margin: 0 auto;
    margin-top: calc(calc(25/13)*1em);
    color: #23292F;
}

    .art-commentsform h2 {
        padding-bottom: calc(calc(10/13)*1em);
        margin: 0;
        color: #23292F;
    }

    .art-commentsform label {
        display: inline-block;
        line-height: calc(calc(25/13)*1em);
    }

    .art-commentsform input:not([type=submit]), .art-commentsform textarea {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
        max-width: 100%;
    }

    .art-commentsform .form-submit {
        margin-top: calc(calc(10/13)*1em);
    }

.art-post {
    background: #D3E4FD;
    background: transparent;
    -webkit-border-radius: calc(calc(6/13)*1em);
    -moz-border-radius: calc(calc(6/13)*1em);
    border-radius: calc(calc(6/13)*1em);
    border: calc(calc(2/13)*1em) solid #8A99A8;
    margin: calc(calc(3/13)*1em);
}

a img {
    border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer img {
    border: calc(calc(1/13)*1em) solid #3083F8;
    margin: calc(calc(5/13)*1em) calc(calc(5/13)*1em) calc(calc(5/13)*1em) calc(calc(5/13)*1em);
}

.art-metadata-icons img {
    border: none;
    vertical-align: middle;
    margin: calc(calc(2/13)*1em);
}

.art-article table, table.art-article {
    border-collapse: collapse;
    margin: calc(calc(1/13)*1em);
}

.art-post .art-content-layout-br {
    height: 0;
}

.art-article th, .art-article td {
    padding: calc(calc(2/13)*1em);
    vertical-align: top;
    /*text-align: left;*/
}

.art-article th {
    text-align: center;
    vertical-align: middle;
    padding: calc(calc(7/13)*1em);
}

pre {
    overflow: auto;
    padding: 0.1em;
}

.preview-cms-logo {
    border: 0;
    margin: 1em 1em 0 0;
    float: left;
}

.image-caption-wrapper {
    padding: calc(calc(5/13)*1em) calc(calc(5/13)*1em) calc(calc(5/13)*1em) calc(calc(5/13)*1em);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .image-caption-wrapper img {
        margin: 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .image-caption-wrapper div.art-collage {
        margin: 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .image-caption-wrapper p {
        font-size: 80%;
        text-align: right;
        margin: 0;
    }

.art-postmetadataheader {
    background: #B6BFC9;
    background: rgba(182, 191, 201, 0.8);
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: calc(calc(1/13)*1em);
    border-bottom: calc(calc(2/13)*1em) solid #8A99A8;
}

.art-postheader {
    color: #053C8A;
    margin: calc(calc(5/13)*1em) calc(calc(10/13)*1em);
    font-size: calc(calc(24/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-align: center;
}

    .art-postheader a,
    .art-postheader a:link,
    .art-postheader a:visited,
    .art-postheader a.visited,
    .art-postheader a:hover,
    .art-postheader a.hovered {
        font-size: calc(calc(24/13)*1em);
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: normal;
        font-style: normal;
    }

        .art-postheader a, .art-postheader a:link {
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-decoration: none;
            text-align: left;
            color: #256FAD;
        }

            .art-postheader a:visited, .art-postheader a.visited {
                font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
                text-decoration: none;
                text-align: left;
                color: #0649A7;
            }

            .art-postheader a:hover, .art-postheader a.hovered {
                font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
                text-decoration: none;
                text-align: left;
                color: #256FAD;
            }

.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #053C8A;
}

.art-postheadericons {
    padding: calc(calc(1/13)*1em);
    margin: 0 0 0 calc(calc(10/13)*1em);
}

    .art-postheadericons a, .art-postheadericons a:link {
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        text-decoration: none;
        color: #287ABD;
    }

        .art-postheadericons a:visited, .art-postheadericons a.visited {
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            color: #064EB1;
        }

        .art-postheadericons a:hover, .art-postheadericons a.hover {
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: normal;
            font-style: normal;
            text-decoration: underline;
            color: #206297;
        }

.art-postdateicon:before {
    content: url('../postdateicon.png');
    margin-right: calc(calc(6/13)*1em);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postdateicon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postauthoricon:before {
    content: url('../postauthoricon.png');
    margin-right: calc(calc(6/13)*1em);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postauthoricon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postediticon:before {
    content: url('../postediticon.png');
    margin-right: calc(calc(6/13)*1em);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postediticon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postcontent ul > li:before, .art-post ul > li:before, .art-textblock ul > li:before {
    content: url('../postbullets.png');
    margin-right: calc(calc(6/13)*1em);
    bottom: calc(calc(2/13)*1em);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postcontent ul > li:before, .opera .art-post ul > li:before, .opera .art-textblock ul > li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postcontent li, .art-post li, .art-textblock li {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #04367B;
    margin: calc(calc(3/13)*1em) 0 0 calc(calc(11/13)*1em);
}

.art-postcontent ul > li, .art-post ul > li, .art-textblock ul > li, .art-postcontent ol, .art-post ol, .art-textblock ol {
    padding: 0;
}

.art-postcontent ul > li, .art-post ul > li, .art-textblock ul > li {
    padding-left: calc(calc(8/13)*1em);
}

    .art-postcontent ul > li:before, .art-post ul > li:before, .art-textblock ul > li:before {
        margin-left: calc(calc(-8/13)*1em);
    }

.art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul {
    margin: 1em 0 1em calc(calc(11/13)*1em);
}

.art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul {
    margin: 0.5em 0 0.5em calc(calc(11/13)*1em);
}

.art-postcontent li, .art-post li, .art-textblock li {
    margin: calc(calc(3/13)*1em) 0 0 0;
}

.art-postcontent ol > li, .art-post ol > li, .art-textblock ol > li {
    /* overrides overflow for "ul li" and sets the default value */
    overflow: visible;
}

.art-postcontent ul > li, .art-post ul > li, .art-textblock ul > li {
    /* makes "ul li" not to align behind the image if they are in the same line */
    overflow-x: visible;
    overflow-y: hidden;
}

blockquote {
    background: #E6F0FE url('../postquote.png') no-repeat scroll;
    padding: calc(calc(15/13)*1em) calc(calc(15/13)*1em) calc(calc(15/13)*1em) calc(calc(49/13)*1em);
    margin: 0 0 0 calc(calc(15/13)*1em);
    color: #010F22;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: italic;
    text-align: left;
    /* makes block not to align behind the image if they are in the same line */
    overflow: auto;
    clear: both;
}

    blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
    blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
    blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
    blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover {
        color: #010F22;
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: normal;
        font-style: italic;
        text-align: left;
    }

    /* Override native 'p' margins*/
    blockquote p,
    .art-postcontent blockquote p,
    .art-blockcontent blockquote p,
    .art-footer blockquote p {
        margin: 0;
        margin: calc(calc(5/13)*1em) 0;
    }

.Sorter img {
    border: 0;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    position: static;
    z-index: 1;
    width: calc(calc(12/13)*1em);
    height: calc(calc( 6/13)*1em);
}

.Sorter a {
    position: relative;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #647587;
}

    .Sorter a:link {
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        color: #647587;
    }

    .Sorter a:visited, .Sorter a.visited {
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        color: #647587;
    }

    .Sorter a:hover, .Sorter a.hover {
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        color: #4C5967;
    }

.Sorter {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #364049;
}

.art-footer {
    /*border-top:calc(calc(1/13)*1em) dotted #3083F8;*/
    padding: calc(calc(25/13)*1em);
    padding-top: calc(calc(5/13)*1em);
    padding-bottom: calc(calc(10/13)*1em);
    margin: calc(calc(10/13)*1em) auto 0;
    position: relative;
    /*color: #1875F7;*/
    color: #0752BB;
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 175%;
    text-align: center;
}

    .art-footer a,
    .art-footer a:link,
    .art-footer a:visited,
    .art-footer a:hover,
    .art-footer td,
    .art-footer th,
    .art-footer caption {
        /*color: #1875F7;*/
        color: #0752BB;
        /*font-size: calc(calc(10/13)*1em);*/
        font-size:inherit;
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        line-height: 175%;
    }

    .art-footer p {
        padding: 0;
        text-align: center;
    }

    .art-footer a,
    .art-footer a:link {
        color: #3F8CF8;
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        text-decoration: underline;
    }

        .art-footer a:visited {
            color: #096CF6;
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-decoration: none;
        }

        .art-footer a:hover {
            color: #5BA2DC;
            font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-decoration: underline;
        }

    .art-footer h1 {
        color: #8A99A8;
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .art-footer h2 {
        color: #A1ADBA;
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .art-footer h3 {
        color: #6CACE0;
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .art-footer h4 {
        color: #3083F8;
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .art-footer h5 {
        color: #3083F8;
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .art-footer h6 {
        color: #3083F8;
        font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .art-footer img {
        border: none;
        margin: 0;
    }

.art-rss-tag-icon {
    background: url('../footerrssicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: calc(calc(32/13)*1em);
    min-width: calc(calc(32/13)*1em);
    display: inline-block;
    text-indent: calc(calc(35/13)*1em);
    background-position: left center;
    vertical-align: middle;
}

    .art-rss-tag-icon:empty {
        vertical-align: middle;
    }

.art-facebook-tag-icon {
    background: url('../footerfacebookicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: calc(calc(32/13)*1em);
    min-width: calc(calc(32/13)*1em);
    display: inline-block;
    text-indent: calc(calc(35/13)*1em);
    background-position: left center;
    vertical-align: middle;
}

    .art-facebook-tag-icon:empty {
        vertical-align: middle;
    }

.art-twitter-tag-icon {
    background: url('../footertwittericon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: calc(calc(32/13)*1em);
    min-width: calc(calc(32/13)*1em);
    display: inline-block;
    text-indent: calc(calc(35/13)*1em);
    background-position: left center;
    vertical-align: middle;
}

    .art-twitter-tag-icon:empty {
        vertical-align: middle;
    }

.art-tumblr-tag-icon {
    background: url('../tumblricon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: calc(calc(32/13)*1em);
    min-width: calc(calc(32/13)*1em);
    display: inline-block;
    text-indent: calc(calc(35/13)*1em);
    background-position: left center;
    vertical-align: middle;
}

    .art-tumblr-tag-icon:empty {
        vertical-align: middle;
    }

.art-pinterest-tag-icon {
    background: url('../pinteresticon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: calc(calc(32/13)*1em);
    min-width: calc(calc(32/13)*1em);
    display: inline-block;
    text-indent: calc(calc(35/13)*1em);
    background-position: left center;
    vertical-align: middle;
}

    .art-pinterest-tag-icon:empty {
        vertical-align: middle;
    }

.art-vimeo-tag-icon {
    background: url('../vimeoicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: calc(calc(32/13)*1em);
    min-width: calc(calc(32/13)*1em);
    display: inline-block;
    text-indent: calc(calc(35/13)*1em);
    background-position: left center;
    vertical-align: middle;
}

    .art-vimeo-tag-icon:empty {
        vertical-align: middle;
    }

.art-youtube-tag-icon {
    background: url('../youtubeicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: calc(calc(32/13)*1em);
    min-width: calc(calc(32/13)*1em);
    display: inline-block;
    text-indent: calc(calc(35/13)*1em);
    background-position: left center;
    vertical-align: middle;
}

    .art-youtube-tag-icon:empty {
        vertical-align: middle;
    }

.art-linkedin-tag-icon {
    background: url('../linkedinicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: calc(calc(32/13)*1em);
    min-width: calc(calc(32/13)*1em);
    display: inline-block;
    text-indent: calc(calc(35/13)*1em);
    background-position: left center;
    vertical-align: middle;
}

    .art-linkedin-tag-icon:empty {
        vertical-align: middle;
    }

.art-footer ul > li:before {
    content: url('../footerbullets.png');
    margin-right: calc(calc(6/13)*1em);
    bottom: calc(calc(2/13)*1em);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin-left: calc(calc(-13/13)*1em);
}

.opera .art-footer ul > li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-footer li {
    font-size: calc(calc(13/13)*1em);
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #1D5A8B;
}

.art-footer ul > li, .art-footer ol {
    padding: 0;
}

.art-footer ul > li {
    padding-left: calc(calc(13/13)*1em);
}

.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover {
    font-family: Arial;
    font-size: calc(calc(10/13)*1em);
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    color: #C7CFD6;
}

.art-page-footer {
    position: relative;
    z-index: auto !important;
    padding: 1em;
    text-align: center !important;
    text-decoration: none;
    color: #84B5FB;
}

.art-lightbox-wrapper {
    background: #333;
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    padding: 0 calc(calc(100/13)*1em);
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1000000;
}

    .art-lightbox,
    .art-lightbox-wrapper .art-lightbox-image {
        cursor: pointer;
    }

    .art-lightbox-wrapper .art-lightbox-image {
        border: calc(calc(6/13)*1em) solid #fff;
        border-radius: calc(calc(3/13)*1em);
        display: none;
        max-width: 100%;
        vertical-align: middle;
    }

        .art-lightbox-wrapper .art-lightbox-image.active {
            display: inline-block;
        }

    .art-lightbox-wrapper .lightbox-error {
        background: #fff;
        border: calc(calc(1/13)*1em) solid #b4b4b4;
        border-radius: calc(calc(10/13)*1em);
        box-shadow: 0 calc(calc(2/13)*1em) calc(calc(5/13)*1em) #333;
        height: calc(calc( 80/13)*1em);
        opacity: .95;
        padding: calc(calc(20/13)*1em);
        position: fixed;
        width: calc(calc(300/13)*1em);
        z-index: 100;
    }

    .art-lightbox-wrapper .loading {
        background: #fff url('../preloader-01.gif') center center no-repeat;
        border: calc(calc(1/13)*1em) solid #b4b4b4;
        border-radius: calc(calc(10/13)*1em);
        box-shadow: 0 calc(calc(2/13)*1em) calc(calc(5/13)*1em) #333;
        height: calc(calc(32/13)*1em);
        opacity: .5;
        padding: calc(calc(10/13)*1em);
        position: fixed;
        width: calc(calc(32/13)*1em);
        z-index: 10100;
    }

    .art-lightbox-wrapper .arrow {
        cursor: pointer;
        height: calc(calc(100/13)*1em);
        opacity: .5;
        filter: alpha(opacity=50);
        position: fixed;
        width: calc(calc(82/13)*1em);
        z-index: 10003;
    }

        .art-lightbox-wrapper .arrow.left {
            left: calc(calc(9/13)*1em);
        }

        .art-lightbox-wrapper .arrow.right {
            right: calc(calc(9/13)*1em);
        }

        .art-lightbox-wrapper .arrow:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .art-lightbox-wrapper .arrow.disabled {
            display: none;
        }

    .art-lightbox-wrapper .arrow-t,
    .art-lightbox-wrapper .arrow-b {
        background-color: #fff;
        border-radius: calc(calc(3/13)*1em);
        height: calc(calc(6/13)*1em);
        left: calc(calc(26/13)*1em);
        position: relative;
        width: calc(calc(30/13)*1em);
    }

    .art-lightbox-wrapper .arrow-t {
        top: calc(calc(38/13)*1em);
    }

    .art-lightbox-wrapper .arrow-b {
        top: calc(calc(50/13)*1em);
    }

    .art-lightbox-wrapper .close {
        cursor: pointer;
        height: calc(calc(22/13)*1em);
        opacity: .5;
        filter: alpha(opacity=50);
        position: fixed;
        right: calc(calc(39/13)*1em);
        top: calc(calc(30/13)*1em);
        width: calc(calc(22/13)*1em);
        z-index: 10003;
    }

        .art-lightbox-wrapper .close:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .art-lightbox-wrapper .close .cw,
        .art-lightbox-wrapper .close .ccw {
            background-color: #fff;
            border-radius: calc(calc(3/13)*1em);
            height: calc(calc(6/13)*1em);
            position: absolute;
            left: calc(calc(-4/13)*1em);
            top: calc(calc(8/13)*1em);
            width: calc(calc(30/13)*1em);
        }

    .art-lightbox-wrapper .cw {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        /* IE 9 */
        -webkit-transform: rotate(45deg);
        /* Safari and Chrome */
        -o-transform: rotate(45deg);
        /* Opera */
        -moz-transform: rotate(45deg);
        /* Firefox */
    }

    .art-lightbox-wrapper .ccw {
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        /* IE 9 */
        -webkit-transform: rotate(-45deg);
        /* Safari and Chrome */
        -o-transform: rotate(-45deg);
        /* Opera */
        -moz-transform: rotate(-45deg);
        /* Firefox */
    }

    .art-lightbox-wrapper .close-alt,
    .art-lightbox-wrapper .arrow-right-alt,
    .art-lightbox-wrapper .arrow-left-alt {
        color: #fff;
        display: none;
        font-size: 2.5em;
        line-height: 100%;
    }

.ie8 .art-lightbox-wrapper .close-alt,
.ie8 .art-lightbox-wrapper .arrow-right-alt,
.ie8 .art-lightbox-wrapper .arrow-left-alt {
    display: block;
}

.ie8 .art-lightbox-wrapper .cw,
.ie8 .art-lightbox-wrapper .ccw {
    display: none;
}

.art-content-layout .art-content {
    margin: 0 auto;
}

/* Begin Additional CSS Styles */

/* End Additional CSS Styles */

/* skip to content link */
a.skip {
    position: absolute;
    left: calc(calc(-5555/13)*1em);
    top: calc(calc(0/13)*1em);
    padding: calc(calc(5/13)*1em);
    font-size: larger;
    color: White;
    border: calc(calc(3/13)*1em) solid white;
    background: transparent;
    z-index: -100;
    overflow: hidden;
    width: calc(calc(1/13)*1em);
    height: calc(calc(1/13)*1em);
}

    a.skip:focus, a.skip:active {
        left: calc(calc(5/13)*1em);
        top: calc(calc(5/13)*1em);
        position: absolute;
        background: #0e4571;
        outline: 0;
        z-index: 100;
        overflow: auto;
        width: calc(calc(200/13)*1em);
        height: calc(calc(25/13)*1em);
        text-align: center;
        font-size: large;
    }
/* end skip to content link */

/*#region qlj ada 2025*/
input, select, button {
    min-height: max(16px, calc(calc(16/13)*1em));
    min-width: max(16px, calc(calc(16/13)*1em));
}

    /*
input[type="radio"] {
    vertical-align: bottom;
}*/

    a:not(.skip):focus, a:not(.skip):focus-within, a:not(.skip):focus-visible,
    input:not(.skip):focus, input:not(.skip):focus-within, input:not(.skip):focus-visible,
    select:not(.skip):focus, select:not(.skip):focus-within, select:not(.skip):focus-visible,
    button:not(.skip):focus, button:not(.skip):focus-within, button:not(.skip):focus-visible,
    .art-button-wrapper:not(.skip):focus, .art-button-wrapper:not(.skip):focus-within, .art-button-wrapper:not(.skip):focus-visible,
    .art-button-wrapper:not(.skip):has(> input:not(.skip):focus), .art-button-wrapper:not(.skip):has(> input:not(.skip):focus-within).art-button-wrapper:not(.skip):has(> input:not(.skip):focus-visible),
    /*ul:not(.skip):focus, ul:not(.skip):focus-within, ul:not(.skip):focus-visible,*/
    /*nav li:not(.skip):focus, nav li:not(.skip):focus-within, nav li:not(.skip):focus-visible,*/
    nav li:not(.skip):focus:not(:has(> ul > li:focus)):not(:has(> ul > li:focus-within)):not(:has(> ul > li:focus-visible)), 
    nav li:not(.skip):focus-within:not(:has(> ul > li:focus)):not(:has(> ul > li:focus-within)):not(:has(> ul > li:focus-visible)), 
    nav li:not(.skip):focus-visible:not(:has(> ul > li:focus)):not(:has(> ul > li:focus-within)):not(:has(> ul > li:focus-visible)) {
        outline: -webkit-focus-ring-color auto calc(calc(1/13)*1em);
    }

/*:focus, :focus-within, :focus-visible, :hover, :active {
    outline: -webkit-focus-ring-color auto calc(calc(1/13)*1em);
}*/
.liststylenone, ul.liststylenone, li.liststylenone, .liststylenone ul, .liststylenone li {
    list-style: none;
    background-image: inherit;
}

.sitemaplistitem, ul.sitemaplistitem, li.sitemaplistitem, .sitemaplistitem ul, .sitemaplistitem li, .sitemaplistitem ul li, ul.sitemaplistitem li ul {
    list-style: none !important;
    background-image: inherit !important;
    padding: .5em;
    min-height: calc(calc(16/13)*1em);
    font-weight: bold;
}

    .sitemaplistitem a {
        min-height: calc(calc(16/13)*1em);
        font-weight: bold;
    }

    ul.sitemaplistitem li.sitemaplistitem ul.sitemaplistitem {
        margin-top: 0em;
        margin-bottom: 0em;
        padding-top: 0em;
        padding-bottom: 0em;
    }

        ul.sitemaplistitem li.sitemaplistitem ul.sitemaplistitem li.sitemaplistitem:last-child {
            margin-bottom: calc(max(calc(calc(calc(1 / 13) * 1em)), 1px, calc(calc(calc(1 / 13) * 1rem))) + 1px); /*0em*/
            padding-bottom: calc(max(calc(calc(calc(1 / 13) * 1em)), 1px, calc(calc(calc(1 / 13) * 1rem))) + 1px); /*0em*/
        }

.visually-hidden {
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute !important;
    height: calc(calc(1/13)*1em);
    width: calc(calc(1/13)*1em);
    overflow: hidden;
    clip: rect(calc(calc(1/13)*1em) calc(calc(1/13)*1em) calc(calc(1/13)*1em) calc(calc(1/13)*1em)); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible calc(calc(1/13)*1em) box */
    clip: rect(calc(calc(1/13)*1em), calc(calc(1/13)*1em), calc(calc(1/13)*1em), calc(calc(1/13)*1em)); /*maybe deprecated but we need to support legacy browsers */
    clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
    white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}
/*#endregion*/


.art-button-wrapper > input.art-button {
    margin: calc(calc(0/13)*1em) !important;
}



    /*#region fixing art buttons*/

    .art-button-wrapper > input,
    .art-button-wrapper > input[type="submit"],
    .art-button-wrapper > input[type="button"],
    .art-button-wrapper > input.art-button,
    .art-button-wrapper > input.art-button[type="submit"],
    .art-button-wrapper > input.art-button[type="button"],
    .art-button-wrapper > .art-button,
    .art-button-wrapper > .art-button[type="submit"],
    .art-button-wrapper > .art-button[type="button"] {
        height: -webkit-fill-available;
    }

/*#endregion*/


/*#region custom buttons*/

input.pw-button, input.pw-button[type="submit"], input.pw-button[type="button"],
.pw-button, .pw-button[type="submit"], .pw-button[type="button"] {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    height: calc(calc(33 /13)*1em);
    overflow: hidden;
    white-space: nowrap;
    min-width: calc(calc(66 /13)*1em);
    width: auto;
    margin: 0;
    padding: 0;
    z-index: 0;
    padding: .25em .5em;
    background-color: #92c0d9;
    background-image: linear-gradient(#92c0d9, #69a8ca);
    background-size: contain;
    border-radius: .25em;
    border-color: #387b9f;
    border-width: thin;
    margin: .25em;
    box-shadow: 0 0 .25em 0 #69a8ca;
    box-shadow: 0 0 .25em 0 #92c0d9;
}

    input.pw-button.hover, input.pw-button[type="submit"].hover, input.pw-button[type="button"].hover,
    input.pw-button:hover, input.pw-button[type="submit"]:hover, input.pw-button[type="button"]:hover,
    .pw-button.hover, .pw-button[type="submit"].hover, .pw-button[type="button"].hover,
    .pw-button:hover, .pw-button[type="submit"]:hover, .pw-button[type="button"]:hover {
        background-color: #5eabeb;
        background-image: linear-gradient(#8fc5f1, #5eabeb);
        background-size: contain;
        border-color: #3c9ae7;
        box-shadow: 0 0 .25em 0 #8fc5f1;
    }

    input.pw-button.active, input.pw-button[type="submit"].active, input.pw-button[type="button"].active,
    input.pw-button:active, input.pw-button[type="submit"]:active, input.pw-button[type="button"]:active,
    .pw-button.active, .pw-button[type="submit"].active, .pw-button[type="button"].active,
    .pw-button:active, .pw-button[type="submit"]:active, .pw-button[type="button"]:active {
        background-color: #54a6ea;
        background-image: linear-gradient(#54a6ea, #268ee4);
        background-size: contain;
        border-color: #197ccc;
        box-shadow: 0 0 .25em 0 #54a6ea;
        color: white;
    }

/*#endregion*/

/*#region custom header*/
.pw-header-user-info div, .pw-header-user-info a, .pw-header-user-info input {
    margin: 2px;
    padding: 2px;
}

.pw-header, div.pw-header {
    background: linear-gradient(#3c83aa, #2a5d79, #3c83aa);
    background-image: linear-gradient(#3c83aa, #2a5d79, #3c83aa);
    background-color: #3c83aa;
    min-height: 100px;
    height: auto;
    /* overflow: visible; */
    text-align: center;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    align-self: center;
    border-top-left-radius: .9em;
    border-top-right-radius: .9em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.pw-header, div.pw-header, .pw-header-img, .pw-header-txt-container, .pw-header-text, .pw-header-user-info {
    vertical-align: middle;
    align-content: center;
    align-items: center;
    align-self: center;
}

.pw-header-txt-container, .pw-header-txt, #header-clerk-name-text, #header-header-title-text, #name-text {
    color: #FFFFFF;
}

    .pw-header > h1, .pw-header-txt-container > h1, .pw-header-txt > h1, h1#header-clerk-name-text, h1#header-header-title-text, h1#name-text {
        font-size: max(calc(calc(28/13)*1em), 4.4vh);
    }

.pw-header-txt-container, .pw-header-txt {
    text-align: center;
}

.pw-header-img {
    display: inline-block;
    background-color: transparent;
    margin-right: auto;
    text-align: left;
    /*float: left;*/
    background-color: transparent;
}

.pw-header-user-info {
    display: inline-block;
    background-color: transparent;
    margin-left: auto;
    text-align: right;
    /*float: left;*/
    background-color: transparent;
    margin-top: 2px;
    margin-right: 10px;
}

.pw-header-txt-container {
    display: inline-block;
    /*vertical-align: top;*/
    /* max-width: 83%; */
    text-align: center;
    max-width: calc(90% - 110px);
    vertical-align: middle;
    align-content: center;
    align-items: center;
    align-self: center;
    /*margin-right: auto;*/
}

.pw-header-img > img.art-header-jpeg {
    /* position: absolute; */
    z-index: -1;
    margin-top: 2px;
    margin-left: 10px;
    /* width: 964px; */
    /* width: 95%; */
    /* height: 150px; */
    background-image: url(images/header-object2.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.pw-header-txt > h1:not(:empty), #header-clerk-name-text:not(:empty), #header-header-title-text:not(:empty), #name-text:not(:empty) {
    margin: .1em;
    margin-top: 2px;
}
/*#endregion*/

.art-header > .art-logo > td:has(> h1), .art-header .art-logo td:has(> h1) {
    flex-wrap: wrap;
    overflow-wrap: break-word;
    text-wrap: auto;
    text-wrap-mode: wrap;
    text-wrap-style: pretty;
}

.art-header .art-logo, .art-header > .art-logo {
    flex-wrap: wrap;
    overflow-wrap: break-word;
    text-wrap: auto;
    text-wrap-mode: wrap;
    text-wrap-style: pretty;
    width: auto;
}

    .art-header .art-logo h1.art-logo-name, .art-header > .art-logo > h1.art-logo-name {
        flex-wrap: wrap;
        overflow-wrap: break-word;
        text-wrap: auto;
        text-wrap-mode: wrap;
        text-wrap-style: pretty;
        font-size: max(2em, 4.4vh, 4.4vw)
    }

.art-header, div.art-header, .art-header[role="banner"], div.art-header[role="banner"] {
    flex-wrap: wrap;
    overflow-wrap: break-word;
    text-wrap: auto;
    text-wrap-mode: wrap;
    text-wrap-style: pretty;
}

ol, li, ul {
    padding-left: 0px !important;
}

    ol::marker, li::marker, ul::marker {
        color: #447ca8;
        font-size: 1.5em;
        font-weight: bold;
    }

a.skip[href="#main"] {
    color: White !important;
}

select, input[type="text"] {
    min-width: max(2em, 16px);
}

    select[maxlength="2"],
    input[type="text"][maxlength="2"] {
        max-width: max(3em, 3rem) /*!important*/;
        min-width: max(2em, 16px) !important;
    }

    select[maxlength="3"],
    input[type="text"][maxlength="3"] {
        max-width: max(4em, 4rem) /*!important*/;
        min-width: max(2em, 16px) !important;
    }

    select[maxlength="4"],
    input[type="text"][maxlength="4"] {
        max-width: max(5em, 5rem) /*!important*/;
        min-width: 3em !important;
    }

    select[maxlength="5"],
    input[type="text"][maxlength="5"] {
        max-width: max(6em, 6rem) /*!important*/;
        min-width: 4em !important;
    }

    select[maxlength="6"],
    input[type="text"][maxlength="6"] {
        max-width: max(7em, 7rem) /*!important*/;
        min-width: 5em !important;
    }

    select[maxlength="7"],
    input[type="text"][maxlength="7"] {
        max-width: max(8em, 8rem) /*!important*/;
        min-width: 6em !important;
    }

    select[maxlength="8"],
    input[type="text"][maxlength="8"] {
        max-width: max(9em, 9rem) /*!important*/;
        min-width: 7em !important;
    }

    select[maxlength="9"],
    input[type="text"][maxlength="9"] {
        max-width: max(10em, 10rem) /*!important*/;
        min-width: 8em !important;
    }

    select[maxlength="10"],
    input[type="text"][maxlength="10"] {
        max-width: max(11em, 11rem) /*!important*/;
        min-width: 9em !important;
    }

.date {
    min-width: 6em !important;
    max-width: max(10em, 10rem);
    width: 8em;
}

#header-banner-image {
    max-width: 1023px;
    max-width: calc(calc(1023/13)*1em);
    text-align: center;
    align-content: center;
    align-items: center;
    align-self: center;
    width: 100%;
    height: auto;
    /*width: auto;*/
}

.art-nav, .art-sheet, .art-sheet.clearfix, #header-banner-container {
    /*max-width: calc(calc(1023/13)*1em);
    margin: 0 auto;
    width: 90%;
    max-width: 100%;*/
}

ul:not(.liststylenone):not([role="tablist"]) > li:not(.liststylenone):not([role="tab"]):not([role="tab"]),
ul:not(.liststylenone):not([role="tablist"]) li:not(.liststylenone):not([role="tab"]),
ul:not(.liststylenone):not([role="tablist"]) li:not(.liststylenone):not([role="tab"]) ul:not(.liststylenone):not([role="tablist"]) li:not(.liststylenone):not([role="tab"]) {
    background: #E6F0FE;
    border: calc(calc(1 / 13) * 1em) solid #B5D3FC;
}

/*ul > li, ul li, ul li ul li {
    background: #E6F0FE;
    border: calc(calc(1 / 13) * 1em) solid #B5D3FC;
}*/

ul.art-hmenu li ul li {
    background: #E6F0FE;
}

.art-sheet, .art-sheet.clearfix, .art-footer {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.errormessage {
    color: #B00000;
}

.art-footer .art-footer-body a/*, .art-postcontent a, .art-postcontent a:link*/ {
    color: -webkit-link;
}

/*:root {
    font-family: -webkit-text !important;
    font-family: any-text !important;
    font-family: -any-text !important;
}

html, body, a, p, div, span, input, select {
    font-family: -webkit-text !important;
    font-family: any-text !important;
    font-family: -any-text !important;
}*/

.art-postcontent table tbody tr th:has(> a) {
    background-color: #03224F;
    border-color: white;
    border-style: solid;
    border-width: 1px;
    color: #7DB5E3
}

.art-postcontent table tbody tr th a, .art-postcontent table tbody tr th a:link {
    color: #7DB5E3
}

.art-postcontent table tbody tr td a, .art-postcontent table tbody tr td a:link {
    color: -webkit-link;
}

td.style2 label[for], td.style2:has(> label[for]) {
    font-weight: bold;
    text-align: right;
}

td.style2 label[for]:after {
    content:":";
}

#divMainBodyContainer {
    max-width: calc(calc(1023 / 13) * 1em);
    margin: 0 auto;
    width: 98%;
    text-align: center;
    align-content: center;
    align-items: center;
    max-width: calc(calc(1023/13)*1em);
    margin: 0 auto;
    width: 90%;
    /*max-width: 100%;*/
}

@media screen and (max-width: 1023px) and (max-width:calc(calc(1023 / 13) * 1em)) {
    #divMainBodyContainer {
        max-width: calc(calc(1023 / 13) * 1em);
        margin: 0 auto;
        width: 100%;
        text-align: center;
        align-content: center;
        align-items: center;
    }
}

#divMainBodyContainer .art-sheet .art-layout-wrapper .art-content-layout .art-content-layout-row,
#sheetContentPlaceHolderContainer{
    overflow-x:auto;
}

/*#divMainBodyContainer .art-sheet .art-layout-wrapper .art-content-layout .art-content-layout-row div,
#sheetContentPlaceHolderContainer div,*/
    #divMainBodyContainer .art-sheet .art-layout-wrapper .art-content-layout .art-content-layout-row div:not([class*="calendar"]):not(:has(> [class*="calendar"])),
    #sheetContentPlaceHolderContainer div:not([class*="calendar"]):not(:has(> [class*="calendar"])),
    #divMainBodyContainer .art-sheet .art-layout-wrapper .art-content-layout .art-content-layout-row table,
    #sheetContentPlaceHolderContainer table {
        max-width: 100%;
        overflow-x: auto;
    }

.ajax__calendar_dayname{
    overflow:hidden;
}

.art-footer .art-footer-body {
    max-width: 100%;
    overflow-wrap: anywhere;
    text-wrap: auto;
    text-wrap-mode: wrap;
    text-wrap-style: auto;
}

/*body form #art-main #divMainBodyContainer,*/
body form #art-main #divMainBodyContainer a,
body form #art-main #divMainBodyContainer div,
body form #art-main #divMainBodyContainer span,
body form #art-main #divMainBodyContainer button,
body form #art-main #divMainBodyContainer table{
    max-width: 100%;
}

.desktop ul.art-hmenu ul.art-hmenu-right-to-left, .desktop ul.art-hmenu ul.art-hmenu-left-to-right {
    right: auto;
    margin: 0;
}


table[id*="gvCaseSearchResults"] {
    /*max-width:100%;*/
    min-width: 50%;
    width: -webkit-fill-available;
}

.art-postcontent .sitemaplistitem, ul.sitemaplistitem, 
.art-postcontent li.sitemaplistitem, 
.art-postcontent .sitemaplistitem ul, 
.art-postcontent .sitemaplistitem li, 
.art-postcontent .sitemaplistitem ul li, 
.art-postcontent ul.sitemaplistitem li ul {
    list-style: none !important;
    background-image: inherit !important;
    padding: .5em;
    min-height: calc(calc(16 / 13) * 1em);
    font-weight: bold;
}

.sitemaplistitem, ul.sitemaplistitem, li.sitemaplistitem, .sitemaplistitem ul, .sitemaplistitem li, .sitemaplistitem ul li, ul.sitemaplistitem li ul
{
    list-style: none !important;
    background-image: inherit !important;
    /* background-size: contain; */
    padding: .5em;
    min-height: calc(calc(16 / 12) * 1em);
    font-weight: bold;
}

li a {
    margin: calc(max(calc(calc(calc(1 / 13) * 1em)), 1px, calc(calc(calc(1 / 13) * 1rem))) + 1px);
}

a, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {
    color: -webkit-link;
}

.defaultPageButtonWrapper:has(> .art-button-wrapper > input), .defaultPageButtonWrapper:has(> .art-button-wrapper > button) {
    margin: calc(calc(2 / 13) * 1em);
    padding: calc(calc(2 / 13) * 1em);
}

input[type="image"] {
    margin: 1px;
    padding: 1px;
}