@import url('https://fonts.googleapis.com/css?family=Ubuntu|Ubuntu+Condensed');
#navi {
    height: 0px;
    margin-top: 0px;
}

#menu {
    background: #F7F7F7;
    margin: 10px auto 0;
    text-align: left;
    z-index: 100000;
    line-height: 50px;
    margin: 0 auto;
    padding: 0;
    width: 1000px;
}

.default {}

#menu.fixed {
    position: fixed;
    top: 0px;
    width: 100%;
    background: #043c71;
    z-index: 7;
    line-height: 50px;
    padding: 0;
}

.portfolio-grid {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.portfolio-grid li {
    display: inline-block;
    margin: 5px 5px 5px 5px;
    vertical-align: top;
    width: 212px;
}

.portfolio-grid li>a,
.portfolio-grid li>a img {
    border: none;
    outline: none;
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.portfolio-grid li>a img:hover {
    border-radius: 70%;
    z-index: 9999;
    box-shadow: 0 0 10px #222;
    -webkit-box-shadow: 0 0 10px #222;
    -moz-box-shadow: 0 0 10px #222;
}


/******************************************Animate.CSS By Dan Eden
******************************************/

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(380px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(380px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(380px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(380px) rotateX(-0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(380px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -moz-transform: perspective(380px) rotateX(-10deg);
    }
    70% {
        -moz-transform: perspective(380px) rotateX(10deg);
    }
    100% {
        -moz-transform: perspective(380px) rotateX(-0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(380px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -o-transform: perspective(380px) rotateX(-10deg);
    }
    70% {
        -o-transform: perspective(380px) rotateX(10deg);
    }
    100% {
        -o-transform: perspective(380px) rotateX(-0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(380px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(380px) rotateX(-10deg);
    }
    70% {
        transform: perspective(380px) rotateX(10deg);
    }
    100% {
        transform: perspective(380px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

#art-main {
    background: #FFFFFF;
    margin: 0 auto;
    font-size: 14px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    line-height: 150%;
    position: relative;
    width: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    overflow: hidden;
}

table,
ul.art-hmenu {
    font-size: 14px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    line-height: 150%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
ol,
li {
    margin: 0;
    padding: 0;
}

/*.art-button {
    border-collapse: separate;
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
    background: #FFFFFF;
    background: linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
    background: -webkit-linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
    background: -moz-linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
    background: -o-linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
    background: -ms-linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
    background: linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
    -svg-background: linear-gradient(top, #FFFFFF 0, #D1D1D1 100%) no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #C7C7C7;
    padding: 0 5px;
    margin: 0 auto;
    height: 21px;
}*/

.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:not(.md-close),
.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;
}

.art-postcontent p {
    margin: 20px 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: 30px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    line-height: 120%;
}

.art-postcontent a:not(.md-close),
.art-postcontent a:link {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    color: #84b0d4;
}

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

.art-postcontent a:not(.md-close):hover,
.art-postcontent a.hover {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #017393;
}

.art-postcontent h1 {
    color: #418BC8;
    margin: 10px 0 0;
    font-size: 18px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h1 {
    margin: 10px 0 0;
    font-size: 18px;
    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: 18px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h2 {
    color: #418BC8;
    margin: 10px 0 0;
    font-size: 18px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h2 {
    margin: 10px 0 0;
    font-size: 18px;
    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: 18px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h3 {
    color: #418BC8;
    margin: 10px 0 0;
    font-size: 18px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h3 {
    margin: 10px 0 0;
    font-size: 18px;
    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: 18px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h4 {
    color: #418BC8;
    margin: 10px 0 0;
    font-size: 18px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h4 {
    margin: 10px 0 0;
    font-size: 18px;
    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: 18px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h5 {
    color: #292929;
    margin: 10px 0 0;
    font-size: 20px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h5 {
    margin: 10px 0 0;
    font-size: 20px;
    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: 20px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent h6 {
    color: #616161;
    margin: 10px 0 0;
    font-size: 16px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent h6 {
    margin: 10px 0 0;
    font-size: 16px;
    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: 16px;
    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%;
}

body {
    padding: 0;
    margin: 0;
    min-width: 1000px;
    color: #696969;
}

.clearfix:before,
.clearfix:after {
    width: 100%;
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.cleared {
    font: 0/0 serif;
    clear: both;
}

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: 1px;
}

li h2,
.art-postcontent li h2,
.art-blockcontent li h2 {
    margin: 1px;
}

li h3,
.art-postcontent li h3,
.art-blockcontent li h3 {
    margin: 1px;
}

li h4,
.art-postcontent li h4,
.art-blockcontent li h4 {
    margin: 1px;
}

li h5,
.art-postcontent li h5,
.art-blockcontent li h5 {
    margin: 1px;
}

li h6,
.art-postcontent li h6,
.art-blockcontent li h6 {
    margin: 1px;
}

li p,
.art-postcontent li p,
.art-blockcontent li p {
    margin: 1px;
}

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

.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: 1px;
}

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

.art-headline {
    display: inline-block;
    position: absolute;
    min-width: 50px;
    top: 5px;
    left: 100%;
    line-height: 100%;
    margin-left: -185px !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 101;
}

.art-headline,
.art-headline a,
.art-headline a:link,
.art-headline a:visited,
.art-headline a:hover {
    font-size: 22px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    padding: 0;
    margin: 0;
    color: #4089C9 !important;
    white-space: nowrap;
}

.art-slogan {
    display: inline-block;
    position: absolute;
    min-width: 50px;
    top: 139px;
    left: 99.59%;
    line-height: 100%;
    margin-left: -300px !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 102;
    white-space: nowrap;
}

.art-slogan,
.art-slogan a,
.art-slogan a:link,
.art-slogan a:visited,
.art-slogan a:hover {
    font-size: 14px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
    padding: 0;
    margin: 0;
    color: #696969 !important;
}

.art-object1453044270 h1,
.art-object1453044270 h2,
.art-object1453044270 h3,
.art-object1453044270 h4,
.art-object1453044270 h5,
.art-object1453044270 h6,
.art-object1453044270 p,
.art-object1453044270 a,
.art-object1453044270 ul,
.art-object1453044270 ol,
.art-object1453044270 li {
    line-height: 100%;
}

.art-object1453044270 {
    position: absolute;
    top: 127px;
    left: 48%;
    margin-left: -160px !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 103;
    width: 250px;
    height: 26px;
}

.art-footer .layout-item-0 {
    padding: 20px;
}

.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;
    /* height: 170px; */
    position: relative;
    width: 100%;
    z-index: auto !important;
    background-color: #428BCA;
    background-image: url(../../../images/bg.jpg);
    background-position: 50% 50%;
}

.art-header::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    background-color: #428BCA;
    left: 0;
    opacity: 0.6;
    z-index: 0;
}

.header_container {
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
    padding: 10px 0;
    position: relative;
    z-index: 1;
}

.header_row.contain {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 10px;
}

.header_row.contain .right_part {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.header_row.contain .right_part a {
    color: #FFF;
    text-decoration: none;
    font-size: 18px;
    font-family: 'Ubuntu', sans-serif;
}

.header_row.contain .center_part {
    padding-left: 10px;
    border-left: 3px solid #fff;
    padding: 10px 15px;
}

.header_row.contain .center_part h2 {
    color: #043c71;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: normal;
    font-family: 'Ubuntu Condensed', sans-serif;
}

.header_row.contain .center_part p {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 6px;
    font-family: 'Ubuntu', sans-serif;
}

p.adress {
    text-align: right;
    color: #043c71;
    margin-top: 10px;
}

.search {
    text-align: right;
}

.search .fa.fa-search {
    color: #fff;
    margin-right: 10px;
}

.logocss {
    position: relative;
}

.border {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 5px solid #fff;
    position: relative;
    overflow: hidden;
}

.top {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 3px solid #fff;
    position: absolute;
    left: -1px;
    top: -110px;
}

.center {
    width: 85px;
    height: 150px;
    border-radius: 50%;
    border: 3px solid #fff;
    position: absolute;
    top: -3px;
    left: 28px;
}

.bottom {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 3px solid #fff;
    position: absolute;
    left: -1px;
    bottom: -110px;
}

.vertical {
    height: 150px;
    border-right: 3px solid #fff;
    position: absolute;
    top: 0;
    left: 72px;
}

.blur {
    position: absolute;
    width: 160px;
    height: 80px;
    left: 0;
    top: 41px;
    /* background-image: linear-gradient(to top,transparent 0%,#428BCA 40%,#428BCA 60%,transparent); */
}

.logotext {
    position: absolute;
    width: 160px;
    height: 80px;
    left: 0;
    top: 56px;
    text-align: center;
}

.logotext .h {
    color: #428BCA;
    text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
    font-size: 55px;
    font-weight: 700;
}

.logotext .p {
    color: #428BCA;
    text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
}

.footer_inner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.art-footer.template.clearfix {
    background-color: #043c71;
    border: 0;
    border-radius: 0;
}

.art-footer.template.clearfix .footer_feedback {
    display: flex;
    align-items: center;
}

.footer_feedback_text {
    color: #fff;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 24px;
    line-height: 28px;
}

.responsive .art-header {
    background-image: url('../images/header.jpg');
    background-position: center center;
}

.art-header>div.art-nostyle,
.art-header>div.art-block,
.art-header>div.art-post {
    position: absolute;
    z-index: 101;
}

.art-header .art-slider-inner {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.art-nav {
    background: #043c71;
    margin: 0 auto;
    position: relative;
}

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;
    text-align: center;
}

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;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

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: flex;
    width: 100%;
    max-width: 1000px;
    vertical-align: bottom;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}

#menu.fixed ul.art-hmenu {
    float: none;
}

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

.desktop-nav.art-nav {
    width: 100%;
    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: 1px;
}

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 6px;
    margin: 0 auto;
    position: relative;
    display: block;
    height: 56px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    line-height: 56px;
    text-align: center;
}

.art-hmenu a,
.art-hmenu a:link,
.art-hmenu a:visited,
.art-hmenu a.active,
.art-hmenu a:hover {
    font-size: 18px;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
}

ul.art-hmenu>li>a.active {
    padding: 0 6px;
    margin: 0 auto;
    color: #cc3333;
    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 {
    padding: 0 6px;
    margin: 0 auto;
}

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

ul.art-hmenu>li:before {
    position: absolute;
    display: block;
    content: ' ';
    top: 0;
    left: -1px;
    width: 1px;
    height: 56px;
    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: #C7C7C7;
    background: transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 22px;
    margin: 0 auto;
}

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

.desktop-nav 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: 32px;
    min-width: 7em;
    border: 0 solid transparent;
    text-align: left;
    line-height: 32px;
    color: #404040;
    font-size: 16px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    text-transform: 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: 32px;
    color: #404040;
    font-size: 16px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    text-transform: none;
    margin: 0;
    cursor: pointer;
}

ul.art-hmenu .deeper li {
    overflow: visible;
    /*overflow: hidden;*/
}

ul.art-hmenu .deeper li::after {
    display: block;
    position: absolute;
    content: ' ';
    height: 0;
    top: -1px;
    left: 0;
    right: 0;
    z-index: 1;
}

ul.art-hmenu .deeper li::before {
    content: '';
    display: block;
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0%;
    background-color: #ccc;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: 0.5s;
    visibility: hidden;
}

ul.art-hmenu li li:hover::before {
    transition: 0.5s;
    width: 100%;
    left: 0;
    visibility: visible;
}

ul.art-hmenu>li.parent>a::after {
    content: "\f0dd";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
    position: relative;
    top: -2px;
}


/* .desktop-nav ul.art-hmenu li li:first-child:before, .desktop-nav ul.art-hmenu li li:first-child:after{
 display: none;
} */

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

.art-hmenu ul a:hover {
    text-decoration: none;
}

.art-hmenu ul li a:hover {
    color: #428BCA;
}

.desktop-nav .art-hmenu ul li:hover>a {
    color: #428BCA;
}

ul.art-hmenu ul:before {
    background: #FFFFFF;
    border: 1px solid #B5B5B5;
    margin: 0 auto;
    display: block;
    position: absolute;
    content: ' ';
    z-index: 1;
}

.desktop-nav ul.art-hmenu li:hover>ul {
    visibility: visible;
    top: 100%;
}

.desktop-nav 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-nav ul.art-hmenu>li>ul {
    padding: 12px 32px 32px 32px;
    margin: -10px 0 0 -30px;
}

.desktop-nav ul.art-hmenu ul ul {
    padding: 32px 32px 32px 14px;
    margin: -32px 0 0 -9px;
}

.desktop-nav ul.art-hmenu ul.art-hmenu-left-to-right {
    right: auto;
    left: 0;
    margin: -10px 0 0 -30px;
}

.desktop-nav ul.art-hmenu ul.art-hmenu-right-to-left {
    left: auto;
    right: 0;
    margin: -10px -30px 0 0;
}

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

.desktop-nav ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
    /*left: auto;*/
    /*right: 100%;*/
    background-color: white;
    
}

.desktop-nav ul.art-hmenu ul ul.art-hmenu-left-to-right {
    right: auto;
    left: 0;
    padding: 32px 32px 32px 14px;
    margin: -32px 0 0 -9px;
}

.desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left {
    left: auto;
    right: 0;
    padding: 32px 14px 32px 32px;
    margin: -32px -9px 0 0;
}

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

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

.desktop-nav ul.art-hmenu ul ul:before {
    border-radius: 5px;
    top: 30px;
    bottom: 30px;
    right: 30px;
    left: 12px;
}

.desktop-nav ul.art-hmenu>li>ul:before {
    top: 10px;
    right: 30px;
    bottom: 30px;
    left: 30px;
}

.desktop-nav ul.art-hmenu>li>ul.art-hmenu-left-to-right:before {
    right: 30px;
    left: 30px;
}

.desktop-nav ul.art-hmenu>li>ul.art-hmenu-right-to-left:before {
    right: 30px;
    left: 30px;
}

.desktop-nav ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
    right: 30px;
    left: 12px;
}

.desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
    right: 12px;
    left: 30px;
}

.art-sheet {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px auto 0;
    position: relative;
    cursor: auto;
    width: 1000px;
    z-index: auto !important;
}

.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 {
    display: table-cell;
    vertical-align: top;
}

.art-postcontent .art-content-layout {
    border-collapse: collapse;
}

.art-vmenublock {
    margin: 5px;
}

div.art-vmenublock img {
    margin: 0;
}

.art-vmenublockheader {
    background: #F8F8F8;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-top: 2px solid #35A1E9;
    padding: 8px 0;
    margin: 0 auto 2px;
}

.art-vmenublockheader .t,
.art-vmenublockheader .t a,
.art-vmenublockheader .t a:link,
.art-vmenublockheader .t a:visited,
.art-vmenublockheader .t a:hover {
    color: #418BC8;
    font-size: 16px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    margin: 0 10px 0 5px;
}

.art-vmenublockcontent {
    margin: 0 auto;
}

ul.art-vmenu,
ul.art-vmenu ul {
    list-style: none;
    display: block;
}

ul.art-vmenu,
ul.art-vmenu li {
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
    line-height: 0;
}

ul.art-vmenu {
    margin-top: 0;
    margin-bottom: 0;
}

ul.art-vmenu ul {
    display: none;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.art-vmenu ul.active {
    display: block;
}

ul.art-vmenu>li>a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 0 0 5px;
    margin: 0 auto;
    color: #424242;
    min-height: 25px;
    line-height: 25px;
}

ul.art-vmenu a {
    display: block;
    cursor: pointer;
    z-index: 1;
    font-size: 14px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    position: relative;
}

ul.art-vmenu li {
    position: relative;
}

ul.art-vmenu>li {
    margin-top: 3px;
}

ul.art-vmenu>li>ul {
    padding: 0;
    margin-top: 2px;
    margin-bottom: 2px;
}

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

ul.art-vmenu>li>a:before {
    content: url('../images/vmenuitemicon.png');
    margin-right: 5px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera ul.art-vmenu>li>a:before {
    bottom: 0;
}

ul.art-vmenu>li>a.active:before {
    content: url('../images/vmenuactiveitemicon.png');
    margin-right: 5px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera ul.art-vmenu>li>a.active:before {
    bottom: 0;
}

ul.art-vmenu>li>a:hover:before,
ul.art-vmenu>li>a.active:hover:before,
ul.art-vmenu>li:hover>a:before,
ul.art-vmenu>li:hover>a.active:before {
    content: url('../images/vmenuhovereditemicon.png');
    margin-right: 5px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera ul.art-vmenu>li>a:hover:before,
.opera ul.art-vmenu>li>a.active:hover:before,
.opera ul.art-vmenu>li:hover>a:before,
.opera ul.art-vmenu>li:hover>a.active:before {
    bottom: 0;
}

ul.art-vmenu>li>a:hover,
ul.art-vmenu>li>a.active:hover {
    background: #F7F7F7;
    padding: 0 0 0 5px;
    margin: 0 auto;
}

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

ul.art-vmenu a:hover,
ul.art-vmenu a.active:hover {
    color: #424242;
}

ul.art-vmenu>li>a.active:hover>span.border-top,
ul.art-vmenu>li>a.active:hover>span.border-bottom {
    background-color: transparent;
}

ul.art-vmenu>li>a.active {
    background: #428BCA;
    padding: 0 0 0 5px;
    margin: 0 auto;
    text-decoration: none;
    color: #FAFAFA;
}

ul.art-vmenu>li:after,
ul.art-vmenu>li>ul:after {
    display: block;
    position: absolute;
    content: ' ';
    left: 0;
    right: 0;
    top: -3px;
}

ul.art-vmenu>li:after,
ul.art-vmenu>li>ul:after {
    z-index: 1;
    height: 1px;
    border-bottom: 1px dashed #B8B8B8;
}

ul.art-vmenu>li:first-child:before,
ul.art-vmenu>li:first-child:after {
    display: none;
}

ul.art-vmenu>li>ul:before {
    background: #DCE3EA;
    background: transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 auto;
    display: block;
    position: absolute;
    content: ' ';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

ul.art-vmenu li li a {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 auto;
    position: relative;
}

ul.art-vmenu ul li {
    margin: 0;
    padding: 0;
}

ul.art-vmenu li li {
    position: relative;
    margin-top: 1px;
}

ul.art-vmenu ul a {
    display: block;
    position: relative;
    min-height: 22px;
    overflow: visible;
    padding: 0;
    padding-left: 6px;
    padding-right: 2px;
    z-index: 0;
    line-height: 22px;
    color: #000000;
    font-size: 12px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin-left: 0;
    margin-right: 0;
}

ul.art-vmenu ul a:visited,
ul.art-vmenu ul a.active:hover,
ul.art-vmenu ul a:hover,
ul.art-vmenu ul a.active {
    line-height: 22px;
    color: #000000;
    font-size: 12px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin-left: 0;
    margin-right: 0;
}

ul.art-vmenu ul ul a {
    padding-left: 12px;
}

ul.art-vmenu ul ul ul a {
    padding-left: 18px;
}

ul.art-vmenu ul ul ul ul a {
    padding-left: 24px;
}

ul.art-vmenu ul ul ul ul ul a {
    padding-left: 30px;
}

ul.art-vmenu li li a:before {
    content: url('../images/vmenusubitemicon.png');
    margin-right: 5px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera ul.art-vmenu li li a:before {
    bottom: 0;
}

ul.art-vmenu ul>li>a:hover,
ul.art-vmenu ul>li>a.active:hover {
    background: #E0E0E0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 auto;
}

ul.art-vmenu ul li a:hover,
ul.art-vmenu ul li a.active:hover {
    text-decoration: none;
    color: #262626;
}

ul.art-vmenu ul a:hover:after {
    background-position: center;
}

ul.art-vmenu ul a.active:hover:after {
    background-position: center;
}

ul.art-vmenu ul a.active:after {
    background-position: bottom;
}

ul.art-vmenu li li a:hover:before {
    content: url('../images/vmenuhoveredsubitemicon.png');
    margin-right: 5px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera ul.art-vmenu li li a:hover:before {
    bottom: 0;
}

ul.art-vmenu ul>li>a.active {
    background: #B8B8B8;
    background: rgba(184, 184, 184, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 auto;
}

ul.art-vmenu ul a.active,
ul.art-vmenu ul a:hover,
ul.art-vmenu ul a.active:hover {
    text-decoration: none;
    color: #404040;
}

ul.art-vmenu li li a.active:before {
    content: url('../images/vmenuactivesubitemicon.png');
    margin-right: 5px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera ul.art-vmenu li li a.active:before {
    bottom: 0;
}

ul.art-vmenu li li:after {
    display: block;
    position: absolute;
    content: ' ';
    height: 0;
    top: -1px;
    left: 0;
    right: 0;
    z-index: 1;
    border-bottom: 1px dashed #DBDBDB;
}

ul.art-vmenu li li:before {
    display: block;
    position: absolute;
    content: ' ';
    left: 0;
    right: 0;
    top: -1px;
    z-index: 0;
    height: 1px;
}

ul.art-vmenu>li>ul>li:first-child:before,
ul.art-vmenu>li>ul>li:first-child:after {
    display: none;
}

.art-block {
    border: 1px solid transparent;
    margin: 5px;
}

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

.art-blockheader {
    background: #F8F8F8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-top: 2px solid #35A1E9;
    padding: 8px 5px;
    margin: 0 auto 7px;
}

.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover {
    color: #418BC8;
    font-size: 16px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    margin: 0;
}

.art-blockcontent {
    padding: 5px;
    margin: 0 auto;
    color: #545454;
    font-size: 14px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 150%;
}

.art-blockcontent table,
.art-blockcontent li,
.art-blockcontent a,
.art-blockcontent a:link,
.art-blockcontent a:visited,
.art-blockcontent a:hover {
    color: #545454;
    font-size: 14px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 150%;
}

.art-blockcontent p {
    margin: 0 5px;
}

.art-blockcontent a,
.art-blockcontent a:link {
    color: #425751;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

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

.art-blockcontent a:hover,
.art-blockcontent a.hover {
    color: #808080;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

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

.opera .art-block ul>li:before {
    bottom: 0;
}

.art-block li {
    font-size: 14px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 150%;
    color: #404040;
}

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

.art-block ul>li {
    padding-left: 9px;
}

.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: 14px;
    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: #404040;
    margin: 0 5px 0 0 !important;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
    line-height: 21px;
    -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: 14px;
    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;
}

.art-button.active,
.art-button.active:hover {
    background: #B5B5B5;
    background: linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
    background: -webkit-linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
    background: -moz-linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
    background: -o-linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
    background: -ms-linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
    background: linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
    -svg-background: linear-gradient(top, #C9C9C9 0, #A1A1A1 100%) no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #B5B5B5;
    padding: 0 5px;
    margin: 0 auto;
}

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

/*.art-button.hover,
.art-button:hover {
    background: #E2341D;
    background: linear-gradient(top, #E6513D 0, #E2341D 50%, #C22D19 100%) no-repeat;
    background: -webkit-linear-gradient(top, #E6513D 0, #E2341D 50%, #C22D19 100%) no-repeat;
    background: -moz-linear-gradient(top, #E6513D 0, #E2341D 50%, #C22D19 100%) no-repeat;
    background: -o-linear-gradient(top, #E6513D 0, #E2341D 50%, #C22D19 100%) no-repeat;
    background: -ms-linear-gradient(top, #E6513D 0, #E2341D 50%, #C22D19 100%) no-repeat;
    background: linear-gradient(top, #E6513D 0, #E2341D 50%, #C22D19 100%) no-repeat;
    -svg-background: linear-gradient(top, #E6513D 0, #E2341D 50%, #C22D19 100%) no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #C7C7C7;
    padding: 0 5px;
    margin: 0 auto;
}

.art-button.hover,
.art-button:hover {
    color: #FFFFFF !important;
}
*/
.mainpform table {
    margin: auto !important;
    display: block;
    width: 500px;
    padding: 20px 0px;
    position: relative;
    z-index: 1;
}

.mainpform table tbody {
    margin: auto;
    display: table;
}

.rsform-block {
    justify-content: space-between;
}

.rsform-block td:nth-child(2) {
    width: 230px;
}

.rsform-block td {
    color: #FFF;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
    background: #F9FAFB;
    border: 1px solid #E0E0E0;
    margin: 0 auto;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
    width: 240px;
    padding: 4px 0;
    padding-left: 10px;
    color: #3D3D3D !important;
    font-size: 14px;
    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: #F9FAFB;
    border: 1px solid #E2341D;
    margin: 0 auto;
}

input.art-error,
textarea.art-error {
    color: #3D3D3D !important;
    font-size: 14px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

form.art-search input[type="text"] {
    background-color: transparent;
    border: 0;
    border-right: 1px solid #FFF;
    order-left: 0px solid #fff;
    border-radius: 0;
    text-align: right;
    color: #fff !important;
    padding-right: 10px;
    width: 55px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    outline: 0;
}

form.art-search input[type="text"]:hover {
    border-left: 1px solid #fff;
    width: 200px;
}

form.art-search input[type="text"]:focus {
    border-left: 1px solid #fff;
    width: 200px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

form.art-search {
    background-image: none;
    border: 0;
    display: block;
    position: relative;
    top: 0;
    padding: 0;
    margin: 5px;
    left: 0;
    line-height: 0;
}

form.art-search input,
a.art-search-button {
    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 {
    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('../images/searchicon.png') center center no-repeat;
    width: 24px;
    height: 100%;
    padding: 0;
    color: #595959 !important;
    cursor: pointer;
}

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

label.art-checkbox:before {
    background: #F9FAFB;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border-width: 0;
    margin: 0 auto;
    width: 16px;
    height: 16px;
}

label.art-checkbox {
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    line-height: 16px;
    display: inline-block;
    color: #404040 !important;
}

.art-checkbox>input[type="checkbox"] {
    margin: 0 5px 0 0;
}

label.art-checkbox.active:before {
    background: #C7C7C7;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border-width: 0;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    display: inline-block;
}

label.art-checkbox.hovered:before {
    background: #E0E0E0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border-width: 0;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    display: inline-block;
}

label.art-radiobutton:before {
    background: #F9FAFB;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-width: 0;
    margin: 0 auto;
    width: 12px;
    height: 12px;
}

label.art-radiobutton {
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    line-height: 12px;
    display: inline-block;
    color: #404040 !important;
}

.art-radiobutton>input[type="radio"] {
    vertical-align: baseline;
    margin: 0 5px 0 0;
}

label.art-radiobutton.active:before {
    background: #C7C7C7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-width: 0;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    display: inline-block;
}

label.art-radiobutton.hovered:before {
    background: #E0E0E0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-width: 0;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.art-comments {
    border-top: 1px dotted #B5B5B5;
    margin: 0 auto;
    margin-top: 25px;
}

.art-comments h2 {
    color: #292929;
}

.art-comment-inner {
    background: #E2E8EE;
    background: transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 5px;
    margin: 0 auto;
    margin-left: 94px;
}

.art-comment-avatar {
    float: left;
    width: 80px;
    height: 80px;
    padding: 1px;
    background: #fff;
    border: 1px solid #E2E8EE;
}

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

.art-comment-content {
    padding: 10px 0;
    color: #404040;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-comment {
    margin-top: 6px;
}

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

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

.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;
}

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

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

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

.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: #696969;
}

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

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

.art-pager {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2px;
}

.art-pager>*:last-child,
.art-pager>*:last-child:hover {
    margin-right: 0;
}

.art-pager>span {
    cursor: default;
}

.art-pager>* {
    background: #E0E0E0;
    background: linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    background: -webkit-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    background: -moz-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    background: -o-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    background: -ms-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    background: linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    -svg-background: linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2px;
    margin: 0 4px 0 auto;
    position: relative;
    display: inline-block;
    margin-left: 0;
}

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

.art-pager .active {
    background: #A1844C;
    background: linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    background: -webkit-linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    background: -moz-linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    background: -o-linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    background: -ms-linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    background: linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    -svg-background: linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    padding: 2px;
    margin: 0 4px 0 auto;
    color: #FFFFFF;
}

.art-pager .more {
    background: #E0E0E0;
    background: linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    background: -webkit-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    background: -moz-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    background: -o-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    background: -ms-linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    background: linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    -svg-background: linear-gradient(top, #FFFFFF 0, #ABABAB 100%) no-repeat;
    margin: 0 4px 0 auto;
}

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

.art-pager a:hover {
    background: #A1844C;
    background: linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    background: -webkit-linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    background: -moz-linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    background: -o-linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    background: -ms-linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    background: linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    -svg-background: linear-gradient(top, #BFA778 0, #AD8E52 37%, #6C5933 100%) no-repeat;
    padding: 2px;
    margin: 0 4px 0 auto;
}

.art-pager a:hover,
.art-pager a.more:hover {
    color: #FCFCFC;
}

.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: #E2E8EE;
    background: transparent;
    padding: 10px;
    margin: 0 auto;
    margin-top: 25px;
    color: #292929;
}

.art-commentsform h2 {
    padding-bottom: 10px;
    margin: 0;
    color: #292929;
}

.art-commentsform label {
    display: inline-block;
    line-height: 25px;
}

.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: 10px;
}

.art-post {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
    margin: 5px;
}

a img {
    border: 0;
}

.art-article img,
img.art-article,
.art-block img,
.art-footer img {
    margin: 5px 5px 5px 5px;
}

.art-metadata-icons img {
    border: none;
    vertical-align: middle;
    margin: 2px;
}

.art-article table,
table.art-article {
    border-collapse: collapse;
    margin: 1px auto;
    width: 100%;
}

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

.art-article th,
.art-article td {
    padding: 2px;
    vertical-align: top;
    text-align: left;
}

.art-article th {
    text-align: center;
    vertical-align: middle;
    padding: 7px;
}

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

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

.image-caption-wrapper {
    padding: 5px 5px 5px 5px;
    -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: #F9FAFB;
    background: rgba(249, 250, 251, 0.5);
    border: 1px solid #F0F0F0;
    border-left: none;
    border-right: none;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 1px;
    margin-bottom: 5px;
}

.art-postheader {
    color: #5495CF;
    margin: 3px 0 4px 5px;
    font-size: 18px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

.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: 18px;
    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: #428BCA;
}

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

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

.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover {
    font-size: 12px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #418BC8;
}

.art-postheadericons {
    padding: 1px;
}

.art-postheadericons a,
.art-postheadericons a:link {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #5495CF;
}

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

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

.art-postdateicon:before {
    content: url('../images/postdateicon.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postdateicon:before {
    bottom: 0;
}

.art-postauthoricon:before {
    content: url('../images/postauthoricon.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postauthoricon:before {
    bottom: 0;
}

.art-postpdficon:before {
    content: url('../images/system/pdf_button.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postpdficon:before {
    bottom: 0;
}

.art-postprinticon:before {
    content: url('../images/system/printButton.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postprinticon:before {
    bottom: 0;
}

.art-postemailicon:before {
    content: url('../images/system/emailButton.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postemailicon:before {
    bottom: 0;
}

.art-postcontent ul>li:before,
.art-post ul>li:before,
.art-textblock ul>li:before {
    content: url('../images/postbullets.png');
    margin-right: 6px;
    bottom: 2px;
    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 {
    bottom: 0;
}

.art-postcontent li,
.art-post li,
.art-textblock li {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #141414;
    margin: 5px 0 5px 13px;
}

.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: 12px;
}

.art-postcontent ul>li:before,
.art-post ul>li:before,
.art-textblock ul>li:before {
    margin-left: -12px;
}

.art-postcontent ol,
.art-post ol,
.art-textblock ol,
.art-postcontent ul,
.art-post ul,
.art-textblock ul {
    margin: 1em 0 1em 13px;
}

.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 13px;
}

.art-postcontent li,
.art-post li,
.art-textblock li {
    margin: 5px 0 5px 0;
}

.art-postcontent ol>li,
.art-post ol>li,
.art-textblock ol>li {
    overflow: visible;
}

.art-postcontent ul>li,
.art-post ul>li,
.art-textblock ul>li {
    overflow-x: visible;
    overflow-y: hidden;
}

blockquote {
    background: #E0E0E0 url('../images/postquote.png') no-repeat scroll;
    padding: 15px 15px 15px 52px;
    margin: 0 0 0 10px;
    color: #333333;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: italic;
    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: #333333;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: italic;
}

blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p {
    margin: 0;
}

.art-footer:last-child {
    border-bottom: 0px;
}

.art-footer {
    margin: 0 auto;
    position: relative;
    color: #808080;
    font-size: 13px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-align: left;
}

.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: #808080;
    font-size: 13px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

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

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

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

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

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

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

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

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

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

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

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

.art-rss-tag-icon {
    background: url('../images/footerrssicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
}

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

.art-facebook-tag-icon {
    background: url('../images/footerfacebookicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
}

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

.art-twitter-tag-icon {
    background: url('../images/footertwittericon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
}

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

#menu>.art-hmenu>li>a {
    overflow: hidden;
    position: relative;
    z-index: 2;
    background-color: transparent;
}

#menu>.art-hmenu>li>a::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #fff;
    top: 0;
    left: -100%;
    opacity: 0.2;
    z-index: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#menu>.art-hmenu>li>a:hover::before {
    left: 0;
}

.art-footer .menu li {
    padding: 5px 0px;
    background-color: transparent;
    border-left: 3px solid #fff;
    text-align: center;
    margin-bottom: 8px;
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 25px;
    cursor: pointer;
}

.art-footer .menu li::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background-color: #fff;
    opacity: 0.3;
    z-index: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.art-footer .menu li:hover::after {
    left: 0;
}

.art-footer .menu li a {
    color: #FFF;
    font-size: 16px;
    z-index: 111;
    position: absolute;
    top: 0px;
    left: 20px;
    line-height: 35px;
    font-family: 'Ubuntu Condensed', sans-serif;
}

.art-footer li {
    font-size: 14px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 125%;
    color: #4F4F4F;
}

.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover {
    font-family: 'Ubuntu', Arial;
    font-size: 12px;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
}

.art-page-footer {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    position: relative;
    z-index: auto !important;
    padding: 1em;
    text-align: center !important;
    text-decoration: none;
    color: #BABABA;
    margin-bottom: 20px;
}

.art-page-footer span {
    width: 200px;
    margin-left: 30px;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.art-page-footer>span:nth-child(2) img {
    margin-top: 10px;
}

.art-lightbox-wrapper {
    background-color: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    padding: 0 100px;
    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: 6px solid #fff;
    border-radius: 3px;
    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: 1px solid #b4b4b4;
    border-radius: 10px;
    box-shadow: 0 2px 5px #333;
    height: 80px;
    opacity: .95;
    padding: 20px;
    position: fixed;
    width: 300px;
    z-index: 100;
}

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

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

.art-lightbox-wrapper .arrow.left {
    left: 9px;
}

.art-lightbox-wrapper .arrow.right {
    right: 9px;
}

.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: 3px;
    height: 6px;
    left: 26px;
    position: relative;
    width: 30px;
}

.art-lightbox-wrapper .arrow-t {
    top: 38px;
}

.art-lightbox-wrapper .arrow-b {
    top: 50px;
}

.art-lightbox-wrapper .close {
    cursor: pointer;
    height: 22px;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    right: 39px;
    top: 30px;
    width: 22px;
    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: 3px;
    height: 6px;
    position: absolute;
    left: -4px;
    top: 8px;
    width: 30px;
}

.art-lightbox-wrapper .cw {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.art-lightbox-wrapper .ccw {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.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;
}

.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-sidebar1 {
    -webkit-border-radius: 5px 0 0;
    -moz-border-radius: 5px 0 0;
    border-radius: 5px 0 0;
    margin: 0 auto;
    width: 250px;
}

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

.art-content-layout .art-sidebar2 {
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
    margin: 0 auto;
    width: 250px;
}

fieldset {
    border: none;
}

fieldset dl {
    display: block;
    margin: 0;
    padding: 0;
    background: none;
}

fieldset dt {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 12em;
    height: 2em;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    background: none;
    line-height: 2em;
    overflow: hidden;
}

fieldset dd {
    display: block;
    min-height: 2em;
    margin: 0 0 0 12em;
    padding: 0;
    background: none;
    line-height: 2em;
}

fieldset label {
    display: inline-block;
    width: 12em;
}

fieldset textarea {
    vertical-align: text-top;
}

.img-fulltext-left,
.img-intro-left {
    float: left;
    display: block;
    border: none;
    padding: 0;
    margin: 0 0.3em 0.3em 0;
    margin-top: 0;
}

.img-fulltext-right,
.img-intro-right {
    float: right;
    display: block;
    border: none;
    padding: 0;
    margin: 0 0 0.3em 0.3em;
    margin-top: 0;
}

ul.pagenav {
    clear: both;
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

ul.pagenav li,
ul.pagenav li:before {
    display: block;
    background: none;
    margin: 0;
    padding: 0;
    width: 50%;
    text-align: center;
    content: normal;
}

ul.pagenav li.pagenav-prev {
    float: left;
}

ul.pagenav li.pagenav-next {
    margin: 0 0 0 50%;
}

div.item-page dl.tabs {
    display: block;
    margin: 0;
    padding: 0;
}

div.item-page dl.tabs:before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    width: 1em;
    height: 2em;
    overflow: hidden;
}

div.item-page dl.tabs dt {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    height: 2em;
    overflow: hidden;
    border-left: solid 1px #B5B5B5;
    border-top: solid 1px #B5B5B5;
}

div.item-page dl.tabs dt h3 {
    margin: 0;
    padding: 0 1em;
    line-height: 2em;
    font-size: 100%;
    overflow: hidden;
}

div.item-page dl.tabs dt h3 a {
    text-decoration: none;
}

div.item-page dl.tabs:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    border-left: solid 1px #B5B5B5;
    content: " ";
    overflow: hidden;
    height: 2em;
}

div.item-page div.current {
    clear: both;
    border: solid 1px #B5B5B5;
}

div.item-page div.current dd.tabs {
    margin: 0;
    padding: 0;
}

div.item-page .panel {
    border: solid 1px #B5B5B5;
    margin-top: -1px;
}

div.item-page .panel h3 {
    margin: 0;
    padding: 0;
}

div.item-page .panel h3 a {
    display: block;
    padding: 6px;
    text-decoration: none;
}

div.item-page .panel h3.pane-toggler-down a {
    border-bottom: solid 1px #B5B5B5;
}

div.item-page .panel .pane-slider {
    margin: 0;
    padding: 0;
}

div.item-page div.pagination ul {
    clear: both;
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

div.item-page div.pagination li {
    display: block;
    width: 50%;
    margin: 0;
    padding: 0;
    text-align: center;
    float: left;
    white-space: nowrap;
}

div.item-page div.pagination:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#searchForm .phrases-box {
    display: block;
    float: left;
}

#searchForm .ordering-box {
    text-align: right;
}

#searchForm .phrases-box label,
#searchForm .ordering-box label,
#searchForm .only label {
    display: inline-block;
    width: auto;
    height: 2em;
    margin: 0;
    padding: 0 0.3em;
}

#mod-finder-searchform label {
    display: block;
}

#mod-finder-searchform input.inputbox {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 300px;
}

#login-form #form-login-username label,
#login-form #form-login-password label {
    display: block;
}

#login-form #form-login-username input,
#login-form #form-login-password input {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 300px;
}

.breadcrumbs img {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

dl.stats-module {
    padding: 0.3em 0 0.3em 0.3em;
    margin: 0;
}

dl.stats-module dt {
    float: left;
    display: block;
    line-height: 1.5em;
    min-height: 1.5em;
    width: 10em;
    padding: 0.3em 0.3em 0 0;
    margin: 0;
    font-weight: bold;
}

dl.stats-module dd {
    display: block;
    line-height: 1.5em;
    min-height: 1.5em;
    margin-left: 0 0 0 10em;
}

div.mod-languages ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.mod-languages li {
    background: none;
    margin: 0 0.3em;
    padding: 0;
}

div.mod-languages ul.lang-inline li {
    display: inline;
}

div.mod-languages ul.lang-block li {
    display: block;
}

div.mod-languages img {
    border: none;
    margin: 0;
    padding: 0;
}

div.clr {
    clear: both;
    height: 0px;
}

#system-message ul li {
    background-image: none;
}

ul.actions,
ul.actions li,
ul.actions li img {
    display: inline;
    margin: 0;
    padding: 0;
    border: none;
}

ul.actions li {
    background: none;
    list-style: none;
}

.items-row {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.items-row .item {
    display: table-cell;
    vertical-align: top;
}

.items-row .row-separator {
    display: none;
}

div.pagination p.counter {
    display: inline-block;
    margin: 0 0.3em 0 0;
    padding: 0;
    background: none;
}

div.pagination ul,
div.pagination ul li,
div.pagination ul>li:before {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0 0.3em;
    background: none;
    content: normal;
}

div.tip-wrap {
    background: #fff;
    border: 1px solid #aaa;
}

div.tip-wrap div.tip {
    padding: 0.3em;
}

div.tip-wrap div.tip-title {
    font-weight: bold;
}

table.category {
    width: 100%;
}

table.category thead th img {
    padding: 0 0 0 0.3em;
    margin: 0;
    border: none;
}

span.hasTip a img {
    padding: 0;
    margin: 0;
    border: none;
}

div.categories-list ul li span.item-title,
div.cat-children ul li span.item-title {
    display: block;
    margin: 0 0 0.3em 0;
}

div.categories-list ul li div.category-desc,
div.cat-children ul li div.category-desc {
    margin: 0 0 0.3em 0;
}

div.categories-list dl,
div.cat-children dl {
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    background: none;
}

div.categories-list dl dt,
div.cat-children dl dt,
div.categories-list dl dd,
div.cat-children dl dd {
    display: inline-block;
    padding: 0;
    margin: 0;
    background: none;
}

div.img_caption p.img_caption {
    padding: 0.3em 0;
    margin: 0;
}

form .search label,
form .finder label {
    display: none;
}

.cols-2 .column-1,
.cols-2 .column-2,
.cols-3 .column-1,
.cols-3 .column-2,
.cols-3 .column-3 {
    float: left;
    clear: right;
}

.cols-2 .column-1 {
    width: 50%;
}

.cols-2 .column-2 {
    width: 50%;
}

.cols-3 .column-1 {
    width: 33%;
}

.cols-3 .column-2 {
    width: 33%;
}

.cols-3 .column-3 {
    width: 34%;
}

.row-separator {
    clear: both;
    float: none;
    font-size: 1px;
    display: block;
}


/* Begin Additional CSS Styles */

.art-blockheader .t,
.art-vmenublockheader .t {
    white-space: nowrap;
}


/* End Additional CSS Styles */

.podzag {
    display: block;
    text-align: center;
    color: #418BC8;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Ubuntu Condensed', sans-serif;
    position: relative;
    z-index: 1;
    margin-top: 70px;
}

table.pricemain tr td {
    text-align: center;
    vertical-align: middle;
}

.pricemain tr {
    padding: 5px;
    border-bottom: 1px solid #aaa;
}

.pricemain tr:nth-child(1) td {
    background-color: #47a1df;
    color: white;
    padding: 5px;
}

.pricemain tr:nth-child(odd) {
    background: #F8F8F8;
}

.pricemain tr:nth-child(n+1) td {
    border-color: #418BC8;
}

.preim div {
    width: 150px;
    float: left;
    height: 175px;
}

.picicon div {
    float: left;
    width: 240px;
    height: 240px;
}

.preim div img {
    width: 120px;
    margin: auto;
    display: block;
    position: relative;
    top: 0;
}

p.big {
    display: block;
    width: 900px;
    margin: 80px auto 20px;
    text-align: center;
    font-size: 30px;
    font-family: 'Ubuntu Condensed';
    color: #043c71;
    line-height: 45px;
}

p.med {
    display: block;
    width: 900px;
    margin: 0px auto 80px;
    text-align: center;
    font-size: 20px;
    font-family: 'Ubuntu Condensed';
    color: #043c71;
    line-height: 35px;
}

p.med a {
    font-family: 'Ubuntu Condensed', Arial !important;
    color: #3C85C9 !important;
}

.picicon,
.preim {
    /*    overflow: hidden;
*/
    display: flex;
    margin-top: 40px;
    -webkit-justify-content: center;
    justify-content: center;
}

.picicon div img {
    width: 120px;
    margin: auto;
    display: block;
    position: relative;
}

.preim div p,
.picicon div p {
    text-align: center;
    font-weight: bold;
    font-family: 'Ubuntu', Arial;
}

.preim div:nth-child(even) {
    width: 40px;
    vertical-align: middle;
    height: 30px;
    margin-top: 40px;
}

.preim div img,
.picicon div img,
.preim div p,
.rsform-block-telefonchik2 td:nth-child(3):after,
.rsform-block.rsform-block-fullname td:nth-child(3):after,
.whoneed div p {
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.preim div:nth-child(2n+1):hover img {
    width: 150px;
    top: -15px;
}

.preim div:hover p {
    font-size: 17px;
}

.picicon div:hover img {
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.boldtext {
    font-weight: bold;
}

.otziv p {
    width: 85%;
    text-align: justify;
    margin: auto;
    padding: 15px;
    text-indent: 20px;
}

.otziv p span {
    font-weight: bold;
    display: block;
    color: #418BC8;
}

.otziv {
    background: #dbfcf2;
    overflow: hidden;
    padding: 15px;
}

span.requaered {
    color: red;
}

.rsform-block.rsform-block-fullname td:nth-child(3):after,
.rsform-block-telefonchik2 td:nth-child(3):after {
    color: black;
    position: absolute;
    margin-left: -35px;
    margin-top: 3px;
    cursor: pointer;
    display: block;
    color: grey;
}

.rsform-block.rsform-block-fullname td:nth-child(3):after {
    content: "\f007";
    font-family: FontAwesome;
}

.rsform-block-telefonchik2 td:nth-child(3):after {
    content: "\f095";
    font-family: FontAwesome;
}

.rsform-block.rsform-block-fullname:hover td:nth-child(3):after,
.rsform-block-telefonchik2:hover td:nth-child(3):after {
    color: #418BC8;
}

.sviaz {
    margin: auto !important;
    display: block;
    margin-bottom: 20px !important;
    zoom: 1.5;
    width: 60% !important;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-size: 0;
}

.sviaz::before {
    content: 'Связаться';
    z-index: 10;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 30px);
    font-size: 16px;
}

.sviaz::after {
    content: '';
    display: block;
    width: calc(100% + 10px);
    height: calc(100% + 30px);
    position: absolute;
    background-color: #043c71;
    top: 50px;
    left: -5px;
    z-index: 0;
    transform: rotate(4deg);
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

.sviaz:hover::after {
    top: -15px;
}

input.rsform-submit-button,
.sviaz {
    background: #418BC8 !important;
    transition: all .5s !important;
    border: 0;
    width: 200px !important;
    color: white;
    height: 35px !important;
    text-transform: uppercase;
    margin-top: 20px;
    font-family: 'Ubuntu Condensed', sans-serif !important;
}

input.rsform-submit-button:hover {
    color: #005ead !important;
    background: white !important;
    transition: all .5s;
    border: 1px solid #005ead;
}

.preimyshestva div {
    float: left;
    width: 14%;
    margin: 1%;
    text-align: center;
}

.preimyshestva p {
    text-align: center;
}

footer .podzag {
    margin: 20px 0;
}

.preimyshestva div .fa {
    font-size: 60px;
    COLOR: #418BC8;
    width: 50%;
    display: block;
    margin: auto;
}

.preimyshestva div:hover .fa {
    COLOR: #005ead;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -ms-transition: 0.4s all;
    -o-transition: 0.4s all;
    transform: rotate(360deg);
}

.whoneed .block_cards {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.whoneed .block_cards>div {
    width: 100%;
    height: 150px;
    margin: 10px 0;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    background-color: #428BCA;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.whoneed .block_cards>div>span {
    text-align: center;
    display: block;
}

.whoneed .block_cards>div:hover {
    background-color: #F8F8F8;
}

.whoneed .block_cards>div:hover p {
    color: #333;
}

.block_cards .text_content {
    width: 70%;
}

.block_cards .img_content {
    padding: 15px;
    background-color: #fff;
    border-radius: 50%;
    width: 82px;
    height: 82px;
}

.block_cards .text_content .podzag {
    color: #043c71;
    font-size: 18px;
}

p.formRed {
    text-align: center;
}

.whoneed img {
    margin: 0;
}

.whoneed div p {
    text-align: center;
    color: #FFF;
}

#modal-1 .mainpform table {
    background: none;
    width: 100%;
}

.mainpform {
    position: relative;
    padding: 20px 0;
    margin: 40px 0;
}

.mainpform::before {
    content: '';
    display: block;
    position: absolute;
    width: 3000px;
    height: 300px;
    top: 0;
    background-color: #043c71;
    left: 50%;
    margin-left: -1500px;
    z-index: 0;
}

#modal-1 .mainpform::before {
    display: none;
}

.preim div:nth-child(even) img {
    width: 45px;
}

.art-footer.clearfix:last-child {
    margin-top: 50px;
}

input#text1 {
    display: none;
}

.text {
    display: none;
}

#text1:checked+.text {
    display: block;
}

.open-btn {
    border-bottom: 1px solid #043c71;
    padding: 5px 20px;
    cursor: pointer;
    text-transform: uppercase;
}

.open-btn::after {
    content: "\f0dd";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

#smoothtop {
    height: 80px;
    width: 80px;
    background: #000;
    border-radius: 50%;
    bottom: 40px !important;
}

div#smoothtop::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-bottom-color: #fff;
    top: calc(50% - 35px);
    left: calc(50% - 20px);
}


/* -------------css slider отзывы-------------- */

.css_slider {
    position: relative;
}

.review_side {
    width: 100%;
}

.inner {
    width: 800%;
    display: flex;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-top: 20px;
}

.css_slider #slide1:checked~.inner {
    margin-left: 0;
}

.css_slider #slide2:checked~.inner {
    margin-left: -100%;
}

.css_slider #slide3:checked~.inner {
    margin-left: -200%;
}

.css_slider #slide4:checked~.inner {
    margin-left: -300%;
}

.css_slider #slide5:checked~.inner {
    margin-left: -400%;
}

.css_slider #slide6:checked~.inner {
    margin-left: -500%;
}

.css_slider #slide7:checked~.inner {
    margin-left: -600%;
}

.css_slider #slide8:checked~.inner {
    margin-left: -700%;
}

#controls label {
    display: none;
    width: 50px;
    height: 50px;
    opacity: 0.3;
    z-index: 10;
    font-size: 0;
    cursor: pointer;
}

#controls label:hover {
    opacity: 0.8;
}

#slide1:checked~#controls label:nth-child(8),
#slide2:checked~#controls label:nth-child(1),
#slide3:checked~#controls label:nth-child(2),
#slide4:checked~#controls label:nth-child(3),
#slide5:checked~#controls label:nth-child(4),
#slide6:checked~#controls label:nth-child(5),
#slide7:checked~#controls label:nth-child(6),
#slide8:checked~#controls label:nth-child(7) {
    background: url(prev.png) no-repeat;
    float: left;
    display: block;
}

#slide1:checked~#controls label:nth-child(2),
#slide2:checked~#controls label:nth-child(3),
#slide3:checked~#controls label:nth-child(4),
#slide4:checked~#controls label:nth-child(5),
#slide5:checked~#controls label:nth-child(6),
#slide6:checked~#controls label:nth-child(7),
#slide7:checked~#controls label:nth-child(8),
#slide8:checked~#controls label:nth-child(1) {
    background: url(next.png) no-repeat;
    float: right;
    display: block;
}

#controls {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 50%;
}

#active {
    text-align: center;
}

#active label {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #bbb;
    font-size: 0;
    cursor: pointer;
}

#slide1:checked~#active label:nth-child(1),
#slide2:checked~#active label:nth-child(2),
#slide3:checked~#active label:nth-child(3),
#slide4:checked~#active label:nth-child(4),
#slide5:checked~#active label:nth-child(5),
#slide6:checked~#active label:nth-child(6),
#slide7:checked~#active label:nth-child(7),
#slide8:checked~#active label:nth-child(8) {
    background: #333;
    border-color: #333 !important;
}

.slider_radio {
    display: none;
}


/* -------------------------------------------- */

div.service-form {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    min-width: 600px;
}

div.service-form a.md-close {
    font-size: 60px;
    display: block;
    position: absolute;
    right: 0px;
    padding: 14px 7px;
    z-index: 9;
    cursor: pointer;
}

div.service-form div.md-content {
    color: white;
    background: #85b1d5;
    overflow: hidden;
    /*    min-width: 600px;*/
}

div.service-form div.md-content>span {
    background: #043c71;
    padding: 15px;
}

p.thanks{
        position: fixed;
    top: 50%;
}

p.thanks,
button.md-trigger.service-show {
    color: #fff;
    width: 350px;
    display: block;
    cursor: pointer;
    font-size: 18px;
    margin: 40px auto;
    border-width: 1px;
    padding: 15px 25px;
    text-align: center;
    border-radius: 5px;
    border-style: solid;
    text-decoration: none;
    -webkit-appearance: none;
    border-color: transparent;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    background-color: rgba(0, 152, 70, 0.8);
}

p.thanks:hover,
button.md-trigger.service-show:hover {
    box-shadow: 0 2px 20px -5px rgba(0, 0, 0, 0.7);
}

div.service-form div.md-content {
    overflow: hidden;
}
.rsform-block.rsform-block-telefonchik2 img.icon{
    width: 30px;
}

div.service-form img.icon {
    width: 70px;
    float: left;
}

div.service-form .formRed,
div.service-form .formError {
    color: black;
    font-weight: bold;
}

div.service-form a.agree {
    color: white;
}

div.service-form p {
    line-height: 4;
}

div.service-form div.md-content form>div {
    padding: 0px 0px 40px 15px;
}

div.service-form div.md-content>div.form-head {
    padding: 20px 0px 0px 10px;
}

div.service-form div.forma {
    float: left;
    width: 54%;
    display: block;
    padding: 3%;

}

.rsform-block.rsform-block-zakazknopka {
    padding: 1%;
    width: 33%;
}

div.service-form .rsform-block.rsform-block-zakazknopka {
    float: left;
    display: block;
    margin-top: -25px;
}

img#captcha51 {
    float: left;
}

input#captchaTxt51 {
    margin-top: -30px;
    margin-left: 85px;
    padding-left: 0px;
    width: 75px;
    display: block;
    float: right;
    text-align: center;
}

.rsform-block.rsform-block-zakazknopka .formBody>a {
    color: white !important;
    display: block;
}

div.service-form .rsform-block.rsform-block-telefonchik2>div {
    margin-bottom: 10px;
}
div.service-form input.rsform-submit-button {
    margin-top: 49px;
}

.nomer-tel-input input {
    width: 100%;
}

.nomer-tel-input {
    overflow: hidden;
    width: 265px;
    display: block;
    position: relative;
    line-height: 2.2;
}

.nomer-tel-input:after {
    content: "\f095";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    right: 8px;
    top: -1px;
    color: grey;
    cursor: pointer;
    font-size: 17px;
}

.nomer-tel-input:hover:after {
    color: #418BC8;
}

.uslugi-input {
    display: none;
}

input#zakazknopka {
    margin: auto;
    display: block;
}

.rsform-block.rsform-block-zakazknopka div.formBody {
    margin-bottom: 5px;
}
.popup{
    display:none;
    padding: 2%;
    margin: auto;
    border: solid 1px #ccc;
    position: fixed;
    top: 15%;
    left: 25%;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 10px;
    z-index: 100;
}
.popup h2{
  margin: 0 0 5%;
  text-align: center;   
}
.err-mess{
    display:none;
    width: 50%;
    padding: 1%;
    position: fixed;
    top: 40%;
    left: 25%;
    z-index: 100;
    color: #FFF;
    text-align: center;
    font-size: 22px;
}
.green{
 background: green;   
}
.red{
 background: red;   
}

ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
    left: 0;
    top: 65px;
    overflow-y: scroll;
    max-height: 350px;
    padding: 0;

    width: 100%;
    min-width: fit-content;
}

.desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left:before{
    display: none;
}

.modal_active{

display:block!important;
position:fixed!important;
top:50%!important;
left:50%!important;
}
.modal_form{
display:none
;position:fixed;
top:50%;
left:50%;
}
.form_zr{
text-align:center;
}
.form_zakaz{
    width: 206px;
    height: 70px;
    background-color: #043c71;
    color: white;
    margin: 1em 0 1em 0;
font-size:18px;
    cursor: pointer;

}


.zerno_back{
background-image:url("../../../images/zern.jpg");
background-size:cover;
width:100%;
height:400px;
padding:2em 0 0 1em;


}
.zerno_back h2 {
color:white;
font-size: 35px;
    font-weight: 900;
}

.zerno_back p{
color:white;
font-size: 27px;
    font-weight: 600;
    padding: 0.6em 0 0 0;
}

#modal_form{
position: fixed;
	display:none;
	top: 33%!important;
	left: 34%!important;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
background-color:black;
    background-color: #043c71;
    /* background: linear-gradient(45deg, rgba(153,218,255,1) 0%, rgba(0,128,128,1) 100%); */
    padding: 1em;
}



#overlay {
	z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	background-color:#000; /* чернaя */
	opacity:0.8; /* нo немнoгo прoзрaчнa */
	-moz-opacity:0.8; /* фикс прозрачности для старых браузеров */
	filter:alpha(opacity=80);
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:pointer;
	display:none; /* в oбычнoм сoстoянии её нет) */
    z-index:10;
}



