.btn, .content-title.center {
    text-align: center
}

.btn, a, img {
    border: 0
}

.btn, .wrapper {
    box-sizing: border-box
}

.catList-paramsList li, .lineList li, .reference-list li, .vacancyTextList li {
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.catCertifItem table, .charTable, .orderTable {
    table-layout: fixed
}

.albumSlider #carousel .slides, .albumSlider #slider .flex-direction-nav, .catList-paramsList, .contact-list, .content-breadcrumbs, .content-left-menu, .content-left-subMenu, .content-tab-list, .custSelect-options, .flexCarousel .flex-direction-nav, .headerMain .subMenu, .headerMain-menu, .headerMobileAccordion-menu, .headerTop-menu, .historySlider .flex-control-thumbs, .lineList, .mainCatalogue-list, .orgInfo-list, .reference-list, .saleList-subBlock, .saleList-subBlock li > ul, .siteMap-clm-list, .siteMap-clm-list ul, .tab-list, .todayInnList, .vacancyTextList {
    list-style: none
}

@font-face {
    font-family: Formular;
    src: url(/fonts_core/formular-bold.eot);
    src: url(/fonts_core/formular-bold.eot?#iefix) format('embedded-opentype'), url(/fonts_core/formular-bold.woff) format('woff'), url(/fonts_core/formular-bold.ttf) format('truetype'), url(/fonts_core/formular-bold.svg#Formular-Bold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Formular;
    src: url(/fonts_core/formular-lightitalic.eot);
    src: url(/fonts_core/formular-lightitalic.eot?#iefix) format('embedded-opentype'), url(/fonts_core/formular-lightitalic.woff) format('woff'), url(/fonts_core/formular-lightitalic.ttf) format('truetype'), url(/fonts_core/formular-lightitalic.svg#Formular-LightItalic) format('svg');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Formular;
    src: url(/fonts_core/formular-medium.eot);
    src: url(/fonts_core/formular-medium.eot?#iefix) format('embedded-opentype'), url(/fonts_core/formular-medium.woff) format('woff'), url(/fonts_core/formular-medium.ttf) format('truetype'), url(/fonts_core/formular-medium.svg#Formular-Medium) format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Formular;
    src: url(/fonts_core/formular-regular.eot);
    src: url(/fonts_core/formular-regular.eot?#iefix) format('embedded-opentype'), url(/fonts_core/formular-regular.woff) format('woff'), url(/fonts_core/formular-regular.ttf) format('truetype'), url(/fonts_core/formular-regular.svg#Formular) format('svg');
    font-weight: 400;
    font-style: normal
}

* {
    margin: 0;
    padding: 0
}

body {
    background: #fff;
    color: #36363d;
    font-family: Formular;
    font-size: 13px;
    overflow-x: hidden;
    position: relative
}

body.notFound {
    background: #006dc6
}

body.notFound .content {
    color: #fff;
    height: 500px
}

body.notFound .content-title {
    color: #fff
}

.wrapper {
    width: 93.75%;
    max-width: 960px;
    margin: 0 auto
}

.clear {
    clear: both
}

.content-left {
    width: 20.83%;
    margin-right: 4.16%;
    float: left
}

.content-right {
    width: 75.01%;
    float: left
}

.content-right.fullWidth {
    width: 100%;
    float: none
}

.content .fullBlock {
    width: 133.33%;
    margin-left: -33.33%
}

@media screen and (max-width: 960px) {
    .content .fullBlock {
        width: 100%;
        margin-left: 0;
        transition: width .2s ease, margin .2s ease
    }

    .content-left {
        display: none
    }

    .content-right {
        width: 100%
    }
}

.content-left-menu {
    margin-top: 5px;
    position: absolute;
    left: 30px;
    width: 240px
}

.content-left-menu li {
    margin-bottom: 14px
}

.content-left-menu li a, .content-left-menu li span {
    display: inline-block
}

.content-left-menu li a.active, .content-left-menu li span.active {
    background: #d7d8dd;
    padding: 5px 10px;
    margin-left: -10px;
    color: #000;
    text-decoration: none
}

.content-left-menu li a.active ~ .content-left-subMenu, .content-left-menu li span.active ~ .content-left-subMenu {
    display: block
}

.content-left-subMenu {
    display: none;
    padding-left: 20px;
    margin-top: 14px;
    margin-bottom: 25px
}

.content-left-subMenu li a.active, .content-left-subMenu li span.active {
    padding: 0;
    margin: 0;
    font-weight: 700;
    background: 0 0
}

.content-left-info {
    padding: 20px;
    background: #f5f1d9;
    margin-left: -20px;
    line-height: 20px;
    margin-top: 100px
}

.content-left-info-title {
    font-weight: 700;
    color: #cb3c23;
    margin-bottom: 20px
}

.content-left-info-text {
    color: #000
}

.content-left-infoContact {
    position: relative;
    margin-top: -5px
}

.content-left-infoContact .infoContact-img {
    display: none;
    width: 24px;
    height: 24px;
    background: #fff;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
    position: absolute;
    top: 5px;
    left: 0
}

.content-left-infoContact p {
    margin-bottom: 0 !important
}

.content-breadcrumbs {
    margin-top: -15px;
    margin-bottom: 5px;
    color: #76777e;
    font-size: 0
}

.content-breadcrumbs li {
    font-size: 13px;
    display: inline-block;
    line-height: 25px
}

.content-breadcrumbs li:after {
    content: '/';
    display: inline-block;
    margin: 0 5px
}

.cableForm-row:after, .dnlLink:before, .foldBlock-title:after, .itemsList-item:after, .itemsList-itemImg:after {
    content: ''
}

.content-breadcrumbs li a {
    color: #76777e
}

.content-breadcrumbs li a:hover {
    color: #36363d
}

.content-breadcrumbs li a:hover:after {
    color: #76777e
}

@media screen and (max-width: 500px) {
    .content-breadcrumbs {
        display: none
    }
}

.content-title {
    font-size: 37px;
    line-height: 40px;
    margin-bottom: 30px;
    color: #000;
    font-weight: 400;
    margin-top: 40px;
    display: none
}

.custCheck-mark, .custRadio {
    display: inline-block
}

.content-title.top {
    margin-top: 0
}

.content-title .dnlLink {
    float: right;
    margin-top: 10px
}

@media screen and (max-width: 500px) {
    .content-title .dnlLink {
        margin-top: 0
    }
}

@media screen and (max-width: 400px) {
    .content-title {
        font-size: 27px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

.content .imgLeft {
    margin-right: 20px;
    margin-bottom: 20px;
    float: left
}

.content .imgFull {
    width: 100%;
    height: auto
}

.content blockquote {
    font-size: 19px;
    line-height: 30px;
    font-style: italic;
    color: #000;
    margin-bottom: 30px
}

@media screen and (max-width: 960px) {
    .content blockquote {
        margin-left: 0
    }
}

@media screen and (max-width: 400px) {
    .content blockquote {
        font-size: 17px;
        line-height: 25px
    }
}

.btn, .custSelect-window {
    font-family: Formular;
    line-height: 40px;
    outline: 0
}

.btn {
    background-color: #cb3c23;
    color: #fff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    transition: background .2s, box-shadow .2s, color .2s;
    cursor: pointer;
    height: 40px;
    font-size: 19px
}

.btn:hover {
    background-color: #d9452b
}

.btn:active {
    background-color: #b9351e;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3) inset
}

.btn:disabled {
    background-color: #fff;
    border: 2px solid #b2b3be;
    color: #76777e;
    box-shadow: none
}

.cableTable {
    width: 100%;
    font-size: 15px
}

.cableTable thead th {
    background: #f0f0f2;
    padding: 17px 10px;
    font-size: 13px;
    color: #76777e;
    text-align: left;
    font-weight: 400;
    border-bottom: 1px solid #d7d8dd
}

.cableTable tr {
    transition: background .2s ease
}

.cableTable tr.hover, .cableTable tr:focus, .cableTable tr:hover {
    background: #f5f1d9
}

.cableTable td {
    padding: 15px 10px;
    border-bottom: 1px solid #d7d8dd
}

.cableTable tr td:first-child, .cableTable tr th:first-child {
    padding-left: 20px
}

.cableTable tr td:last-child, .cableTable tr th:last-child {
    padding-right: 20px
}

.cableTable input[type=text] {
    height: 40px;
    width: 80px;
    margin-right: 10px;
    font-size: 17px
}

.custCheck-mark, .custRadio-mark {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    box-sizing: border-box
}

.cableTable input[type=text]:focus {
    background: #fff
}

.custCheck {
    vertical-align: middle;
    position: relative
}

.custCheck input[type=checkbox] {
    visibility: hidden;
    position: absolute;
    pointer-events: none
}

.custRadio, .custRadio-mark {
    vertical-align: middle;
    position: relative
}

.custCheck-mark {
    background-color: #f0f0f2;
    border: 1px solid #cfd0d4;
    vertical-align: middle;
    transition: background-color .2s, border .2s
}

input[type=checkbox]:checked ~ .custCheck-mark {
    background-color: #fff;
    background-image: url(/img_core/svg/check.svg);
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid #cb3c23
}

input[type=checkbox].error ~ .custCheck-mark {
    border: 2px solid #cb3c23
}

input[type=checkbox].error ~ .custCheck-text {
    color: #cb3c23
}

.custCheck:hover .custCheck-mark {
    border: 2px solid #b2b3be
}

.custCheck.disable {
    color: #95969e
}

.custCheck.disable .custCheck-mark {
    border-color: #cfd0d4;
    background: #fff
}

.custCheck.disable:hover .custCheck-mark {
    border-width: 1px;
    border-color: #cfd0d4;
    background: #fff
}

.custRadio input[type=radio] {
    display: none
}

.custRadio-mark {
    display: inline-block;
    background: #f0f0f2;
    border: 1px solid #cfd0d4;
    transition: background .2s, border .2s;
    border-radius: 50%
}

.custSelect-arrow, .custSelect-options li, .custSelect-window {
    transition: background .2s;
    cursor: pointer
}

input[type=radio]:checked ~ .custRadio-mark {
    border: 2px solid #cb3c23
}

input[type=radio]:checked ~ .custRadio-mark:after {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 50%;
    margin-top: -3px;
    left: 50%;
    margin-left: -3px;
    background: #cb3c23
}

.custRadio:hover .custRadio-mark {
    border: 2px solid #b2b3be
}

.custSelect {
    height: 40px;
    position: relative
}

.custSelect-window {
    width: 100% !important;
    height: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 40px;
    background: #fff;
    border: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3) inset;
    font-size: 19px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.custSelect-window:focus {
    background: #f5d9d9;
    padding-right: 40px
}

.custSelect.error .custSelect-window {
    background: #f5d9d9
}

.custSelect-arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/img/select-arrow.png) center center no-repeat #b2b3be
}

.custSelect-arrow:hover {
    background-color: #9698a7
}

.custSelect-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #d7d8dd;
    z-index: 10;
    max-height: 340px;
    overflow-y: auto
}

.custFile, .dnlLink, .dnlLink-size, .dnlLink:before {
    display: inline-block
}

.custSelect-options li {
    padding: 5px 10px;
    font-size: 19px;
    color: #000
}

.custSelect-options li:hover {
    background: #f5f1d9
}

.custSelect select {
    position: absolute;
    top: 0;
    left: -9000px
}

.custSelect select:focus ~ .custSelect-window {
    background: #f5f1d9 !important
}

.custSelect select.error ~ .custSelect-window {
    background: #f5d9d9 !important
}

.custFile {
    overflow: hidden;
    position: relative
}

.custFile input[type=file] {
    position: absolute;
    top: 0;
    left: -9999px
}

.custFile input[type=file].error ~ .custFile-text {
    color: #cb3c23
}

.custFile-text {
    color: #095bba;
    text-decoration: underline;
    margin-right: 5px;
    cursor: pointer
}

.custFile-text:hover {
    color: #cb3c23
}

.dnlLink {
    text-decoration: none;
    position: relative;
    padding-left: 42px;
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 13px
}

.dnlLink:before {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 0;
    background-image: url(/img_core/svg/sprite-downloadIcons.svg)
}

.dnlLink-text {
    text-decoration: underline
}

.dnlLink-size {
    color: #76777e
}

.dnlLink.xlsType:before {
    background-position: 0 0
}

.dnlLink.pdfType:before {
    background-position: -33px 0;
    width: 31px
}

.dnlLink.jpgType:before {
    background-position: -64px 0
}

.dnlLink.zipType:before {
    background-position: -96px 0
}

.dnlLink.docType:before {
    background-position: -128px 0
}

.dnlLink.rarType:before {
    background-position: -160px 0
}

.foldBlock {
    padding: 0 20px;
    margin-left: -21px;
    border: 1px solid transparent;
    transition: border .2s;
    width: 100%
}

.foldBlock:hover {
    border-color: #d7d8dd
}

.foldBlock-title {
    font-size: 19px;
    padding: 10px 25px 10px 0;
    color: #095bba;
    transition: color .2s;
    cursor: pointer;
    position: relative
}

.foldBlock-title span {
    transition: border .2s;
    border-bottom: 1px dotted #095bba
}

.foldBlock-title:after {
    width: 14px;
    height: 14px;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 0;
    background: url(/img_core/svg/sprite-foldBlock.svg) no-repeat
}

.foldBlock-title:hover {
    color: #cb3c23
}

.foldBlock-title:hover span {
    border-color: #cb3c23
}

.foldBlock-title:hover:after {
    background-position: -14px 0
}

.foldBlock.open {
    border-color: #d7d8dd;
    padding-bottom: 20px
}

.foldBlock.open .foldBlock-title {
    color: #000
}

.foldBlock.open .foldBlock-title span {
    border-color: transparent
}

.foldBlock.open .foldBlock-title:after {
    background: url(/img_core/svg/sprite-foldBlock.svg) -28px 0 no-repeat
}

.foldBlock.open .foldBlock-title:hover:after {
    background-position: -42px 0
}

.foldBlock-content {
    display: none;
    margin-top: 10px
}

@media screen and (max-width: 960px) {
    .foldBlock {
        margin-left: 0;
        box-sizing: border-box
    }
}

@media screen and (max-width: 400px) {
    .foldBlock-title {
        font-size: 17px;
        line-height: 25px
    }
}

.tab-list {
    font-size: 0
}

.tab-list li {
    display: inline-block
}

.tab-block {
    display: none
}

.tab-list.theme-simple {
    margin-left: -10px;
    margin-bottom: 40px
}

.tab-list.theme-simple li {
    font-size: 19px;
    color: #36363d;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.tab-list.theme-simple li a, .tab-list.theme-simple li span {
    border-bottom: 1px dotted #36363d;
    text-decoration: none;
    font-size: 19px;
    color: #36363d
}

.tab-list.theme-simple li .count {
    margin-left: 5px;
    color: #76777e;
    border-color: transparent
}

.tab-list.theme-simple li:hover {
    color: #cb3c23
}

.tab-list.theme-simple li:hover a, .tab-list.theme-simple li:hover span {
    border-color: #cb3c23;
    color: #cb3c23
}

.tab-list.theme-simple li:hover .count {
    border-color: transparent
}

.tab-list.theme-simple li.active {
    background: #d7d8dd;
    color: #000;
    cursor: default
}

.tab-list.theme-simple li.active a, .tab-list.theme-simple li.active span {
    border-color: transparent;
    color: #000
}

@media screen and (max-width: 400px) {
    .tab-list.theme-simple {
        margin-left: 0;
        margin-bottom: 20px
    }

    .tab-list.theme-simple li {
        font-size: 17px;
        height: 30px;
        line-height: 30px
    }
}

.tab-list.theme-catalogue li {
    height: 50px;
    font-size: 19px;
    line-height: 50px;
    color: #36363d;
    padding: 0 15px;
    background: #f0f0f2;
    transition: background .2s, border .2s;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: top;
    border: 1px solid #f0f0f2;
    border-bottom-color: #d7d8dd
}

.tab-list.theme-catalogue li a, .tab-list.theme-catalogue li span {
    border-bottom: 1px dotted #36363d;
    font-size: 19px;
    color: #36363d;
    text-decoration: none
}

.tab-list.theme-catalogue li:hover {
    background: #d7d8dd;
    border-color: #d7d8dd
}

.tab-list.theme-catalogue li.active {
    background: #fff;
    color: #000;
    border: 1px solid #d7d8dd;
    border-bottom-color: #fff;
    margin: 0
}

.tab-list.theme-catalogue li.active span {
    border-color: transparent
}

.tab-content.theme-catalogue .tab-block {
    border: 1px solid #d7d8dd;
    padding: 30px 40px;
    margin-top: -1px
}

.cableForm {
    width: 100%;
    padding: 20px;
    background: #f0f0f2;
    margin-left: -20px;
    position: relative
}

.cableForm .required {
    border-left: 2px solid #cb3c23
}

.cableForm-block {
    margin-bottom: 40px
}

.cableForm-title {
    font-size: 15px;
    color: #010101;
    font-weight: 700;
    margin-bottom: 20px
}

.cableForm-row {
    font-size: 0;
    margin-bottom: 20px;
    position: relative
}

.cableForm-row:after {
    display: table;
    width: 100%;
    clear: both
}

.cableForm-row label {
    width: 31.42%;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    line-height: 20px;
    font-size: 13px
}

.cableForm-row label strong {
    font-size: 15px;
    color: #000
}

@media screen and (max-width: 600px) {
    .cableForm-row label {
        width: 100%;
        margin-bottom: 10px
    }
}

.cableForm-row input {
    width: 68.58%;
    display: inline-block;
    vertical-align: top;
    height: 40px;
    background: #fff;
    font-size: 19px;
    color: #000
}

.cableForm-row input.short {
    width: 24.28%
}

.cableForm-row input.medium {
    width: 35.71%
}

@media screen and (max-width: 600px) {
    .cableForm-row input, .cableForm-row input.medium, .cableForm-row input.short {
        width: 100%
    }

    .cableForm-row input.captcha-input {
        width: 130px
    }
}

.cableForm-row textarea {
    width: 68.58%;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    font-size: 13px;
    color: #000;
    height: 100px;
    resize: none
}

.cableForm-row textarea.small {
    height: 60px
}

.cableForm-row textarea.big {
    height: 120px
}

@media screen and (max-width: 600px) {
    .cableForm-row textarea {
        width: 100% !important
    }
}

.cableForm-row .custSelect {
    display: inline-block;
    width: 68.58%
}

.cableForm-row .custSelect.short {
    width: 24.28%
}

.cableForm-row .custSelect.year {
    width: 15.27%;
    margin-right: 10px
}

.cableForm-row .custSelect.month {
    width: 22.22%;
    margin-right: 10px
}

.cableForm-row .custSelect.day {
    width: 13%
}

.cableForm-row .ruble {
    display: inline-block;
    color: #000;
    font-size: 22px;
    line-height: 40px;
    margin-left: 10px
}

@media screen and (max-width: 600px) {
    .cableForm-row .custSelect, .cableForm-row .custSelect.day, .cableForm-row .custSelect.month, .cableForm-row .custSelect.short, .cableForm-row .custSelect.year {
        width: 100%
    }

    .cableForm-row .custSelect.day, .cableForm-row .custSelect.month {
        margin-top: 10px
    }

    .cableForm-row .ruble {
        width: 40px;
        height: 40px;
        margin-left: -40px;
        background: #f0f0f2;
        text-align: center;
        line-height: 40px
    }
}

.cableForm-row .captcha {
    display: inline-block;
    margin-right: 10px
}

.cableForm-row button[type=submit] {
    padding: 0 20px;
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (max-width: 800px) {
    .cableForm-row button[type=submit] {
        position: static;
        display: block;
        margin-top: 20px
    }
}

.cableForm .legalTerms {
    color: #76777e
}

.cableForm .legalTerms-title {
    font-size: 15px;
    color: #76777e;
    border-bottom: 1px dashed #76777e;
    display: none;
    cursor: pointer;
    margin-bottom: 10px
}

@media screen and (max-width: 600px) {
    .cableForm .legalTerms-title {
        display: inline-block
    }

    .cableForm .legalTerms-text {
        display: none
    }
}

.cableForm.error ~ .cableForm-status {
    display: none;
    color: #cb3c23;
    background: #f5d9d9
}

.cableForm.success ~ .cableForm-status {
    display: block;
    color: #328d54;
    background: #cef3d1
}

.cableForm-status {
    padding: 10px 20px;
    text-align: center;
    display: none;
    line-height: 20px;
    margin-bottom: 30px;
    width: 100%;
    margin-left: -20px
}

.cableForm-status.simple {
    width: auto;
    margin-left: 0
}

@media screen and (min-width: 601px) and (max-width: 800px) {
    .cableForm-status {
        margin-left: 0;
        box-sizing: border-box
    }
}

@media screen and (max-width: 600px) {
    .cableForm-status {
        margin-top: 20px;
        margin-left: -20px !important;
        margin-right: -20px;
        margin-bottom: -20px
    }
}

.vacancyDoneMessage {
    height: 50px;
    line-height: 50px;
    color: #2d8e4d;
    background: #cef3d0;
    text-align: center
}

.itemsList-item {
    margin-bottom: 40px
}

.itemsList-itemImg {
    display: block;
    width: 18.05%;
    margin-right: 4.16%;
    float: left;
    position: relative;
    background: #f0f0f2;
    font-size: 0;
    text-decoration: none
}

.itemsList-itemImg img {
    width: 100%;
    height: auto
}

.itemsList-itemImg:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #fff;
    position: absolute;
    bottom: 0;
    right: 0
}

.itemsList-itemImg:hover ~ .itemsList-itemContent .itemsList-itemTitle a {
    color: #cb3c23
}

.itemsList-itemContent {
    width: 77.77%;
    float: left
}

.itemsList-itemDate {
    font-size: 13px;
    color: #76777e;
    line-height: 20px
}

.itemsList-itemTitle {
    font-size: 19px;
    line-height: 30px
}

@media screen and (max-width: 400px) {
    .itemsList-itemTitle {
        font-size: 17px;
        line-height: 25px
    }
}

.itemsList-itemText {
    color: #36363d;
    margin-bottom: 10px;
    line-height: 20px
}

.itemsList-itemMarco {
    font-weight: 700;
    color: #000
}

.itemsList-itemMarco span {
    font-weight: 400
}

.itemsList-itemInfo span, .mainTrust-sign {
    font-weight: 700
}

.itemsList-itemInfo {
    font-size: 13px;
    line-height: 20px;
    background: #f0f0f2;
    padding: 7px 10px;
    display: inline-block;
    margin-left: -10px
}

.itemsList-itemInfo:before {
    display: inline-block;
    padding: 3px 5px;
    margin-right: 10px;
    line-height: normal;
    color: #fff
}

.flexCarousel-itemTitle, .lineList {
    line-height: 20px
}

.itemsList-item:after {
    width: 100%;
    display: table;
    clear: both
}

.itemsList-item.newIcon .itemsList-itemImg:before {
    content: 'Новинка';
    position: absolute;
    font-size: 13px;
    top: 10px;
    left: -10px;
    background: #006dc6;
    color: #fff;
    padding: 2px 5px
}

.itemsList-item.bigImg .itemsList-itemImg {
    width: 29.16%
}

.itemsList-item.bigImg .itemsList-itemImg:after {
    border-width: 0 0 25px 25px
}

.itemsList-item.bigImg .itemsList-itemContent {
    width: 66.66%
}

.itemsList-item.fullWidth .itemsList-itemImg {
    width: 14.77%;
    margin-right: 3.4%
}

.itemsList-item.fullWidth .itemsList-itemContent {
    width: 81.8%
}

.itemsList .blocker {
    display: none
}

.itemsList.loading {
    position: relative;
    animation: loading 1.2s infinite linear
}

.itemsList.loading .blocker {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0
}

@keyframes loading {
    0%, 100% {
        opacity: .3
    }
    50% {
        opacity: .7
    }
}

@media screen and (max-width: 550px) {
    .itemsList-item .itemsList-itemContent, .itemsList-item.bigImg .itemsList-itemContent, .itemsList-item.fullWidth .itemsList-itemContent {
        width: 100%;
        float: none
    }

    .itemsList-item .itemsList-itemImg, .itemsList-item.bigImg .itemsList-itemImg, .itemsList-item.fullWidth .itemsList-itemImg {
        width: auto;
        max-width: 50%
    }

    .itemsList-item .itemsList-itemText:before, .itemsList-item.bigImg .itemsList-itemText:before, .itemsList-item.fullWidth .itemsList-itemText:before {
        content: '';
        display: table;
        width: 100%;
        padding-top: 10px
    }
}

.siteMap {
    font-size: 0
}

.siteMap-clm {
    width: 25%;
    display: inline-block;
    vertical-align: top
}

.siteMap-clm-title {
    font-size: 19px;
    color: #000;
    margin-bottom: 10px
}

.siteMap-clm-list {
    font-size: 13px
}

.siteMap-clm-list ul {
    margin: 14px 0 28px;
    padding-left: 20px
}

.siteMap-clm-list li {
    margin-bottom: 14px
}

@media screen and (max-width: 800px) {
    .siteMap-clm {
        width: 50%;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 450px) {
    .siteMap-clm {
        width: 100%
    }

    .siteMap-clm-title {
        font-size: 17px
    }
}

.flexCarousel {
    position: relative
}

.flexCarousel-item {
    display: none
}

.flexCarousel-itemImg {
    margin-bottom: 15px
}

.flexCarousel .flex-direction-nav li a {
    display: block;
    width: 8px;
    height: 14px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    background-image: url(/img_core/svg/sprite-arrowSmall.svg);
    font-size: 0;
    outline: 0
}

.flexCarousel .flex-direction-nav li a.flex-prev {
    left: 0;
    background-position: 0 0
}

.flexCarousel .flex-direction-nav li a.flex-prev:hover {
    background-position: -16px 0
}

.flexCarousel .flex-direction-nav li a.flex-next {
    right: 0;
    background-position: -8px 0
}

.flexCarousel .flex-direction-nav li a.flex-next:hover {
    background-position: -24px 0
}

.lineList {
    margin-bottom: 20px
}

.lineList strong {
    display: block;
    margin-bottom: 10px
}

.lineList li {
    padding-left: 16px;
    margin-bottom: 10px
}

.lineList li:before {
    content: '—';
    display: inline-block;
    margin-right: 5px;
    margin-left: -16px
}

.b-pagination {
    font-size: 0;
    margin-top: 60px
}

.b-pagination--el {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 5px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: top;
    border: 2px solid transparent
}

.b-pagination--el a {
    display: inline-block;
    text-decoration: none;
    color: #36363d;
    line-height: 30px;
    width: 100%
}

.b-pagination--el:hover {
    border: 2px solid #b2b3be;
    line-height: 30px
}

.b-pagination--el__current {
    background: #d7d8dd;
    cursor: default
}

.b-pagination--el__current:hover {
    border-color: #d7d8dd
}

.b-pagination--el__first, .b-pagination--el__last, .b-pagination--el__next {
    width: auto;
    border: 2px solid #b2b3be;
    line-height: 30px;
    padding: 0 .8em
}

.b-pagination--el__first:hover, .b-pagination--el__last:hover, .b-pagination--el__next:hover {
    border-color: #cb3c23;
    color: #cb3c23
}

.b-pagination--el__prev {
    font-size: 0;
    background-image: url(/img_core/svg/sprite-arrowSquare.svg);
    background-repeat: no-repeat;
    border: 0
}

.b-pagination--el__prev a {
    line-height: 34px
}

.b-pagination--el__prev:hover {
    border: 0;
    background-position: -68px 0
}

.blockFullWidth {
    margin-left: -1000px;
    margin-right: -1000px
}

.social {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/img_core/svg/sprite-social.svg)
}

.social.vk {
    background-position: 0 0
}

.social.fb {
    background-position: -16px 0
}

.social.tw {
    background-position: -32px 0
}

.social.in {
    background-position: -48px 0
}

.social.yt {
    background-position: -64px 0
}

.social.ok {
    background-position: -80px 0
}

.headerTop {
    height: 50px;
    background: #006dc6;
    color: #fff
}

.headerTop .wrapper {
    display: table
}

.headerTop a {
    color: #fff;
    line-height: 50px
}

.headerTop a.toflex {
    color: #b2b3be;
    margin-left: 40px
}

.headerTop a:hover {
    color: #d7d8dd
}

.headerTop-center, .headerTop-left, .headerTop-logo, .headerTop-right {
    display: table-cell;
    vertical-align: middle
}

.headerTop-logo {
    padding-right: 40px;
    line-height: normal !important
}

.headerTop-menu {
    font-size: 0
}

.headerTop-menu li {
    font-size: 13px;
    display: inline-block;
    color: #fff
}

.headerTop-left .headerTop-menu li {
    margin-right: 15px
}

.headerTop-center {
    font-size: 0
}

.headerTop-center span {
    font-size: 13px;
    margin-right: 15px
}

.headerTop-right {
    text-align: right
}

.headerTop-right .headerTop-menu li {
    margin-left: 16px
}

@media screen and (max-width: 960px) {
    .headerTop-center {
        text-align: right
    }

    .headerTop-left li {
        display: none
    }

    .headerTop-left li:nth-last-child(1), .headerTop-left li:nth-last-child(2) {
        display: inline-block
    }

    .headerTop-left li:nth-last-child(1) a {
        margin-left: 0
    }
}

@media screen and (max-width: 630px) {
    .header {
        margin-bottom: 40px
    }

    .headerTop {
        display: none
    }
}

.menuIcon, .personIcon {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle
}

.personIcon {
    width: 16px;
    height: 15px;
    background: url(/img_core/svg/sprite-header.svg) -32px 0 no-repeat
}

a:hover .personIcon {
    background-position: -48px 0
}

.menuIcon {
    width: 18px;
    height: 18px;
    background: url(/img_core/svg/sprite-header.svg) -64px 0 no-repeat
}

.headerTop.fixed {
    background: rgba(237, 237, 239, .95);
    position: fixed;
    top: -50px;
    left: 0;
    right: 0;
    color: #000;
    transition: top .2s ease;
    z-index: 100
}

.headerTop.fixed a {
    color: #095bba
}

.headerTop.fixed a:hover {
    color: #cb3c23
}

.headerTop.fixed .headerTop-left a {
    color: #000
}

.headerTop.fixed .headerTop-left a:hover {
    color: #cb3c23
}

.headerTop.fixed.show {
    top: 0
}

.headerTop.fixed .headerTop-right span {
    color: #000
}

.headerTop.fixed .personIcon {
    background: url(/img/person-sprite.png) -48px 0 no-repeat
}

.headerTop.fixed a:hover .personIcon {
    background-position: -32px 0
}

@media screen and (max-width: 950px) {
    .headerTop.fixed .headerTop-left {
        display: none
    }

    .headerTop.fixed .headerTop-center {
        text-align: center
    }
}

.headerMain {
    margin: 34px 0 54px
}

.headerMain .wrapper {
    display: table
}

.headerMain-left, .headerMain-right {
    display: table-cell;
    vertical-align: middle
}

.headerMain-logo {
    max-width: 100%;
    height: auto
}

.headerMain-right {
    text-align: right
}

.headerMain-menu {
    font-size: 0
}

.headerMain-menu > li {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    height: 40px;
    border: 2px solid transparent;
    padding: 0 15px;
    line-height: 36px;
    transition: all .2s;
    box-sizing: border-box
}

.headerMain-menu > li > a {
    font-size: 19px;
    color: #000;
    display: block;
    height: 100%
}

.headerMain-menu > li.active {
    background: #36363d;
    border: 0;
    line-height: 40px
}

.headerMain-menu > li.active > a {
    color: #fff;
    text-decoration: none
}

.headerMain-menu > li:hover {
    color: #36363d;
    border-color: #b2b3be
}

.headerMain .subMenu {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: 10px;
    left: 0;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    z-index: 50
}

.headerMain .subMenu:before {
    content: '';
    position: absolute;
    height: 10px;
    top: -10px;
    left: 0;
    right: 0;
    background: 0 0
}

.headerMain .subMenu > li {
    height: auto;
    line-height: normal
}

.headerMain .subMenu li + li {
    margin-top: 14px
}

.headerMain .subMenu > li > a {
    font-size: 13px;
    white-space: nowrap
}

.headerMain-eng {
    color: #cb3c23;
    display: none
}

@media screen and (min-width: 631px) and (max-width: 960px) {
    .headerMain .wrapper {
        display: block
    }

    .headerMain-left {
        display: block;
        margin-bottom: 20px
    }

    .headerMain-right {
        display: block;
        text-align: left
    }

    .headerMain-menu > li {
        margin-left: 0;
        margin-right: 5px
    }

    .headerMain-menu > li.active > a:after {
        content: '▼';
        font-size: 14px;
        line-height: 40px;
        color: #fff;
        display: inline-block;
        margin-left: 10px;
        opacity: .5
    }

    .headerMain-menu > li.active > a.opened:after {
        content: '▲'
    }
}

@media screen and (max-width: 630px) {
    .headerMain-menu {
        display: none
    }

    .headerMain-right {
        padding-left: 20px
    }

    .headerMain-eng {
        display: inline-block
    }
}

.headerMain.notFound .headerMain-eng {
    color: #fff
}

.headerMain.notFound .headerMain-eng:hover {
    color: #d7d8dd
}

.headerMobile {
    display: none;
    margin-bottom: 15px;
    margin-top: -20px
}

.headerMobile .wrapper {
    display: table
}

.headerMobile-block {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.headerMobile-block-content {
    background: #006dc6;
    padding: 0 7px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap
}

.headerMobile a {
    color: #fff
}

.headerMobile a:hover {
    color: #d7d8dd
}

.headerMobile-account .headerMobile-block-content {
    margin-left: 10px
}

.headerMobile-account a + a {
    margin-left: 5px
}

.headerMobile .personIcon {
    background-position: -32px 0
}

.headerMobile a:hover .personIcon {
    background-position: -48px 0
}

.headerMobile .menuIcon {
    background-position: -82px 0
}

@media screen and (max-width: 630px) {
    .headerMobile {
        display: block
    }
}

.header.mainPage .headerMobile {
    margin-bottom: 15px;
    margin-top: 0
}

.header.mainPage .headerMobile-block-content {
    background: #f0f0f2
}

.header.mainPage .headerMobile a {
    color: #095bba
}

.header.mainPage .headerMobile a:hover {
    color: #cb3c23
}

.header.mainPage .headerMobile .personIcon {
    background-position: 0 0
}

.header.mainPage .headerMobile a:hover .personIcon {
    background-position: -16px 0
}

.header.mainPage .headerMobile .menuIcon {
    background-position: -64px 0
}

.headerMobileAccordion {
    margin-bottom: 15px;
    display: none
}

.headerMobileAccordion-menu > li {
    border-top: 1px solid #d7d8dd
}

.headerMobileAccordion-menu > li:last-of-type {
    border-bottom: 1px solid #d7d8dd
}

.headerMobileAccordion-menu > li.opened {
    background: #f0f0f2
}

.headerMobileAccordion-menu > li.opened span:after {
    background-position: -10px 0
}

.headerMobileAccordion-menu > li > .subMenu {
    display: none
}

.headerMobileAccordion-menu > li > span {
    display: block;
    padding: 15px 3.33%;
    font-size: 17px;
    text-decoration: underline;
    position: relative;
    cursor: pointer
}

.headerMobileAccordion-menu > li > span:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 7px;
    background: url(/img/arrow-upDown-sprite.png);
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 0;
    margin-right: 15px
}

.headerMobileAccordion-menu > li > a {
    display: block;
    padding: 15px 3.33%;
    font-size: 17px
}

.headerMobileAccordion-menu > li > form {
    font-size: 17px;
    background: #095bba
}

.headerMobileAccordion-menu > li > form .account-exit {
    display: block;
    width: 100%;
    color: #fff;
    padding: 15px 3.33%;
    text-align: left
}

.mainInnovation, .sliderMain, .sliderMain-item-buttonRow, a.knopkal, a.knopkar {
    text-align: center
}

.headerMobileAccordion .subMenu {
    list-style: none;
    padding-left: 3.33%;
    padding-bottom: 15px
}

.headerMobileAccordion .subMenu li > .subMenu {
    display: block;
    padding-left: 20px;
    padding-bottom: 0;
    margin-top: 15px;
    margin-bottom: 30px
}

.headerMobileAccordion .subMenu li + li {
    margin-top: 16px
}

@media screen and (max-width: 400px) {
    .headerMobileAccordion .wrapper {
        width: 100%
    }
}

@media screen and (min-width: 630px) {
    .headerMobileAccordion {
        display: none !important
    }
}

.mainPage .headerMobileAccordion {
    margin-top: 0
}

.header.mainPage .headerTop {
    background: #f0f0f2;
    background: linear-gradient(-45deg, transparent 36px, #f0f0f2 37px);
    color: #000
}

.header.mainPage .headerTop a {
    color: #095bba
}

.header.mainPage .headerTop a.toflex, .header.mainPage .headerTop a:hover {
    color: #cb3c23
}

.header.mainPage .headerTop .personIcon {
    background: url(/img_core/svg/sprite-header.svg) no-repeat
}

.header.mainPage .headerTop a:hover .personIcon {
    background-position: -16px 0
}

@media screen and (max-width: 1440px) {
    .header.mainPage .headerTop {
        background: #f0f0f2
    }
}

.header.mainPage .headerTop.fixed {
    background: rgba(237, 237, 239, .95)
}

.header.mainPage .headerTop.fixed .headerTop-left a {
    color: #000
}

.header.mainPage .headerTop.fixed .headerTop-left a.toflex, .header.mainPage .headerTop.fixed .headerTop-left a:hover {
    color: #cb3c23
}

.header.mainPage .headerMain {
    padding: 34px 0;
    background: #fff;
    background: linear-gradient(-45deg, transparent 70px, #fff 71px);
    margin: 0;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 1440px) {
    .header.mainPage .headerMain {
        background: #fff
    }
}

.headerTop-right.active li {
    background: #fff;
    margin: 0;
    padding: 0 8px
}

.headerTop-right.active li:nth-of-type(1) {
    padding-left: 16px
}

.headerTop-right.active li:nth-of-type(2) {
    padding-right: 16px;
    margin-right: -16px
}

.headerTop-right.active a {
    color: #000
}

.headerTop-right.active a:hover {
    color: #cb3c23
}

.headerTop-right.active span {
    color: #000;
    line-height: 50px
}

.headerTop-right.active .personIcon {
    background-position: -16px 0
}

.headerTop-right.activeCart li:first-child a, .headerTop-right.activeCart li:first-child span {
    color: #095bba
}

.headerTop-right.activeCart li:first-child a:hover, .headerTop-right.activeCart li:first-child span:hover {
    color: #cb3c23
}

.headerTop-right.activeAccount li:last-child a, .headerTop-right.activeAccount li:last-child span {
    color: #095bba
}

.headerTop-right.activeAccount li:last-child a:hover, .headerTop-right.activeAccount li:last-child span:hover {
    color: #cb3c23
}

.cart-withItems {
    position: relative
}

.cart-withItems:after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/img/cart-plus.png);
    position: absolute;
    top: -3px;
    right: -7px
}

.sliderMain {
    height: 760px;
    background: #ccc;
    position: relative;
    overflow: hidden
}

.sliderMain:after, .sliderMain:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 10
}

.sliderMain:before {
    top: 100px;
    left: 0;
    border-width: 100px 100px 0 0;
    border-color: #fff transparent transparent
}

.sliderMain:after {
    bottom: 100px;
    right: 0;
    border-width: 0 0 100px 100px;
    border-color: transparent transparent #f0f0f2
}

.sliderMain-item, .sliderMain-shadow {
    right: 0;
    bottom: 0;
    display: none;
    position: absolute
}

@media screen and (max-width: 1440px) {
    .sliderMain:after, .sliderMain:before {
        display: none
    }
}

@media screen and (max-width: 630px) {
    .sliderMain {
        height: 270px;
        margin-top: 0
    }
}

.sliderMain-shadow {
    top: 0;
    left: 0;
    background: rgba(16, 16, 17, .9)
}

.sliderMain-video {
    width: 1000px;
    height: 563px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sliderMain-video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.sliderMain-video-close {
    width: 30px;
    height: 30px;
    font-size: 22px;
    line-height: 28px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    background: url(/img_core/svg/close.svg) center center no-repeat #cb3c23
}

@media screen and (max-width: 500px) {
    .sliderMain-video-close {
        width: 40px;
        height: 40px;
        top: -40px
    }
}

@media screen and (max-width: 1050px) {
    .sliderMain-video {
        width: 93.75%;
        height: 0;
        padding-bottom: 56.25%
    }
}

.sliderMain-item {
    top: 0;
    left: 0;
    overflow: hidden
}

.sliderMain-item-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width: 768px) {
    .sliderMain-item-img {
        background-attachment: scroll
    }
}

.sliderMain-item-wrapper {
    width: 93.75%;
    max-width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding: 40px 80px
}

@media screen and (max-width: 840px) {
    .sliderMain-item-wrapper {
        padding: 20px 40px
    }
}

.sliderMain-item-back {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(16, 16, 17, .8)
}

.sliderMain-item-buttonRow, .sliderMain-item-text, .sliderMain-item-title {
    position: relative;
    visibility: hidden
}

.sliderMain-item-title {
    width: 100%;
    font-size: 63px;
    color: #fff;
    line-height: 70px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .sliderMain-item-title {
        font-size: 40px;
        line-height: 50px
    }
}

@media screen and (max-width: 630px) {
    .sliderMain-item-wrapper {
        padding: 20px 25px
    }

    .sliderMain-item-title {
        font-size: 27px;
        line-height: 30px
    }
}

.sliderMain-item-text {
    font-size: 19px;
    line-height: 30px;
    color: #b2b3be;
    font-style: italic;
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    .sliderMain-item-text {
        font-size: 16px;
        line-height: 25px
    }
}

@media screen and (max-width: 630px) {
    .sliderMain-item-text {
        font-size: 13px;
        line-height: 20px;
        max-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 40px
    }
}

.sliderMain-item-buttonRow .sliderMain-item-button {
    display: inline-block;
    height: 40px;
    box-sizing: border-box;
    font-size: 19px;
    line-height: 36px;
    border: 2px solid #cb3c23;
    color: #cb3c23;
    padding: 0 20px;
    cursor: pointer;
    transition: color .2s, background .2s;
    text-decoration: none
}

@media screen and (max-width: 630px) {
    .sliderMain-item-buttonRow .sliderMain-item-button {
        font-size: 13px;
        height: 30px;
        line-height: 26px
    }
}

.sliderMain-item-buttonRow .sliderMain-item-button:hover {
    background: #cb3c23;
    color: #fff
}

.sliderMain-item-count {
    display: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #36363d;
    position: absolute;
    bottom: 40px;
    right: 40px;
    text-align: center;
    font-size: 19px;
    color: #76777e;
    font-style: italic;
    padding: 0 5px;
    box-sizing: border-box
}

@media screen and (max-width: 630px) {
    .sliderMain-item-count {
        display: none !important
    }
}

.sliderMain-item-arrow {
    display: none;
    width: 13px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    cursor: pointer
}

.sliderMain-item-arrow.arrowLeft {
    left: 40px;
    background: url(/img_core/svg/sprite-arrowBig.svg) no-repeat
}

.sliderMain-item-arrow.arrowLeft:hover {
    background-position: -26px 0
}

@media screen and (max-width: 840px) {
    .sliderMain-item-count {
        right: 20px;
        bottom: 20px
    }

    .sliderMain-item-arrow.arrowLeft {
        left: 20px
    }
}

.sliderMain-item-arrow.arrowRight {
    right: 40px;
    background: url(/img_core/svg/sprite-arrowBig.svg) -13px 0 no-repeat
}

.sliderMain-item-arrow.arrowRight:hover {
    background-position: -39px 0
}

@media screen and (max-width: 840px) {
    .sliderMain-item-arrow.arrowRight {
        right: 20px
    }
}

a.knopkal, a.knopkar {
    color: #fff;
    width: 38% !important;
    text-decoration: none;
    user-select: none;
    padding: .7em 1.5em;
    outline: 0;
    margin-top: 20px;
    margin-bottom: 10px
}

a.knopkar {
    background: #d44b38;
    float: right
}

a.knopkal {
    background: #929ece;
    float: left
}

.mainCatalogue {
    padding: 40px 0;
    background: #f0f0f2;
    background: linear-gradient(135deg, transparent 70px, #d7d8dd 71px, #d7d8dd 120px, #f0f0f2 121px);
    margin-top: -115px;
    position: relative
}

.mainCatalogue-title {
    font-size: 37px;
    line-height: 37px;
    margin-bottom: 20px;
    color: #000
}

.mainCatalogue-leftWrap {
    width: 75.16%;
    box-sizing: border-box;
    float: left;
    margin-right: 4.16%
}

.mainCatalogue-left {
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
    font-size: 0;
    margin-left: -20px
}

.mainCatalogue-left.eng {
    width: 72.92%;
    margin-right: 6.25%;
    background: 0 0;
    margin-left: 0;
    padding: 0;
    font-size: 13px;
    line-height: 20px
}

.mainCatalogue-left.eng p + p {
    margin-top: 20px
}

.mainCatalogue-right {
    width: 20.83%;
    float: left;
    padding-top: 20px;
    margin-right: -20px
}

.mainCatalogue-right .dnlLink-type {
    display: none
}

.mainCatalogue-right.eng {
    padding-top: 0
}

.mainCatalogue-list li {
    display: inline-block;
    width: 49%;
    font-size: 13px;
    margin-bottom: 14px;
    vertical-align: top;
    margin-right: 2%
}

.mainCatalogue-list li:nth-of-type(2n) {
    margin-right: 0
}

.mainCatalogue .bigLink {
    display: inline-block;
    font-size: 19px;
    color: #000;
    margin-right: 30px;
    margin-bottom: 10px;
    white-space: nowrap
}

.mainCatalogue .bigLink.toflex, .mainCatalogue .bigLink:hover {
    color: #cb3c23
}

.mainCatalogue .bigLink.catLink:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/img_core/svg/sprite-header.svg) -64px 0;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -2px
}

@media screen and (max-width: 1440px) {
    .mainCatalogue {
        background: #f0f0f2
    }
}

@media screen and (max-width: 630px) {
    .sliderMain-item-arrow.arrowLeft {
        left: 10px
    }

    .sliderMain-item-arrow.arrowRight {
        right: 7px
    }

    .mainCatalogue {
        margin-top: 0
    }

    .mainCatalogue-leftWrap {
        float: none;
        width: 100% !important
    }

    .mainCatalogue-left {
        margin-left: 0
    }

    .mainCatalogue-right {
        display: none
    }
}

@media screen and (max-width: 570px) {
    .mainCatalogue-content {
        overflow: hidden
    }

    .mainCatalogue-content.eng {
        background: 0 0
    }

    .mainCatalogue-left {
        margin: 0 -20px 20px
    }

    .mainCatalogue .bigLink {
        display: block;
        margin-right: 0
    }
}

@media screen and (max-width: 390px) {
    .mainCatalogue .clm, .mainCatalogue-list li {
        width: 100%
    }

    .mainCatalogue-list li:nth-of-type(5) ~ li {
        display: none
    }

    .mainCatalogue-title {
        font-size: 27px
    }

    .mainCatalogue .bigLink {
        font-size: 17px
    }

    .mainCatalogue .bigLink:before {
        display: none !important
    }
}

.mainInnovation {
    padding: 40px 0;
    background: url(/img/blueImg.jpg) top center no-repeat;
    background-size: cover
}

.mainInnovation-title {
    font-size: 19px;
    color: #fff;
    text-decoration: underline;
    margin-bottom: 30px;
    text-align: left
}

.mainInnovation-title a {
    color: #fff
}

.mainInnovation-title a:hover {
    color: #d7d8dd
}

@media screen and (max-width: 400px) {
    .mainInnovation-title {
        font-size: 17px
    }
}

.mainInnovation-row {
    width: 1420px;
    height: 300px;
    margin-left: -240px;
    text-align: justify;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .mainInnovation-row {
        margin-left: 0;
        width: auto
    }
}

.mainInnovation-item {
    display: inline-block;
    width: 220px;
    height: 300px;
    vertical-align: top;
    color: #fff;
    line-height: 20px;
    text-align: left;
    margin-bottom: 25px
}

.mainInnovation-item:hover {
    color: #d7d8dd
}

.mainInnovation-itemImg {
    width: 220px;
    height: 220px;
    margin-bottom: 20px;
    font-size: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);
    -moz-clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);
    -ms-clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%)
}

.mainInnovation-itemImg img {
    width: 100%;
    height: auto
}

.mainInnovation-itemTitle {
    font-size: 13px
}

.mainInnovation .help {
    display: inline-block;
    width: 100%;
    height: 0;
    visibility: hidden
}

.mainInnovation-button {
    height: 35px;
    border: 2px solid rgba(255, 255, 255, .4);
    line-height: 31px;
    color: #99c5e8;
    padding: 0 15px;
    cursor: pointer;
    transition: color .2s, border .2s;
    box-sizing: border-box;
    display: inline-block;
    text-decoration: none;
    margin-top: 40px
}

.mainInnovation-button:hover {
    border: 2px solid #fff;
    color: #fff
}

@media screen and (max-width: 730px) {
    .mainInnovation-row {
        text-align: center
    }

    .mainInnovation-item {
        margin-left: 20px;
        margin-right: 20px
    }
}

.mainNews {
    padding: 40px 0;
    font-size: 0
}

.mainNews-title {
    font-size: 19px;
    margin-bottom: 25px
}

.mainNews-title a {
    color: #000
}

.mainNews-title a:hover {
    color: #cb3c23
}

@media screen and (max-width: 400px) {
    .mainNews {
        padding: 30px 0
    }

    .mainNews-title {
        font-size: 17px
    }
}

.mainNews-item {
    display: inline-block;
    width: 33.3%;
    font-size: 13px;
    line-height: 20px;
    vertical-align: top;
    box-sizing: border-box;
    padding-right: 50px
}

@media screen and (max-width: 500px) {
    .mainNews-item {
        width: 100%;
        margin-bottom: 20px
    }
}

.mainNews-itemDate {
    color: #76777e;
    margin-bottom: 5px
}

.mainNews-item:last-child {
    padding-right: 0
}

.mainAdvant-box {
    width: 100%;
    background: #f0f0f2;
    padding: 20px 20px 0;
    border: 2px solid #b2b3be;
    box-sizing: content-box;
    margin-left: -20px;
    position: relative;
    font-size: 0
}

.mainAdvant-box:after, .mainAdvant-box:before {
    content: '';
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid
}

.mainAdvant-box:before {
    border-width: 0 0 23px 23px;
    border-color: transparent transparent #b2b3be
}

.mainAdvant-box:after {
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #fff
}

.mainAdvant-title {
    font-size: 37px;
    color: #000;
    margin-bottom: 30px
}

.mainAdvant-title a {
    font-size: 13px;
    margin-left: 50px
}

.mainAdvant-item {
    width: 33.3%;
    display: inline-table !important;
    vertical-align: top;
    margin-bottom: 30px;
    opacity: 0
}

.mainAdvant-itemIcon {
    display: table-cell;
    vertical-align: middle;
    width: 90px;
    height: 80px
}

.mainAdvant-itemText {
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
    font-weight: 700;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 20px;
    color: #000
}

.mainAdvant-mobileLink {
    display: none;
    margin-bottom: 30px;
    font-size: 13px
}

@media screen and (max-width: 771px) {
    .mainAdvant-box {
        margin-left: 0;
        box-sizing: border-box
    }

    .mainAdvant-item {
        width: 50%
    }
}

@media screen and (max-width: 680px) {
    .mainAdvant-title a {
        display: none
    }

    .mainAdvant-mobileLink {
        display: block
    }
}

@media screen and (max-width: 570px) {
    .mainAdvant {
        background: #f0f0f2
    }

    .mainAdvant-box {
        padding: 20px 0;
        border: 0
    }

    .mainAdvant-box:after, .mainAdvant-box:before {
        display: none
    }

    .mainAdvant-title {
        font-size: 27px
    }

    .mainAdvant-item {
        width: 100%
    }
}

.mainTrust-sign, .mainTrust-slider {
    display: inline-block;
    vertical-align: middle
}

.mainTrust {
    padding: 60px 0;
    font-size: 0
}

.mainTrust-sign {
    font-size: 19px;
    color: #000;
    width: 20%;
    margin-right: 2%
}

.charTable thead th, .content h2 {
    font-weight: 400
}

.mainTrust-slider {
    position: relative;
    width: 78%;
    box-sizing: border-box;
    padding: 0 25px
}

.mainTrust .slides {
    font-size: 0
}

.mainTrust .slides li {
    display: inline-block !important;
    vertical-align: middle;
    float: none !important;
    text-align: center
}

.mainTrust .slides li img {
    max-width: 100%;
    height: auto
}

@media screen and (max-width: 600px) {
    .mainTrust-sign, .mainTrust-slider {
        display: block;
        width: 100%
    }

    .mainTrust {
        padding: 30px 0
    }

    .mainTrust-sign {
        margin-bottom: 10px
    }

    .mainTrust .flex-direction-nav a.flex-prev {
        left: 0 !important
    }

    .mainTrust .flex-direction-nav a.flex-next {
        right: 0 !important
    }
}

.mainCurrency {
    padding: 15px 0 5px;
    background: #b2b3be;
    margin-bottom: -90px;
    font-size: 0
}

.mainCurrency-item {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 10px;
    width: 33.3%
}

.mainCurrency-item span {
    margin-left: 10px
}

.mainCurrency-item.dark {
    color: #000
}

.mainCurrency-item.light {
    color: #fff
}

.mainCurrency-item.iconDown:before {
    content: '▼';
    font-size: 16px;
    display: inline-block
}

.mainCurrency-item.iconUp:before {
    content: '▲';
    font-size: 16px;
    display: inline-block
}

@media screen and (max-width: 950px) {
    .mainCurrency-item.iconDown:before, .mainCurrency-item.iconUp:before {
        display: none
    }

    .mainCurrency-item span {
        margin-left: 0;
        margin-right: 10px
    }
}

@media screen and (max-width: 850px) {
    .mainCurrency .second {
        display: none
    }
}

.content-search {
    margin-bottom: 30px;
    position: relative
}

.content h2 {
    font-size: 19px;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #000
}

@media screen and (max-width: 400px) {
    .content h2 {
        font-size: 17px
    }
}

.content-search-input {
    display: block;
    height: 40px;
    width: 83.33%;
    margin-right: 1.38%;
    float: left;
    font-size: 19px
}

@media screen and (max-width: 400px) {
    .content-search-input {
        font-size: 17px
    }
}

.content-search-button {
    display: block;
    width: 15.27%;
    height: 40px;
    float: right;
    box-sizing: border-box;
    font-size: 19px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 500px) {
    .content-search-button {
        font-size: 0;
        background-image: url(/img_core/svg/search.svg);
        background-repeat: no-repeat;
        background-position: center center
    }
}

.content-search-result {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    box-sizing: border-box;
    border: 1px solid #d7d8dd;
    background: #fff;
    margin-top: 10px;
    z-index: 20
}

.content-search-result .itemsList-item {
    margin-bottom: 0;
    padding: 10px;
    cursor: pointer;
    transition: background .2s ease
}

.content-search-result .itemsList-itemImg {
    width: 10%;
    margin-right: 2%
}

.content-search-result .itemsList-itemImg:after {
    transition: border-color .2s ease
}

.content-search-result .itemsList-itemContant {
    width: 88%
}

.content-search-result .itemsList-item.active {
    background: #f5f1d9
}

.content-search-result .itemsList-item.active .itemsList-itemImg:after {
    border-color: transparent transparent #f5f1d9
}

.content-search-result .itemsList-item.active .itemsList-itemTitle, .content-search-result .itemsList-item.active .itemsList-itemTitle a {
    color: #cb3c23
}

.content-search-result .itemsList-item.resultAll {
    height: 55px;
    line-height: 55px;
    padding: 0 10px;
    color: #095bba;
    transition: color .2s, background .2s;
    text-decoration: underline;
    cursor: pointer;
    display: block
}

.catList-resultLeft span, .countArrow span {
    transition: color .2s;
    cursor: pointer;
    text-decoration: underline
}

.noResults {
    padding: 20px;
    background: #f0f0f2;
    text-align: center
}

.content-tab-list {
    font-size: 0
}

.content-tab-list li {
    display: inline-block
}

.content-tab-block {
    display: none
}

.content-tab h3 {
    font-size: 15px;
    margin-bottom: 20px
}

.content-tab ol {
    list-style-position: inside
}

.content-tab ol li + li {
    margin-top: 20px
}

.content-tab ol + h3, .content-tab p + h3 {
    margin-top: 50px
}

.content-tab ol li, .content-tab p {
    line-height: 20px
}

.countArrow {
    position: absolute;
    top: -7px;
    left: 100%;
    margin-left: 15px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #36363d;
    padding: 0 10px 0 5px;
    z-index: 10;
    font-size: 13px
}

.countArrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 15px 0;
    border-color: transparent #36363d transparent transparent
}

.countArrow span:hover {
    color: #d7d8dd
}

.countArrow a {
    color: #fff
}

.catButton {
    margin-top: 30px;
    padding: 0 20px
}

@media screen and (max-width: 500px) {
    .countArrow {
        display: none !important
    }

    .catButton {
        margin-left: 3.33%
    }
}

.catList-result {
    margin-bottom: 30px
}

.catList-resultLeft {
    background: #f0f0f2;
    float: left;
    height: 50px;
    line-height: 50px;
    padding: 0 20px
}

.catList-resultLeft span {
    color: #095bba
}

.catList-resultLeft span:hover {
    color: #cb3c23
}

.catList-resultRight {
    float: right;
    color: #76777e;
    line-height: 50px
}

.catList-resultMobile {
    display: none;
    margin-top: -15px
}

.catList-resultMobile-item {
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    background: #f0f0f2;
    padding: 0 10px;
    color: #095bba;
    text-decoration: underline;
    cursor: pointer;
    position: relative
}

.catList-resultMobile-item:hover {
    color: #cb3c23
}

.catList-resultMobile-item:after {
    content: '';
    width: 8px;
    height: 14px;
    background-image: url(/img_core/svg/sprite-arrowSmall.png);
    background-position: -10px 0;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 0;
    margin-right: 10px
}

.catList-resultMobile-item + .catList-resultMobile-item {
    margin-top: 10px
}

@media screen and (max-width: 550px) {
    .catList-resultLeft {
        display: none
    }

    .catList-resultRight {
        width: 100%;
        font-size: 17px;
        float: none;
        margin-top: 30px;
        margin-bottom: -20px
    }

    .catList-resultMobile {
        display: block
    }
}

.catList-params {
    margin-bottom: 30px
}

.catList-paramsTitle {
    font-size: 19px;
    color: #76777e;
    margin-bottom: 20px
}

.catList-paramsList {
    font-size: 0
}

.catList-paramsList li {
    font-size: 13px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #36363d;
    padding: 5px 10px;
    background: #f0f0f2;
    cursor: pointer;
    transition: background .2s
}

.catList-paramsList li:hover {
    background: #d7d8dd
}

.catList-paramsList li:after {
    content: '×';
    display: inline-block;
    color: #76777e;
    margin-left: 5px
}

@media screen and (max-width: 550px) {
    .catList-paramsTitle {
        display: none
    }
}

.catList-text {
    line-height: 20px;
    margin-bottom: 40px
}

.itemCard, .itemCard-img {
    margin-bottom: 30px
}

.itemCard-left {
    width: 40.27%;
    margin-right: 4.16%;
    float: left
}

.itemCard-right {
    width: 55.57%;
    float: left
}

.itemCard-right p + p {
    margin-top: 20px
}

.itemCard-img {
    font-size: 0;
    position: relative
}

.itemCard-img img {
    max-width: 100%;
    height: auto
}

.itemCard-img:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 25px 25px;
    border-color: transparent transparent #fff;
    position: absolute;
    bottom: -1px;
    right: 0
}

.itemCard-link {
    display: inline-block;
    padding-left: 28px;
    position: relative;
    line-height: 20px
}

.itemCard-link:before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0;
    background: url(/img_core/svg/sprite-pluses.svg) no-repeat
}

.itemCard-title {
    font-size: 19px;
    color: #76777e;
    margin-bottom: 20px;
    margin-top: -5px
}

.itemCard-list {
    font-size: 0
}

.itemCard-list dd, .itemCard-list dt {
    display: inline-block;
    width: 50%;
    font-size: 13px;
    margin-bottom: 10px;
    vertical-align: top
}

.itemCard-list dt {
    color: #76777e
}

.itemCard-list dd {
    color: #36363d
}

.itemCard-list dd p + p {
    margin-top: 10px
}

@media screen and (max-width: 630px) {
    .itemCard-left, .itemCard-right {
        display: block;
        width: 100%;
        margin-left: 0
    }

    .itemCard-left {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 400px) {
    .itemCard .mobileFull {
        width: 100%
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .itemCard-tabs .tab-list {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .itemCard-tabs .tab-list li {
        display: table-cell;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        transition: all .2s ease
    }

    .itemCard-tabs .tab-list li.active {
        width: 40%
    }

    .itemCard-tabs .tab-list li span {
        border-color: transparent
    }
}

@media screen and (max-width: 700px) {
    .itemCard-tabs .tab-list {
        margin-bottom: 20px
    }

    .itemCard-tabs .tab-list li {
        display: block;
        font-size: 13px;
        height: 40px;
        line-height: 40px;
        position: relative;
        border: 0
    }

    .itemCard-tabs .tab-list li:after {
        content: '';
        width: 8px;
        height: 14px;
        background-image: url(/img_core/svg/sprite-arrowSmall.svg);
        background-position: -8px 0;
        position: absolute;
        top: 50%;
        margin-top: -7px;
        right: 0;
        margin-right: 10px
    }

    .itemCard-tabs .tab-list li.active {
        background: #d7d8dd;
        border: 0
    }

    .itemCard-tabs .tab-block {
        padding: 20px 0 !important;
        border: 0 !important
    }
}

.markoSelect {
    margin-bottom: 20px;
    font-size: 15px;
    color: #76777e
}

.markoSelect-item {
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
    color: #095bba;
    border-bottom: 1px dotted #095bba;
    transition: all .2s
}

.markoSelect-item:hover {
    color: #cb3c23;
    border-color: #cb3c23
}

.markoSelect-item.active {
    padding: 2px 5px;
    background: #d7d8dd;
    color: #000;
    border: 0
}

.markoSelect-check {
    margin-left: 50px
}

@media screen and (max-width: 500px) {
    .markoSelect-check {
        display: block;
        margin-left: 0;
        margin-top: 10px
    }
}

.markoTable {
    width: 100%;
    font-size: 15px
}

.markoTable tr td:first-child {
    color: #76777e;
    width: 140px
}

.markoTable tr td:nth-child(2) {
    width: 260px
}

.markoTable tr td:nth-child(3), .markoTable tr td:nth-child(4) {
    width: 210px
}

.markoTable tr td:nth-child(5) {
    width: 120px
}

.markoTable .btn {
    width: 110px;
    font-size: 15px;
    height: 30px;
    line-height: 26px;
    padding: 0 14px;
    position: relative;
    white-space: nowrap
}

.markoTable .btn:disabled {
    line-height: 26px;
    padding: 0 12px;
    cursor: default
}

.markoLogin, .todayGrey-item {
    line-height: 20px;
    box-sizing: border-box
}

@media screen and (max-width: 700px) {
    .markoTable thead {
        display: none
    }

    .markoTable tbody, .markoTable td, .markoTable tr {
        display: block
    }

    .markoTable tr {
        padding: 10px 20px 20px;
        border: 1px solid #ccc
    }

    .markoTable tr + tr {
        margin-top: 20px
    }

    .markoTable td {
        width: auto !important;
        padding: 0;
        border: 0;
        text-align: left
    }

    .markoTable td:before {
        color: #76777e;
        width: 30%;
        display: inline-block;
        margin-right: 10px
    }

    .markoTable td + td {
        margin-top: 10px
    }

    .markoTable tr td:first-child {
        display: none
    }

    .markoTable tr td:nth-child(2):before {
        content: 'Сечение:'
    }

    .markoTable tr td:nth-child(3):before {
        content: 'Наличие:'
    }

    .markoTable tr td:nth-child(4):before {
        content: 'Выбрано:'
    }

    .markoTable tr td:nth-child(5) {
        display: inline-block
    }

    .markoTable tr td:nth-child(5):before {
        display: none
    }
}

@media screen and (max-width: 420px) {
    .markoTable input[type=text] {
        height: 30px
    }
}

.markoLogin {
    position: absolute;
    right: 100%;
    background: #36363d;
    color: #fff;
    white-space: nowrap;
    top: 50%;
    margin-top: -25px;
    height: 50px;
    padding: 4px 10px;
    font-size: 13px;
    margin-right: 10px
}

.markoLogin .mobile, .markoLogin .mobileSmall {
    display: none
}

.markoLogin a {
    color: #fff
}

.markoLogin a:hover {
    color: #cb3c23
}

.markoLogin:after {
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 10px;
    border-color: transparent transparent transparent #36363d
}

@media screen and (max-width: 700px) {
    .markoLogin {
        right: auto;
        left: 100%;
        height: 30px;
        margin-top: -15px
    }

    .markoLogin .desktop {
        display: none
    }

    .markoLogin .mobile {
        display: block
    }

    .markoLogin:after {
        right: auto;
        left: -10px;
        border-width: 15px 10px 15px 0;
        border-color: transparent #36363d transparent transparent
    }
}

@media screen and (max-width: 420px) {
    .markoLogin .desktop, .markoLogin .mobile {
        display: none
    }

    .markoLogin .mobileSmall {
        display: block
    }
}

.charList {
    padding-top: 20px;
    border-top: 1px solid #d7d8dd;
    font-size: 0;
    margin-bottom: 30px
}

.charList dd, .charList dt {
    width: 50%;
    font-size: 13px;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top
}

.charList dt {
    color: #76777e;
    box-sizing: border-box;
    padding-right: 10px
}

.charList dd {
    color: #36363d
}

.charList dd p + p {
    margin-top: 10px
}

.charTable {
    width: 100%
}

.charTable td, .charTable th {
    padding: 15px 10px;
    border-bottom: 1px solid #d7d8dd
}

.charTable thead {
    background: #f0f0f2;
    color: #76777e;
    text-align: left
}

.charTable thead tr th:last-child {
    width: 20%
}

.certifImages {
    font-size: 0
}

.certifImgItem {
    width: 18.4%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    margin-bottom: 2%;
    cursor: pointer
}

.certifImgItem-img {
    font-size: 0;
    margin-bottom: 5px
}

.certifImgItem-img img {
    max-width: 100%;
    height: auto;
    border: 2px solid #f0f0f2
}

.certifImgItem-title {
    font-size: 13px;
    color: #095bba;
    text-decoration: underline;
    transition: color .2s
}

.certifImgItem:hover .certifImgItem-title {
    color: #cb3c23
}

.certifImgItem:nth-child(5n) {
    margin-right: 0
}

@media screen and (max-width: 900px) {
    .certifImgItem {
        width: 23.5%
    }

    .certifImgItem:nth-child(4n) {
        margin-right: 0
    }

    .certifImgItem:nth-child(5n) {
        margin-right: 2%
    }
}

@media screen and (max-width: 630px) {
    .certifImgItem {
        width: 32%
    }

    .certifImgItem:nth-child(3n) {
        margin-right: 0
    }

    .certifImgItem:nth-child(4n), .certifImgItem:nth-child(5n) {
        margin-right: 2%
    }
}

@media screen and (max-width: 450px) {
    .certifImgItem {
        width: 48%;
        margin-right: 4% !important;
        margin-bottom: 4%
    }

    .certifImgItem:nth-child(2n) {
        margin-right: 0 !important
    }
}

.relatedItems {
    margin-top: 60px;
    max-width: 720px
}

.relatedItems-title {
    font-size: 19px;
    color: #000;
    margin-bottom: 40px
}

.reference-list {
    margin-top: 30px !important;
    font-size: 19px
}

.reference-list li + li {
    margin-top: 40px
}

@media screen and (max-width: 630px) {
    .catCertifItem {
        margin-left: 0;
        box-sizing: border-box
    }

    .catCertifItem thead {
        display: none
    }

    .catCertifItem tbody, .catCertifItem td, .catCertifItem tr {
        display: block
    }

    .catCertifItem tr {
        padding: 15px 0
    }

    .catCertifItem tr + tr {
        border-top: 1px solid #d7d8dd
    }

    .catCertifItem td {
        border: 0;
        padding: 0 !important;
        font-size: 13px;
        line-height: 20px
    }

    .catCertifItem td:before {
        color: #76777e;
        margin-right: 10px;
        display: inline-block
    }

    .catCertifItem td + td {
        margin-top: 10px
    }
}

.catCertifItem + .catCertifItem {
    margin-top: 15px
}

.transformTable-label {
    color: #76777e;
    margin-right: 10px;
    display: none
}

@media screen and (max-width: 630px) {
    .transformTable-label {
        display: inline-block
    }
}

.refImg {
    width: 100%;
    height: auto;
    margin-bottom: 30px
}

.overflowTable-wrapper {
    overflow-x: auto;
    overflow-y: hidden
}

.albumSlider #slider .flex-viewport, .albumSlider #slider .flex-viewport li, .historySlider .flex-viewport li, .tenderContact-img {
    overflow: hidden
}

.overflowTable-wrapper .overflowTable {
    min-width: 100%
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .itemNewCard-tabs .tab-list {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .itemNewCard-tabs .tab-list li {
        display: table-cell;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        transition: all .2s ease
    }

    .itemNewCard-tabs .tab-list li.active {
        width: 40%
    }

    .itemNewCard-tabs .tab-list li span {
        border-color: transparent
    }
}

@media screen and (max-width: 700px) {
    .itemNewCard-tabs .tab-list {
        margin-bottom: 20px
    }

    .itemNewCard-tabs .tab-list li {
        display: block;
        font-size: 13px;
        height: 40px;
        line-height: 40px;
        position: relative;
        border: 0
    }

    .itemNewCard-tabs .tab-list li:after {
        content: '';
        width: 8px;
        height: 14px;
        background-image: url(/img_core/svg/sprite-arrowSmall.svg);
        background-position: -8px 0;
        position: absolute;
        top: 50%;
        margin-top: -7px;
        right: 0;
        margin-right: 10px
    }

    .itemNewCard-tabs .tab-list li.active {
        background: #d7d8dd;
        border: 0
    }

    .itemNewCard-tabs .tab-block {
        padding: 20px 0 !important;
        border: 0 !important
    }
}

.topElm {
    margin-bottom: 50px;
    margin-top: -20px;
    background: #f0f0f2
}

.topElm .wrapper {
    max-width: 1000px;
    height: 563px;
    position: relative
}

.topElm .wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

@media screen and (max-width: 1050px) {
    .topElm .wrapper {
        width: 93.75%;
        height: 0;
        padding-bottom: 56.25%
    }
}

.todayStat {
    margin-top: 50px;
    margin-bottom: 60px;
    display: table
}

.todayStat-left, .todayStat-right {
    display: table-cell;
    vertical-align: top
}

.todayStat-left {
    padding-right: 50px
}

.todayStat-left img {
    margin-left: -15px;
    margin-bottom: 10px;
    max-width: 100%;
    height: auto
}

.todayStat-block {
    padding-left: 80px
}

.todayStat-block + .todayStat-block {
    margin-top: 14px
}

.todayStat-title {
    font-size: 93px;
    line-height: 66px;
    color: #000;
    margin-bottom: 10px;
    white-space: nowrap
}

.todayStat-title:before {
    content: '';
    display: inline-block;
    margin-left: -80px;
    margin-right: 27px;
    width: 53px;
    height: 53px;
    background-size: cover;
    vertical-align: baseline;
    background-repeat: no-repeat;
    background-image: url(/img/svg/sprite-factoryToday.svg)
}

.todayStat-text {
    font-style: italic;
    font-size: 19px;
    line-height: 30px;
    color: #000
}

.todayStat .iconCable .todayStat-title:before {
    background-position: -53px 0
}

@media screen and (max-width: 960px) {
    .todayStat, .todayStat-left, .todayStat-right {
        display: block
    }

    .todayStat-left {
        padding-right: 0;
        padding-left: 80px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 600px) {
    .todayStat-block, .todayStat-left {
        padding-left: 45px
    }

    .todayStat-title {
        font-size: 50px;
        line-height: 50px
    }

    .todayStat-title:before {
        margin-left: -45px;
        width: 32px;
        height: 32px;
        margin-right: 13px
    }

    .todayStat-block.iconCable .todayStat-title:before {
        background-position: -32px 0
    }

    .todayStat-text {
        font-size: 17px;
        line-height: 25px
    }
}

.todayGrey {
    background: #f0f0f2;
    padding: 40px 20px 0 40px;
    border: 2px solid #b2b3be;
    position: relative;
    font-size: 0;
    box-sizing: border-box;
    margin-top: 50px
}

.todayGrey:after, .todayGrey:before {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    content: ''
}

.factoryLicences, .historySlider {
    margin-top: 30px
}

.todayGrey:before {
    border-width: 0 0 23px 23px;
    border-color: transparent transparent #b2b3be
}

.todayGrey:after {
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #fff
}

.todayGrey-item {
    display: inline-block;
    vertical-align: top;
    width: 33.3%;
    margin-bottom: 40px;
    font-size: 13px;
    font-weight: bolder;
    color: #000;
    padding-left: 20px;
    position: relative;
    padding-right: 10px
}

.cartForm-left .cartForm-delivery-summ, .cartResult span, .cart__title, .contactOffice-personName, .contactOffice-title, .orgInfo-title, .saleList-subBlock .title, .tenderContact-name {
    font-weight: 700
}

.todayGrey-item:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #b2b3be;
    position: absolute;
    top: 4px;
    left: 0
}

@media screen and (max-width: 960px) {
    .todayGrey-item {
        width: 50%
    }
}

@media screen and (max-width: 630px) {
    .todayGrey {
        width: 106.66% !important;
        border: 0;
        padding: 20px 3.33% 0;
        margin-left: -3.33% !important
    }

    .todayGrey:after, .todayGrey:before {
        display: none
    }

    .todayGrey-item {
        width: 100%
    }
}

.todayCertifs .flexCarousel-item + .flexCarousel-item, .todayInnProd .flexCarousel-item + .flexCarousel-item {
    margin-left: 20px
}

.todayMap-content {
    width: 100%;
    height: 530px;
    background: #f0f0f2;
    position: absolute;
    left: 0;
    right: 0
}

@media screen and (max-width: 500px) {
    .todayMap, .todayMap-content {
        height: 300px
    }
}

.todayInnList {
    position: relative;
    margin-bottom: 40px
}

.todayInnList:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -240px;
    width: 165px;
    height: 50px;
    background: url(/img/today-tofleks.jpg) no-repeat
}

.todayCertifs .flexCarousel-itemImg img {
    border: 2px solid #f0f0f2;
    max-width: 100%;
    height: auto
}

.todayCertifs .flex-direction-nav {
    display: none
}

@media screen and (max-width: 450px) {
    .todayCertifs {
        text-align: center
    }

    .todayCertifs .flexCarousel-item {
        padding: 0 30px
    }

    .todayCertifs .flex-direction-nav {
        display: block
    }
}

.todayInnProd .flexCarousel-itemImg img {
    max-width: 220px;
    height: auto
}

.todayInnProd .flex-direction-nav {
    display: none
}

@media screen and (max-width: 960px) {
    .todayInnProd {
        padding: 0 30px;
        box-sizing: border-box
    }
}

@media screen and (max-width: 490px) {
    .todayInnProd {
        text-align: center
    }

    .todayInnProd .flex-direction-nav {
        display: block
    }
}

.leaders {
    font-size: 0
}

.leaderItem {
    display: inline-block;
    vertical-align: top;
    width: 31.66%;
    margin-right: 2.5%;
    margin-bottom: 5%
}

.leaderItem:not(.main):nth-of-type(3n) {
    margin-right: 0
}

.leaderItem-img {
    font-size: 0;
    margin-bottom: 20px
}

.leaderItem-img img {
    width: 100%;
    height: auto
}

.leaderItem-title {
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: left
}

.leaderItem-position {
    font-size: 13px;
    color: #76777e;
    line-height: 20px;
    margin-bottom: 10px
}

.leaderItem-mail, .leaderItem-phone {
    font-size: 13px;
    line-height: 20px
}

@media screen and (max-width: 630px) {
    .leaderItem {
        width: 48.75%
    }

    .leaderItem:not(.main):nth-of-type(3n) {
        margin-right: 2.5%
    }

    .leaderItem:not(.main):nth-of-type(2n) {
        margin-right: 0
    }
}

@media screen and (max-width: 480px) {
    .leaderItem-img, .leaderItem-title {
        display: inline-block;
        vertical-align: top
    }

    .leaderItem {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 10%
    }

    .leaderItem-img {
        width: 50%;
        margin-right: 5%
    }

    .leaderItem-title {
        width: 45%;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.leaderItem.main {
    width: 100%;
    font-size: 0;
    margin-bottom: 80px;
    margin-right: 0
}

.leaderItem.main .leaderItem-img {
    display: inline-block;
    width: 40.27%;
    margin-bottom: 0;
    margin-right: 4.16%;
    vertical-align: top
}

.leaderItem.main .leaderItem-content {
    width: 55.57%;
    display: inline-block;
    vertical-align: top
}

.leaderItem.main .leaderItem-title {
    width: 100%;
    font-weight: 700;
    color: #000
}

.leaderItem.main .leaderItem-position {
    color: #cb3c23;
    margin-bottom: 30px
}

.factoryLicences .downloadIcon, .leaderItem.main .leaderItem-phone {
    margin-bottom: 20px
}

.leaderItem.main .leaderItem-mail strong, .leaderItem.main .leaderItem-phone strong {
    display: block
}

@media screen and (max-width: 480px) {
    .leaderItem.main .leaderItem-img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .leaderItem.main .leaderItem-content {
        width: 100%
    }
}

.historyBlock {
    margin-bottom: 40px;
    position: relative
}

.historyBlock-title {
    font-size: 19px;
    color: #76777e;
    margin-bottom: 10px
}

.historyBlock-content {
    font-size: 13px;
    line-height: 20px
}

.historyBlock-content img {
    width: 100%;
    height: auto;
    margin-top: 30px
}

.historyBlock-fact {
    width: 180px;
    padding: 20px;
    background: #f5f1d9;
    left: -260px;
    line-height: 20px;
    font-style: italic;
    top: 50%;
    transform: translateY(-50%);
    position: absolute
}

.historyBlock-fact img {
    display: block;
    margin-bottom: 10px
}

.historySlider {
    margin-bottom: 20px
}

.historySlider .flex-viewport {
    margin-bottom: 2%
}

.historySlider .flex-viewport .flexslider-img-wrapper {
    width: 100%;
    padding-bottom: 66.67%;
    position: relative
}

.historySlider .flex-viewport img {
    height: 100%;
    margin-top: 0;
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.historySlider .flex-control-thumbs li {
    width: 15%;
    float: left;
    cursor: pointer;
    margin-right: 2%;
    margin-bottom: 2%
}

.historySlider .flex-control-thumbs li:nth-child(6n) {
    margin-right: 0
}

.historySlider .flex-control-thumbs li img {
    width: 100%;
    height: auto;
    margin-top: 0;
    opacity: .5
}

.historySlider .flex-control-thumbs li img.flex-active {
    opacity: 1;
    outline: #cb3c23 solid 2px
}

.historySlider .flex-direction-nav {
    display: none
}

.historySlider:after {
    content: '';
    display: table;
    width: 100%;
    clear: both
}

@media screen and (max-width: 450px) {
    .historySlider .flex-control-thumbs li {
        width: 23.5%
    }

    .historySlider .flex-control-thumbs li:nth-child(4n) {
        margin-right: 0
    }

    .historySlider .flex-control-thumbs li:nth-child(6n) {
        margin-right: 2%
    }
}

.vacancyOrder {
    margin-top: -10px;
    margin-bottom: 40px;
    line-height: 20px;
    padding-left: 20px
}

.vacancyOrder li {
    margin-bottom: 10px
}

.vacancyItem, .vacancyTextList {
    margin-bottom: 20px
}

.vacancyTextList {
    line-height: 20px
}

.vacancyTextList strong {
    display: block;
    margin-bottom: 10px
}

.vacancyTextList li {
    padding-left: 16px;
    margin-bottom: 10px
}

.vacancyTextList li:before {
    content: '—';
    display: inline-block;
    margin-right: 5px;
    margin-left: -16px
}

.vacancyCondition {
    margin-bottom: 20px
}

.vacancyCondition p {
    margin-bottom: 0
}

.vacancyForm {
    margin-left: 0;
    width: auto
}

@media screen and (max-width: 600px) {
    .vacancyForm {
        padding: 20px 10px;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px
    }

    .resumeForm, .tourForm {
        padding: 20px 10px
    }
}

@media screen and (max-width: 800px) {
    .resumeForm, .tourForm {
        margin-left: 0;
        box-sizing: border-box
    }
}

.news-single-date {
    font-size: 13px;
    color: #76777e;
    margin-bottom: 30px
}

.news-single-content {
    margin-bottom: 40px
}

@media screen and (max-width: 400px) {
    .news-single-content {
        margin-bottom: 20px
    }
}

.single-context {
    margin-top: 40px;
    padding: 30px 10px 0;
    margin-left: -10px;
    border-top: 1px solid #d7d8dd;
    font-size: 0
}

.single-context .itemsList-item {
    margin-bottom: 0;
    width: 45%;
    margin-right: 10%;
    display: inline-block;
    vertical-align: top
}

.single-context .itemsList-item:nth-child(2) {
    margin-right: 0;
    text-align: right
}

.single-context .itemsList-itemTitle {
    font-size: 13px;
    line-height: 20px
}

.single-context:after {
    content: '';
    width: 100%;
    display: table;
    clear: both
}

@media screen and (max-width: 400px) {
    .single-context {
        margin-left: 0;
        padding: 20px 0 0
    }

    .single-context .itemsList-item {
        width: 100%;
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .single-context .itemsList-item + .itemsList-item {
        margin-top: 20px
    }
}

.single-context.fullWidth .itemsList-item {
    margin: 0;
    width: 33.3%;
    box-sizing: border-box;
    padding-right: 20px
}

.single-context.fullWidth .itemsList-item:nth-child(2) {
    text-align: left
}

.single-context.fullWidth .itemsList-item:nth-child(3) {
    padding-right: 0
}

@media screen and (max-width: 630px) {
    .single-context.fullWidth .itemsList-item {
        width: 100%;
        padding: 0;
        text-align: left !important;
        margin-right: 0
    }

    .single-context.fullWidth .itemsList-item + .itemsList-item {
        margin-top: 20px
    }
}

.photosList {
    font-size: 0
}

.photosList-item {
    width: 48.5%;
    display: inline-block;
    margin-right: 3%;
    vertical-align: top;
    margin-bottom: 40px
}

.photosList-item:nth-child(2n) {
    margin-right: 0
}

.photosList-itemImg {
    width: 100%;
    overflow: hidden;
    display: block;
    margin-bottom: 10px
}

.photosList-itemImg img {
    width: 100%;
    height: auto
}

.photosList-itemImg:hover ~ .photosList-itemTitle {
    color: #cb3c23
}

.photosList-itemTitle {
    font-size: 19px;
    line-height: 30px
}

.photosList-itemDate {
    font-size: 13px;
    color: #76777e;
    line-height: 20px;
    margin-top: 10px
}

@media screen and (max-width: 630px) {
    .photosList-item {
        width: 100%
    }
}

@media screen and (max-width: 400px) {
    .photosList-itemTitle {
        font-size: 17px;
        line-height: 25px
    }
}

.albumSlider {
    width: 100%;
    position: relative;
    margin-bottom: 40px
}

.albumSlider img {
    display: none
}

.albumSlider .sliderNum {
    font-size: 19px;
    color: #76777e;
    text-align: center;
    font-style: italic
}

@media screen and (max-width: 400px) {
    .albumSlider .sliderNum {
        font-size: 17px
    }
}

.albumSlider #slider {
    position: relative;
    margin-bottom: 12px
}

.albumSlider #slider .flex-viewport .flexslider-img-wrapper {
    width: 100%;
    padding-bottom: 66.67%;
    position: relative
}

.albumSlider #slider .flex-viewport img {
    height: 100%;
    margin-top: 0;
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.albumSlider #slider .flex-direction-nav li a {
    display: block;
    width: 13px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    cursor: pointer;
    font-size: 0;
    background-repeat: no-repeat
}

.albumSlider #slider .flex-direction-nav .flex-nav-prev a {
    left: -30px;
    background: url(/img_core/svg/sprite-arrowBig.svg) -52px 0 no-repeat
}

.albumSlider #slider .flex-direction-nav .flex-nav-prev a:hover {
    background-position: -26px 0
}

.albumSlider #slider .flex-direction-nav .flex-nav-next a {
    right: -30px;
    background: url(/img_core/svg/sprite-arrowBig.svg) -65px 0 no-repeat
}

.albumSlider #slider .flex-direction-nav .flex-nav-next a:hover {
    background-position: -39px 0
}

@media screen and (max-width: 1060px) {
    .albumSlider #slider .flex-direction-nav .flex-nav-prev a {
        left: 20px
    }

    .albumSlider #slider .flex-direction-nav .flex-nav-next a {
        right: 20px
    }
}

.albumSlider #carousel {
    margin-bottom: 30px
}

.tenderList .itemsList-itemTitle, .videoList .itemsList-itemTitle {
    margin-bottom: 20px
}

.albumSlider #carousel .flex-viewport {
    padding: 2px;
    margin-top: -2px;
    margin-left: -2px;
    width: 100%
}

.albumSlider #carousel .slides li {
    opacity: .5;
    margin-right: 12px;
    cursor: pointer
}

.albumSlider #carousel .slides li img {
    width: 100%;
    height: auto;
    margin-top: 0;
    display: block
}

.albumSlider #carousel .slides li.flex-active-slide {
    opacity: 1;
    outline: #cb3c23 solid 2px
}

.albumSlider #carousel .flex-direction-nav {
    display: none
}

.videoWrapper {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

.videoWrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.tenderList .itemsList-item.open .itemsList-itemInfo:before {
    content: attr(data-title);
    background: #006dc6
}

.tenderList .itemsList-item.close .itemsList-itemInfo:before {
    content: attr(data-title);
    background: #b2b3be
}

.tenderContact {
    padding: 30px 10px 0;
    margin-top: 40px;
    border-top: 1px solid #d7d8dd;
    margin-left: -10px;
    width: 100%
}

.tenderContact h2 {
    margin-top: 0
}

.tenderContact-face {
    margin-bottom: 50px;
    font-size: 0
}

.tenderContact-face:after {
    content: '';
    width: 100%;
    display: table;
    clear: both
}

.tenderContact-img, .tenderContact-info {
    display: inline-block;
    vertical-align: middle
}

.tenderContact-item + .tenderContact-item {
    margin-top: 30px
}

.tenderContact-img {
    width: 110px;
    height: 110px;
    background: #d7d8dd;
    margin-right: 4.16%;
    position: relative
}

.tenderContact-img img {
    max-width: 100%;
    height: auto
}

.tenderContact-img:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #fff;
    position: absolute;
    bottom: 0;
    right: 0
}

.tenderContact-info {
    font-size: 13px;
    line-height: 20px
}

.orgInfo-row-left, .orgInfo-row-right {
    vertical-align: top;
    display: inline-block
}

.tenderContact-position {
    margin-bottom: 20px
}

.tenderContact-materials {
    margin-bottom: 40px
}

@media screen and (max-width: 360px) {
    .tenderContact-img {
        display: block;
        margin-bottom: 20px
    }

    .tenderContact-info {
        display: block
    }
}

.contactOffice-person, .sale-phone {
    display: inline-block;
    box-sizing: border-box
}

.saleList-block {
    margin-bottom: 40px
}

.saleList-block h2 {
    margin-top: 0
}

.saleList-block-content {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

@media screen and (max-width: 500px) {
    .saleList-block-content {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.saleList-subBlock {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.saleList-subBlock .title, .saleList-subBlock li {
    margin-bottom: 14px
}

.saleList-subBlock li > ul {
    padding-left: 20px;
    margin-top: 14px;
    margin-bottom: 30px
}

.saleList-subBlock + .saleList-subBlock {
    margin-top: 40px
}

.saleChars {
    margin-top: 0;
    padding: 0;
    border: 0;
    margin-bottom: 40px
}

.saleChars h2 {
    color: #76777e
}

.sale-phone {
    padding: 10px 15px;
    margin-left: -15px;
    border: 2px solid #006dc6;
    font-size: 19px;
    color: #000;
    line-height: 30px
}

.sale-phone strong {
    white-space: nowrap
}

@media screen and (max-width: 450px) {
    .sale-phone {
        font-size: 17px;
        margin-left: 0;
        line-height: 25px
    }

    .contactOffice-content {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.contact-address {
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 30px;
    color: #000
}

@media screen and (max-width: 400px) {
    .contact-address {
        font-size: 17px;
        line-height: 25px
    }

    .contactMap {
        height: 300px
    }

    #contact-map {
        height: 300px !important
    }
}

.contact-list li {
    margin-bottom: 14px
}

.contactDownload {
    margin-top: 40px
}

.contactOffice {
    width: 100%;
    padding: 20px;
    margin-left: -20px;
    border: 1px solid #d7d8dd;
    margin-bottom: 20px
}

.contactOffice-title {
    font-size: 19px;
    margin-bottom: 15px
}

@media screen and (max-width: 400px) {
    .contactOffice-title {
        font-size: 17px
    }
}

.contactOffice-desc {
    color: #cb3c23
}

.contactOffice-content {
    margin-top: 40px;
    padding-left: 20px
}

@media screen and (max-width: 710px) {
    .contactOffice {
        margin-left: 0;
        box-sizing: border-box
    }
}

.contactOffice-person {
    margin-bottom: 30px;
    line-height: 20px;
    padding-right: 20px;
    width: 49%;
    vertical-align: top
}

.contactOffice-personName {
    margin-bottom: 10px
}

.cartTable {
    margin-bottom: 20px
}

.cartTable tr td:last-child, .cartTable tr th:last-child {
    text-align: right
}

.cartTable .btn {
    font-size: 0;
    width: 30px;
    height: 30px;
    padding: 0;
    background: url(/img_core/svg/close.svg) center center no-repeat #cb3c23
}

.cartTable .markoLogin {
    right: 60px
}

@media screen and (min-width: 601px) and (max-width: 700px) {
    .cartTable .markoLogin {
        right: 60px;
        left: auto
    }

    .cartTable .markoLogin:after {
        display: none
    }

    .cartTable .markoLogin:before {
        content: '';
        position: absolute;
        top: 0;
        right: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 0 15px 10px;
        border-color: transparent transparent transparent #36363d
    }
}

@media screen and (max-width: 600px) {
    .cartTable thead {
        display: none
    }

    .cartTable tbody, .cartTable td, .cartTable tr {
        display: block
    }

    .cartTable tr {
        border: 1px solid #ccc;
        padding: 10px
    }

    .cartTable tr + tr {
        margin-top: 20px
    }

    .cartTable td {
        border: 0;
        padding: 0 !important;
        text-align: left !important
    }

    .cartTable td:before {
        margin-right: 10px;
        width: 40%;
        white-space: nowrap
    }

    .cartTable td + td {
        margin-top: 10px
    }

    .cartTable input[type=text] {
        height: 30px;
        line-height: 30px
    }

    .cartTable .btn {
        width: auto;
        background-image: none
    }

    .cartTable .btn:before {
        content: 'Удалить';
        display: inline;
        font-size: 15px;
        line-height: 30px;
        padding: 0 10px
    }

    .cartTable tr td:nth-child(1):before {
        content: 'Сечение:'
    }

    .cartTable tr td:nth-child(2):before {
        content: 'Выбрано:'
    }

    .cartTable tr td:nth-child(3):before {
        content: 'Барабанов:'
    }

    .cartTable .markoLogin {
        right: auto;
        left: 190px
    }
}

.cartResult {
    margin-bottom: 30px;
    color: #000;
    font-size: 15px
}

.cartResult div {
    padding-left: 20px
}

.cartResult div + div {
    margin-top: 14px
}

@media screen and (max-width: 600px) {
    .cartResult div {
        padding-left: 10px
    }
}

.cartForm {
    margin-left: -10px;
    padding-left: 30px;
    width: auto;
    margin-right: -10px
}

.cartForm-delivery-clm.inactive input, .cartForm-delivery-clm.inactive label:not(.custRadio), .cartForm-delivery-clm.inactive p, .cartForm-delivery-clm.inactive textarea {
    opacity: .5
}

.cartForm .cableForm-title {
    font-size: 19px;
    color: #000
}

.cartForm-left {
    width: 60%;
    float: left
}

.cartForm-left .custRadio {
    font-size: 15px;
    margin-bottom: 20px
}

.cartForm-left-block {
    margin-bottom: 20px
}

.cartForm-left label:not(.custRadio) {
    display: inline-block;
    margin-bottom: 10px
}

.cartForm-left input[type=text] {
    display: block;
    width: 50%;
    margin-left: -10px;
    background: #fff;
    height: 40px;
    font-size: 19px;
    color: #000
}

.cartForm .cart-prepay p, .cartForm-left .cartForm-delivery {
    font-size: 15px
}

.cartForm-left textarea {
    width: 100%;
    height: 120px;
    margin-left: -10px
}

.cartForm-right {
    width: 31.25%;
    float: right
}

.cartForm-right .custRadio {
    font-size: 15px;
    margin-bottom: 20px
}

.cartForm .cart-prepay-sale {
    font-size: 13px !important
}

.cartForm .button-row {
    text-align: center;
    margin-bottom: 20px
}

.cartForm .btn {
    padding: 0 20px
}

@media screen and (max-width: 1100px) {
    .cartForm {
        box-sizing: border-box;
        margin-left: 0
    }
}

@media screen and (max-width: 550px) {
    .cartForm {
        padding: 20px
    }

    .cartForm input[type=text], .cartForm textarea {
        margin-left: 0;
        width: 100%
    }

    .cartForm-left, .cartForm-right {
        width: 100%;
        float: none
    }

    .cartForm-left {
        margin-bottom: 40px
    }
}

.orderTable {
    font-size: 13px
}

.order-info p, .order-status, .orderTable tr td:first-child a, .orgInfo-title {
    font-size: 15px
}

.orderTable tr th:first-child {
    color: #76777e;
    width: 140px
}

.orderTable tr th:nth-child(2) {
    width: 90px
}

.orderTable tr th:nth-child(3) {
    width: 110px
}

.orderTable tr th:nth-child(4), .orderTable tr th:nth-child(5) {
    width: 60px
}

.orderTable tr th:last-child {
    width: 80px
}

.orderTable tr td:nth-child(4) {
    text-align: center;
    height: 64px;
    box-sizing: border-box
}

.orderTable .status-inwork {
    color: #76777e
}

@media screen and (max-width: 700px) {
    .orderTable thead {
        display: none
    }

    .orderTable tbody, .orderTable td, .orderTable tr {
        display: block
    }

    .orderTable tr {
        padding: 10px;
        border: 1px solid #ccc
    }

    .orderTable tr + tr {
        margin-top: 20px
    }

    .orderTable td {
        padding: 0 !important;
        text-align: left !important;
        border: 0
    }

    .orderTable td:before {
        display: inline-block;
        margin-right: 10px;
        width: 30%;
        vertical-align: top
    }

    .orderTable td + td {
        margin-top: 10px
    }

    .orderTable tr td:nth-child(1):before {
        content: 'Номер заказа:'
    }

    .orderTable tr td:nth-child(2):before {
        content: 'Вид:'
    }

    .orderTable tr td:nth-child(3):before {
        content: 'Статус:'
    }

    .orderTable tr td:nth-child(4) {
        height: auto
    }

    .orderTable tr td:nth-child(4):before {
        content: 'Документы:'
    }

    .orderTable tr td:nth-child(5):before {
        content: 'Готовность:'
    }

    .orderTable tr td:nth-child(6):before {
        content: 'Сумма, ₽:'
    }
}

.cart__msg, .cart__title, .doneText, .login-regLink {
    text-align: center
}

.order-info {
    background: #f0f0f2;
    padding: 20px 20px 10px;
    margin-left: -20px
}

.order-info .value {
    color: #000
}

.order-status {
    display: inline-block;
    margin-right: 10px;
    padding: 6px 8px;
    color: #fff
}

.order-status.order-prod {
    background: #006dc6
}

.order-status.order-work {
    background: #b2b3be
}

.order-status.order-done {
    background: #36363d
}

.order-docs-item {
    margin-bottom: 20px
}

.order-docs-date {
    margin-bottom: 5px
}

.orgInfo {
    padding: 20px 20px 40px;
    background: #f0f0f2
}

.orgInfo-title {
    margin-bottom: 40px;
    color: #000
}

.orgInfo-block + .orgInfo-block {
    margin-top: 60px
}

@media screen and (max-width: 630px) {
    .orgInfo {
        margin-left: 0
    }
}

.orgInfo-row {
    font-size: 0
}

.orgInfo-row-left {
    width: 30%;
    font-size: 13px;
    padding-top: 7px;
    box-sizing: border-box;
    padding-right: 10px
}

.orgInfo-row-right {
    width: 70%;
    color: #000;
    font-size: 19px;
    line-height: 30px
}

.orgInfo-row-right.full {
    width: 100%
}

@media screen and (max-width: 400px) {
    .orgInfo-title {
        margin-bottom: 20px
    }

    .orgInfo .orgInfo-row + .orgInfo-row {
        margin-top: 20px
    }

    .orgInfo-row-left, .orgInfo-row-right {
        display: block;
        width: 100%
    }

    .orgInfo-row-right {
        font-size: 17px;
        line-height: 25px
    }

    .orgInfo-row-left {
        margin-bottom: 10px
    }
}

.orgInfo-row + .orgInfo-row {
    margin-top: 40px
}

.loginForm {
    width: 66%;
    margin: 0 auto;
    transition: width .2s ease
}

.loginForm .button-row {
    width: 68.58%;
    float: right
}

.loginForm .btn {
    padding: 0 40px;
    margin-right: 30px
}

@media screen and (max-width: 700px) {
    .loginForm {
        width: 100%;
        box-sizing: border-box
    }
}

@media screen and (max-width: 600px) {
    .loginForm .button-row {
        width: 100%;
        float: none
    }

    .loginForm .button-row .btn {
        margin-right: 10px
    }
}

.login-regLink {
    margin-top: 30px;
    font-size: 19px
}

@media screen and (max-width: 400px) {
    .login-regLink {
        font-size: 17px
    }
}

.basket-aborted-msg {
    font-size: 16px;
    width: 66%;
    margin: 0 auto 30px
}

.doneText {
    width: 50%;
    margin: 0 auto;
    line-height: 22px;
    padding-bottom: 70px;
    padding-top: 70px;
    font-size: 16px
}

.regForm {
    width: 66.66%;
    margin-right: 9.375%;
    float: left;
    box-sizing: border-box
}

.regForm .custFile {
    font-size: 15px
}

.regForm .button-row {
    margin-bottom: 30px;
    text-align: center
}

.regForm .btn {
    padding: 0 20px
}

.regForm .formHint {
    margin: 3px 0 0 31.42%;
    font-size: 11px;
    line-height: 16px;
    color: #76777e
}

.error {
    border-color: red
}

label.error {
    width: 100%;
    font-size: 13px;
    color: red;
    padding-left: 31.3%
}

.popup__cart {
    width: 100%;
    height: 100%;
    justify-content: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-radius: 5px;
    -webkit-border-radius: 5px;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 3000;
    display: none;
    position: fixed
}

.popup-close, .popup__content {
    justify-content: center;
    display: flex
}

#one_click_form {
    padding: 46px;
    width: 541px;
    background-color: #fff
}

.cart__title {
    font-size: 24px;
    color: #000;
    text-transform: uppercase
}

.cart__msg {
    font-size: 14px;
    color: #535353;
    line-height: 1.571;
    padding-top: 18px
}

#one_click_buy_form_button {
    width: 180px;
    height: 40px;
    background-image: -moz-linear-gradient(0deg, #006dc6 0, #0082c6 100%);
    background-image: -webkit-linear-gradient(0deg, #006dc6 0, #0082c6 100%);
    background-image: -ms-linear-gradient(0deg, #006dc6 0, #0082c6 100%);
    color: #fff;
    border-radius: 2px
}

.popup_line {
    padding-top: 10px;
    margin-left: 62px;
    margin-top: 26px;
    width: 304px
}

.popup__content {
    margin-top: 100px
}

#message, .check-block {
    justify-content: center
}

.close {
    position: relative;
    transition: all .2s;
    font-size: 25px;
    text-decoration: none;
    color: #333;
    /*top: -43px;
    float: right;
    right: -31px*/
}

.check-block {
    display: flex;
    margin: 14px
}

.contact__buy input {
    font-size: 14px;
    color: #000;
    line-height: 2.857;
    border-radius: 4px;
    background-color: #f4f4f4;
    width: 304px;
    height: 43px;
    padding: 10px;
    margin: 10px
}

@media screen and (max-width: 480px) {
    .popup__content {
        width: 100%;
        height: 100%;
        display: block
    }

    .popup__cart {
        position: absolute
    }

    .contact__buy input {
        width: 100%
    }

    #one_click_form {
        width: auto;
        height: auto
    }

    .popup_line {
        width: 100%;
        margin: 0
    }
}

.one_click_button {
    margin-bottom: 17px;
    width: 150px;
    float: right
}

#message {
    font-family: Open sans;
    font-size: 16px;
    color: #69c359;
    width: 325px;
    height: 52px;
    background: url(/local/templates/tomskcable/assets/i/raster/checked.png) left no-repeat #fff;
    padding-top: 17px;
    padding-left: 17px;
    display: flex
}

label#UF_USER_AGREE-error {
    display: flex;
    justify-content: center;
    padding: 0
}

.midnav__logo--en {
    background-image: url(/img_core/svg/logo-cableEng.svg) !important;
    height: 45px !important;
}