@media screen and (min-width: 170px) {
  .lin {
    clear: both;
    height: 0;
    margin: 2em 0 1.5em;
    overflow: hidden;
    border-top: 1px solid #cdcccc;
    border-bottom: 2px solid #fff; }

  .center {
    text-align: center; }

  a.yakor {
    font-size: .95em;
    color: #333;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: .3em .5em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    float: left;
    margin: 0 .5em .5em 0; }

  a.yakor:hover {
    background: #3985a8;
    border: 2px solid #3985a8;
    color: #fff; }

  .left {
    float: left;
    margin: 1em 1em 1em 0; }

  .right {
    float: right;
    margin: 1em 0 1em 1em; }

  .img-od {
    width: 100%;
    margin: 0; }

  .img-dv, .img-dv-pr {
    width: 100%;
    float: left;
    margin: .1em 0; }

  .img-dv img {
    width: 100%;
    float: left;
    margin: .05% .05%;
    display: block; }

  .img-obt {
    width: 100%;
    float: left;
    margin: 1em 0 2em;
    border-radius: .2em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

  .img-tr {
    width: 100%;
    float: left;
    margin: 0; }

  .img-b {
    display: block;
    margin: .5em 0;
    width: 100%; }

  .img-kart {
    display: block;
    margin: .5em 0;
    border: 2px solid #eee; }

  .img {
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

  .tabl-b, .tabl-m {
    display: none; }

  .img-sm, .tabl-s {
    display: block; }

  .content b, .rubr-cont b {
    font-weight: 500; }

  .content p.dop-info {
    padding: 0;
    font: 1em 'Roboto',Arial,sans-serif;
    line-height: 1.5em;
    color: #999;
    width: 100%;
    margin: 0 0 1em;
    border-bottom: 1px solid #ccc; }

  .content p.dop-info-pr {
    padding: 0;
    font: 1em 'Roboto',Arial,sans-serif;
    color: #333;
    width: 100%;
    margin: 0 0 .1em; }

  .content .vid-object, .rubr .vid-object {
    margin: 0 0 2em; }

  .content .vid-object p, .rubr .vid-object p {
    padding: .5em 0 0;
    font: italic 1em georgia;
    color: #777;
    width: 100%;
    margin: .5em 0 0;
    border-top: 1px solid #ccc; }

  .content .hr {
    padding: .5em 0;
    margin: 1.5em 0 .5em;
    position: relative; }

  .content .hr-od {
    padding: .5em 0;
    margin: 1em 0 0;
    border-bottom: 1px solid #16536e;
    position: relative; }

  .cont-gr {
    background-color: #F5F6F8;
    width: 100%; }

  .cont-wh {
    background: #fff;
    width: 100%; }

  .cntimg {
    margin: .5em 0;
    width: 100%; }

  .rubr-sps ul {
    margin: 0 0 0 .5em; }

  .rubr-sps li {
    font-size: 1em;
    line-height: 1.5em;
    color: #333;
    margin: 0 1em 1em 0;
    text-align: justify; }

  .content ul, .rubr-cont ul.ul-rubr {
    margin: 0 0 0 1.3em; }

  .content li, .rubr-cont ul.ul-rubr > li {
    line-height: 1.5em;
    color: #333;
    margin: 0 1em 1em 0;
    text-align: justify; }

  .rubr-cont ul.ul-rubr > li {
    font: 1.1em/1.6 Roboto,Arial,sans-serif;
    color: #333;
    font-weight: 300; }

  .sps-disc {
    list-style-type: disc; }

  .sps-decimal {
    list-style-type: decimal; }

  .sps-square {
    list-style-type: square; }

  .sps-circle {
    list-style-type: circle; }

  .content a.ssylka {
    border-radius: 5px;
    background: #fff;
    padding: .2em .5em;
    margin: 0 .1em;
    line-height: 2em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    white-space: nowrap; }

  .content a.ssylka:hover {
    background: #e80000;
    color: #fff; }

  .ssylka {
    border-radius: 5px;
    background: #fff;
    padding: .2em .5em;
    margin: 0 .1em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    white-space: nowrap; }

  .content-reklama {
    width: 100%;
    margin: 0;
    height: 100%;
    max-width: 850px; }

  .lk:link, .lk:visited {
    color: #0265cc;
    text-decoration: none;
    border-bottom: 1px dotted #1a84c1; }

  .lk-tb:link, .lk-tb:visited {
    color: #0265cc;
    text-decoration: none; }

  .lk:hover, .lk-tb:hover {
    color: #f8010a;
    text-decoration: none;
    border-bottom: 1px solid #ec6464; }

  .pol-info-body {
    display: block;
    width: 100%; }

  .pol-info {
    position: relative;
    margin: 1em auto;
    padding: 1em;
    background: #dde5ec;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

  .pol-info-title {
    margin: 0;
    padding: 0 0 1em 3em;
    font: 1.1em/1.6 Roboto,Arial,sans-serif;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    text-decoration: underline; }

  .pol-img {
    border-radius: 50%;
    width: 2.5em;
    position: relative;
    float: left;
    margin: 0 1em 0 0;
    border: 2px solid #fff; }

  .pol-info p {
    margin: 0;
    padding: 0;
    font: 1em/1.6 Roboto,Arial,sans-serif;
    color: #333; }

  .zagl-otz {
    display: block;
    width: 100%;
    margin: 1em 0;
    padding: 1em 0;
    position: relative; }

  .zagl {
    font: 1.2em/2 Roboto,Arial,sans-serif;
    color: #fff;
    padding: .3em 0 .7em .5em;
    float: left;
    text-transform: uppercase;
    float: left; }

  .zagl-img {
    padding: 0;
    float: left;
    width: 2.8em;
    border-right: 2px solid #fff;
    background: #e92f29; }

  .zagl-img .av-img {
    width: 60%;
    margin: .7em 20%;
    vertical-align: middle; }

  .news-title {
    background: #17536f;
    margin: 1em 0;
    height: 3em; }

  .opis-img {
    width: 55%;
    margin: .5em 0 0 .5em; }

  .dvig-zn_lg {
    width: 80%; }

  .img-dr-mod {
    width: 65%; }

  .info-title {
    font-size: 1.3em;
    line-height: 1.6em;
    color: #000;
    text-transform: uppercase;
    font-weight: 300;
    margin: 1em .8em 0 .8em; }

  .info-title b {
    color: #e80000;
    font-size: 1.5em;
    font-weight: 500; }

  .cont-info-title {
    font-size: 1.1em;
    line-height: 1.6em;
    color: #000;
    text-transform: uppercase;
    font-weight: 300;
    padding: 1em 0 .5em 2em;
    background: #ecedf1;
    margin: 1em 0; }

  .cont-info-title b {
    color: #fff;
    font-size: 1.15em;
    font-weight: 500;
    background-color: #e80000;
    padding: .2em .5em .35em .5em;
    margin-right: .1em; }

  .cont-info-title-dop {
    font-size: 1.2em;
    line-height: 1.6em;
    color: #333;
    font-weight: 400;
    padding: 0;
    margin: 1em 0 0 0;
    letter-spacing: -.4px; }

  .cont-info-title-dop:first-letter {
    font-size: 1.2em;
    color: #17536f;
    font-weight: 400; }

  .cont-title-dop, .dop-mat-title {
    font-size: 1.2em;
    line-height: 1.5em;
    color: #333;
    text-shadow: 0 1px #fff;
    text-transform: uppercase;
    font-weight: 300;
    padding: .5em 1em 0;
    margin: 0;
    letter-spacing: -.4px;
    valign: middle;
    vertical-align: middle; }

  .cont-title-dop:first-letter, .dop-mat-title:first-letter {
    font-size: 1.25em;
    color: #e80000;
    font-weight: 400; }

  .cont-title-doplin {
    font-size: 1.2em;
    line-height: 1.1em;
    letter-spacing: -.4px;
    color: #333;
    text-shadow: 0 1px #fff;
    text-transform: uppercase;
    font-weight: 300;
    padding: .7em 1em;
    margin: 0;
    vertical-align: middle; }

  .cont-title-doplin:first-letter {
    font-size: 1.4em;
    color: #e80000;
    font-weight: 400; }

  .cont-info-title-dop .title-dop-b {
    color: #e80000;
    font-size: 1.3em;
    font-weight: 400; }

  .cont-title-red {
    font-size: 1.2em;
    color: #e80000;
    font-weight: 500;
    text-shadow: 1px 1px #fff;
    text-transform: uppercase;
    margin: 0;
    padding: .2em 1em; }

  .post-title-engine {
    position: relative;
    width: 100%;
    background: rgba(127, 137, 141, 0.2);
    padding: 1em 0 0;
    z-index: 10;
    margin-top: 2em; }

  .post-title-engine:after {
    position: relative;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4em;
    z-index: 11;
    background: -moz-linear-gradient(top, rgba(241, 241, 241, 0) 0%, #ecebef 100%);
    background: -webkit-linear-gradient(top, rgba(241, 241, 241, 0) 0%, #ecebef 100%);
    background: linear-gradient(to bottom, rgba(241, 241, 241, 0) 0%, #f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ecebef',GradientType=0); }

  .post-title-engine_body {
    position: relative;
    margin: 0 auto 1em;
    z-index: 20;
    padding: 0; }

  .cont-title-lin {
    border-bottom: 2px solid #e80000;
    max-width: 835px;
    margin: -1em 1.5em 0 2em; }

  .kat-img {
    width: 25px;
    float: left;
    margin: .1em .5em 0 0; }

  p.form-left {
    text-align: left; }

  p.text-block {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    background: #fff;
    padding: 1em 1.5em; }

  .text-start p {
    text-align: start; }

  .title-zagl {
    width: 100%;
    max-width: 850px;
    position: relative;
    font-size: 1em;
    text-transform: uppercase;
    background: #c9282d;
    background: #ff3019;
    background: -moz-linear-gradient(left, #ff3019 0%, #cf0404 100%);
    background: -webkit-linear-gradient(left, #ff3019 0%, #cf0404 100%);
    background: linear-gradient(to right, #ff3019 0%, #cf0404 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 );
    color: #fff;
    font-weight: 300;
    margin: 1em 0 0;
    text-align: left;
    padding: .5em 0 .5em 1.2em; }

  .title-zagl i {
    position: absolute;
    font-size: 1em;
    text-transform: uppercase;
    border-radius: 50%;
    border: 2px solid #ff3019;
    background: #fff;
    color: #000;
    font-weight: 300;
    margin: -.1em 1em 0 -1.85em;
    padding: 0 .5em; }

  .title-zagl-bl {
    width: 100%;
    max-width: 850px;
    position: relative;
    font-size: 1.1em;
    background: #5d5e62;
    /*  background: -moz-linear-gradient(left, #0B7EBC 0%, #16536e 100%);  
    background: -webkit-linear-gradient(left, #0B7EBC 0%,#16536e 100%);  
    background: linear-gradient(to right, #0B7EBC 0%,#16536e 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B7EBC', endColorstr='#16536e',GradientType=1 );   */
    color: #fff;
    font-weight: 300;
    margin: 1em 0 0;
    text-align: left;
    padding: .5em 0 .5em 1.2em; }

  .title-zagl-bl i {
    height: 100%;
    background: #db1212;
    padding: .365em .7em;
    margin: -.39em .5em 0 -.90em;
    color: #fff;
    font: 1.3em  Roboto,Arial;
    font-weight: 300;
    float: left; } }
@media screen and (min-width: 400px) {
  .kat-img {
    width: 35px;
    float: left;
    margin: 0 .5em 0 0; }

  .cont-title-red {
    font-size: 1.4em; } }
@media screen and (min-width: 425px) {
  .content .vid-object p, .rubr .vid-object p {
    font: italic 1em/1.5 'Georgia'; }

  .opis-img {
    width: 45%;
    margin: .5em 0 0 .5em; }

  .cont-title-red {
    font-size: 1.5em; } }
@media screen and (min-width: 480px) {
  .zagl {
    font-size: 1.3em;
    padding: .2em 0 .5em 1em;
    float: left; }

  .cont-info-title {
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: justify;
    color: #000;
    text-transform: uppercase;
    font-weight: 300; }

  .cont-info-title b {
    font-size: 1.5em;
    font-weight: 500; }

  .cont-info-title-dop {
    font-size: 1.5em;
    vertical-align: bottom;
    margin: 0; }

  .cont-title-dop, .dop-mat-title {
    font-size: 1.3em; }

  .cont-title-dop:first-letter, .dop-mat-title:first-letter {
    font-size: 1.4em; }

  .cont-info-title-dop .title-dop-b {
    font-size: 1.5em; } }
@media screen and (min-width: 600px) {
  .lin {
    margin: 2em 0 1em; }

  .dvig-zn_lg {
    width: 60%; }

  .cont-title-dop, .dop-mat-title {
    font-size: 1.3em;
    padding-top: 0.5em; }

  .cont-title-dop:first-letter, .dop-mat-title:first-letter {
    font-size: 1.4em; }

  .content p.dop-info {
    width: 100%;
    margin: 0 auto 2em;
    padding: 0 5% .7em;
    font: 1.1em Roboto,Arial,sans-serif;
    line-height: 1.7em; }

  .content p.dop-info-pr {
    width: 99%;
    margin: 0 1% .3em;
    padding: .2em 0;
    font: 1.1em Roboto,Arial,sans-serif;
    line-height: 1.2em; }

  .zagl {
    font-size: 1.5em;
    padding: .3em 0 .5em 1em; }

  .zagl-img {
    padding: 0;
    float: left;
    width: 4em; }

  .zagl-img .av-img {
    width: 70%;
    margin: .7em 0 .6em 0.6em; }

  .news-title {
    margin: 1em 0;
    height: 4em; }

  .img-obt {
    width: 40%;
    float: left;
    margin: 1em 2em 1em 0; }

  .pol-img {
    border-radius: 50%;
    width: 2.5em;
    margin: .5em 1em 0 0;
    border: 2px solid #fff; }

  .nb-img, .servis-img, .otz-an-img {
    top: .8em;
    left: .8em; }

  .content .vid-object p, .rubr .vid-object p {
    font: italic 1.05em georgia; }

  .img-m, .tabl-m {
    display: block; }

  .pol-info-title, .nb-info-title, .servis-info-title {
    margin: 0;
    padding: 0 0 1em 3em;
    font: 1em/1.6 Roboto,Arial,sans-serif;
    font-weight: 500; }

  .pol-info p, .nb-info p, .servis-info p {
    margin: 0;
    padding: 0 1em 0 3em;
    font: 1em/1.6 Roboto,Arial,sans-serif; }

  .post-img {
    width: 100%;
    margin: 1.5em 0 1em;
    float: left; }

  .post-img img {
    float: left;
    width: 49.5%;
    margin: 0 0.2% 0; }

  .cont-title-doplin {
    font-size: 1.3em; }

  .cont-title-doplin:first-letter {
    font-size: 1.4em; }

  .cont-title-lin {
    margin: -1.1em 1.5em 0 2em; }

  .rubr-cont ul.ul-rubr > li {
    font: 1.2em/1.6 Roboto,Arial,sans-serif;
    color: #333;
    font-weight: 300; } }
@media screen and (min-width: 728px) {
  a.yakor {
    font-size: 1.05em; }

  .cntimg {
    margin: 1em 0 1.5em;
    float: left; }

  .content ul, .rubr-cont ul.ul-rubr {
    margin: 0 0 0 2.3em; }

  .rubr-sps li {
    font-size: 1.15em; }

  .pol-info, .nb-info, .servis-info {
    display: block;
    width: 100%;
    max-width: 850px;
    margin: 1.5em 0;
    padding: 1em;
    position: relative; }

  .nb-img, .servis-img {
    top: .7em;
    left: .7em; }

  .pol-info p, .nb-info p, .servis-info p {
    padding: 0 1em 0 3em;
    font: 1em/1.5 Roboto,Arial,sans-serif; }

  .info-title {
    margin: 2em 0 0 1.5em; }

  .otz-other a {
    margin: 0;
    padding: 1em;
    font: 1.2em/1.7 Roboto, Arial, sans-serif; }

  .zagl {
    padding: .35em 1em;
    font-size: 1.5em; }

  .dvig-zn_lg {
    width: 50%; }

  .img-od {
    width: 100%;
    margin: 0; }

  .img-dv {
    width: 49.9%;
    float: left;
    margin: .05% .05%;
    display: block; }

  .img-dv img {
    width: 100%;
    float: left;
    margin: .05% .05%;
    display: block; }

  .img-dv-pr {
    width: 49.9%;
    float: left;
    margin: 0 .05%;
    display: block; }

  .img-dv-pr img {
    width: 99%;
    float: left;
    margin: 0 1%;
    display: block; }

  .img-tr {
    width: 33.33%;
    float: left;
    margin: 0; }

  .img-b, .tabl-b {
    display: block; }

  .picture {
    margin: 1em 0; }

  .img-sm, .tabl-sm, .tabl-m {
    display: none; }

  .op-shema-img {
    border-left: 2px solid #000; }

  .spec-info-body {
    width: 83%;
    margin: -3em 0 1em 17%; }

  .opis-img {
    width: 30%;
    margin: .5em 0 0 1.5em; }

  .kat-img {
    width: 45px;
    float: left;
    margin: -.1em .8em 0 0; } }
@media screen and (min-width: 801px) {
  .cont-title-dop, .dop-mat-title {
    font-size: 1.3em;
    padding-top: 0.5em; }

  .cont-title-dop:first-letter, .dop-mat-title:first-letter {
    font-size: 1.5em; }

  .zagl {
    margin: 0;
    padding: .1em 1em 0 1em;
    font-size: 1.8em;
    float: left; }

  .zagl-img {
    width: 4em;
    float: left; }

  .news-title {
    margin: 1.5em 0 1em;
    height: 4em; }

  .title-zagl, .title-zagl-bl {
    max-width: 800px; }

  .content .vid-object p, .rubr .vid-object p {
    padding: .5em 2em 0;
    font: italic 1.1em/1.5 georgia;
    border-left: 1px solid #ccc; }

  .cont-title-red {
    font-size: 1.6em;
    font-weight: 500;
    padding: 0.7em 0 0 1.5em; }

  .title-zagl, .title-zagl-bl {
    width: 100%;
    max-width: 100%;
    font-size: 1.3em;
    padding: 0.5em 0 0.5em 1.2em; }

  .title-zagl i {
    font-size: 1.2em;
    margin: -.2em 1em 0 -1.85em; } }
@media screen and (min-width: 1000px) {
  .title-otz {
    padding: 0 0 0 3.5em; }

  .title {
    padding: 0 0 .5em 3.3em; }

  .top-img img {
    max-width: 900px;
    margin: 0; }

  .rubr-sps ul {
    margin: 0 0 0 1em; }

  .content ul {
    margin: 0 0 0 3.8em; }

  .rubr-cont ul.ul-rubr {
    margin: 0 0 0 2.5em; }

  .info-title {
    margin: 2em 0 0 3em; }

  .pol-info, .nb-info, .servis-info {
    padding: 1em;
    margin: 2em 0; }

  .nb-img, .servis-img {
    left: 1em;
    top: 1.1em; }

  .dvig-zn_lg {
    width: 40%; }

  .zagl-otz {
    margin: 0 0 1em 0;
    padding: 0; }

  .pol-info-title, .nb-info-title, .servis-info-title {
    padding: 0 1em 1em 3em;
    font: 1.2em/1.5 Roboto,Arial,sans-serif; }

  .opis-img {
    width: 35%;
    margin: 0 0 0 1.5em; }

  .kat-img {
    width: 40px;
    float: left;
    margin: -.1em 1em 0 0; } }
@media screen and (min-width: 1100px) {
  .content li, .rubr-cont ul.ul-rubr > li {
    line-height: 1.8em;
    color: #333; }

  .rubr-cont ul.ul-rubr > li {
    font: 1.2em/1.5 Roboto,Arial,sans-serif;
    color: #333;
    font-weight: 300; }

  .pol-info p, .nb-info p, .servis-info p {
    padding: 0 1em 0 3em;
    font: 1.1em/1.7 Roboto,Arial,sans-serif; }

  .img-dr-mod {
    width: 65%; } }
@media screen and (min-width: 1240px) {
  .pol-info-title, .nb-info-title, .servis-info-title, .otz-anons-title {
    font: 1.2em/1.5 Roboto,Arial,sans-serif; }

  .kat-img {
    width: 50px;
    float: left;
    margin: -.4em 1em 0 0; } }
@media screen and (max-width: 599px) {
  .post-img {
    margin: 1em 0; }

  .post-img img {
    width: 100%;
    margin: 0 0 .1em; } }
@media screen and (min-width: 170px) {
  .recl {
    display: block;
    margin: 1em 0;
    padding: 0;
    width: 100%;
    position: relative;
    min-height: 280px;
    text-align: center;
    clear: both; }

  .content-reklama, .rubr-reklama {
    margin: 0;
    width: 100%;
    padding: 0 .5em 0 0; }

  .recl-osn, .recl-sod {
    display: block;
    margin: 1em 0;
    max-width: 820px;
    position: relative; }

  .recl-cont-goriz {
    width: 100%;
    margin: 0 auto; }

  .recl-ssylki {
    display: block;
    width: 96%;
    margin: 0 2%; }

  .rekomend-content {
    height: auto; } }
@media screen and (min-width: 420px) {
  .recl-cont-goriz {
    width: 336px; } }
@media screen and (min-width: 728px) {
  .recl-cont-goriz {
    margin: 0; } }
@media screen and (min-width: 801px) {
  .recl-top-line {
    margin-left: 20%; }

  .recl {
    max-width: 820px;
    padding: 0;
    margin: 1em 0 2em; }

  .content-reklama, .rubr-reklama {
    padding: 0; } }
@media screen and (min-width: 1000px) {
  .rekomend-content {
    margin: 0 0 0 2.5em;
    max-width: 820px;
    min-height: 400px; }

  .recl-ssylki {
    width: 100%;
    margin: 0; }

  .recl {
    width: 820px;
    min-height: 310px; } }
@media screen and (min-width: 1100px) {
  .recl-top-line {
    margin-left: 25%; } }
.butt-menu, .butt-menu ul {
  list-style: none outside none;
  margin: 1em 0 0;
  padding: 0 0 0 1em; }

.butt-menu {
  background-color: #dbddde;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  border-bottom: 5px solid #e80000;
  float: left;
  position: relative;
  width: 100%; }

.butt-menu > li {
  float: left;
  margin-bottom: -5px;
  text-align: left;
  -moz-transition: all 300ms ease-in-out 0s;
  -ms-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  -webkit-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s; }

.butt-menu li a {
  display: block;
  border-left: 1px solid #fff;
  text-decoration: none;
  -moz-transition: color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0s;
  -ms-transition: color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0s;
  -o-transition: color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0s;
  -webkit-transition: color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0s;
  transition: color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0s;
  white-space: normal; }

.butt-menu li a:last-of-type {
  border-right: 1px solid #fff; }

.butt-menu > li > a {
  display: block;
  font-size: 1.1em;
  line-height: 3em;
  padding: 0 1em;
  text-transform: uppercase; }

.butt-menu li.active > a {
  background-color: #e80000;
  color: #fff; }

.butt-menu > li:hover > a, .butt-menu > a:hover {
  background-color: #16536e;
  color: #fff; }

@media screen and (min-width: 425px) {
  .butt-menu > li > a {
    font-size: 1.2em; } }
@media screen and (min-width: 728px) {
  .butt-menu, .butt-menu ul {
    padding: 0 0 0 2em;
    margin: 1em 0; } }
@media screen and (min-width: 1000px) {
  .butt-menu, .butt-menu ul {
    padding: 0 0 0 2.5em; } }
.auto-rubr {
  background-image: url(../css/images/auto-rubr.png);
  background-repeat: no-repeat;
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 .5rem 0 .7em;
  background-size: 330%,220%;
  float: left; }

.auto-rubr-cena {
  background-position: 3% 3%; }

.auto-rubr-info {
  background-position: 50% 3%; }

.auto-rubr-opisanie {
  background-position: 3% 98%; }

.auto-rubr-polomki {
  background-position: 50% 98%; }

.auto-rubr-tth {
  background-position: 98% 3%; }

.auto-probl {
  background-image: url(../css/images/auto-problemy.png);
  background-repeat: no-repeat;
  display: block;
  width: 40px;
  height: 40px;
  background-size: 440%,440%;
  float: left;
  margin: 0 .5em 0 1em; }

.auto-sod-dop {
  background-image: url(../css/images/auto-problemy.png);
  background-repeat: no-repeat;
  display: block;
  float: left;
  margin: -.2em .2em 0 0;
  width: 22px;
  height: 22px;
  background-size: 440%,440%; }

.auto-probl-bezop {
  background-position: 1% 1%; }

.auto-probl-elektrika {
  background-position: 35% 4%; }

.auto-probl-engine {
  background-position: 67% 1%; }

.auto-probl-kpp {
  background-position: 1% 35%; }

.auto-probl-kritich {
  background-position: 35% 35%; }

.auto-probl-kuzov {
  background-position: 67% 35%; }

.auto-probl-melkie {
  background-position: 1% 67%; }

.auto-probl-podveska {
  background-position: 35% 67%; }

.auto-probl-rul {
  background-position: 67% 67%; }

.auto-probl-salon {
  background-position: 99% 1%; }

.auto-probl-tormoz {
  background-position: 99% 33%; }

.auto-rubr {
  background-image: url(../css/images/auto-razdely.png);
  background-repeat: no-repeat;
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 .5rem 0 .7em;
  background-size: 440%,440%;
  float: left; }

.auto-rubr-cena {
  background-position: 1% 1%; }

.auto-rubr-info {
  background-position: 35% 1%; }

.auto-rubr-tth {
  background-position: 67% 1%; }

.auto-rubr-elektrika {
  background-position: 99% 1%; }

.auto-rubr-opisanie {
  background-position: 1% 35%; }

.auto-rubr-polomki {
  background-position: 35% 35%; }

.auto-rubr-hodovaya {
  background-position: 67% 35%; }

.auto-rubr-salon {
  background-position: 99% 35%; }

.auto-rubr-restayling {
  background-position: 1% 67%; }

.auto-rubr-modifikacii {
  background-position: 35% 67%; }

.auto-rubr-kuzov {
  background-position: 67% 67%; }

.auto-rubr-bezopasnost {
  background-position: 99% 67%; }

.engine-probl {
  background-image: url(../css/images/engine-problemy.png);
  background-repeat: no-repeat;
  display: block;
  width: 50px;
  height: 50px;
  background-size: 660%,660%;
  float: left; }

.engine-sod-dop {
  background-image: url(../css/images/engine-problemy.png);
  background-repeat: no-repeat;
  display: block;
  width: 22px;
  height: 22px;
  margin: -.2em .2em 0 0;
  background-size: 660%,660%;
  float: left; }

.engine-glohnet {
  background-position: 1% 1%; }

.engine-kolenval {
  background-position: 20% 1%; }

.engine-kriticheskie-polomki {
  background-position: 40% 1%; }

.engine-maslozhor {
  background-position: 60% 1%; }

.engine-melkie-problemy {
  background-position: 80% 1%; }

.engine-vyhlop {
  background-position: 100% 1%; }

.engine-na-zavoditsa {
  background-position: 1% 20%; }

.engine-peregrev {
  background-position: 20% 20%; }

.engine-plavayut-oboroty {
  background-position: 40% 20%; }

.engine-polomki-shpg {
  background-position: 60% 20%; }

.engine-poterya-moschnosti {
  background-position: 80% 20%; }

.engine-zaslonka {
  background-position: 100% 20%; }

.engine-problema-s-toplivnoy-sistemoy {
  background-position: 1% 40%; }

.engine-problemy-grm {
  background-position: 20% 40%; }

.engine-problemy-s-elektrikoy {
  background-position: 40% 40%; }

.engine-problemy-s-fazoregulyatorami {
  background-position: 60% 40%; }

.engine-problemy-s-turbinoy {
  background-position: 80% 40%; }

.engine-maslonasos {
  background-position: 100% 40%; }

.engine-progar {
  background-position: 1% 60%; }

.engine-pruzhina {
  background-position: 20% 60%; }

.engine-rashod-topliva {
  background-position: 40% 60%; }

.engine-stuki {
  background-position: 60% 60%; }

.engine-techi {
  background-position: 80% 60%; }

.engine-mikroshema-ebu {
  background-position: 100% 60%; }

.engine-treschiny {
  background-position: 1% 80%; }

.engine-troenie {
  background-position: 20% 80%; }

.engine-ventilyaciya {
  background-position: 40% 80%; }

.engine-vibracii {
  background-position: 60% 80%; }

.engine-vod-pompa {
  background-position: 80% 80%; }

.engine-shkif {
  background-position: 100% 80%; }

.engine-gbc {
  background-position: 1% 100%; }

.engine-kollektor {
  background-position: 40% 100%; }

.engine-katalizator {
  background-position: 20% 100%; }

.engine-raspredval {
  background-position: 60% 100%; }

.title-icon {
  display: block;
  float: left;
  margin-right: 0.2em; }

.engine-title {
  background-image: url(../css/images/engine-razdely.png);
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  background-size: 435%,435%;
  width: 60px;
  height: 60px;
  margin: 0 .5rem 0 .7em; }

.engine {
  background-position: 2% 2%; }

.engine-cena {
  background-position: 33% 2%; }

.engine-foto {
  background-position: 66% 2%; }

.engine-maslo {
  background-position: 2% 33%; }

.engine-neispravnosti {
  background-position: 33% 33%; }

.engine-otziv {
  background-position: 66% 33%; }

.engine-remont {
  background-position: 2% 66%; }

.engine-primenenie {
  background-position: 33% 66%; }

.engine-tth {
  background-position: 66% 66%; }

.engine-rashod {
  background-position: 99% 2%; }

.konstr {
  background-image: url(../css/images/konstrukciya.png);
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 550%,110%;
  width: 40px;
  height: 40px;
  margin: .2em 1em 0;
  float: left; }

.konstr-blok-cilindrov {
  background-position: 1% 1%; }

.konstr-golovka-bloka {
  background-position: 25% 1%; }

.konstr-grm {
  background-position: 50% 1%; }

.konstr-sistema-ohlazhdeniya {
  background-position: 75% 1%; }

.konstr-sistema-smazki {
  background-position: 100% 1%; }

.icons {
  background-image: url(../css/images/icons.png);
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 900%,900%;
  width: 50px;
  height: 50px; }

.icons-plus {
  background-position: 0 0; }

.icons-minus {
  background-position: 12.5% 0; }

.icons-av-cena {
  background-position: 24.5% 0; }

.icons-like {
  background-position: 37% 0; }

.icons-unlike {
  background-position: 49.5% 0; }

.icons-reed {
  background-position: 62% 0; }

.icons-unok {
  background-position: 74% 0; }

.icons-ok {
  background-position: 86.5% 0; }

.icons-layer {
  background-position: 98% 0; }

.icons-top {
  background-position: 49.5% 13%; }

.icons-dostavka {
  background-position: 86.5% 13%;
  float: left;
  width: 40px;
  height: 40px;
  margin: -.4em .5em 0 0; }

.icons-korzina {
  background-position: 74% 13%;
  float: left;
  width: 40px;
  height: 40px;
  margin: -.4em .5em 0 -45%;
  position: absolute; }

.icons-home {
  background-image: url(../css/images/icons.png);
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 900%,900%;
  width: 48px;
  height: 48px;
  float: left;
  margin: 1.1em .3em 0 0; }

.icons-dvs {
  background-position: 0 13%; }

.icons-kpp {
  background-position: 12.5% 13%; }

.icons-auto {
  background-position: 24.5% 13%; }

.icons-otziv {
  background-position: 37% 13%; }

.icons-ssylka {
  background-position: 62% 13%; }

.block-model {
  max-width: 850px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.auto-model {
  display: block;
  float: left;
  margin: 1em auto 2em;
  text-align: center; }

.model,.model:visited{background-image:url(../css/images/logo-auto-v1.png);float:left;width:120px;height:120px;background-size:840%,840%; margin-left: auto;margin-right:auto}
.model:active,.model:hover{background-image:url(../css/images/logo-auto-hover-v1.png)}  

.model-acura{background-position:0.5% 0.5%}
.model-aisin{background-position:14.75% 0.5%}
.model-alfa-romeo{background-position:29% 0.5%}
.model-audi{background-position:43% 0.5%}
.model-bmw{background-position:57.25% 0.5%}
.model-cadillac{background-position:71.25% 0.5%}
.model-chevrolet{background-position:85.5% 0.5%}
.model-chrysler{background-position:0.5% 14.75%}
.model-citroen{background-position:14.75% 14.75%}
.model-dacia{background-position:29% 14.75%}
.model-daewoo{background-position:43% 14.75%}
.model-datsun{background-position:57.25% 14.75%}
.model-dodge{background-position:71.25% 14.75%}
.model-dsi{background-position:85.5% 14.75%}
.model-fiat{background-position:0.5% 29%}
.model-ford{background-position:14.75% 29%}
.model-getrag{background-position:29% 29%}
.model-general-motor{background-position:43% 29%}
.model-genesis{background-position:57.15% 28.75%}
.model-honda{background-position:71.25% 29%}
.model-hummer{background-position:85.5% 29%}
.model-hyundai{background-position:0.25% 43%}
.model-infiniti{background-position:14.5% 43%}
.model-isuzu{background-position:29% 43%}
.model-jaguar{background-position:43% 43%}
.model-jatco{background-position:57.25% 43%}
.model-jeep{background-position:71.25% 43%}
.model-kia{background-position:85.5% 43%}
.model-lancia{background-position:0.5% 57.25%}
.model-land-rover{background-position:14.75% 57.25%}
.model-lexus{background-position:29% 57.25%}
.model-mazda{background-position:43% 57.25%}
.model-mercedes{background-position:57.25% 57.25%}
.model-mini{background-position:71.25% 57.25%}
.model-mitsubishi{background-position:85.5% 57.25%}
.model-nissan{background-position:0.5% 71.25%}
.model-opel{background-position:14.75% 71.25%}
.model-peugeot{background-position:29% 71.25%}
.model-pontiac{background-position:43% 71.25%}
.model-porsche{background-position:57.25% 71.25%}
.model-renault{background-position:71.25% 71.25%}
.model-rover{background-position:85.5% 71.25%}
.model-saab{background-position:0.5% 85.5%}
.model-saturn{background-position:14.75% 85.5%}
.model-seat{background-position:29% 85.5%}
.model-skoda{background-position:43% 85.5%}
.model-smart{background-position:57.25% 85.5%}
.model-ssang-yong{background-position:71.25% 85.5%}
.model-subaru{background-position:85.5% 85.5%}
.model-suzuki{background-position:99.75% 0.25%}
.model-toyota{background-position:99.75% 14.5%}
.model-volkswagen{background-position:99.75% 28.75%}
.model-volvo{background-position:99.75% 43%}
.model-zf{background-position:99.75% 57.25%}
.model-punch-pt{background-position:99.75% 71.25%}
.model-vaz{background-position:99.75% 85.5%}
.model-zaz{background-position:0.5% 99.75%}
.model-uaz{background-position:14.5% 99.75%}
.model-zmz{background-position:29% 99.75%}
.model-buick{background-position:43% 99.75%}
.model-gmc{background-position:57.25% 99.75%}
.model-iveco{background-position:71.25% 99.5%}

.auto-chine {
  background-image: url(../css/images/model-auto-chine-v2.png);
  background-repeat: no-repeat;
  display: block;
  width: 120px;
  height: 120px;
  background-size: 527%,527%;
  float: left; }

.auto-chine:active, .auto-chine:hover {
  background-image: url(../css/images/model-auto-chine-hover-v2.png);
  background-repeat: no-repeat;
  display: block;
  width: 120px;
  height: 120px;
  background-size: 527%,527%;
  float: left; }

.brilliance {
  background-position: 0.5% 0.5%; }

.changan {
  background-position: 25% 0.5%; }

.changfeng {
  background-position: 49.5% 0.5%; }

.haima {
  background-position: 74% 0.5%; }

.byd {
  background-position: 99.5% 0.5%; }

.chery {
  background-position: 0.25% 25%; }

.dongfeng {
  background-position: 25% 25%; }

.faw {
  background-position: 49.5% 25%; }

.haval {
  background-position: 74.5% 25%; }

.exeed {
  background-position: 99.25% 25%; }

.foton {
  background-position: 0.5% 49.5%; }

.geely {
  background-position: 25% 49.5%; }

.great-wall {
  background-position: 49.5% 49.5%; }

.hawtai {
  background-position: 74% 49.5%; }

.gac {
  background-position: 99.5% 49.5%; }

.jac {
  background-position: 0.5% 74%; }

.lifan {
  background-position: 25% 74%; }

.zotye {
  background-position: 49.5% 74%; }

@media screen and (min-width: 1100px) {
  .block-model {
    max-width: 850px; } }
@media screen and (max-width: 800px) {
  .auto-model {
    margin: 1em auto 2em; } }
@media screen and (max-width: 400px) {
  .model, .model:hover, .auto-chine, .auto-chine:active, .auto-chine:hover {
    width: 96px;
    height: 96px; } }
.kpp-title {
  background-image: url(../css/images/kpp-razdely.png);
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  background-size: 435%,435%;
  width: 60px;
  height: 60px;
  margin: 0 .5rem 0 .7em; }

.kpp-dop-mat {
  background-position: 50% 2.174%; }

.kpp {
  background-position: 2% 2%; }

.kpp-primenenie {
  background-position: 2% 65%; }

.kpp-ruchka {
  background-position: 33% 65%; }

.kpp-servis {
  background-position: 2% 33%; }

.kpp-neispravnosti {
  background-position: 33% 33%; }

.kpp-otziv {
  background-position: 65% 33%; }

.kpp-cena {
  background-position: 33% 2%; }

.kpp-tth {
  background-position: 65% 65%; }

.kpp-foto {
  background-position: 65% 2%; }

.kpp-chisla {
  background-position: 99% 2%; }

.kpp-problemy {
  background-image: url(../css/images/kpp-problemy.png);
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  background-size: 550%,550%;
  width: 50px;
  height: 50px; }

.kpp-sod-dop {
  background-image: url(../css/images/kpp-problemy.png);
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  background-size: 550%,550%;
  width: 22px;
  height: 22px;
  margin: -.2em .2em 0 0; }

.kpp-problemy-drozhanie {
  background-position: 1% 1%; }

.kpp-problemy-elektrika {
  background-position: 25% 1%; }

.kpp-problemy-frikciony {
  background-position: 50% 1%; }

.kpp-problemy-gidroplita {
  background-position: 75% 1%; }

.kpp-problemy-gidrotransformator {
  background-position: 1% 25%; }

.kpp-problemy-konusy {
  background-position: 25% 25%; }

.kpp-problemy-kriticheskie-polomki {
  background-position: 50% 25%; }

.kpp-problemy-maslonasos {
  background-position: 75% 25%; }

.kpp-problemy-melkie-problemy {
  background-position: 1% 50%; }

.kpp-problemy-ne-fikciruetsa {
  background-position: 25% 50%; }

.kpp-problemy-ne-vkluchaetsa {
  background-position: 50% 50%; }

.kpp-problemy-otkaz-ot-pereklucheniya {
  background-position: 75% 50%; }

.kpp-problemy-paket-frikcionov {
  background-position: 1% 75%; }

.kpp-problemy-peregrev {
  background-position: 25% 75%; }

.kpp-problemy-planetarnaya-peredacha {
  background-position: 50% 75%; }

.kpp-problemy-polomka-rychaga {
  background-position: 75% 75%; }

.kpp-problemy-remen {
  background-position: 99% 1%; }

.kpp-problemy-solenoid {
  background-position: 99% 25%; }

.kpp-problemy-stuki {
  background-position: 99% 50%; }

.kpp-problemy-techi {
  background-position: 99% 75%; }

.kpp-problemy-vibracii {
  background-position: 1% 99%; }

.kpp-problemy-zaderzhki-pereklucheniya {
  background-position: 25% 99%; }

.kpp-problemy-zadnyaya-peredacha {
  background-position: 50% 99%; }

.kpp-problemy-podshipnik {
  background-position: 75% 99%; }

.kpp-problemy-sceplenie {
  background-position: 99% 99%; }

i.sod-kpp {
  margin: -.3em .2em 0 0;
  background-image: url(../css/images/sod-kpp.png);
  background-repeat: no-repeat;
  display: block;
  float: left;
  background-size: 190%,190%;
  width: 30px;
  height: 30px; }

.sod-kpp-tth {
  background-position: 0 0; }

.sod-kpp-chisla {
  background-position: 100% 1%; }

.sod-kpp-polomki {
  background-position: 1% 100%; }

.sod-kpp-primenenie {
  background-position: 100% 100%; }

@media screen and (min-width: 170px) {
  i.kpp-sod {
    background-image: url(../css/images/kpp-sod.png);
    width: 22px;
    height: 22px;
    float: left;
    margin: -.2em .5em 0 0;
    background-size: 440%,440%; }

  .kpp-sod-primenenie {
    background-position: 2% 2%; }

  .kpp-sod-ruchka {
    background-position: 33% 2%; }

  .kpp-sod-servis {
    background-position: 65% 2%; }

  .kpp-sod-problemy {
    background-position: 99% 2%; }

  .kpp-sod-otziv {
    background-position: 2% 33%; }

  .kpp-sod-cena {
    background-position: 33% 33%; }

  .kpp-sod-tth {
    background-position: 65% 33%; }

  .kpp-sod-foto {
    background-position: 99% 33%; }

  .kpp-sod-chisla {
    background-position: 2% 65%; } }
@media screen and (min-width: 980px) {
  i.kpp-sod {
    width: 22px;
    height: 22px;
    margin: -.2em .5em 0 .1em; } }
.problems {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  width: 100%;
  max-width: 850px;
  height: auto;
  background: #fff;
  padding: 0;
  border-radius: .2em;
  margin: 0 0 2em 0; }

.pr-osn, .pr-dec, .pr-zagl {
  padding: .3em 0; }

.pr-osn {
  background: #e4e5e9;
  border-radius: .2em .2em 0 0;
  padding: .3em .4em; }

.pr-zagl {
  background: #474a51;
  border-radius: .2em .2em 0 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300; }

.pr-zagl p {
  color: #fff;
  margin-top: 0; }

.pr-dec {
  background: #fff;
  border-radius: 0 0 .2em .2em; }

.pr-sp ul {
  width: 100%;
  padding: 1em .5em .5em;
  line-height: .5em;
  margin: 0 0 0 2.5em; }

.pr-sp ul > li {
  width: 100%;
  padding: .5em 1em 1em .7em;
  line-height: .5em;
  color: #333;
  margin: 0;
  text-align: justify; }

.probl-img {
  margin-bottom: -.4em;
  border-radius: 0 0 .2em .2em; }

.pr-img svg, .pr-img i {
  float: left;
  width: 35px;
  height: 35px;
  margin: .5em .3em .5em 0;
  padding: 0; }

.pr-text {
  color: #000;
  padding: 0 .5em 0 0; }

.pr-osn-zagl {
  color: #000;
  align-items: center;
  padding: .7em 1em 0 0;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1.2em; }

.pr-osn-text p {
  color: #000;
  padding: .5em 1.5em 1em; }

.pr-osn-text img {
  margin: 0 0 -1.1em; }

.resurs {
  background: #fff;
  width: 100%;
  max-width: 850px;
  border-radius: .2em;
  margin: 2em 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

.resurs p {
  padding: 1em; }

@media screen and (min-width: 651px) {
  .problems {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column; }

  .pr-osn, .pr-dec, .pr-zagl {
    float: left; } }
@media screen and (max-width: 650px) {
  .problems {
    float: left;
    margin: 0 0 1em; }

  .pr-osn, .pr-dec, .pr-zagl {
    float: left;
    width: 100%;
    padding: .5em 1em 1em .5em;
    font-size: .9em; }

  .pr-osn-zagl {
    font-size: 1em;
    padding: 1em 0.5em 0; }

  .pr-osn-text img {
    margin: 0 0 -.5em;
    width: 100%;
    padding: 0; }

  .pr-osn-text p {
    padding: .5em .5em 0; }

  .pr-sp ul {
    margin: 0 0 0 1em; }

  .pr-sp ul > li {
    padding: .5em .5em .5em 0;
    line-height: 1.5em; }

  .pr-text p {
    padding: 0 1em 0 1.2em; }

  .pr-img {
    width: 30px;
    padding: 0;
    float: left;
    margin: 0 .5em 0 0; }

  .resurs {
    float: left;
    margin: .5em 0 0; } }
@media screen and (min-width: 170px) {
  i.sod {
    background-image: url(../css/images/engine-sod.png);
    width: 22px;
    height: 22px;
    float: left;
    margin: -.2em 1em 0 0;
    background-size: 440%,440%; }

  .sod-dop {
    width: 22px;
    height: 22px;
    float: left;
    margin: -.2em 1em 0 0; }

  .sod-cena {
    background-position: 2% 2%; }

  .sod-engine {
    background-position: 33% 2%; }

  .sod-foto {
    background-position: 66% 2%; }

  .sod-otziv {
    background-position: 2% 33%; }

  .sod-primenenie {
    background-position: 33% 33%; }

  .sod-problemy {
    background-position: 65% 33%; }

  .sod-servis {
    background-position: 2% 66%; }

  .sod-specificiya {
    background-position: 33% 66%; }

  .sod-rashod {
    background-position: 99% 2%; }

  .sod-tth {
    background-position: 66% 66%; }

  .soderzhanie, .soderzhanie-sv {
    width: 100%;
    padding: 1em;
    margin: 0; }

  .title-sod {
    text-transform: uppercase;
    font-weight: 300;
    padding: 0 0 1em;
    font: 1.2em/1 'Roboto','Helvetica',sans-serif;
    text-shadow: 0 1px #fff; }

  .soderzhanie ul {
    width: 100%;
    margin: 0;
    float: left; }

  .soderzhanie li, .soderzhanie-sv li {
    width: 100%;
    margin: 0;
    float: left; }

  .soderzhanie-sv li {
    width: 100%;
    margin: 0;
    float: left; }

  .sod-item li {
    font: 1.1em/1 'Roboto','Helvetica',sans-serif;
    font-weight: 300;
    position: relative;
    margin: 0;
    margin-bottom: .5em;
    list-style: none;
    padding: 1em .5em .7em;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    border-left: 3px solid #555; }

  .sod-item li:hover {
    background: #f6f6f6;
    border-left: 3px solid #ed3036; }

  .auto-sod {
    background-image: url(../css/images/auto-sod.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin: -.2em .2em 0 0;
    width: 22px;
    height: 22px;
    background-size: 440%,440%; }

  .auto-sod-cena {
    background-position: 1% 1%; }

  .auto-sod-opisanie {
    background-position: 99% 2%; }

  .auto-sod-polomki {
    background-position: 2% 99%; }

  .auto-sod-tth {
    background-position: 99% 99%; }

  .auto-sod-cena {
    background-position: 1% 1%; }

  .auto-sod-opisanie {
    background-position: 35% 1%; }

  .auto-sod-bezopasnost {
    background-position: 67% 1%; }

  .auto-sod-modifikacii {
    background-position: 99% 1%; }

  .auto-sod-polomki {
    background-position: 1% 35%; }

  .auto-sod-tth {
    background-position: 35% 35%; }

  .auto-sod-elektrika {
    background-position: 67% 35%; }

  .auto-sod-hodovaya {
    background-position: 99% 35%; }

  .auto-sod-restayling {
    background-position: 1% 67%; }

  .auto-sod-salon {
    background-position: 35% 67%; }

  .auto-sod-kuzov {
    background-position: 67% 67%; } }
@media screen and (min-width: 400px) {
  .soderzhanie li {
    width: 49%;
    margin: 0 1% 1% 0; }

  .soderzhanie-sv li {
    width: auto;
    margin: 0 1% 1% 0; }

  .sod-item li {
    font: .9em/1 'Roboto','Helvetica',sans-serif;
    font-weight: 300; } }
@media screen and (min-width: 500px) {
  .soderzhanie li {
    width: 49%;
    margin: 0 1% 1% 0; }

  .sod-item li {
    font: .95em/1 'Roboto','Helvetica',sans-serif; } }
@media screen and (min-width: 800px) {
  .soderzhanie, .soderzhanie-sv {
    padding: 1em 1em 0 1.5em; }

  .soderzhanie ul {
    margin: 0; }

  .sod-item li {
    font: 0.95em/1 'Roboto','Helvetica',sans-serif;
    font-weight: 300;
    padding: 1em; } }
@media screen and (min-width: 980px) {
  i.sod {
    width: 22px;
    height: 22px;
    margin: -.2em .5em 0 .1em; }

  .sod-dop {
    width: 22px;
    height: 22px;
    margin: -.2em .5em 0 .1em; }

  .soderzhanie, .soderzhanie-sv {
    padding: 1em 0 0 1.5em;
    max-width: 870px; }

  .soderzhanie ul {
    margin: 1em 0; }

  .soderzhanie li {
    width: 24%;
    margin: 0 1% 1% 0;
    float: left; }

  .title-sod {
    font: 1em/1 'Roboto','Helvetica',sans-serif;
    padding: 0;
    font-weight: 300; } }
@media screen and (min-width: 1000px) {
  .soderzhanie, .soderzhanie-sv {
    width: 97%;
    padding: 1em 0 0 2.5em; }

  .sod-item li {
    font: 1em/1 'Roboto','Helvetica',sans-serif;
    font-weight: 300;
    padding: 1em .7em .7em .5em; }

  .title-sod {
    font: 1.1em/1 'Roboto','Helvetica',sans-serif;
    padding: 0; } }
.table {
  width: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  background: #fff; }

.tab-tth-title {
  background: #777;
  width: 100%;
  color: #fff;
  padding: .5em;
  border-bottom: 1px solid #fff; }

.table-tth, .table-lit {
  width: 100%;
  border-collapse: collapse;
  margin: 0; }

.tab-tth, .tab-lit {
  width: 50%;
  margin: 0;
  height: auto; }
  .tab-tth tr, .tab-lit tr {
    border-bottom: 1px solid #f0f0f0; }
  .tab-tth td, .tab-lit td {
    padding: 1em .1em;
    vertical-align: middle;
    white-space: pre-line; }
    .tab-tth td:nth-child(odd), .tab-lit td:nth-child(odd) {
      text-align: left;
      background: #f0e4d8;
      color: #555;
      width: auto;
      padding-left: .7em;
      text-shadow: 0 1px #fff;
      font-size: 1em; }
    .tab-tth td:nth-child(even), .tab-lit td:nth-child(even) {
      text-align: center;
      background: #fff;
      color: #000;
      width: 50%;
      font-size: 1em; }

.tab-tth td:nth-child(odd) {
  width: 40%; }

.tab-lit td:nth-child(odd) {
  width: 20%;
  text-align: center;
  padding: 0; }

.tab-lit td:nth-child(even) {
  width: auto;
  text-align: left;
  padding-left: 2em; }

.table-prim {
  display: block;
  width: 100%;
  color: #333;
  margin-bottom: 1em;
  border-collapse: collapse;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

.tab-prim-title {
  background: #ccc;
  width: 100%;
  color: #000;
  margin-top: .5em;
  border-bottom: 1px solid #fff;
  font-size: 1.1em; }
  .tab-prim-title tr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row; }
  .tab-prim-title th {
    padding: .5em 1em;
    border-right: 1px solid #fff;
    vertical-align: middle;
    flex: 1; }
    .tab-prim-title th:last-child {
      border-right: none; }

.tab-prim caption.tab-prim-title {
  width: 100%;
  background: #474a51;
  color: #fff;
  padding: .5em 1em;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 300; }

.tab-prim-title, .tab-prim-title a {
  width: 100%;
  background: #474a51;
  color: #fff;
  padding: .5em 1em;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 300; }

.tab-prim-title a {
  border-bottom: none; }

.tab-prim-title a:hover {
  text-decoration: underline; }

.tab-prim {
  background: #fff; }

.tab-prim tr {
  height: auto;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  width: 50%;
  float: left;
  border-bottom: 1px solid #f0f0f0; }

.tab-prim tr:last-child {
  border-bottom: none; }

.tab-prim td {
  font-size: 1em;
  font-weight: 300;
  flex: 3 3 40%;
  align-self: center;
  text-align: center;
  height: auto;
  padding: 1em;
  vertical-align: middle;
  align-self: center; }

.tab-prim td a:link {
  border-bottom: 1px dotted #3665cc;
  text-shadow: 0 1px #fff; }

.tab-prim td a:hover {
  border-bottom: 1px solid #e80000;
  text-shadow: 0 1px #fff; }

.tab-prim td:nth-child(odd) {
  flex: 1.5;
  text-align: left;
  background: #f0e4d8;
  text-shadow: 0 1px #fff;
  margin: 0;
  vertical-align: middle; }

.tab-prim td:nth-child(even) {
  flex: 1;
  text-align: center;
  background: #fff;
  vertical-align: middle; }

.tab-prim-title a.lk-prim:link, .tab-prim-title a.lk-prim:visited, a.lk-prim:link, a.lk-prim:visited {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  padding: 0 0 .01em 0; }

.tab-prim-title a.lk-prim:active, .tab-prim-title a.lk-prim:hover, a.lk-prim:active, a.lk-prim:hover {
  color: #fdcbcb;
  text-decoration: none;
  padding: 0 0 .01em 0;
  border-bottom: 1px solid #fdcbcb; }

.tab-dop {
  width: 100%;
  background: #dbdbdb;
  padding: .5em 1em; }

.pr-osn-zagl a.lk-probl:link, .pr-osn-zagl a.lk-probl:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
  padding: 0 0 .01em 0; }

.pr-osn-zagl a.lk-probl:active, .pr-osn-zagl a.lk-probl:hover {
  color: #e80000;
  text-decoration: none;
  padding: 0 0 .01em 0;
  border-bottom: 1px solid #e80000; }

.table-servis {
  width: 100%;
  margin-bottom: 2em; }

.tab-servis-title {
  background: #ccc;
  width: 100%;
  color: #000;
  border-bottom: 1px solid #f0f0f0; }

.tab-servis-title tr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row; }

.tab-servis-title th {
  font-weight: 300;
  padding: .5em 1em;
  border-right: 1px solid #ccd1d3;
  vertical-align: middle;
  flex: 1;
  text-align: center; }

.tab-servis-title th:last-child {
  border-right: none; }

.tab-servis caption.tab-servis-title {
  width: 100%;
  background: #474a51;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 300;
  padding: 1em 1em;
  font-size: 1.1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row; }

.tab-servis {
  width: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  background: #fff; }

.tab-servis tr {
  font-size: 1em;
  float: left;
  width: 50%;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: stretch; }

.tab-servis td:nth-child(even) {
  background: #fff;
  border-bottom: 1px solid #f0f0f0; }

.tab-servis td:nth-child(odd) {
  background: rgba(204, 165, 126, 0.3);
  border-bottom: 1px solid #f0f0f0;
  color: #555;
  text-shadow: 0 1px #fff;
  text-align: left;
  padding-left: 1em; }

.tab-servis td {
  vertical-align: middle;
  flex: 1;
  text-align: center;
  border-right: 1px solid #f0f0f0;
  padding: 1em .3em; }

.tab-servis td:nth-child(2n) {
  border-right: none; }

.table-one, .table-one-2 {
  margin: 1em 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  background: #fff; }

.table-two {
  margin: 1em 0;
  width: 100%; }

.tab-one td {
  width: 50%; }

.tab-one {
  border-collapse: collapse; }
  .tab-one tr {
    border-bottom: 1px solid #f0f0f0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row; }
    .tab-one tr:last-child {
      border-bottom: none; }
  .tab-one th {
    background: #474a51;
    width: 100%;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: .7em 1.5em;
    text-align: left; }
  .tab-one td {
    vertical-align: middle;
    font-size: 1em;
    padding: 1em 1.7em; }
    .tab-one td:nth-child(odd) {
      text-align: left;
      background: #f0e4d8;
      color: #555;
      flex: 1;
      text-shadow: 0 1px #fff; }
    .tab-one td:nth-child(even) {
      text-align: center;
      background: #fff;
      color: #000;
      flex: 1; }

.tab-two {
  width: 50%;
  border-collapse: collapse;
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex: 1 1;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  background: #fff; }
  .tab-two tr {
    border-bottom: 1px solid #f0f0f0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row; }
    .tab-two tr:last-child {
      border-bottom: none; }
  .tab-two th {
    background: #474a51;
    width: 100%;
    color: #fff;
    border-right: 1px solid #fff;
    margin: 0;
    padding: .7em 1.5em;
    text-align: left; }
    .tab-two th:nth-child(2n) {
      border-right: none; }
  .tab-two td {
    vertical-align: middle;
    font-size: 1em;
    padding: 1em 1.7em; }
    .tab-two td:nth-child(odd) {
      text-align: left;
      background: #f0e4d8;
      color: #555;
      flex: 1;
      text-shadow: 0 1px #fff; }
    .tab-two td:nth-child(even) {
      text-align: center;
      background: #fff;
      color: #000;
      flex: 1; }

@media screen and (max-width: 1100px) {
  .tab-prim td {
    font-size: 1em;
    padding: 1em .3em 1em 1em; }

  .tab-servis td {
    font-size: 1em;
    padding: 1em .3em; } }
@media screen and (max-width: 1000px) {
  .tab-prim td {
    font-size: 1em;
    padding: 1em .3em 1em 1em; }

  .tab-servis td {
    font-size: 1em;
    padding: 1em .3em; } }
@media screen and (max-width: 900px) {
  .tab-prim td, .tab-servis td, .tab-tth td:nth-child(even) {
    font-size: 1em; } }
@media screen and (max-width: 801px) {
  .tab-prim td {
    min-width: 50%;
    padding: 1em .3em 1em 1em; }

  .tab-prim tr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    width: 100%; }

  .tab-servis td {
    padding: 1em .3em; }

  .tab-servis tr {
    width: 100%; }

  tr.tab-and {
    display: none; }

  .tab-tth td:nth-child(even), .tab-lit td:nth-child(even) {
    text-align: center;
    background: #fff;
    color: #000;
    width: 100%;
    font-size: 1em; }

  .table-tth, .table-lit {
    width: 100%;
    margin: 0;
    flex-direction: column; }

  .tab-tth, .tab-lit {
    width: 100%;
    margin: 0;
    flex: 1; }

  .tab-tth td:nth-child(even), .tab-tth td:nth-child(odd) {
    font-size: 1em;
    width: 50%;
    padding: .7em .5em; }

  .tab-lit td:nth-child(odd) {
    width: 20%;
    text-align: center;
    padding: 0; }

  .tab-lit td:nth-child(even) {
    width: auto;
    text-align: left;
    padding-left: 1em; } }
@media screen and (max-width: 650px) {
  .tab-one td, .tab-one-2 td {
    width: 50%;
    padding: .7em;
    vertical-align: middle;
    font-size: 1em; }

  .tab-servis caption.tab-servis-title {
    font-size: 1em; }

  .tab-prim-title {
    font-size: 1.1em; } }
@media screen and (max-width: 450px) {
  .tab-prim tr {
    width: 100%; }

  .tab-prim td, .tab-one td, .tab-tth td, .tab-cena td {
    font-size: 1em; }

  .tab-servis caption.tab-servis-title {
    width: 100%;
    background: #474a51;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 1px solid #fff;
    font-weight: 300;
    padding: 1em; }

  .tab-servis {
    display: block;
    float: left;
    margin-bottom: 1em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    background: #f5f6f8; }

  .tab-servis tr {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    display: -webkit-box;
    -webkit-box-orient: vertical; }

  .tab-servis td:nth-child(2n) {
    background: #fff; }

  .tab-servis td {
    text-align: center;
    width: 50%;
    display: inline-block;
    background: #f5f6f8;
    vertical-align: middle;
    border-right: none;
    padding: 1em .3em;
    margin: 0; }

  .tab-servis td:nth-child(odd) {
    text-align: left; }

  .tab-servis tr.tab-and {
    display: none; }

  .tab-tth td:nth-child(even), .tab-tth td:nth-child(odd) {
    padding: 1em .3em; }

  .tab-cena td:nth-child(odd) {
    padding-left: 1em;
    background: #fff; } }
@media screen and (max-width: 340px) {
  .tab-servis td:nth-child(odd) {
    text-align: center; }

  .tab-servis td {
    text-align: center;
    width: 100%;
    display: inline-block;
    background: #f5f6f8;
    vertical-align: middle;
    border-right: none;
    padding: 1em .3em;
    margin: 0; } }
@media screen and (min-width: 801px) {
  .tab-tth tr:last-child {
    border-bottom: none; }

  .table-tth, .table-lit {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row; } }
table.chisla {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  width: 100%;
  margin: 0 0 2em 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 850px; }

table.chisla tr {
  padding: 5px; }

.chisla-tzag {
  font-size: 1.1em;
  border-bottom: 1px solid #fff;
  background-color: #CEAE8F;
  padding: .7em;
  color: #fff; }

.chisla-zag {
  border-bottom: 1px solid #fff;
  padding: .7em;
  color: #fff; }

table.chisla th, table.chisla td {
  padding: 1em;
  text-align: center;
  height: 100%; }

table.chisla th {
  background: #f0e4d8;
  color: #000;
  font-size: .9em;
  letter-spacing: 1px;
  border-right: 1px solid #fff;
  text-shadow: 0 1px #fff; }

table.chisla td {
  border-right: 1px solid #f0e4d8; }

@media screen and (max-width: 650px) {
  table.chisla {
    border: 0;
    margin: 1em 0 1em 0; }

  table.chisla th {
    display: none; }

  table.chisla thead {
    display: none; }

  table.chisla tr {
    display: block; }

  table.chisla td {
    display: block;
    font-size: 1em;
    border-right: none;
    border-bottom: 1px solid #f0e4d8; }

  table.chisla td.chisla-bot {
    border-bottom: none; }

  table.chisla td.tab-and {
    display: none; }

  table.chisla td:before {
    content: attr(data-label);
    float: left;
    width: 50%;
    border-right: 1px solid #f0e4d8; } }
@media screen and (min-width: 170px) {
  .tth-tw_25-75 {
    background: #fff;
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

  .tth-t_25-75 th {
    background: #474a51;
    color: #fff;
    font-weight: 200;
    padding: .5em 1em;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f1f1f1;
    vertical-align: middle;
    text-transform: uppercase; }

  .tth-t_25-75 th:nth-child(odd), .tth-t_25-75 td:nth-child(odd) {
    width: 25%; }

  .tth-t_25-75 th:nth-child(even), .tth-t_25-75 td:nth-child(even) {
    width: 75%;
    border-right: none; }

  .tth-t_25-75 {
    background: #f0e4d8;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle; }

  .tth-t_25-75 td {
    font-weight: 300;
    padding: .5em 1em;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    vertical-align: middle; }

  .tth-t_25-75 td:nth-child(even) {
    text-align: left;
    padding-left: 1em; }

  .tth-t_25-75 {
    color: #333; }

  .tth-t_25-75 tr:nth-child(2n) {
    background: #fff; }

  .tab-one-2 {
    width: 100%;
    border-collapse: collapse; }
    .tab-one-2 tr {
      border-bottom: 1px solid #f0f0f0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column; }
      .tab-one-2 tr:last-child {
        border-bottom: none; }
    .tab-one-2 th {
      background: #474a51;
      width: 100%;
      color: #fff;
      border-bottom: 1px solid #fff;
      margin: 0;
      padding: .7em 1.5em;
      text-align: left; }
    .tab-one-2 td {
      width: 100%;
      vertical-align: middle;
      font-size: 1em;
      padding: 1em 1.7em; }
      .tab-one-2 td:nth-child(odd) {
        text-align: left;
        background: #f0e4d8;
        color: #555;
        text-shadow: 0 1px #fff; }
      .tab-one-2 td:nth-child(even) {
        text-align: left;
        background: #fff;
        color: #000; }

  .tabl-modif-title, .tabl-modif-title-sb, .tab-mod-title {
    width: 100%;
    text-transform: uppercase;
    text-align: left;
    font-weight: 300;
    padding: 1em; }

  .tabl-modif-title, .tab-mod-title {
    background: #474a51;
    color: #fff;
    border-bottom: 1px solid #fff; }

  .tabl-modif-title-sb {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    color: #fff;
    background: #8f949e;
    font-weight: 300; }

  .tabl-modif {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

  .tabl-modif-body-1, .tabl-modif-body-2 {
    width: 100%;
    border-right: 1px solid #d5d7dc;
    border-top: 2px solid #ebeff2; }

  .tabl-modif-body-1 th, .tabl-modif-body-2 th {
    background: #474a51;
    width: 100%;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: .7em 1em;
    text-align: left; }

  .tabl-modif-body-1 td, .tabl-modif-body-2 td {
    vertical-align: middle;
    font-size: 1em;
    padding: 1em 1em; }

  .tabl-modif-body-1 tr:nth-child(odd) {
    text-align: left;
    background: #e4e5e9;
    color: #000;
    text-shadow: 1px 1px #fff; }

  .tabl-modif-body-1 tr:nth-child(even) {
    text-align: left;
    background: #fff;
    color: #000; }

  .tabl-modif-body-2 tr:nth-child(odd) {
    text-align: left;
    background: #e4e5e9;
    color: #000;
    text-shadow: 1px 1px #fff; }

  .tabl-modif-body-2 tr:nth-child(even) {
    text-align: left;
    background: #fff;
    color: #000; }

  .cont-tabl-modif {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-bottom: .5em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

  .cont-tabl-modif-body tr {
    vertical-align: middle;
    align-items: center;
    background: #fff;
    vertical-align: middle;
    font-size: 1em;
    border-right: 1px solid #d5d7dc;
    border-top: 2px solid #ebeff2; }

  .cont-tabl-modif-body td {
    padding: 1em 1em; }

  .cont-tabl-modif-body tr:nth-child(odd) {
    background: #e4e5e9;
    text-align: left;
    color: #000;
    text-shadow: 1px 1px #fff;
    vertical-align: middle; }

  .cont-tabl-modif-body tr:nth-child(even) {
    text-align: left;
    background: #fff;
    color: #000;
    vertical-align: middle; }

  .tab-mod, .tab-modif {
    margin: .7em 0 1.5em; }

  .tab-mod-2 {
    margin: 0; }

  .tab-mod, .tab-modif, .tab-mod-2 {
    width: 100%;
    background: #fff; }

  .tab-modif-title td {
    background: #474a51;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 1px solid #fff;
    font-weight: 300;
    padding: 1em;
    margin-top: 1em;
    text-shadow: none; }

  .tab-mod td, .tab-modif td, .tab-mod-2 td {
    padding: .7em .2em;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #fff; }

  .tab-mod td:last-child {
    width: 40%; }

  .tab-mod td:nth-child(1), .tab-modif td:nth-child(1) {
    min-width: 12%; }

  .tab-mod-2 td:nth-child(1) {
    width: 30%; }

  .tab-mod tr:nth-child(odd), .tab-modif tr:nth-child(odd), .tab-mod-2 tr:nth-child(odd) {
    background: #e4e5e9;
    text-shadow: 1px 1px #fff; }

  .tab-mod tr:nth-child(even) > td, .tab-modif tr:nth-child(even) > td, .tab-mod-2 tr:nth-child(even) > td {
    border-right: 1px solid #eee; } }
@media screen and (min-width: 500px) {
  .tab-one-2 tr {
    flex-direction: row; }

  .tab-one-2 td:nth-child(odd) {
    width: 50%; }

  .tab-one-2 td:nth-child(even) {
    width: 50%; } }
@media screen and (min-width: 650px) {
  .tth-t_25-75 td {
    font-size: 1em;
    padding: .8em 0; }

  .tth-t_25-75 td:nth-child(even) {
    padding-left: 2em; } }
@media screen and (min-width: 801px) {
  .tab-mod-2 {
    width: 50%;
    float: left; }

  .tab-mod-2 {
    margin: 0 0 1.5em;
    border-right: 1px solid #a1a5ae; }

  .tab-mod-title {
    margin-top: 0; }

  .cont-tabl-modif {
    background: #fff;
    margin-bottom: 0em; }

  .cont-tabl-modif-body tr {
    float: left;
    vertical-align: middle;
    font-size: 1em;
    padding: 1em 1em; }

  .cont-tabl-modif-body td {
    padding: 0; }

  .cont-tabl-modif-body tr:nth-child(odd) {
    height: auto;
    width: 40%;
    text-align: left;
    color: #000;
    text-shadow: 1px 1px #fff; }

  .cont-tabl-modif-body tr:nth-child(even) {
    display: flex;
    width: 60%;
    text-align: left;
    background: #fff;
    color: #000; } }
@media screen and (min-width: 850px) {
  .tabl-modif {
    flex-direction: row; }

  .tabl-modif-body-1, .tabl-modif-body-2 {
    width: 50%;
    align-items: stretch; }

  .tabl-modif-body-2 tr:nth-child(odd) {
    text-align: left;
    background: #e4e5e9;
    color: #000;
    text-shadow: 1px 1px #fff; }

  .tabl-modif-body-2 tr:nth-child(even) {
    text-align: left;
    background: #fff;
    color: #000; } }
@media screen and (min-width: 1000px) {
  .tab-one-2 td:nth-child(odd) {
    width: 25%; }

  .tab-one-2 td:nth-child(even) {
    width: 75%; } }
caption.tth-title {
  background: rgba(244, 92, 92, 0.8);
  font-size: 1.2em;
  color: #fff;
  text-transform: uppercase;
  padding: .5em 1em;
  float: none;
  border-right: n;
  text-align: left; }

table {
  width: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

table.table-spr-col {
  width: 100%;
  margin: 1em 0 1.5em;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  vertical-align: middle; }

table.table-spr-col tbody tr:nth-child(even) {
  text-align: center;
  background: #e4e5e9;
  color: #000;
  border-bottom: 1px solid #fff; }

table.table-spr-col tbody tr:nth-child(odd) {
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #fff; }

table.table-spr-col th, table.table-spr-col td {
  text-align: center;
  padding: .7em;
  vertical-align: middle; }

table.table-spr-col th {
  font-size: 1em; }

table.table-spr-col thead {
  background-color: #474a51;
  color: #fff;
  border-bottom: 1px solid #ecedf1;
  padding: .5em 1em; }

table.table-spr-col thead a {
  text-decoration: underline;
  color: #fff;
  font-weight: 500; }

table.table-spr-col thead a:hover {
  color: #fec9c9; }

table.table-spr-col thead th, table.table-spr-col tbody td {
  border-right: 1px solid #ecedf1; }

table.table-spr-col tbody tr.tbody-tth-r td:nth-child(2), table tbody tr.tbody-tth-r td:nth-child(3), table tbody tr.tbody-tth-r td:nth-child(4), table tbody tr.tbody-tth-r td:nth-child(5) {
  width: 17%; }

table.table-spr-col thead th:last-child, table.table-spr-col tbody td:last-child {
  border-right: none; }

table.table-spr-col tbody td:nth-child(1) {
  text-align: left;
  padding-left: 1.5em; }

td.tbody-title {
  width: 25%; }

td.tbody-title-r {
  width: 30%; }

thead th.thead-none {
  display: block; }

.spr-col-n {
  background-color: #f0e4d8;
  width: 23%; }

.thead-and {
  display: none; }

@media all and (max-width: 800px) {
  td.tbody-title {
    width: 100%; }

  table.table-spr-col {
    border: 0; }

  table.table-spr-col thead {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: none;
    background-color: rgba(22, 83, 110, 0.8); }

  table.table-spr-col thead th {
    float: left;
    width: 100%;
    margin: 0;
    background-color: rgba(22, 83, 110, 0.8);
    padding: .5em;
    font-size: 1.1em; }

  thead th.thead-none {
    display: none; }

  table.table-spr-col tbody tr.tbody-tth-r td:nth-child(2), table tbody tr.tbody-tth-r td:nth-child(3), table tbody tr.tbody-tth-r td:nth-child(4), table tbody tr.tbody-tth-r td:nth-child(5), td.tbody-title-r {
    width: 100%; }

  thead th.thead-and {
    display: block;
    background-color: rgba(22, 83, 110, 0.8); }

  table.table-spr-col thead th:last-child {
    border-right: 1px solid #fff; }

  table.table-spr-col tr {
    margin: 0;
    display: block;
    border-bottom: 2px solid rgba(22, 83, 110, 0.8); }

  table.table-spr-col td {
    display: block;
    padding-left: .3em;
    font-size: 1em; }

  table.table-spr-col td:before {
    content: attr(data-label);
    float: left;
    width: 50%;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 0 .3em;
    border-right: 2px solid #ccc;
    font-size: .9em; }

  table.table-spr-col tbody td:nth-child(even) {
    text-align: center;
    background: #e4e5e9;
    color: #000;
    border-bottom: 1px solid #fff; }

  table.table-spr-col tbody td:nth-child(odd) {
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #fff; }

  .spr-col-n {
    background-color: #f0e4d8;
    width: 100%; }

  table.table-spr-col tbody td:nth-child(1) {
    text-align: center;
    padding-left: 1.5em;
    background-color: #474a51;
    color: #fff;
    border-bottom: 1px solid #fff; } }
@media all and (max-width: 425px) {
  thead th.thead-and {
    display: block; }

  table.table-spr-col tbody td:nth-child(1) {
    text-align: center;
    padding: 1em;
    background-color: #474a51;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 1em; }

  table.table-spr-col thead th {
    float: left;
    padding: 1em .5em;
    font-size: 1em; }

  table.table-spr-col td {
    font-size: .9em; }

  .spr-col-n {
    background-color: #f0e4d8;
    width: 100%; } }
.cont-tabl-mod, .cont-tabl-mod-body, .cont-tabl-mod-2, .cont-tabl-mod-body-2 {
  width: 100%;
  max-width: 850px; }

table.cont-tabl-mod-body, table.cont-tabl-mod-body-2, table.cont-tabl-mod-body-3 {
  webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.cont-tabl-mod-body tr, .cont-tabl-mod-body-2 tr, .cont-tabl-mod-body-3 tr {
  width: 100%;
  margin: 0;
  border: 1px solid #ebeff2;
  background: #fff; }

.cont-tabl-mod-body td, .cont-tabl-mod-body-2 td, .cont-tabl-mod-body-3 td {
  padding: 1em;
  font-size: 1.05em;
  margin: 0;
  text-align: left;
  color: #444; }

.cont-tabl-mod-body tr > td:nth-child(1) {
  width: 40%;
  background: #e4e5e9;
  text-shadow: 1px 1px #fff; }

.cont-tabl-mod-body-2 tr > td:nth-child(1) {
  width: 70%;
  background: #e4e5e9;
  text-shadow: 1px 1px #fff; }

.cont-tabl-mod-body-3 tr > td:nth-child(1) {
  width: 30%;
  background: #e4e5e9;
  text-shadow: 1px 1px #fff; }

@media screen and (max-width: 728px) {
  .cont-tabl-mod-body tr > td:nth-child(1), .cont-tabl-mod-body-2 tr > td:nth-child(1), .cont-tabl-mod-body-3 tr > td:nth-child(1) {
    width: auto; }

  .cont-tabl-mod-body tr, .cont-tabl-mod-body-2 tr, .cont-tabl-mod-body-3 tr {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    vertical-align: middle;
    font-size: 1em;
    padding: 0;
    margin: 0 0 .5em 0;
    border: 1px solid #ebeff2; } }
@media screen and (min-width: 170px) {
  .link-unit {
    text-align: left;
    width: 100%;
    background: #406A7E;
    padding: .5em;
    margin: 2em 0;
    float: left; }

  p.link-unit_headline {
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 0.5em 0.5em;
    font-weight: 200; }

  .link-unit_a {
    float: left; }

  .link-unit a {
    float: left;
    border-radius: 0;
    color: #fff;
    background: #3985a8;
    padding: .2em .7em;
    margin: 0 .5em 1em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    white-space: nowrap; }

  .link-unit a:hover {
    background: #fff;
    color: #000; }

  .link-others-info {
    margin: 1em 0 0;
    text-align: start;
    font-size: 1.2em; }

  .link-others-info a {
    line-height: 2.5;
    margin: 1em 0;
    border-radius: 3px;
    color: #000;
    background: #fff;
    padding: .3em .7em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

  .link-others-info a:hover {
    background: #e80000;
    color: #fff; } }
@media screen and (min-width: 480px) {
  .link-unit_a {
    font-size: 1.2em; } }
@media screen and (min-width: 600px) {
  .link-others-info {
    font-size: 1em; }

  .link-unit {
    padding: 2em 1em;
    margin: 2em 0;
    float: left; } }
@media screen and (min-width: 170px) {
  .plus-minus-title {
    width: 100%;
    margin: 0;
    padding: 1em;
    position: relative;
    background: #474a51;
    font: 1.2em Roboto,Arial,sans-serif;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center; }

  .plus-minus {
    width: 100%;
    max-width: 960px;
    padding: 0;
    margin: .5em 0; }

  .plus-osn, .minus-osn {
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    border-radius: 2px; }

  .plus-osn-img, .minus-osn-img {
    padding: .5em .5em 1em;
    background: #474a51; }

  .plus-osn-img p, .minus-osn-img p {
    color: #fff;
    padding: .6em 0 0;
    text-transform: uppercase;
    font-weight: 300; }

  .plus-osn, .minus-osn {
    width: 100%;
    margin: 0 0 1em;
    padding-bottom: .2em; }

  .plus-osn-img svg, .minus-osn-img svg {
    width: 35px;
    height: 35px;
    float: left;
    margin: 0.2em 1em 0.7em 0; }

  .plus-osn-img i, .minus-osn-img i {
    width: 35px;
    height: 35px;
    float: left;
    margin: 0.2em 1em 0.7em 0; }

  .osn-text li {
    margin: 0 0 1em 0;
    text-align: left; }

  .osn-text {
    font-size: .9em;
    padding: .5em .7em 0; }

  .plus-osn, .minus-osn {
    width: 100%; }

  .polomki {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column; }

  .pl-mn-title {
    width: 100%;
    margin: 0;
    padding: 1em;
    position: relative;
    background: #16536e;
    font-size: 1.2em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center; }

  .pl-mn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 1em 0;
    display: table;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

  .plus {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 100%;
    float: left;
    background: #34948c; }

  .plmn-blok {
    width: 100%;
    padding: 0 1em;
    position: relative; }

  .plmn-img {
    width: 2em;
    border-radius: 50%;
    margin: .5em .5em 1em 0;
    float: left; }

  .plmn-text {
    width: 100%;
    padding: 0 0 0 3em;
    font-size: 1.15em;
    margin-top: -2.5em;
    color: #fff;
    float: left;
    word-wrap: break-word; }

  .minus {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 100%;
    float: left;
    background: #f45c5c; } }
@media screen and (min-width: 320px) {
  .plus-osn-img p, .minus-osn-img p {
    padding: .3em 0 0; } }
@media screen and (min-width: 600px) {
  .plus-minus {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row; }

  .pl-mn {
    display: flex;
    flex-direction: row; }

  .plus-osn, .minus-osn {
    width: 49.5%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    margin: .5em .5% 1em 0;
    border-radius: 2px; }

  .plus, .minus {
    width: 50%; }

  .plmn-blok {
    width: 100%;
    padding: 1em;
    position: relative; }

  .plmn-img {
    margin: 0 1em 0 0; }

  .plmn-text {
    padding: 0 0 0 3em;
    font-size: 1.2em;
    margin-top: -1.7em; }

  .osn-text {
    font-size: .92em;
    padding: .5em .5em 0; }

  .plus-osn-img svg, .minus-osn-img svg {
    width: 38px;
    height: 38px;
    margin: 0 0 0 1em;
    float: right; }

  .plus-osn-img i, .minus-osn-img i {
    width: 45px;
    height: 45px;
    margin: 0 0 0 1em;
    float: right; }

  .osn-text ul {
    margin: 1em .5em 0; }

  .osn-text li {
    margin: 0 0 .5em 1.2em;
    padding: 0 .3em 0 0;
    text-align: left; }

  .plus-osn-img p, .minus-osn-img p {
    padding: .5em 0 0 .5em;
    text-transform: uppercase;
    font-weight: 300; } }
@media screen and (min-width: 170px) {
  .polomki {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 100%;
    display: table;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

  .polomki-plus {
    background: RGBA(52, 148, 140, 0.15); }

  .polomki-minus {
    background: RGBA(244, 92, 92, 0.15); }

  .polomki p {
    color: #444;
    font: 1em/1.5 Roboto,Arial,sans-serif;
    font-weight: 300;
    border-bottom: 1px solid #fff;
    padding: 1em .7em 1em .7em;
    float: none;
    text-shadow: 1px 1px #e5e5e3;
    text-align: justify; }

  .polomki img {
    margin: .3em .5em .2em 0;
    width: 30px; } }
@media screen and (min-width: 800px) {
  .polomki p {
    font-size: 1.15em;
    font-weight: 300;
    padding: 1em .7em 1em .7em; }

  .polomki img {
    margin: -.1em .5em .5em 0; } }
@media screen and (min-width: 170px) {
  .top-but {
    background: #e2e3e7;
    padding: .5em;
    margin: 0 0 1em;
    height: 50px;
    width: 100%; }

  .top-but:hover {
    background: #FEE3E3; }

  .top-but i {
    margin: -.3em 0 0 40%;
    text-align: center; }

  .button {
    display: block;
    margin: 1.5em 0;
    position: relative;
    left: 0; }

  .btn, .btn-big {
    position: relative;
    display: block;
    width: 100%;
    padding: .5em 1em;
    background-color: #fff;
    color: #333;
    text-align: left;
    text-decoration: none;
    transform-style: flat;
    text-shadow: 1px 1px #fff;
    border-radius: 5px; }

  .btn-big a:hover {
    color: #f2eaea;
    text-decoration: none;
    border-bottom: 1px solid #e5dbdb; }

  .btn {
    max-width: 250px; }

  .btn:before, .btn:after, .btn-big:before, .btn-big:after {
    content: "";
    position: absolute;
    z-index: -2;
    transition: all 300ms ease-out; }

  .pp:before, .pp:after {
    bottom: .8em;
    width: 35%;
    height: 15%;
    max-width: 250px;
    max-height: 120px;
    box-shadow: 0 8px 8px rgba(31, 31, 31, 0.7); }

  .ppt:before, .ppt:after {
    bottom: .3em;
    width: 35%;
    height: 15%;
    max-width: 250px;
    max-height: 120px;
    box-shadow: 0 8px 8px rgba(31, 31, 31, 0.7); }

  .pp:before, .ppt:before {
    box-shadow: none; }

  .pp:after, .ppt:after {
    right: 5px;
    transform: rotate(6deg); }

  .pp, .ppt {
    background-color: #e5dbdb;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

  .pp:hover:before, .pp:hover:after, .ppt:hover:before, .ppt:hover:after {
    transition: box-shadow 300ms ease-out,left 100ms,right 100ms;
    box-shadow: 0 4px 4px rgba(31, 31, 31, 0.2); }

  .pp:hover:before, .ppt:hover:before {
    left: 1px; }

  .btn-bign {
    margin: .5em 0 1em;
    background: #0581c4;
    background: -moz-linear-gradient(left, #0581c4 0%, #3d677b 100%);
    background: -webkit-linear-gradient(left, #0581c4 0%, #3d677b 100%);
    background: linear-gradient(to right, #0581c4 0%, #3d677b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0581c4', endColorstr='#3d677b',GradientType=1 );
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    position: relative;
    display: block;
    width: 100%;
    padding: .5em 1em;
    transform-style: flat;
    border-radius: 5px; }

  .btn-bign p {
    color: #eeeaea;
    text-align: left;
    text-decoration: none;
    transform-style: flat; }

  .btn-bign a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff; }

  .btn-bign a:hover {
    color: #e5dbdb;
    text-decoration: none;
    border-bottom: 1px solid #e5dbdb; }

  .btn-bign:before, .btn-bign:after {
    content: "";
    position: absolute;
    z-index: -2;
    transition: all 300ms ease-out; } }
@media screen and (min-width: 728px) {
  .top-but {
    width: 20%;
    margin: 0 0 0 80%;
    max-width: 740px;
    text-align: center; }

  .top-but i {
    margin: -.3em 0 0 35%;
    text-align: center; } }
@media screen and (min-width: 1000px) {
  .cat-but {
    font-size: 1em;
    width: 40%;
    text-align: left;
    padding: 0; } }
.tov-card {
  background: #fff;
  width: 100%;
  margin: 1em 0;
  padding: 1em 2em;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

.tov-card p {
  font: 1.2em 'Roboto','Helvetica',sans-serif;
  color: #333;
  margin: 0; }

.tov-card-body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-flow: row wrap;
  width: 100%;
  margin: 0; }

.tov-card-body-left {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 1em 0; }

.tov-card-title {
  font: 2em 'Roboto','Helvetica',sans-serif;
  color: #16536e;
  margin: .5em 2em .3em 0;
  font-weight: 400;
  float: none;
  text-shadow: 1px 1px #fff; }

.tov-card-foto {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  margin: 0 1.5em 0 0;
  width: 45%; }

.tov-card-foto img {
  margin: 0;
  position: relative;
  background: #000 100% 100% no-repeat; }

.tov-card-foto .img {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: auto;
  margin-top: 0; }

.tov-card-text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  margin: 0;
  vertical-align: middle;
  width: 55%; }

.tov-card-cena {
  font: 1em 'Roboto','Helvetica',sans-serif;
  color: #7c9ab5;
  border: 2px solid rgba(255, 85, 0, 0.4);
  padding: .6em 1em;
  margin: 0 0 .5em;
  width: 100%;
  text-align: center; }

.tov-card-cena b {
  font: 1.5em 'Roboto','Helvetica',sans-serif;
  text-transform: uppercase;
  color: #16536e;
  font-weight: 700;
  padding-right: .3em; }

.tov-card-table_col {
  font-family: 'Roboto','Helvetica',sans-serif;
  background: #fff;
  text-align: left;
  border-collapse: collapse;
  color: #3E4347;
  margin: .3em 0 0;
  box-shadow: none;
  width: 100%; }

.tov-card-table_col tr {
  width: 100%; }

.tov-card-table_col td:nth-of-type(even) {
  border-left: 1em solid #fff;
  border-bottom: 1px solid #eee;
  padding: .6em 0;
  color: #333; }

.tov-card-table_col td:nth-of-type(odd) {
  font-size: .7em;
  width: 35%;
  color: #7c9ab5;
  border-left: none;
  border-bottom: 1px solid #eee;
  padding: .7em;
  text-transform: uppercase; }

.tov-card-table_col td.tov-card-and {
  border-bottom: none; }

@media screen and (max-width: 1025px) {
  .tov-card {
    width: 100%;
    margin: 1em 0;
    padding: 1em; }

  .tov-card-foto {
    margin: 0 1.5em 0 0;
    width: 50%; }

  .tov-card-cena {
    width: 70%; } }
@media screen and (max-width: 850px) {
  .tov-card-foto {
    margin: 0 1.5em 0 0;
    width: 50%;
    align-items: flex-start; } }
@media screen and (max-width: 750px) {
  .tov-card {
    width: 100%;
    margin: 1em 0;
    padding: 1em; }

  .tov-card-body-left {
    margin: 0;
    flex-direction: column; }

  .tov-card-foto {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin: 0;
    justify-content: center;
    align-items: flex-start; }

  .tov-card-foto .img {
    text-align: center;
    margin: 0 auto;
    max-width: 100%; }

  .tov-card-text {
    font: 1.1em 'Roboto','Helvetica',sans-serif;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0; }

  .tov-card-title {
    font: 1.6em 'Roboto','Helvetica',sans-serif;
    margin: 0 .5em 1em 0; }

  .tov-card-cena {
    position: relative;
    font: 1.1em 'Roboto','Helvetica',sans-serif;
    padding: .6em 0;
    margin: 1em 0 0;
    width: 100%;
    text-align: center;
    border: 2px solid rgba(255, 85, 0, 0.6); }

  .tov-card-cena b {
    font: 1.5em 'Roboto','Helvetica',sans-serif;
    text-transform: uppercase;
    color: #16536e;
    font-weight: 700;
    padding-right: .3em; }

  .tov-card p {
    font: 1.1em 'Roboto','Helvetica',sans-serif;
    margin: 2em 0 0;
    text-align: left; }

  .tov-card-table_col tr, .tov-card-table_cena tr {
    display: flex;
    flex-flow: wrap;
    width: 100%; }

  .tov-card-table_col td:nth-of-type(odd) {
    text-align: center;
    background: #e9eef4;
    width: 100%; }

  .tov-card-table_col td:nth-of-type(even) {
    width: 100%;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #eee;
    padding: 1.2rem 1rem;
    color: #333; }

  .tov-card-table_col {
    font-size: 1em;
    width: 100%;
    background: #fff;
    text-align: left;
    border-collapse: collapse;
    color: #3E4347;
    margin-top: 2rem; }

  .tov-card-table_col td {
    width: 100%;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #eee;
    padding: 1.2rem 0;
    color: #333; }

  .tov-card-table_col td.tov-card-and {
    border-bottom: none; } }
@media screen and (max-width: 749px) {
  .tov-card-table_col td {
    width: 100%; } }
@media screen and (max-width: 450px) {
  .tov-card {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    background: #fff;
    padding: 1em .5em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

  .tov-card-body {
    display: block;
    float: left;
    width: 100%; }

  .tov-card-body-left {
    margin: 0;
    float: left;
    display: block; }

  .tov-card-text {
    display: block;
    font: 1em 'Roboto','Helvetica',sans-serif;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0; }

  .tov-card-title {
    font: 1.3em 'Roboto','Helvetica',sans-serif;
    margin: 0 .5em 1em 0; }

  .tov-card-cena {
    position: relative;
    font: 1em 'Roboto','Helvetica',sans-serif;
    padding: .6em 0;
    margin: 1em 0 0;
    width: 100%;
    text-align: center;
    border: 2px solid rgba(255, 85, 0, 0.6); }

  .tov-card-cena b {
    font: 1.3em 'Roboto','Helvetica',sans-serif;
    text-transform: uppercase;
    color: #16536e;
    font-weight: 700;
    padding-right: .3em; }

  .tov-card-table_col tr, .tov-card-table_cena tr {
    display: block;
    float: left;
    width: 100%; }

  .tov-card-table_col td:nth-of-type(odd) {
    display: block;
    text-align: center;
    background: #e9eef4;
    width: 100%; }

  .tov-card-table_col td:nth-of-type(even) {
    display: block;
    width: 100%;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #eee;
    padding: 1.2rem 1rem;
    color: #333; }

  .tov-card-table_col {
    font-size: 1em;
    width: 100%;
    background: #fff;
    text-align: left;
    border-collapse: collapse;
    color: #3E4347;
    margin-top: 2rem; }

  .tov-card-table_col td {
    width: 100%;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #eee;
    padding: 1.2rem 0;
    color: #333; }

  .tov-card-table_col td.tov-card-and {
    border-bottom: none; } }
.tov-card-button {
  position: relative;
  text-transform: uppercase;
  margin: 1em 1em 0 0;
  text-decoration: none;
  width: 100%;
  padding: .8em 0;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font: 1em 'Roboto','Helvetica',sans-serif;
  color: #fff;
  background-color: #ff9c6b;
  background-image: -moz-linear-gradient(top, #ff9c6b 0%, #ff5500 100%);
  background-image: -webkit-linear-gradient(top, #ff9c6b 0%, #ff5500 100%);
  background-image: -o-linear-gradient(top, #ff9c6b 0%, #ff5500 100%);
  background-image: -ms-linear-gradient(top, #ff9c6b 0%, #ff5500 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5500', endColorstr='#ff5500',GradientType=0 );
  background-image: linear-gradient(top, #ff9c6b 0%, #ff5500 100%);
  -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
  -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
  box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
  -webkit-transition: background 0.26s linear;
  -moz-transition: background 0.26s linear;
  -o-transition: background 0.26s linear;
  transition: background 0.26s linear; }

.tov-card-button:hover {
  background: #00AA72;
  color: #fff; }

.tov-card-button:active {
  background: #207F60;
  color: #fff; }

.tov-card-button span {
  position: relative;
  text-align: center;
  margin: 0 auto 0 35%; }

.card-auto {
  background: #fff;
  width: 100%;
  margin: 1em 0;
  padding: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

.card-auto p {
  font: 1.1em 'Roboto','Helvetica',sans-serif;
  color: #333;
  margin: 1em 0 .5em; }

.card-auto_title {
  font: 2em 'Roboto','Helvetica',sans-serif;
  color: #e80000;
  margin: .8em 0;
  padding: .0 1em 0 .6em;
  font-weight: 400;
  float: none;
  text-shadow: 1px 1px #fff;
  width: 65%;
  float: left; }

.card-auto_cena {
  font: 1.8em 'Roboto','Helvetica',sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #16536e;
  border: 2px solid rgba(255, 85, 0, 0.4);
  padding: .2em;
  margin: .7em 1em 1em .0;
  text-align: center;
  width: 30%;
  float: right; }

.card-auto_body {
  width: 100%;
  margin: 0; }

.card-auto_text {
  width: 40%;
  margin: -1em 0 0;
  padding: 0 1em .5em 1em;
  align-items: flex-start; }

.card-auto_table {
  font-family: 'Roboto','Helvetica',sans-serif;
  background: #fff;
  text-align: left;
  border-collapse: collapse;
  color: #3E4347;
  margin: .3em 0 1em;
  box-shadow: none;
  width: 100%; }

.card-auto_table tr {
  width: 100%; }

.card-auto_table td:nth-of-type(even) {
  padding: .3em 0;
  color: #333; }

.card-auto_table td:nth-of-type(odd) {
  font-size: .7em;
  width: 35%;
  color: #6b8399;
  padding: .4em;
  text-transform: uppercase; }

@media screen and (min-width: 751px) {
  .card-auto_body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0; }

  .card-auto_text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 40%;
    margin: -1em 0 0;
    padding: 0 1em .5em 1em;
    align-items: flex-start; }

  .card-auto_foto {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    width: 60%; }

  .card-auto_foto img {
    height: 300px;
    padding: 0;
    margin: 0; } }
@media screen and (min-width: 601px) and (max-width: 750px) {
  .card-auto {
    width: 100%;
    margin: 1em 0;
    padding: 0; }

  .card-auto_foto {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin: 1em 0;
    justify-content: center;
    align-items: flex-start; }

  .card-auto_foto img {
    height: auto;
    padding: 0;
    margin: 1em 0 0; }

  .card-auto_text {
    font: 1.1em 'Roboto','Helvetica',sans-serif;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0; }

  .card-auto_title {
    font: 1.6em 'Roboto','Helvetica',sans-serif;
    margin: 1em .5em 1em .5em;
    width: 100%; }

  .card-auto_cena {
    position: relative;
    font: 1.5em 'Roboto','Helvetica',sans-serif;
    padding: 0.2em 0;
    margin: 0 4% 0;
    width: 92%;
    text-align: center;
    border: 2px solid rgba(255, 85, 0, 0.6); }

  .card-auto_body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    margin: 0; } }
@media screen and (max-width: 600px) {
  .card-auto_body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    margin: 0; }

  .card-auto {
    display: block;
    float: left;
    width: 100%;
    margin: 1em 0;
    padding: 0; }

  .card-auto_text {
    float: left;
    display: block;
    font: 1em 'Roboto','Helvetica',sans-serif;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0; }

  .card-auto_foto {
    display: block;
    width: 100%; }

  .card-auto_foto img {
    padding: 0;
    margin: 1em 0 0; }

  .card-auto_title {
    font: 1.5em 'Roboto','Helvetica',sans-serif;
    margin: 1em .5em 0 0;
    width: 100%; }

  .card-auto_cena {
    position: relative;
    font: 1.5em 'Roboto','Helvetica',sans-serif;
    padding: .2em 0;
    margin: 1em 4% 0;
    width: 92%;
    text-align: center;
    border: 3px solid rgba(255, 85, 0, 0.6); }

  .card-auto_table {
    margin: 1em 0;
    width: 100%;
    float: left; } }
@media screen and (min-width: 170px) {
  .box-pol-ssylki {
    padding: 1em .5em 0;
    position: relative;
    margin: 1em 0 0; }

  .box-pol-ssylki span {
    font-size: .9em;
    margin: 0 .417em .5em 0;
    padding: .2em .5em;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    background: #999; }

  .box-pol-ssylki a:link {
    color: #1a61c1;
    text-decoration: none;
    border-bottom: 1px solid #1a84c1; }

  .box-pol-ssylki a:visited {
    color: #1a84c1; }

  .box-pol-ssylki a:hover {
    color: #f8010a;
    text-decoration: none;
    border-bottom: 1px solid #f8010a; }

  .box-pol-ssylki-img {
    display: block; }

  .box-pol-ssylki-img img {
    width: 20%;
    float: left;
    margin: 1em 1em 1em 0; }

  .box-pol-ssylki-text {
    margin: .5em 0; }

  .box-pol-ssylki-text p {
    margin: 0;
    line-height: 1.2em;
    font-size: 1em; }

  .box-pol-links {
    float: left;
    width: 100%;
    min-height: 150px;
    background: #fff5ee;
    margin: 1.5em auto;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

  .pol-links {
    position: relative; }

  .pol-links:after {
    content: '';
    position: absolute;
    z-index: -1;
    right: -.8em;
    bottom: -.6em;
    width: 260px;
    height: 132px;
    background: url(../../assets/css/images/shadow.png) no-repeat; }

  .pol-links span {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    padding: 1em;
    background: #A60000;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300; }

  .pol-links-text {
    padding: 5em 1em 2em; }

  .pol-links-text p {
    margin: .5em 0;
    font-size: 1em;
    text-align: left; }

  .pol-links-text a:link {
    color: #1a61c1;
    text-decoration: none;
    border-bottom: 1px solid #16536e;
    text-shadow: 1px 1px #fff; }

  .pol-links-text a:visited {
    color: #1a84c1; }

  .pol-links-text a:hover {
    color: #f8010a;
    text-decoration: none;
    border-bottom: 1px solid #f8010a; }

  .pol-links-text img {
    display: none; }

  .pol-links-text i {
    color: #999;
    margin: -.7em 1em 0 0;
    float: left;
    text-shadow: 1px 1px #fff;
    font-size: 1em; } }
@media screen and (min-width: 540px) {
  .box-pol-ssylki-img {
    display: block;
    float: left;
    width: 100px;
    padding: 0 1em 1em 0; }

  .box-pol-ssylki-img img {
    width: 100%;
    float: left;
    margin: 0 1em 1em 0; }

  .pol-links-text p {
    margin: .5em 0;
    font-size: 1em; }

  .pol-links-text img {
    display: block;
    margin: -.5em 1em 0 0;
    float: left;
    width: 100px;
    border: 1px solid #ccc;
    border-radius: 5px; } }
@media screen and (min-width: 700px) {
  .box-pol-ssylki {
    padding: .5em .5em .5em 2em;
    border-top: none; }

  .box-pol-ssylki-img {
    width: 150px; }

  .box-pol-ssylki-img img {
    width: 100%;
    margin: 0; }

  .box-pol-ssylki-text {
    margin: .7em 0 .5em; }

  .box-pol-ssylki-text p {
    margin: 0;
    line-height: 1em;
    font-size: 1em; }

  .pol-links {
    position: relative; }

  .pol-links:after {
    content: '';
    position: absolute;
    z-index: -1;
    right: -.6em;
    bottom: -.6em;
    width: 260px;
    height: 132px;
    background: url(../../assets/css/images/shadow.png) no-repeat; }

  .pol-links span {
    padding: 1em 2em 1em 2em; }

  .pol-links-text {
    padding: 5em 2em 2em; }

  .pol-links-text p {
    margin: .5em 0; }

  .pol-links-text a:link {
    color: #1a61c1;
    text-decoration: none;
    border-bottom: 1px solid #16536e;
    text-shadow: 1px 1px #fff; }

  .pol-links-text a:visited {
    color: #1a84c1; }

  .pol-links-text a:hover {
    color: #f8010a;
    text-decoration: none;
    border-bottom: 1px solid #f8010a; }

  .pol-links-text i {
    color: #999;
    margin: -.7em 1em 0 0;
    float: left;
    text-shadow: 1px 1px #fff; } }
@media screen and (min-width: 800px) {
  .box-pol-ssylki-img {
    margin: 0 0 1em;
    width: 150px; }

  .box-pol-ssylki-text {
    margin: .7em 0 .5em; }

  .box-pol-ssylki-text p {
    margin: 0;
    line-height: 1em;
    font-size: 1.05em; } }
.slider_1, .slider_2, .slider_3 {
  width: 100%;
  position: relative;
  padding-top: 57%;
  margin: 1em auto 2em; }

.slider_1 > img, .slider_2 > img, .slider_3 > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transition: all .5s; }

.slider_1 input[name='slide_switch_1'], .slider_2 input[name='slide_switch_2'], .slider_3 input[name='slide_switch_3'] {
  display: none; }

.slider_1 label, .slider_2 label, .slider_3 label {
  margin: 0;
  float: left;
  cursor: pointer;
  transition: all .5s;
  border: 1px solid #fff;
  width: 25%;
  opacity: .4;
  margin-bottom: 1em; }

.slider_1 label img, .slider_2 label img, .slider_3 label img {
  display: block;
  width: 100%; }

.slider_1 input[name='slide_switch_1']:checked + label, .slider_2 input[name='slide_switch_2']:checked + label, .slider_3 input[name='slide_switch_3']:checked + label {
  opacity: 1;
  transform: scale(1); }

.slider_1 input[name='slide_switch_1'] ~ img, .slider_2 input[name='slide_switch_2'] ~ img, .slider_3 input[name='slide_switch_3'] ~ img {
  opacity: 0;
  transform: scale(1); }

.slider_1 input[name='slide_switch_1']:checked + label + img, .slider_2 input[name='slide_switch_2']:checked + label + img, .slider_3 input[name='slide_switch_3']:checked + label + img {
  opacity: 1;
  transform: scale(1); }

.booklet {
  display: block;
  width: 100%;
  max-width: 850px;
  position: relative;
  margin: 0 0 2em 0; }

.booklet:before, .booklet:after {
  content: "";
  position: absolute;
  z-index: -2;
  transition: all 600ms ease-out;
  bottom: 1.2em;
  width: 35%;
  height: 20%;
  max-width: 400px;
  max-height: 100px;
  box-shadow: 0 12px 12px rgba(31, 31, 31, 0.5); }

.booklet:before {
  box-shadow: none; }

.booklet:after {
  right: 10px;
  transform: rotate(6deg); }

.booklet-body {
  width: 100%;
  margin: 0 auto;
  display: block; }

.booklet-left {
  width: 100%;
  float: left;
  background-color: #7f7f7f;
  position: relative;
  display: block; }

.booklet-zagl-img {
  margin: 0;
  width: 100%;
  position: relative;
  display: block;
  -webkit-box-shadow: 0 28px 41px -29px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 28px 41px -29px rgba(0, 0, 0, 0.75);
  box-shadow: 0 28px 41px -29px rgba(0, 0, 0, 0.75); }

.booklet-right {
  position: relative;
  width: 100%;
  float: left;
  background: #f5f6f8;
  position: relative;
  display: block;
  -webkit-box-shadow: 0px -19px 33px -23px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px -19px 33px -23px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -19px 33px -23px rgba(0, 0, 0, 0.75); }

.booklet-title {
  display: block;
  background: #e80000;
  color: #fff;
  padding: .5em 1em;
  font-size: 1.3em; }

.booklet-title-kompl {
  display: block;
  background: #16536e;
  color: #fff;
  padding: 1em;
  font-size: 1em;
  text-transform: uppercase; }

.booklet-left ins, .booklet-right ins {
  display: none; }

.booklet-img {
  position: relative; }

.booklet-right p {
  color: #000;
  padding: .7em 1em;
  margin: 0;
  font: 1em/1.3 'Roboto','Helvetica',sans-serif;
  font-weight: 300; }

.booklet-right p:nth-of-type(even) {
  background-color: #dfe0e2; }

.booklet-other {
  margin: 1em 0; }

.booklet-other p {
  color: #fff;
  padding: .5em 1em;
  font-size: 1em; }

.booklet-other p.booklet-other-osn {
  padding: .5em .7em;
  font-size: 1em; }

.booklet-other p.booklet-other-dop {
  font: 1em/1.2 'Roboto','Helvetica',sans-serif;
  padding: .5em 1em;
  text-align: left;
  line-height: 1;
  border-bottom: 1px solid #a9a9a9; }

@media screen and (min-width: 170px) {
  .booklet-right {
    margin: 0 0 1em 0; } }
@media screen and (min-width: 425px) {
  .booklet-right p {
    font: 1em/1.3 'Roboto','Helvetica',sans-serif;
    padding: .7em 1em;
    font-weight: 300; }

  .booklet-other p.booklet-other-osn {
    color: #fff;
    font-size: 1.2em;
    padding: .7em 1em; }

  .booklet-other p.booklet-other-dop {
    color: #fff;
    font: 1em/1.2;
    padding: .7em 1em; } }
@media screen and (min-width: 600px) {
  .booklet-other p.booklet-other-osn {
    font-size: 1.15em; }

  .booklet-other p.booklet-other-dop {
    font: .9em/1.2; }

  .booklet-title {
    font-size: 1.5em; }

  .booklet-title-kompl {
    font-size: 1.2em; } }
@media screen and (min-width: 650px) {
  .booklet-body {
    width: 100%;
    margin: 0 auto;
    max-width: 850px;
    display: flex; }

  .booklet-left {
    width: 35%;
    float: left;
    background-color: #7f7f7f;
    position: relative;
    display: block;
    box-shadow: 0 19px 11px -19px rgba(0, 0, 0, 0.75); }

  .booklet-right {
    font-weight: 300;
    width: 65%;
    float: left;
    background: #f5f6f8;
    position: relative;
    display: block;
    -webkit-box-shadow: 0 1px 8px -6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 1px 8px -6px rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 8px -6px rgba(0, 0, 0, 0.75);
    margin: 0; }

  .booklet-left ins, .booklet-right ins {
    display: block;
    z-index: 2;
    height: 100%;
    background: url(../../images/shadow.png) repeat-y;
    border-right: 1px solid #031e29;
    position: absolute;
    right: 0;
    top: 0; }

  .booklet-left ins {
    width: 30%;
    background-position: 100%; }

  .booklet-right ins {
    width: 100%;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
    filter: FlipH;
    -ms-filter: FlipH;
    background-position: 100%; }

  .booklet-other p.booklet-other-osn {
    padding: .5em .7em;
    font-size: 1em; }

  .booklet-other p.booklet-other-dop {
    font-size: .95em; } }
@media screen and (min-width: 728px) {
  .booklet-other p {
    font-size: 1em; }

  .booklet-title {
    font-size: 1.2em;
    padding: .5em 1em; }

  .booklet-title-kompl {
    font-size: 1.2em;
    padding: .5em 1em .5em 2em; }

  .booklet-right p {
    padding: .7em 1em .7em 2em;
    font-weight: 300; }

  .booklet-other p.booklet-other-osn {
    font-size: 1.15em; } }
@media screen and (min-width: 1100px) {
  .booklet-right p {
    font-size: 1.05em;
    padding: .7em 1em .7em 2em; } }
@media screen and (min-width: 170px) {
  .partners {
    position: relative;
    display: block;
    width: 45%;
    height: 45%;
    margin: 0 .5em 2em 0;
    float: left;
    min-height: 100px; }

  .img-partn {
    width: 100%;
    height: 100%; }

  .partners img {
    left: 0;
    position: absolute;
    top: 0; }

  .partners img.pb {
    opacity: 0;
    filter: alpha(opacity=0); }

  .partners:hover img.pb {
    opacity: 1;
    filter: alpha(opacity=100); }

  .partners:hover img.pbh, .partners img.pbh:hover {
    opacity: 0;
    filter: alpha(opacity=0); }

  a.others-info-link {
    font: 1.1em/1.5 'Roboto','Helvetica',sans-serif;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff; }

  a.others-info-link:hover {
    color: #febbbb;
    text-decoration: none;
    border-bottom: 1px solid #febbbb; }

  img.img-partn {
    width: 60%;
    height: 60%; }

  .booklet-more {
    z-index: 9999;
    width: 80%;
    border: 1px solid #4b4b4b;
    margin: 1em auto 2em;
    text-align: center;
    padding: .5em;
    font: 1em/1.5 'Roboto','Helvetica',sans-serif; }

  .booklet-more:hover {
    border: 1px solid #e80000;
    margin: 1em auto 2em;
    text-align: center;
    padding: .5em;
    font: 1em/1.5 'Roboto','Helvetica',sans-serif; }

  .title-rayting {
    width: 100%;
    background: #0581c4;
    background: -moz-linear-gradient(left, #0581c4 0%, #3d677b 100%);
    background: -webkit-linear-gradient(left, #0581c4 0%, #3d677b 100%);
    background: linear-gradient(to right, #0581c4 0%, #3d677b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0581c4', endColorstr='#3d677b',GradientType=1 );
    padding: .8em 1em; }

  .title-rayting span, .title-rayting a {
    color: #fff;
    font: 1.2em/1.5 'Roboto','Helvetica',sans-serif;
    font-weight: 300; }

  .title-rayting a:hover {
    text-decoration: none;
    border-bottom: 1px solid #fff; }

  .title-rayting i {
    height: 100%;
    background: #ff3900;
    padding: .35em .7em;
    margin: -.45em .5em 0 -.55em;
    color: #fff;
    font: 1.8em Roboto, sans-serif;
    font-weight: 300;
    float: left; } }
@media screen and (min-width: 340px) {
  .partners {
    width: 30%;
    height: 30%; } }
@media screen and (min-width: 500px) {
  .partners {
    width: 23%;
    height: 23%; }

  a.others-info-link {
    font: 1.2em/1.5 'Roboto','Helvetica',sans-serif; } }
@media screen and (min-width: 550px) {
  .partners {
    width: 18%;
    height: 18%; } }
@media screen and (min-width: 650px) {
  .booklet-more {
    width: 40%;
    margin: 1em 1em 1em 55%;
    text-align: center;
    padding: .2em .5em;
    font: 1em/1.5 'Roboto','Helvetica',sans-serif; }

  .booklet-more:hover {
    border: 1px solid #e80000; } }
@media screen and (min-width: 900px) {
  .partners {
    width: 15%;
    height: 15%;
    margin: 0 .5em 1.5em 0; }

  a.others-info-link {
    font: 1em/1.5 'Roboto','Helvetica',sans-serif; } }
@media screen and (min-width: 1000px) {
  .booklet-more {
    position: absolute;
    bottom: 1.5em;
    right: 1.5em;
    margin: 0; }

  .booklet-more:hover {
    position: absolute;
    bottom: 1.5em;
    right: 1.5em;
    margin: 0;
    padding: .2em .5em;
    border: 1px solid #e80000; } }
@media screen and (min-width: 170px) {
  .rubr-pok {
    width: 25%;
    z-index: 2;
    height: 100%;
    position: absolute;
    left: 65%;
    top: -5%; }

  .rubr-pok-img {
    position: relative; }

  .rubr-pok-text {
    top: 15%;
    font-size: 1em;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    height: 100%;
    vertical-align: middle; }

  .rubr-pok img {
    width: 100%; } }
@media screen and (min-width: 600px) {
  .rubr-pok-text {
    font-size: 1.2em; } }
@media screen and (min-width: 170px) {
  .pok {
    width: 30px;
    height: 30px;
    z-index: 2;
    position: absolute;
    left: 5%;
    top: -10px;
    background: #6f7b87;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.24); }

  .pok-img {
    position: relative; }

  .pok-text {
    font-size: 1em;
    left: 0;
    top: .1em;
    width: 100%;
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    vertical-align: middle; } }
@media screen and (min-width: 170px) {
  .otziv-anons-body {
    display: block;
    width: 100%; }

  .otziv-anons {
    display: block;
    width: 100%;
    max-width: 850px;
    margin: 1em auto;
    padding: 1em;
    position: relative;
    background: #eaeaee;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24); }

  .otziv-anons:before, .otziv-anons:after {
    content: "";
    position: absolute;
    z-index: -2;
    transition: all 600ms ease-out;
    bottom: 1.2em;
    width: 35%;
    height: 20%;
    max-width: 400px;
    max-height: 100px;
    box-shadow: 0 12px 12px rgba(31, 31, 31, 0.5); }

  .otziv-anons:before {
    box-shadow: none; }

  .otziv-anons:after {
    right: 1%;
    transform: rotate(6deg); }

  .otziv-title {
    margin: 0;
    padding: 0;
    font: 1em/1.6 'Roboto','Helvetica',sans-serif;
    color: #333;
    border-bottom: 1px solid #ccc; }

  .otziv-ssylka {
    margin: .5em 1em 0 0; }

  .otziv-other {
    float: right;
    margin: 1em 0 0 0; }

  .otziv-text p:before, .otziv-text p:after {
    content: "\0022 "; }

  .otziv-text p {
    margin: 0;
    padding: .5em 0 0 0;
    font: italic 1em/1.3 Georgia;
    color: #000; } }
@media screen and (min-width: 600px) {
  .otziv-text p {
    margin: 0;
    padding: .5em 1em 0 0;
    font: italic 1.1em/1.5 Georgia;
    color: #000; } }
@media screen and (min-width: 170px) {
  .catalog {
    width: 600px;
    float: none;
    padding: 1em 1em 0 .5em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: space-between; }

  .catalog-zn {
    margin: 0; }

  .cat {
    margin: 1em 0 2em;
    text-align: center; }

  .cat-col img {
    margin: 0 .5em 0 0; }

  .catalog-zn a {
    margin-right: 1em;
    padding: .5em 1em;
    color: #fff;
    font-size: 1.2em;
    background: #16536e;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    border-radius: 5px; }

  .catalog-zn a:hover {
    background: #e80000;
    color: #fff; }

  .cat-title-img {
    float: left;
    width: 10%;
    margin: 1em 0 0 .8em;
    vertical-align: middle;
    padding: 0; }

  .cat-text-gl {
    font: 1em 'Roboto','Helvetica',sans-serif;
    line-height: 1.5em;
    text-align: center;
    color: #000;
    padding: .2em 0 0;
    text-decoration: none;
    font-weight: 300; }

  .cat-text-gl:hover {
    font: 1em;
    line-height: 1.5em;
    text-align: center;
    color: #e80000;
    text-decoration: underline; }

  .cat-text {
    font: 1.2em 'Roboto','Helvetica',sans-serif;
    text-align: center;
    color: #000;
    padding: 0 .5em;
    text-decoration: none;
    font-weight: 300;
    height: 1.5em; }

  .cat-text:hover {
    font: 1.2em;
    text-align: center;
    color: #e80000;
    text-decoration: underline; }

  .cat-but {
    z-index: 6;
    font-size: 1.15em;
    text-align: center;
    font-weight: 300; } }
@media screen and (min-width: 900px) {
  .catalog {
    max-width: 900px;
    padding: 1em 0 2em 4.5em; } }
@media screen and (min-width: 901px) {
  .catalog {
    max-width: 900px;
    padding: 1em 0 2em 4.5em; } }
@media screen and (min-width: 170px) {
  .rubr-container {
    width: 100%;
    position: relative; }

  .rubr-block {
    margin: 2em 0 1.5em;
    width: 100%; }

  .rubr-title {
    font-size: 1.2em;
    text-transform: uppercase;
    line-height: 1.5em;
    color: #333;
    text-shadow: 1px 1px #fff;
    font-weight: 300;
    margin: 1em 0 1em 0;
    padding: 1em 0 0; }

  .rubr-title-st {
    font-size: 1.2em;
    text-transform: uppercase;
    line-height: 1.5em;
    color: #333;
    text-shadow: 1px 1px #fff;
    font-weight: 300;
    margin: 0;
    padding: 0; }

  .rubr-title:first-letter, .rubr-title-st:first-letter {
    font-size: 1.2em;
    color: #e80000;
    font-weight: 400; }

  .rubr-title-sb, .rubr-title-sb2 {
    font-size: 1.2em;
    line-height: 1.5em;
    color: #333;
    text-shadow: 1px 1px #fff;
    text-transform: uppercase;
    font-weight: 300;
    margin: 0;
    padding-top: 1em; }

  .rubr-title-sb2 {
    color: #16536e;
    font-weight: 500; }

  .rubr-title-sb:first-letter {
    font-size: 1.1em;
    color: #16536e;
    font-weight: 400; }

  .rubr-title-red {
    font-size: 1.2em;
    color: #e80000;
    font-weight: 500;
    text-shadow: 1px 1px #fff;
    text-transform: uppercase;
    margin: 0;
    padding-top: 1em; }

  .rubr-title-red span {
    color: #1a61c1;
    border-bottom: 1px solid #1a61c1; }

  .rubr-title-sidebar {
    font-size: 1.2em;
    color: #333;
    text-shadow: 1px 1px #fff;
    text-transform: uppercase;
    font-weight: 300;
    margin: 1em 0 1em 1.5em; }

  .rubr-title-sidebar:first-letter {
    font-size: 1.4em;
    color: #16536e;
    font-weight: 400; }

  .rubr-title-str, .rubr-title-str-sm {
    font: 1.2em 'Roboto','Helvetica',sans-serif;
    color: #2d6781;
    text-shadow: 1px 1px #fff;
    font-weight: 300;
    margin: 0 0 .5em .5em; }

  .rubr-title-str {
    text-transform: uppercase; }

  .rubr-title-img {
    float: left;
    margin: .5em .5em 1em 0;
    width: 20%; }

  .rubr-col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    margin: 0 1em 1em 0;
    position: relative; }

  .rubr-col-str {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    margin: 0 1em 1em 0;
    position: relative;
    float: left; }

  .rubr-text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 1em;
    color: #fff;
    font-weight: 300;
    border-radius: 5px;
    background: #cca57e;
    padding: .4em 1em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    margin: 0.2em;
    text-align: center;
    vertical-align: middle; }

  .rubr-text-a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 1em;
    color: #fff;
    font-weight: 300;
    border-radius: 5px;
    background: #474a51;
    padding: .4em 1em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    margin: 0.2em;
    text-align: center;
    vertical-align: middle; }

  .rubr-text-a:hover {
    color: #fff;
    background: #e80000; }

  a.rubr-s {
    font-size: 1.1em;
    color: #333;
    font-weight: 300;
    border-radius: 5px;
    background: #fff;
    padding: .5em;
    margin: 0.2em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    float: left; }

  a.rubr-s:hover {
    background: #e80000;
    color: #fff; }

  .rubr-cont p {
    text-align: justify; }

  .rubr-auto-text {
    font-size: 1.1em;
    line-height: 1.5em;
    text-align: center;
    color: #444;
    text-shadow: 1px 1px #eee;
    padding: .5em 0 0; }

  .rubr-auto-text span {
    font-weight: 500; }

  .rubr-auto-text:hover {
    font-size: 1.1em;
    line-height: 1.5em;
    text-align: center;
    color: #e80000;
    text-decoration: underline; }

  .rubr-auto-col {
    width: 50%;
    float: left;
    margin: 0 0 2em;
    text-align: center;
    position: relative; }

  .rubr-auto-col i, .rubr-auto-col img {
    float: none;
    margin: 0 auto;
    text-align: center; }

  .rubr-auto-col-img:hover {
    margin-top: .3em;
    margin-bottom: -.3em;
    transition: all 300ms ease-out; } }
@media screen and (min-width: 400px) {
  .rubr-title-img {
    width: 20%; }

  .rubr-title, .rubr-title:first-letter, .title-zagl {
    font-size: 1.4em; }

  .rubr-auto-col {
    width: 33%;
    float: left;
    margin: 0 0 2em;
    text-align: center;
    position: relative; }

  .rubr-title-sb, .rubr-title-sb2 {
    font-size: 1.3em; }

  .rubr-title-sb:first-letter {
    font-size: 1.3em; }

  .rubr-title-red {
    font-size: 1.3em; }

  .rubr-cont p {
    font-size: 1.05em;
    line-height: 1.7em; } }
@media screen and (min-width: 425px) {
  .rubr-title-img {
    width: 13%; }

  .rubr-title, .rubr-title:first-letter, .rubr-title-st, .rubr-title-st:first-letter {
    font-size: 1.4em; }

  .rubr-title-red {
    font-size: 1.4em; }

  .rubr-cont p {
    font-size: 1.15em;
    line-height: 1.7em; } }
@media screen and (min-width: 600px) {
  .rubr-title-img {
    width: 10%; }

  .rubr-cont p {
    font-size: 1.2em;
    line-height: 1.7em; }

  .rubr-auto-col {
    width: 25%; } }
@media screen and (min-width: 700px) {
  .rubr-sidebar {
    left: 430px;
    position: absolute;
    top: 0;
    margin: 0 1em 1.5em;
    width: 250px; }

  .rubr-block {
    margin: 2em 1em 1.5em 0; }

  .rubr-title-sidebar {
    font-size: 1.2em;
    margin: 1.2em 0 1em; }

  .rubr-title-sidebar:first-letter {
    font-size: 1.4em; }

  .rubr-title-img {
    margin: .7em .5em 1em 0; }

  .rubr-sidebar {
    left: 430px;
    width: 280px; }

  .rubr-title-img {
    width: 15%; }

  .rubr-cont p {
    font-size: 1.25em;
    line-height: 1.8em; } }
@media screen and (min-width: 801px) {
  .rubr-title, .rubr-title-st {
    font-size: 1.4em;
    text-transform: uppercase;
    color: #333;
    text-shadow: 1px 1px #fff;
    font-weight: 300; }

  .rubr-title:first-letter, .rubr-title-st:first-letter {
    font-size: 1.4em;
    color: #e80000;
    font-weight: 400; }

  .rubr-title-sb {
    font-size: 1.3em;
    padding-top: 1em; }

  .rubr-title-sb2 {
    font-size: 1.5em;
    padding-top: 0.6em; }

  .rubr-title-sb:first-letter {
    font-size: 1.4em;
    color: #16536e;
    font-weight: 500; }

  .rubr-title-red {
    font-size: 1.4em;
    font-weight: 500;
    padding-top: 0.7em; }

  .rubr-auto-col {
    width: 20%; }

  .rubr-sidebar {
    left: 530px;
    width: 280px; }

  .rubr-title-sidebar {
    margin: 1.5em 0;
    font-size: 1.3em;
    line-height: 1.5em;
    color: #333;
    text-shadow: 1px 1px #fff;
    text-transform: uppercase;
    font-weight: 300; }

  .rubr-title-sidebar:first-letter {
    font-size: 1.4em;
    color: #16536e;
    font-weight: 500; }

  .rubr-cont p {
    font-size: 1.15em;
    line-height: 1.8em; } }
@media screen and (min-width: 901px) {
  .rubr-container {
    width: 100%;
    position: relative; }

  .rubr-title-img {
    width: 11%; } }
@media screen and (min-width: 950px) {
  .rubr-sidebar {
    left: 500px;
    width: 300px; } }
@media screen and (min-width: 1000px) {
  .rubr-sidebar {
    left: 570px; }

  .rubr-title-img {
    width: 10%;
    margin: 0 .5em 1em 0; } }
@media screen and (min-width: 1100px) {
  .rubr-sidebar {
    left: 600px; }

  .rubr-cont p {
    font-size: 1.2em;
    line-height: 1.8em;
    padding: .4em 0; } }
@media screen and (min-width: 170px) {
  .content-others {
    display: block;
    position: relative;
    background: #16536e;
    width: 100%;
    margin: 0;
    padding: 1em 0 3em;
    height: 100%;
    float: none;
    min-height: 300px; }

  .rubr-others {
    width: 100%;
    margin: 1em 0 0 0;
    padding: 0 0 2em; }

  .content-others-info {
    padding: 1em;
    margin: 0;
    height: 100%; }

  .content-others-info p {
    color: #fff;
    margin: 0;
    font-size: 1em;
    line-height: 1.7em;
    text-align: justify;
    padding: .5em 0; }

  p.others-info-title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.1em;
    color: #fff;
    padding: .5em 0; }

  p.rubr-info-title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.1em;
    color: #fff;
    padding: 1em; }

  ol, ul {
    list-style: none; }

  .view {
    width: 48%;
    margin: .5em 2% .5em 0;
    float: left;
    border: 5px solid #fff;
    padding: 0;
    position: relative;
    text-align: center;
    float: left;
    cursor: pointer; }

  .view-otziv-cont {
    width: 48%;
    margin: .5em 1%;
    float: left;
    border: 5px solid #e0e0e4;
    height: auto;
    padding: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer; }

  .view-cont {
    width: 48%;
    margin: .5em 1%;
    float: left;
    border: 5px solid #e0e0e4;
    height: auto;
    padding: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer; }

  .mask {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8% 0 0 25%; }

  .view-others img {
    margin: 0;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    vertical-align: bottom;
    -webkit-transition: all .4s ease-in-out .5s;
    -moz-transition: all .4s ease-in-out .5s;
    -o-transition: all .4s ease-in-out .5s;
    -ms-transition: all .4s ease-in-out .5s;
    transition: all .4s ease-in-out .5s; }

  .view-others .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .3s ease-in .2s;
    -moz-transition: all .3s ease-in .2s;
    -o-transition: all .3s ease-in .2s;
    -ms-transition: all .3s ease-in .2s;
    transition: all .3s ease-in .2s; }

  .view-others .mask img {
    width: 70%;
    height: 85%;
    padding: 15%;
    vertical-align: middle; }

  .view-others:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -ms-transition-delay: 0;
    transition-delay: 0; } }
@media screen and (min-width: 350px) {
  .view, .view-cont {
    width: 49%;
    margin: .5em 1% .5em 0; } }
@media screen and (min-width: 480px) {
  .others-info-title {
    font-size: 1.15em; }

  .view, .view-cont {
    width: 32.33%;
    margin: .5em 1% .5em 0; }

  .view-otziv-cont {
    width: 33%;
    margin: .5em 3% .5em 0; } }
@media screen and (min-width: 600px) {
  .content-others-info {
    font-size: 1.2em; } }
@media screen and (min-width: 728px) {
  .content-others-info {
    margin: 0 auto;
    padding: 1em 2em;
    margin: 0 auto;
    line-height: 1.8em;
    text-align: justify; }

  .content-others-info p {
    padding: 1em 2em; }

  .view, .view-cont {
    width: 24%; } }
@media screen and (min-width: 801px) {
  .content-others-info {
    max-width: 850px;
    padding: .7em 0 2em;
    margin: 0; }

  p.others-info-title {
    font-size: 1.1em;
    padding: 0 .5em 0 2em; } }
@media screen and (min-width: 901px) {
  .rubr-others {
    background: none; }

  p.rubr-info-title {
    display: none; } }
@media screen and (min-width: 1000px) {
  .content-others-info {
    padding: 1em 0 2em 0; } }
@media screen and (min-width: 1100px) {
  .content-others-info {
    padding: 1em 0 2em; } }
@media screen and (min-width: 170px) {
  #footer {
    height: auto;
    display: block;
    position: relative;
    margin: 0;
    background: #07111a;
    color: #fff;
    font-size: 1em;
    line-height: 1.7em;
    text-align: justify;
    -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.3);
    bottom: 0; }

  .foot-cnt {
    padding: 0 1em 1em; }

  .foot-cnt p {
    margin: 1em 0;
    font-size: 1em;
    line-height: 1.8em; }

  .foot-cnt span {
    font: 1em 'Roboto','Helvetica',sans-serif;
    margin: 0;
    padding: 1em 0;
    font-weight: 500;
    line-height: 1.2em;
    text-transform: uppercase; }

  .foot-info {
    margin: 1em 0 2em 0;
    padding: 1em 0;
    border-bottom: 1px solid #fff; }

  .foot-info a {
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid #fff; }

  .foot-info a:hover {
    color: #f45c5c; } }
@media screen and (min-width: 580px) {
  #footer {
    font-size: 1.1em; }

  .foot-cnt {
    padding: 0 1.5em 1em; }

  .foot-cnt p {
    font-size: .9em; }

  .foot-cnt span {
    font: 1.1em 'Roboto','Helvetica',sans-serif; } }
@media screen and (min-width: 728px) {
  .foot-cnt {
    font-size: 1.1em;
    line-height: 1.8em;
    padding: 0 2em 1em; }

  .foot-info {
    margin: -2em 0 2em 0; } }
@media screen and (min-width: 801px) {
  #footer {
    font-size: 1em;
    line-height: 1.8em;
    bottom: 0;
    padding: 0;
    width: 100%; }

  .foot-cnt {
    max-width: 850px;
    padding: 0 1em 1em; } }
@media screen and (min-width: 850px) {
  .foot-cnt {
    padding: 0 1em 2em 2.5em; } }
@media screen and (min-width: 1100px) {
  .foot-cnt {
    padding: 0 0 2em 2.5em; } }