@font-face {
    font-family: 'Roboto Condensed Bold';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('../fonts/roboto-condensed-bold.woff') format('woff'), url('../fonts/roboto-condensed-bold.ttf') format('truetype');
}


/*шапка*/

.art-nostyle.phone {
    position: relative;
    left: 15px;
    display: flex;
    justify-content: end;
}
.item-page{
    padding:10px 0;
}
.art-nostyle.phone .block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.art-nostyle.phone .block.tel {
    font-size: 22px;
}

.art-nostyle.phone .block.adress {
    font-size: 14px;
}

.art-nostyle.phone .block .img-block {
    width: 30px;
    text-align: center;
    margin-right: 10px;
}

.art-nostyle.phone .block .linia {
    display: inline-block;
    vertical-align: top;
    width: 90%;
    text-align: right;
}

.art-nostyle.phone .block:nth-child(1) {
    margin-bottom: 7px;
    /* margin-left: 3px; */
}

.art-nostyle.phone .block .linia img {
    margin-right: 5px;
}

.art-nostyle.phone .block img {
    /* margin-right: 10px; */
}


/*слайдер*/

.art-nostyle.slider {
    box-shadow: 0 5px 12px #cbcbcb;
    border-bottom: 7px solid #f7ad2d;
}

.art-nostyle.slider .ls-bottom-slidebuttons {
    top: -55px;
}

.art-nostyle.slider .ls-bottom-slidebuttons a {
    background: url('../images/marker_v_slaydere.png') no-repeat center;
    width: 13px;
    height: 13px;
    margin: 0 6px;
}

.art-nostyle.slider .ls-bottom-slidebuttons a.ls-nav-active {
    background: url('../images/marker_v_slaydere_aktiv.png') no-repeat center;
}

.art-nostyle.slider .ls-bottom-slidebuttons a:hover {
    background: url('../images/marker_v_slaydere_aktiv.png') no-repeat center;
}


/*баннеры*/

.art-nostyle.banners {
    margin-top: 10px;
    text-align: center;
}

.art-nostyle.banners h3 {
    margin-bottom: 10px;
    font-size: 40px;
    font-family: 'Roboto Condensed Bold', arial;
    text-transform: uppercase;
}

.art-nostyle.banners .img {
    display: inline-block;
    margin: 2px;
    width: 24%;
    overflow: hidden;
}

.art-nostyle.banners .img img {
    display: block;
    width: 100%;
    transition: all 0.5s ease-out 0s;
}

.art-nostyle.banners .img:hover img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    -moz-transform: scale(1.02);
}


/*о компании*/

.art-nostyle.o_komp {
    margin-top: -6px;
    padding-top: 20px;
    background: url('../images/o_kompanii_background.png') no-repeat fixed center / cover;
}

.art-nostyle.o_komp h3 {
    margin-bottom: 15px;
    font-size: 40px;
    font-family: 'Roboto Condensed Bold', arial;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}

.art-nostyle.o_komp h3:before {
    content: url('../images/dekor_element_o_kompanii.png');
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -150px;
}

.art-nostyle.o_komp h3:after {
    content: url('../images/dekor_element_o_kompanii.png');
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -150px;
}

.custom.o_komp {
    width: 1000px;
    margin: 0 auto;
}

.o_komp ul {
    margin: 1em 0 1em 24px;
}

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

.art-nostyle.o_komp p {
    margin-bottom: 10px;
}

.art-nostyle.o_komp .big {
    font-family: 'Roboto Condensed Bold', arial;
    text-transform: uppercase;
    color: #f7ad2d;
    font-size: 22px;
}

.art-nostyle.o_komp .stolk {
    font-family: 'Roboto Condensed Bold', arial;
    text-transform: uppercase;
    font-size: 15px;
    border-spacing: 0 5px;
}

.art-nostyle.o_komp .stolk tr td:nth-child(1) {
    text-align: center;
    padding-right: 15px;
    transition: all 1s ease-out 0s;
}

.art-nostyle.o_komp .stolk tr:hover td:nth-child(1) {
    -webkit-transform: rotate( 360deg);
    -moz-transform: rotate( 360deg);
    -ms-transform: rotate( 360deg);
    -o-transform: rotate( 360deg);
    transform: rotate( 360deg);
}

.art-nostyle.o_komp .video {
    border-spacing: 0 5px;
    text-align: center;
    width: 100%;
    margin-top: 15px;
}

.art-nostyle.o_komp .video a img {
    transition: all 0.5s ease-out 0s;
}

.art-nostyle.o_komp .video a:hover img {
    -webkit-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
}


/*аккордеон*/

.accordeon_inner {
    overflow: hidden;
    display: none;
    padding: 10px 0px;
    border-top: 1px dashed lightgray;
}

.accordeon_list h2 {
    margin: 0;
}

.accordeon_list .accordeon_outer {
    padding: 10px 0 10px 10px;
    border: solid 1px #686868;
    background: url("../images/menu__arrow_type_3.png") right 20px center no-repeat, linear-gradient(#f6f6f6, #f6f6f6);
    margin-top: 10px;
}

.accordeon_list:nth-child(5) .accordeon_outer {
    border-left: 5px solid #f7ae2e;
}

.accordeon_list:nth-child(6) .accordeon_outer {
    border-left: 5px solid #f7ae2e;
}

.accordeon_list:nth-child(7) .accordeon_outer {
    border-left: 5px solid #f7ae2e;
}


/*преимущества*/

.art-nostyle.preim {
    margin-top: -20px;
    text-align: center;
    background: url('../images/preimushchesnva_background.jpg') no-repeat fixed center / cover;
    color: white;
    padding: 30px;
}

.art-nostyle.preim h3 {
    margin-bottom: 15px;
    font-size: 40px;
    font-family: 'Roboto Condensed Bold', arial;
    text-transform: uppercase;
    position: relative;
    color: white;
}

.custom.preim {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.art-nostyle.preim p {
    text-transform: uppercase;
    font-size: 22px;
    position: relative;
    color: #f7ad2d;
    margin-top: -10px;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.art-nostyle.preim p:after {
    border-bottom: 2px solid #f7ad2d;
    bottom: 0;
    content: " ";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 35%;
}

.art-nostyle.preim .blocks-1,
.art-nostyle.preim .blocks-2 {
    display: flex;
    justify-content: center;
}

.art-nostyle.preim .blocks-1 {
    padding-top: 30px;
}

.art-nostyle.preim .blocks-2 {
    margin-top: -153px;
    padding-bottom: 30px;
}

.art-nostyle.preim .blocks-1 .wrap3-item-block-1,
.art-nostyle.preim .blocks-2 .wrap3-item-block-2 {
    width: 170px;
    height: 170px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.art-nostyle.preim .blocks-1 .wrap-item-block-1,
.art-nostyle.preim .blocks-2 .wrap-item-block-2 {
    padding: 10px;
    margin: 10px;
    background: #F7AD2D;
}

.art-nostyle.preim .blocks-1 .wrap2-item-block-1,
.art-nostyle.preim .blocks-2 .wrap2-item-block-2 {
    border: solid 1px #000;
}

.art-nostyle.preim .blocks-1 .item-block-1,
.art-nostyle.preim .blocks-2 .item-block-2 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin: 45px;
    position: relative;
}

.art-nostyle.preim .blocks-1 .item-block-1 img,
.art-nostyle.preim .blocks-2 .item-block-2 img {
    margin-bottom: 15px;
}

.art-nostyle.preim .blocks-1 .item-block-1 .text,
.art-nostyle.preim .blocks-2 .item-block-2 .text {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    line-height: 16px;
}

.art-nostyle.preim .blocks-1 .item-block-1 .wrap3-item-block-1::before {
    position: absolute;
    content: '';
    border: 20px solid transparent;
    border-bottom: 20px solid #fff;
    bottom: -110px;
}

.art-nostyle.preim .blocks-2 .item-block-2:nth-child(2) .wrap3-item-block-2::before,
.art-nostyle.preim .blocks-2 .item-block-2:nth-child(3) .wrap3-item-block-2::before {
    position: absolute;
    content: '';
    border: 20px solid transparent;
    border-top: 20px solid #fff;
    top: -110px;
}

.art-nostyle.preim .blocks-1 .item-block-1:first-child,
.art-nostyle.preim .blocks-2 .item-block-2:nth-child(2) {
    border-top: dotted 2px #fff;
    border-color: rgba(255, 255, 255, .8);
}

.art-nostyle.preim .blocks-2 .item-block-2:nth-child(2) {
    border-right: dotted 2px #fff;
    border-color: rgba(255, 255, 255, .8);
}

.art-nostyle.preim .blocks-1 .item-block-1:last-child,
.art-nostyle.preim .blocks-2 .item-block-2:nth-child(3) {
    border-left: dotted 2px #fff;
    border-color: rgba(255, 255, 255, .8);
}

.art-nostyle.preim .blocks-2 .item-block-1:nth-child(2),
.art-nostyle.preim .blocks-2 .item-block-2:nth-child(3) {
    border-bottom: dotted 2px #fff;
    border-color: rgba(255, 255, 255, .8);
}


/*сертификаты*/

.art-nostyle.sertif {
    background: url('../images/sertifikaty_i_razresheniya_background.jpg') no-repeat fixed center / cover;
    height: 500px;
    padding-top: 50px;
    text-align: center;
    position: relative;
}

.art-nostyle.sertif:before {
    content: "";
    background: url('../images/sertifikaty_i_razresheniya_nalozhenie_uzora.png') no-repeat fixed center / cover;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}

.art-nostyle.sertif h3 {
    margin-bottom: 30px;
    font-size: 40px;
    font-family: 'Roboto Condensed Bold', arial;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}

.art-nostyle.sertif h3:before {
    content: url('../images/dekor_element_o_kompanii.png');
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -295px;
}

.art-nostyle.sertif h3:after {
    content: url('../images/dekor_element_o_kompanii.png');
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -295px;
}

.custom.sertif {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.art-nostyle.sertif .block {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}

.art-nostyle.sertif .block .txt {
    margin-top: 10px;
    font-size: 18px;
}

.sertificatBlock {
    width: 1000px;
    margin: 0 auto;
    padding: 10px 37px;
}

.sertificatBlock img {
    background: #000;
    max-width: 100%;
}
.sertificatBlock .imgW{
    display: flex;
    justify-content: center;
    padding: 10px 4%;
}
.sertificatBlock .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    border:none;
     width: 30px;
    height: 60px;
    cursor: pointer;
}
.sertificatBlock .slick-prev {
    background: url('../images/prev_nashi_zakazchiki.png') no-repeat center/contain;
    left: -30px;
}

.sertificatBlock .slick-next {
    background: url('../images/next_nashi_zakazchiki.png')no-repeat center/contain;
     right: -30px;
   
}

.pgWrap{
    display: flex;
    gap: 10px;
    padding:30px 0;
}
.pgWrap .imgW{
    display: flex;
    position: relative;
}
.pgWrap .imgW img{
    max-width: 100%;
}
.pgWrap .imgW::after {
  background: rgba(0, 0, 0, 0.6) url("../images/icon_evelichit_v_fotogalerei.png") no-repeat scroll center center;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
}
.pgWrap .imgW:hover:after{
    opacity: 1;
}

.topSlider img{
    width: 100%;
}
.topSlider .slick-dots{
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
}
.topSlider .slick-dots button{
    width: 12px;
    height: 12px;
    font-size: 0;
    border:2px solid #000;
    background: #000;
    padding:0;
    margin:0;
    cursor: pointer;
}
.topSlider .slick-dots .slick-active button{
    background: #f7ad2d;
}


/*заказчики*/

.art-nostyle.zakazchiki {
    margin: 50px 0;
}

.art-nostyle.zakazchiki h3 {
    margin-bottom: 30px;
    font-size: 40px;
    font-family: 'Roboto Condensed Bold', arial;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}

.art-nostyle.zakazchiki h3:before {
    content: url('../images/dekor_element_o_kompanii.png');
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -200px;
}

.art-nostyle.zakazchiki h3:after {
    content: url('../images/dekor_element_o_kompanii.png');
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -200px;
}

.zakazchikitBlock {
    width: 80%;
    margin: 0 auto;
    padding: 10px 45px;
}

.art-nostyle.zakazchiki .zakazchikitBlock .imgW {
    height: 155px;
    position: relative;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrapMobileMenu #mod-custom96{
    display: none;
}
.art-nostyle.zakazchiki .zakazchikitBlock .imgW img {
    margin: auto;
    
    filter: gray;
    -webkit-filter: grayscale(100%);
    transition: all 0.3s ease-out 0s;
}

.art-nostyle.zakazchiki .zakazchikitBlock .imgW img:hover {
    filter: none;
    -webkit-filter: none;
}
.art-nostyle.zakazchiki .zakazchikiSlider .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    border:none;
     width: 39px;
    height: 78px;
    cursor: pointer;
}
.art-nostyle.zakazchiki .zakazchikiSlider .slick-prev {
    background: url('../images/prev_nashi_zakazchiki.png') no-repeat center !important;
    left: -40px;
}

.art-nostyle.zakazchiki .zakazchikiSlider .slick-next {
    background: url('../images/next_nashi_zakazchiki.png')no-repeat center !important;
     right: -40px;
   
}


/*фотогалерея*/

.art-nostyle.photo #zentools103 {
    padding: 0 0 23px;
    border-radius: 0;
}

.art-nostyle.photo #zentools103 .es-carousel {
    max-width: 100%;
}

.art-nostyle.photo #zentools103 .zentools.carousel .zenitem {
    padding: 0 1%;
}

.art-nostyle.photo #zentools103 .es-nav {
    display: none;
}

.art-nostyle.photo #zentools103 a.jackbox:after {
    background: rgba(0, 0, 0, 0.6) url("../images/icon_evelichit_v_fotogalerei.png") no-repeat scroll center center;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.art-nostyle.photo #zentools103 a.jackbox:hover:after {
    opacity: 1;
}


/*карта*/

.art-nostyle.map iframe {
    width: 1220px !important;
    display: block;
}


/*отправить заявку*/

.art-nostyle.otpr_za {
    background: url('../images/otpravit_zayavku_background.png')no-repeat center;
    width: 1185px;
    height: 484px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -235px;
}

.art-nostyle.otpr_za .pweb-bg-white .pwebcontact-container,
.pweb-bg-white.ui-effects-transfer.pweb-genie.pweb-bg-white .pwebcontact-container,
.pweb-bg-white.ui-effects-transfer.pweb-genie {
    background: none;
}

.art-nostyle.otpr_za .callback-modal__headline,
.art-nostyle.otpr_za #pwebcontact107_text-0 {
    font-size: 30px;
    font-family: 'Roboto Condensed Bold', arial;
    text-transform: uppercase;
    color: #000000;
}

.art-nostyle.otpr_za .callback-modal__headline,
.art-nostyle.otpr_za .pweb-field-container.pweb-separator-text {
    left: 36.5%;
    position: absolute !important;
    top: 115px;
}

.art-nostyle.otpr_za .callback-modal__name,
.art-nostyle.otpr_za .pweb-field-container.pweb-field-text.pweb-field-field_2.pweb-label-over {
    left: 28%;
    position: absolute;
    top: 185px;
}

.art-nostyle.otpr_za .callback-modal__phone,
.art-nostyle.otpr_za .pweb-field-container.pweb-field-text.pweb-field-field_3.pweb-label-over {
    left: 23.5%;
    position: absolute;
    top: 243px;
}

.art-nostyle.otpr_za .callback-modal__messadge,
.art-nostyle.otpr_za .pweb-field-container.pweb-field-text.pweb-field-email.pweb-label-over {
    left: 19.1%;
    position: absolute;
    top: 300px;
}

.art-nostyle.otpr_za .callback-modal__button,
.art-nostyle.otpr_za .pweb-field-container.pweb-field-buttons {
    left: 32%;
    position: absolute !important;
    top: 378px;
}

.art-nostyle.otpr_za .pweb-msg.pweb-msg-after {
    left: 17%;
    position: absolute;
    top: 431px;
}

.art-nostyle.otpr_za .callback-modal__name,
.art-nostyle.otpr_za #pwebcontact107_field-field_2 {
    background: url('../images/pole_vvedite_imya.png')no-repeat center;
    width: 355px;
    height: 42px;
    padding-left: 60px;
}

.art-nostyle.otpr_za .callback-modal__phone,
.art-nostyle.otpr_za #pwebcontact107_field-field_3 {
    background: url('../images/pole_vvedite_nomer_telefona.png')no-repeat center;
    width: 409px;
    height: 42px;
    padding-left: 60px;
}

.art-nostyle.otpr_za .callback-modal__messadge,
.art-nostyle.otpr_za #pwebcontact107_field-email {
    background: url('../images/pole_vvedite_email.png')no-repeat center;
    width: 461px;
    height: 42px;
    margin: 8px 0;
    padding: 0;
    border-right: 1px solid black !important;
    padding-left: 60px;
}

.art-nostyle.otpr_za #pwebcontact107_field-field_2,
.art-nostyle.otpr_za #pwebcontact107_field-field_3,
.art-nostyle.otpr_za #pwebcontact107_field-email {
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding-left: 43px;
}

.art-nostyle.otpr_za .pweb-form-blue form.pwebcontact-form input.pweb-input:focus,
.art-nostyle.otpr_za .pweb-form-blue form.pwebcontact-form select:focus,
.art-nostyle.otpr_za .pweb-form-blue form.pwebcontact-form textarea:focus {
    border-color: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none !important;
}

.art-nostyle.otpr_za #pwebcontact107_field-field_2-lbl,
.art-nostyle.otpr_za #pwebcontact107_field-field_3-lbl,
.art-nostyle.otpr_za #pwebcontact107_field-email-lbl {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: black;
    padding: 10px 40px 0;
}

.art-nostyle.otpr_za .callback-modal__button,
.art-nostyle.otpr_za #pwebcontact107_send {
    width: 203px;
    height: 38px;
    box-shadow: none;
    border: 3px solid black;
    padding: 0;
    border-radius: 3px;
    background: none;
    color: black !important;
    font-family: 'Roboto Condensed Bold', arial;
    text-shadow: none;
    font-size: 18px;
    transition: all 0.5s ease-out 0s;
}

.art-nostyle.otpr_za .callback-modal__button:hover,
.art-nostyle.otpr_za #pwebcontact107_send:hover {
    background: white;
}


/*подвал*/

.art-nostyle.foot {
    text-align: center;
}

.art-nostyle.foot .block {
    display: inline-block;
    text-transform: uppercase;
    vertical-align: top;
    text-align: left;
    width: 48%;
    position: relative;
    height: 90px;
}

.art-nostyle.foot .block .linia:nth-child(1) {
    position: absolute;
    top: 0;
}

.art-nostyle.foot .block .linia:nth-child(2) {
    bottom: 0;
    position: absolute;
}

.art-nostyle.foot .block:nth-child(2) a:nth-child(3) {
    margin-left: 58px;
}

.art-nostyle.foot .block a {
    text-transform: none;
    color: #f7ad2d;
}

.art-nostyle.foot .big {
    font-size: 27px;
    color: #f7ad2d;
}

.art-nostyle.foot .or {
    color: #f7ad2d;
}

.art-nostyle.foot .logo {
    margin-top: 40px;
}


/*заказ*/

.callback-toogle_fixed,
#pwebcontact94_toggler {
    background: url('../images/zakazat_zvonok.png') no-repeat center;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    width: 284px;
    height: 352px;
    font-size: 0;
    right: -165px;
    transition: all 0.5s ease-out 0s;
    position: fixed;
    top: 20%;
    z-index: 20;
}

.callback-toogle_fixed:hover,
#pwebcontact94_toggler:hover {
    background: url('../images/zakazat_zvonok.png') no-repeat center !important;
    -webkit-transform: translate(-22px);
    transform: translate(-22px);
    -ms-transform: translate(-22px);
    -o-transform: translate(-22px);
    -moz-transform: translate(-22px);
}


/*
==============================================
slideLeft
==============================================
*/


/*1*/

.slideLeftone {
    animation-name: slideLeftone;
    -webkit-animation-name: slideLeftone;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideLeftone {
    0% {
        transform: translateX(150%);
        opacity: 0;
    }
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes slideLeftone {
    0% {
        -webkit-transform: translateX(150%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}


/*2*/

.slideLefttwo {
    animation-name: slideLefttwo;
    -webkit-animation-name: slideLefttwo;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideLefttwo {
    0% {
        transform: translateX(150%);
        opacity: 0;
    }
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes slideLefttwo {
    0% {
        -webkit-transform: translateX(150%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}


/*3*/

.slideLeftthre {
    animation-name: slideLeftthre;
    -webkit-animation-name: slideLeftthre;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideLeftthre {
    0% {
        transform: translateX(150%);
        opacity: 0;
    }
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes slideLeftthre {
    0% {
        -webkit-transform: translateX(150%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}


/*4*/

.slideLeftfour {
    animation-name: slideLeftfour;
    -webkit-animation-name: slideLeftfour;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideLeftfour {
    0% {
        transform: translateX(150%);
        opacity: 0;
    }
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes slideLeftfour {
    0% {
        -webkit-transform: translateX(150%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}


/*5*/

.slideLeftfive {
    animation-name: slideLeftfive;
    -webkit-animation-name: slideLeftfive;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideLeftfive {
    0% {
        transform: translateX(150%);
        opacity: 0;
    }
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes slideLeftfive {
    0% {
        -webkit-transform: translateX(150%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}


/*6*/

.slideLeftsix {
    animation-name: slideLeftsix;
    -webkit-animation-name: slideLeftsix;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideLeftsix {
    0% {
        transform: translateX(150%);
        opacity: 0;
    }
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes slideLeftsix {
    0% {
        -webkit-transform: translateX(150%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}


/*
==============================================
slideRight
==============================================
*/

.slideRight {
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideRight {
    0% {
        transform: translateX(-150%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}


/*2*/

.slideRighttwo {
    animation-name: slideRighttwo;
    -webkit-animation-name: slideRighttwo;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideRighttwo {
    0% {
        transform: translateX(-150%);
        opacity: 0;
    }
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes slideRighttwo {
    0% {
        -webkit-transform: translateX(-150%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
}


/*обратный звонок*/

.callback-modal,
#pwebcontact94_container {
    background: url('../images/fon_mk.jpg') no-repeat center;
    border-radius: 0;
    box-shadow: none;
    height: 297px;
    padding: 0;
    width: 600px;
    text-align: center;
    margin: auto;
    padding-top: 110px;
    position: relative;
    background-size: cover;
}

.callback-modal .callback-modal__name,
.callback-modal .callback-modal__phone,
#pwebcontact94_container .pweb-field-container.pweb-field-text.pweb-field-field_1,
#pwebcontact94_container .pweb-field-container.pweb-field-text.pweb-field-field_2 {
    width: 564px;
    /* margin-left: 17px; */
    margin-bottom: 8px;
    padding-left: 10px;
    box-sizing: border-box;
}

#pwebcontact94_field-field_1,
#pwebcontact94_field-field_2 {
    height: 41px;
    background: url('../images/pole_mk.png') no-repeat center;
    padding-left: 50px;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

#pwebcontact94_field-field_1-lbl,
#pwebcontact94_field-field_2-lbl {
    padding: 10px 50px 0;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
}

.callback-modal .callback-modal__button,
#pwebcontact94_container .pweb-field-container.pweb-field-buttons {
    margin-top: 30px;
}

.callback-modal .callback-modal__button,
#pwebcontact94_send {
    margin-top: 30px;
    background: url('../images/btn_mk.jpg') no-repeat center;
    width: 185px;
    height: 48px;
    padding: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    font-size: 0;
}

#pwebcontact94_container .pweb-fields {
    margin-top: 95px;
    text-align: center;
}


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

#art-main {
    background: #FFFFFF;
    margin: 0 auto;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-style: normal;
    text-align: justify;
    position: relative;
    width: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    overflow: hidden;
}

table,
ul.art-hmenu {
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-style: normal;
    text-align: justify;
}

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: #F7AD2D;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid #DD9210;
    padding: 0 10px;
    margin: 0 auto;
    height: 24px;
}

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

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered {
    font-size: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent p {
    margin: 12px 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: 28px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

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

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

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

.art-postcontent h1 {
    color: #000000;
    font-size: 28px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.art-blockcontent h1 {
    font-size: 28px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.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: 28px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.art-postcontent h2 {
    color: #000000;
    font-size: 22px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.art-blockcontent h2 {
    font-size: 22px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.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: 22px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.art-postcontent h3 {
    color: #000000;
    font-size: 18px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.art-blockcontent h3 {
    font-size: 18px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.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: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.art-postcontent h4 {
    color: #000000;
    font-size: 16px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.art-blockcontent h4 {
    font-size: 16px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.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: 16px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.art-postcontent h5 {
    color: #000000;
    font-size: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.art-blockcontent h5 {
    font-size: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.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: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.art-postcontent h6 {
    color: #000000;
    font-size: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.art-blockcontent h6 {
    font-size: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

.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: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-align: left;
}

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

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

ul {
    list-style-type: none;
}

ol {
    list-style-position: inside;
}

html,
body {
    height: 100%;
}


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

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

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

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

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

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

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

li h1,
.art-postcontent li h1,
.art-blockcontent li h1 {
    margin: 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 {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.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-positioncontrol-1401197670 {
    display: block;
    left: 67% !important;
    margin-left: -336px;
    position: absolute;
    top: 16px !important;
    width: 350px;
    height: 85px;
    z-index: 101;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.art-positioncontrol-1648669686 {
    display: block;
    left: 0%;
    margin-left: -451px;
    position: absolute;
    top: 80px;
    width: 1920px;
    height: 470px;
    z-index: 99;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.art-logo-478670864 {
    position: absolute;
    top: 12px !important;
    left: 0%;
    margin-left: 0px !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 102;
    width: 170px;
    height: 110px;
}

.art-header {
    margin: 0 auto;
    background-repeat: no-repeat;
    /* height: 130px; */
    position: relative;
    background: #f7ad2d;
    box-shadow: 0 0 10px #c2c2c2;
    z-index: 99;
    padding: 10px 0;
}

.art-logo {
    width: 130px;
}

.wrapHead {
    width: calc(100% - 130px);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.wrapMineAndCont,
.wrapAdress {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrapMineAndCont .tel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
}

.wrapMineAndCont .tel .img-block {
    margin-right: 15px;
}

.wrapMineAndCont .tel a {
    font-size: 22px;
    text-decoration: none;
    color: #000;
}

.wrapAdress .mail,
.wrapAdress .adress {
    display: flex;
    justify-content: space-between;
}

.wrapAdress .mail .img-block,
.wrapAdress .adress .img-block {
    margin-right: 10px;
}

.wrapAdress .mail .linia span {
    margin: 0 10px;
}

.wrapAdress .mail a {
    text-decoration: none;
    color: #000;
}

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

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

.art-header-inner {
    position: relative;
    width: 1000px;
    z-index: auto !important;
    margin: 0 auto;
}

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

.art-nav {
    position: absolute;
    margin: 0;
    top: 50px;
    width: 100%;
    z-index: 100;
}

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

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

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

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

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

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

ul.art-hmenu {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    /* left: -110px; */
}

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

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

.desktop .art-nav-inner {
    width: 1000px;
    padding-left: 0;
    padding-right: 0;
}

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

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

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

.art-menuitemcontainer {
    margin: 0 auto;
}

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

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 15px;
    margin: 0 auto;
    position: relative;
    display: block;
    /* height: 23px; */
    cursor: pointer;
    text-decoration: none;
    color: #000000;
    line-height: 1;
    text-align: center;
    border-right: 1px solid #000;
}

ul.art-hmenu>li:last-child>a {
    border: none;
}

ul.art-hmenu>li>a.separator-without-submenu {
    background: url('../images/marker_uslugi_v_menu.png') no-repeat center right;
}

.art-hmenu>li>a,
.art-hmenu>li>a:link,
.art-hmenu>li>a:visited,
.art-hmenu>li>a.active,
.art-hmenu>li>a:hover {
    font-size: 17px;
    font-family: 'Roboto Condensed Bold', arial;
    font-style: normal;
    text-transform: uppercase;
}

ul.art-hmenu>li>a.active {
    padding: 0 15px;
    margin: 0 auto;
    color: white;
}

ul.art-hmenu>li:first-child>a {
    padding: 0 15px;
    padding-left: 0 !important;
}

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

ul.art-hmenu>li>a:hover,
.desktop ul.art-hmenu>li:hover>a {
    color: white;
}

ul.art-hmenu li li a {
    background: #F7AD2B;
    border: 1px solid transparent;
    padding: 0 17px;
    margin: 0 auto;
}

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

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

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

.art-hmenu ul a {
    display: block;
    white-space: nowrap;
    height: 27px;
    min-width: 7em;
    border: 1px solid transparent;
    text-align: left;
    line-height: 27px;
    color: #000000;
    font-size: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin: 0;
}

.art-hmenu li li a {
    border-top-width: 0 !important;
}

.art-hmenu li li:hover>a {
    border-top-width: 1px !important;
}

.art-hmenu ul>li:first-child>a {
    border-top-width: 1px !important;
}

.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: 27px;
    color: #000000;
    font-size: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin: 0;
}

ul.art-hmenu ul li a:hover,
.desktop ul.art-hmenu ul li:hover>a {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid transparent;
    margin: 0 auto;
}

.art-hmenu ul a:hover {
    color: #000000;
}

.art-hmenu ul li a.art-hmenu-before-hovered {
    border-bottom-width: 0 !important;
}

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

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

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

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

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

.desktop ul.art-hmenu>li>ul {
    padding: 10px 30px 30px 30px;
    margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul ul {
    padding: 30px 30px 30px 10px;
    margin: -30px 0 0 -10px;
}

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

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

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

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

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

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

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

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

.desktop ul.art-hmenu ul ul:before {
    border-radius: 0;
    top: 30px;
    bottom: 30px;
    right: 30px;
    left: 10px;
}

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

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

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

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

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

.art-sheet {
    margin: 15px auto 0;
    position: relative;
    cursor: auto;
    width: 100%;
    z-index: auto !important;
}

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

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

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

.art-layout-cell {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
}

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

.art-vmenublock {
    margin: 5px;
}

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

.art-vmenublockheader {
    background: #000000;
    padding: 14px 0;
    margin: 0 auto;
}

.art-vmenublockheader .t,
.art-vmenublockheader .t a,
.art-vmenublockheader .t a:link,
.art-vmenublockheader .t a:visited,
.art-vmenublockheader .t a:hover {
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    margin-left: 10px;
    margin-right: 10px;
}

.art-vmenublockcontent {
    background: #DADADC url('../images/vmenublockcontent.png') scroll;
    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 {
    padding: 0 10px;
    margin: 0 auto;
    font-size: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #000000;
    min-height: 34px;
    line-height: 34px;
}

ul.art-vmenu a {
    display: block;
    cursor: pointer;
    z-index: 1;
    position: relative;
}

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

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

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

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

ul.art-vmenu>li>a:hover,
ul.art-vmenu>li>a.active:hover {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.1);
    padding: 0 10px;
    margin: 0 auto;
}

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

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: #FFFFFF;
    background: rgba(255, 255, 255, 0.1);
    padding: 0 10px;
    margin: 0 auto;
    color: #000000;
}

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

ul.art-vmenu>li:after,
ul.art-vmenu>li>ul:after {
    z-index: 1;
    height: 0;
    border-bottom: 1px dotted #240B00;
}

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

ul.art-vmenu>li>ul:before {
    margin: 0 auto;
    display: block;
    position: absolute;
    content: ' ';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

ul.art-vmenu li li a {
    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: 20px;
    overflow: visible;
    padding: 0;
    padding-left: 25px;
    padding-right: 0;
    z-index: 0;
    line-height: 20px;
    color: #000000;
    font-size: 12px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    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: 20px;
    color: #000000;
    font-size: 12px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    margin-left: 0;
    margin-right: 0;
}

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

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

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

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

ul.art-vmenu ul>li>a:hover,
ul.art-vmenu ul>li>a.active:hover {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 auto;
}

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

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 ul>li>a.active {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 auto;
}

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

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 dotted #220B00;
}

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 {
    margin: 5px;
}

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

.art-blockheader {
    background: #F7AD2B;
    padding: 11px 12px;
    margin: 0 auto;
}

.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover {
    color: #000000;
    font-size: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    margin: 0 10px;
}

.art-blockcontent {
    background: #000000 url('../images/blockcontent.png') scroll;
    background: rgba(0, 0, 0, 0.34) url('../images/blockcontent.png') scroll;
    padding: 12px;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

.art-blockcontent table,
.art-blockcontent li,
.art-blockcontent a,
.art-blockcontent a:link,
.art-blockcontent a:visited,
.art-blockcontent a:hover {
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

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

.art-blockcontent a,
.art-blockcontent a:link {
    color: #FFFFFF;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
}

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

.art-blockcontent a:hover,
.art-blockcontent a.hover {
    color: #F7AD2D;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: underline;
}

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

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

.art-block li {
    font-size: 13px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    line-height: 125%;
    color: #FFFFFF;
}

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

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

.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,
.callback-modal__button {
    font-size: 13px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    color: #220B00;
    margin: 0 5px 0 0 !important;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
    line-height: 24px;
    -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: 13px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

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

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

.art-button.active,
.art-button.active:hover {
    background: #F7A518;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid #DD9210;
    padding: 0 10px;
    margin: 0 auto;
}

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

.art-button.hover,
.art-button:hover {
    background: #F7A518;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid #DD9210;
    padding: 0 10px;
    margin: 0 auto;
}

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

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="tel"],
input[type="time"],
input[type="week"],
textarea {
    background: #FFFFFF;
    border: 1px solid #F6A924;
    margin: 0 auto;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="tel"],
input[type="time"],
input[type="week"],
textarea {
    width: 100%;
    padding: 8px 0;
    color: #000000;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
}

input.art-error,
textarea.art-error {
    background: #FFFFFF;
    border: 1px solid #E2341D;
    margin: 0 auto;
}

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

form.art-search input[type="text"] {
    background: #FFFFFF;
    border-radius: 0;
    border: 1px solid #F6A924;
    margin: 0 auto;
    width: 100%;
    padding: 3px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000000 !important;
    font-size: 13px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

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

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

label.art-checkbox:before {
    background: #DADADC;
    -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: 13px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    line-height: 16px;
    display: inline-block;
    color: #000000 !important;
}

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

label.art-checkbox.active:before {
    background: #84A7DB;
    -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: #C0D2ED;
    -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: #FFFFFF;
    -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: 13px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    line-height: 12px;
    display: inline-block;
    color: #000000 !important;
}

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

label.art-radiobutton.active:before {
    background: #84A7DB;
    -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: #C0D2ED;
    -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 #F6A924;
    margin: 0 auto;
    margin-top: 25px;
}

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

.art-comment-inner {
    background: #EFEFF0;
    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 #F7AD2D;
}

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

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

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

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

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

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

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

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

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

.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: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

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

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

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

.art-pager {
    background: #F7AD2B;
    background: -webkit-linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    background: -moz-linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    background: -o-linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    background: -ms-linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    background: linear-gradient(to bottom, #F9BA4E 0, #F69F09 100%) no-repeat;
    -svg-background: linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #F09C0A;
    padding: 5px;
}

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

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

.art-pager>* {
    background: #F7AD2B;
    background: -webkit-linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    background: -moz-linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    background: -o-linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    background: -ms-linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    background: linear-gradient(to bottom, #F9BA4E 0, #F69F09 100%) no-repeat;
    -svg-background: linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #F09C0A;
    padding: 7px;
    margin: 0 4px 0 auto;
    line-height: normal;
    position: relative;
    display: inline-block;
    margin-left: 0;
}

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

.art-pager .active {
    background: #F6A61E;
    background: -webkit-linear-gradient(top, #F7B440 0, #F59E0A 79%, #E6950A 100%) no-repeat;
    background: -moz-linear-gradient(top, #F7B440 0, #F59E0A 79%, #E6950A 100%) no-repeat;
    background: -o-linear-gradient(top, #F7B440 0, #F59E0A 79%, #E6950A 100%) no-repeat;
    background: -ms-linear-gradient(top, #F7B440 0, #F59E0A 79%, #E6950A 100%) no-repeat;
    background: linear-gradient(to bottom, #F7B440 0, #F59E0A 79%, #E6950A 100%) no-repeat;
    -svg-background: linear-gradient(top, #F7B440 0, #F59E0A 79%, #E6950A 100%) no-repeat;
    border: 1px solid #F09C0A;
    padding: 7px;
    margin: 0 4px 0 auto;
    color: #000000;
}

.art-pager .more {
    background: #F7AD2B;
    background: -webkit-linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    background: -moz-linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    background: -o-linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    background: -ms-linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    background: linear-gradient(to bottom, #F9BA4E 0, #F69F09 100%) no-repeat;
    -svg-background: linear-gradient(top, #F9BA4E 0, #F69F09 100%) no-repeat;
    border: 1px solid #F09C0A;
    margin: 0 4px 0 auto;
}

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

.art-pager a:hover {
    background: #F6A61E;
    background: -webkit-linear-gradient(top, #F7B440 0, #F59F0A 79%, #E6950A 100%) no-repeat;
    background: -moz-linear-gradient(top, #F7B440 0, #F59F0A 79%, #E6950A 100%) no-repeat;
    background: -o-linear-gradient(top, #F7B440 0, #F59F0A 79%, #E6950A 100%) no-repeat;
    background: -ms-linear-gradient(top, #F7B440 0, #F59F0A 79%, #E6950A 100%) no-repeat;
    background: linear-gradient(to bottom, #F7B440 0, #F59F0A 79%, #E6950A 100%) no-repeat;
    -svg-background: linear-gradient(top, #F7B440 0, #F59F0A 79%, #E6950A 100%) no-repeat;
    border: 1px solid #F09C0A;
    padding: 7px;
    margin: 0 4px 0 auto;
}

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

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

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

.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 {
    padding: 3px;
    margin: 7px;
}

a img {
    border: 0;
}

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

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

.art-article table,
table.art-article {
    border-collapse: collapse;
    margin: 1px;
}

.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: 7px 7px 7px 7px;
    -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-postheader {
    color: #000000;
    margin: 0 0 0 10px;
    font-size: 22px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-align: left;
}

.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: 22px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-align: left;
}

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

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

.art-postheader a:hover,
.art-postheader a.hovered {
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: underline;
    text-align: left;
    color: #000000;
}

.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover {
    font-size: 11px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #000000;
}

.art-postheadericons {
    padding: 1px;
    margin: 10px 0 0 10px;
}

.art-postheadericons a,
.art-postheadericons a:link {
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #F7AD2D;
}

.art-postheadericons a:visited,
.art-postheadericons a.visited {
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #F7AD2D;
}

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

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

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

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

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

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

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

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

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

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

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

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

.opera .art-postediticon: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-size: 14px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #000000;
    margin: 0 0 0 24px;
}

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

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

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

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

.art-postcontent li,
.art-post li,
.art-textblock li {
    margin: 0 0 0 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: #F1F1F1 url('../images/postquote.png') no-repeat scroll;
    padding: 12px 12px 12px 46px;
    margin: 0 0 0 20px;
    color: #000000;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: italic;
    text-align: left;
    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: #000000;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: italic;
    text-align: left;
}

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

.art-postfootericons,
.art-postfootericons a,
.art-postfootericons a:link,
.art-postfootericons a:visited,
.art-postfootericons a:hover {
    font-size: 11px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    color: #000000;
}

.art-postfootericons {
    padding: 1px;
    margin: 0 0 0 10px;
}

.art-postfootericons a,
.art-postfootericons a:link {
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #F7AD2B;
}

.art-postfootericons a:visited,
.art-postfootericons a.visited {
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #F7AD2D;
}

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

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

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

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

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

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

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

.art-footer {
    background: #3466B2 url('../images/footer.png') scroll;
    margin: 0 auto;
    position: relative;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.art-footer-inner {
    margin: 0 auto;
    width: 1000px;
    padding: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

.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;
    vertical-align: middle;
}

.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;
    vertical-align: middle;
}

.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;
    vertical-align: middle;
}

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

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

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

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

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

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

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

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

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

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

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

.art-footer li {
    font-size: 13px;
    font-family: 'Roboto Cn', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 125%;
    color: #FFFFFF;
}

.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover {
    font-family: Arial;
    font-size: 10px;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    color: #A0BBE3;
}

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

.art-lightbox-wrapper {
    background: #333;
    background: 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;
    line-height: 100%;
}

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

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

.art-content-layout .art-sidebar1 {
    margin: 0 auto;
    width: 250px;
}

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

.art-content-layout .art-sidebar2 {
    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: 1px solid black;
    border-top: 1px solid black;
}

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: 1px solid black;
    content: " ";
    overflow: hidden;
    height: 2em;
}

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

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

div.item-page .panel {
    border: 1px solid black;
    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: 1px solid black;
}

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

.edit.item-page select+div {
    width: 100% !important;
}

.edit.item-page div>ul {
    border: 1px solid #B9C2CB;
}

.edit.item-page .search-field {
    overflow: visible;
}

.edit.item-page .search-field>input {
    width: 100% !important;
}

.edit.item-page ul>li:before {
    content: normal;
}

.edit.item-page fieldset {
    border: 1px solid black;
}

.edit.item-page fieldset legend {
    padding: 7px;
    font-weight: bold;
}

#editor-xtd-buttons {
    float: left;
    padding: 0;
}

.toggle-editor {
    float: right;
}

#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 fieldset label {
    width: 100%;
}

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

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

#search-searchword {
    margin-bottom: 5px;
}

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

ul.categories-module li h1,
ul.categories-module li h2,
ul.categories-module li h3,
ul.categories-module li h4,
ul.categories-module li h5,
ul.categories-module li h6 {
    display: inline;
}

.only,
.phrases {
    border: solid 1px #ccc;
    margin: 10px 0 0 0px;
    padding: 15px;
    line-height: 1.3em;
}

div.tags {
    display: inline;
}

.tag-category ul>li:before {
    content: normal;
}

ul.list-striped>li:before {
    content: normal;
}

.list-striped {
    border-top: 1px solid #ddd;
}

.list-striped li,
.list-striped dd {
    border-bottom: 1px solid #ddd;
}

.accordion {
    margin-bottom: 18px;
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordion-heading {
    border-bottom: 0;
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
}

.accordion-toggle {
    cursor: pointer;
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5;
}

.accordion-body.in:hover {
    overflow: visible;
}

.collapse.in {
    height: auto;
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}

.element-invisible {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}


/* Begin Additional CSS Styles */

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

.insidepage .art-nostyle.otpr_za {
    position: relative;
}
.insidepage .art-nostyle.map{
    display: none;
}


/* End Additional CSS Styles */