@font-face
{
        font-family: 'Avenir Next Cyr Thin';
        src: url('/fonts/AvenirNextCyr-Thin.eot');
        src: url('/fonts/AvenirNextCyr-Thin.eot?#iefix') format('embedded-opentype'),
        url('/fonts/AvenirNextCyr-Thin.woff') format('woff'),
        url('/fonts/AvenirNextCyr-Thin.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
@font-face
{
        font-family: 'Avenir Next Cyr Regular';
        src: url('/fonts/AvenirNextCyr-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
@font-face
{
        font-family: 'Avenir Next Cyr Demi';
        src: url('/fonts/AvenirNextCyr-Demi.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
html,
body {
    font-family: 'Avenir Next Cyr Regular';
    height: 100%;
    background-color:#FFF;
}
h1
{
    font-size: 30px;
}
h1 a
{
    color:#302020;
}
h3
{
    color:#990F1C;
}
h4
{
    margin:0.5em 0px 0px 0px;
    padding:0px;
    vertical-align:top;
}
.shy
{
    color: #966;
    padding-left:1em;
}
@media screen and (min-width:481px) {
    .wrap {
        min-height: 100%;
        height: auto;
        margin: 0 auto -60px;
        padding: 0 0 60px;
        background-image:url(/img/ebobot_.jpg);
        background-color:white;
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    .wrap > .container {
    padding: 70px 15px 20px;
    position:relative;
    }}

/* Devices 480px & below */
@media screen and (max-width:480px) {
    .wrap {
        min-height: 100%;
        height: auto;
        margin: 0 auto -60px;
        padding: 0 0 60px;
        background-image:url(/img/waves.webp);
        background-color:#EDC;
        background-repeat: repeat-y;
        background-position: right bottom;
    }
    .wrap > .container {
        padding: 10px 15px 20px;
        position:relative;
    }}


.footer {
    height: 60px;
    border-top: 1px solid #ddd;
    background-color: #BEBFB6;
    padding-top: 20px;
}
a
{
    color:#747345;
}
.funky
{
    color:#236FB5;
}
.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
.slider-main
{
    display:none;
    padding-top:3em;
    background-color:black;
/*    background-color:white; */

}
.slider-wrapper
{
    position:block;
    width:95vw;
    transform: translateX(-50%);
    margin-left: 50%;
    text-align:center;
}

.slide
{
    width:1140px;
    height:500px;
    display:block;
}
.slide img
{
    margin-left:auto;
    margin-right:auto;
}
.slide-caption
{
    padding: 0.3em;
    background-color:#fff;
    font-size:2.4em;
    color:#444;
    display:block;
    position:relative;
    padding-bottom:0.5em;
    font-weight:600;
}
.group .row
{
    display:block;
    text-align:center;
}
/* desktop */
@media screen and (min-width:481px) {
    .group .col
    {
        display:inline-block;
        height:150px;
        width:33%;
        text-align:center;
    }
    .group .colpos
    {
        display:inline-block;
        height:150px;
        width:32%;
        text-align:center;
        vertical-align:top;
        margin-bottom:170px;
    }
}
/* smartphone */
@media screen and (max-width:480px) {
    .group .col
    {
        display:inline-block;
        height:150px;
        width:100%;
        text-align:center;
    }
    .group .colpos
    {
        display:inline-block;
        height:150px;
        width:100%;
        text-align:center;
        vertical-align:top;
        margin-bottom:170px;
    }
}
.group .img
{
    display:block;
    position:relative;
    z-index:1;
    border:0;
}
.group .img :hover
{
    transition: 0.2s;
    transform: scale(1.1);
}
.group .img :not(:hover)
{
    transition: 0.7s;
    transform: scale(1);
}
.group .descr
{
    position:relative;
    z-index:2;
    display:inline-block;
    margin-top:-2em;
    padding: 1em 1em 1em 1em;
    font-weight:600;
    font-size:1.2em;
    background-color:#FFF;
    border-radius:3px;
    opacity:.8;
    width:95%;
}
.navbar
{
    background-color:#dedfd6;
    height:70px;
}
.caption
{
    font-family: 'Avenir Next Cyr Demi';
    margin-top:1em;
}
.feature-line
{
    display:block;
    width:80%;
    margin: 0 auto;
    border-bottom:1px dotted #ccc;
}
.feature-name
{
    display:inline-block;
    text-align:left;
    width:30%;
}
.feature
{
    display:inline-block;
    text-align:left;
    width:70%;
    padding-left:1em;
}
.feature-name-pack
{
    display:inline-block;
    text-align:left;
    width:30%;
}
.feature-pack
{
    display:inline-block;
    text-align:left;
    width:70%;
    padding-left:1em;
}
@media screen and (max-width:480px) {
    .feature-line
    {
        display:block;
        width:100%;
        margin: 0 auto;
        border-bottom:1px dotted #ccc;
    }
    .feature-name
    {
        display:inline-block;
        text-align:left;
        width:35%;
    }
    .feature
    {
        display:inline-block;
        text-align:left;
        width:65%;
        padding-left:1em;
    }
    .feature-name-pack
    {
        display:inline-block;
        text-align:left;
        width:60%;
    }
    .feature-pack
    {
        display:inline-block;
        text-align:left;
        width:40%;
        padding-left:1em;
    }
}
.goods-image-container
{
    width:800px;
    margin:0 auto;
    text-align:center;
}
.goods-image-container img
{
    padding-bottom:2px;
}
.groups-navi
{
    display:block;
    margin:1em 0 5em 0;
}
.groups-prev
{
    display:inline-block;
    text-align:left;
    float:left;
}
.groups-next
{
    display:inline-block;
    text-align:right;
    float:right;
}
.prev-arrow
{
    display:inline-block;
    margin:1em;
}
.next-arrow
{
    display:inline-block;
    margin:1em;
}
@media screen and (max-width:480px) {
    .prev-arrow
    {
        display:inline-block;
        margin:0em;
    }
    .next-arrow
    {
        display:inline-block;
        margin:0em;
    }
}
.subheader
{
    font-size:1.5em;
    margin: 1em;
}
.cert
{
    font-size:1em;
    margin:1em;
    color:#666;
}
.legals
{
    margin-top:2em;
}
.legal
{
    font-size:0.9em;
    color:#A0A0A0;
    padding:1em;
}
.model-description
{
    margin:2em;
    text-align:justify;
}
@media screen and (max-width:480px) {
    .model-description
    {
        margin:0em;
        text-align:justify;
    }
}
.header-counter
{
    font-size:0.5em;
    color:#236FB5;
    margin-left:1em;
    display: inline-block;
}
.support-col-bc
{
    padding-top:0.8em;
    font-size:1.2em;
    vertical-align:top;
}
.support-col
{
    vertical-align:top;
    color:#236FB5;
    margin-left:1em;
    margin-top:0.6em;
    display: inline-block;
}
.support_h
{
    padding-top:0.3em;
    font-size:1.2em;
}
.oft
{
    margin-top:1em;
}
.goods
{
    padding-left:1em;
    padding-bottom:1em;
    width:50%;
    background-color:white;
    border-radius: 4px;
    opacity:0.8;
}
@media screen and (max-width:480px) {
    .goods
    {
        padding:0.7em;
        width:95%;
        background-color:white;
        border-radius: 4px;
        opacity:0.8;
    }
}
.support-manual
{
    margin-bottom:0.5em;
}
.support-href
{
    cursor:pointer;
}
.support-cert
{
    margin-bottom:0.5em;
}
.support-data
{
    font-size:1em;
    margin:0.5em;
    display:block;
}
.catroot
{
    margin-top:3em;
}
.newspic
{
    text-align:center;
    margin: 1em auto 0 auto;
}
.newsbody
{
    text-align:justify;
    padding: 1em;
    border-bottom:dotted #EEE;
}
/* Devices 480px & below */
@media screen and (max-width:480px) {
    .newsbody
    {
        color:#333;
        text-align:justify;
        padding: 1em;
        border-bottom:dotted #EEE;
        width:100%;
    }
}

.shops_col
{
    display:inline-block;
    width:33%;
    vertical-align:top;
}
/* Devices 480px & below */
@media screen and (max-width:480px) {
    .shops_col
    {
        display:inline-block;
        width:100%;
        vertical-align:top;
    }
}
.shops_all
{
    display:flex; 
    flex-direction:row;
    flex-wrap:wrap;
    margin-top:2em;
}
/* desktop */
@media screen and (min-width:481px) {
    .shops_block
    {
        width:30%;
    }
}
/* smartphone */
@media screen and (max-width:480px) {
    .shops_block
    {
        padding-left:2em;
        width:80%;
    }
}
    .open-hidden-shops-link
{
    font-family:Lucida Console;
    font-size:1em;
    color:#A91F2C;
    margin-top:1em;
    cursor:pointer;

}
.shops_letter
{
    font-family:Lucida Console;
    width:1em;
    font-size:3em;
    color:white;
    background-color:#A91F2C;
    padding-left:0.2em;
    border-radius:4px;
    margin-top:1.65em;
}
.letter
{
    color:white;
}
.shop-name
{
}
.shopline, .serviceline
{
    margin-bottom:1em;
    border-bottom:dotted #EEE;
}
.shop-logo
{
    width:20%;
    display:inline-block;
    margin:1em;
}
.shop-addr
{
    width:40%;
    display:inline-block;
}
.shop-phone
{
    width:30%;
    display:inline-block;
}
.shop-site
{
    width:30%;
    display:inline-block;
}
@media screen and (max-width:480px) {
    .shop-logo
    {
        margin-left:1em;
        width:80%;
        display:block;
        margin:1em;
    }
    .shop-addr
    {
        margin-left:1em;
        width:90%;
        display:block;
    }
    .shop-phone
    {
        margin-left:1em;
        width:90%;
        display:block;
    }
    .shop-site
    {
        margin-left:1em;
        width:90%;
        display:block;
        margin-bottom:1em;
    }
}
.slider-nav
{
    display:none;
    cursor:pointer;
}
.slider-for
{
    display:none;
    width:400px;
    margin:0 auto;
}
@media screen and (max-width:480px) {
    .slider-for
    {
        display:none;
        width:320px;
        margin:0 auto;
    }
}
.popular-models
{
    display:none;
    margin:0 auto;
    text-align:center;
    background-color:white;
    padding:1em;
    border-radius:1em;
    opacity:.8;
}
.popular-models-slide
{
    width:33%;
    margin:0 auto;
    text-align:center;
}
.popular-models-image
{
    text-align:center;
    margin-left:20%;
    width:380px;
}
.popular-models-image :hover
{
    transition: 0.2s;
    transform: scale(1.1);
}
.popular-models-image :not(:hover)
{
    transition: 0.7s;
    transform: scale(1);
}
.dummy
{
    display:block;
    height:524px;
}
.fullsize-pics-download
{
    text-align:right;
    margin-right:1em;
}
.paginator div
{
    display:inline-block;
}
.news-back
{
    width:33%;
    text-align:left;
}
.news-forward
{
    width:33%;
    text-align:right;
}
.news-page
{
    text-align:center;
    width:34%;
}
.navbar-nav a
{
    color:#990F1C;
}
.nav li
{
    color:#990F1C;
}
.arch
{
    margin-left:1em;
    color:#990F1C;
    font-size:0.8em;
}
.print-page-link
{
    text-align:right;
}
.new-partition
{
    padding-top:7em;
}
.photos
{
    background-color:white;
    padding-bottom:1em;
    border-radius:4px;
}
/* desktops */
@media screen and (min-width:481px) {
    .specs
    {
        opacity:0.9;
        padding: 1.5em 1em 1.5em 1em;
        background-color: #f5f5f5;
        border-radius: 4px;
    }
}

/* Devices 480px & below */
@media screen and (max-width:480px) {
    .specs
    {
        opacity:0.7;
        padding: 1.5em 1em 1.5em 1em;
        background-color: #f5f5f5;
        border-radius: 4px;
    }
}

.spacer6
{
    display:block;
    height:6em;
}
.groups-arch-index
{
    margin-top:-1em;
    background-image:url(/img/setka-arch.png);
    background-repeat: no-repeat;
}
.groups-index
{
    margin-top:-1em;
    background-image:url(/img/setka.png);
    background-repeat: no-repeat;
}
.service-index
{
    margin:0em 1em 0em 1em;
}
.check-archive
{
    margin:0 auto;
    width:60%;
    background:#DEDBCA;
    height: 3.5em;
    border-radius:5px;
    padding:1em;
    text-align:center;
}
.check-archive-mob
{
    margin:0 auto;
    width:100%;
    background:#DEDBCA;
    height: 5em;
    border-radius:5px;
    padding:1em 5px 1em 5px;
    text-align:center;
}
#mobmenu
{
    background-color: #CECFC6;
}
#mobmenu ul
{
    margin-left:0.7em;
}
#mobmenu li
{
    margin-left:0.7em;
}
.header
{
    text-align: center;
 /*   background-color: #BEBFB6; */
    background-color:#353535;
    border-radius:3px;
    opacity:.8;
     font-size: 26px;
    font-weight: bold;
    color: #fff;
    line-height: 44px;

    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 0 50px;
}
.archived
{
    background-color:#B2B2AD;
}
.header > h1
{
    padding-top:5px;
    font-size:1em;
}
.header.fixed
{
    position: fixed;
    top: 0;
    left: 0;
}
.header a
{
    display: block;
    width: 48px;
    height: 18px;
    padding: 11px;
    margin: 2px;
    position: absolute;
    top: 0;
    left: 0;
}
.header a:before,
.header a:after
{
     content: '';
     display: block;
     background: #fff;
     height: 2px;
}
.header a span {
     background: #fff;
     display: block;
     height: 2px;
     margin: 6px 0;
}
@media screen and (max-width:480px) {
    nav:not(.mm-menu) {
        display: none;
    }
}
.copy
{
    text-align:center;
    color:#FFF;
}
@media screen and (min-width:481px) {
    .positions-view .type, .positions-view .tm-name
    {
        display:inline-block;
    }
}
@media screen and (max-width:480px) {
    .positions-view .type, .positions-view .tm-name
    {
        display:block;
    }
}
.packing, .certificates
{
    display:none;
}
.logout_link
{
}
.hidden_
{
}
.newmodels
{
    color:#902022;
    font-size:0.7em;
    font-weight:600;
}
.anno
{
    color:#902022;
}