@charset "UTF-8";

.table {
    display: table;
}

.table.full {
    width: 100%;
}

.table .tBody {
    display: table-row-group;
}

.table .tRow {
    display: table-row;
}

.table .tHead {
    display: table-row;
}

.table .tCell {
    display: table-cell;
}

.table .tCell.middle {
    vertical-align: middle;
}

.table .tCell.top {
    vertical-align: top;
}

.table .tCell.bottom {
    vertical-align: bottom;
}

.table .tCell.right {
    text-align: right;
}

.table .tCell.left {
    text-align: left;
}

.table .tCell.center {
    text-align: center;
}

.cfix:after,
.row:after,
.grid:after {
    content: "";
    display: block;
    clear: both;
}

.cfix > .left, .cfix > .item,
.row > .left,
.row > .item,
.grid > .left,
.grid > .item {
    float: left;
}

.cfix > .right, .cfix > .item.right,
.row > .right,
.row > .item.right,
.grid > .right,
.grid > .item.right {
    float: right;
}

.cfix.noPadd,
.row.noPadd,
.grid.noPadd {
    margin: 0;
}

.cfix.noPadd > .item,
.row.noPadd > .item,
.grid.noPadd > .item {
    padding: 0;
}

.textCenter {
    text-align: center;
}

.textLeft {
    text-align: left;
}

.textRight {
    text-align: right;
}

.grid {
    margin: -30px -15px 0;
}

.grid > .item {
    padding: 30px 15px 0;
}

.grid.bigPadd {
    margin: -40px -40px 0;
}

.grid.bigPadd > .item {
    padding: 40px 40px 0;
}

.grid.miniPadd {
    margin: -25px -12px 0;
}

.grid.miniPadd > .item {
    padding: 25px 12px 0;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row > .item {
    padding-left: 15px;
    padding-right: 15px;
}

.row > .right, .row > .left {
    padding-left: 15px;
    padding-right: 15px;
}

.row.bigPadd {
    margin-left: -20px;
    margin-right: -20px;
}

.row.bigPadd > .item {
    padding-left: 20px;
    padding-right: 20px;
}

.row.bigPadd > .right, .row.bigPadd > .left {
    padding-left: 20px;
    padding-right: 20px;
}

.col1 {
    width: 8.3333333333%;
}

.col2 {
    width: 16.6666666667%;
}

.col2_4 {
    width: 20%;
}

.col3 {
    width: 25%;
}

.col4 {
    width: 33.3333333333%;
}

.col4_5 {
    width: 37.5%;
}

.col5 {
    width: 41.6666666667%;
}

.col6 {
    width: 50%;
}

.col7 {
    width: 58.3333333333%;
}

.col8 {
    width: 66.6666666667%;
}

.col8_4 {
    width: 80%;
}

.col9 {
    width: 75%;
}

.col10 {
    width: 83.3333333333%;
}

.col11 {
    width: 91.6666666667%;
}

.col12 {
    width: 100%;
}

table {
    border-collapse: collapse;
}

html,
body,
*,
*:before,
*:after {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

ul {
    list-style-type: none;
    text-align: left;
}

*,
a,
input,
button,
textarea {
    font-family: "Open Sans", sans-serif;
    outline: none;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: none;
    padding: 0;
}

*:focus, *:active, *:hover, *:link,
a:focus,
a:active,
a:hover,
a:link,
input:focus,
input:active,
input:hover,
input:link,
button:focus,
button:active,
button:hover,
button:link,
textarea:focus,
textarea:active,
textarea:hover,
textarea:link {
    outline: none;
    -webkit-appearance: none;
}

a:hover, a:link {
    text-decoration: none;

}

a:hover {
    color: #61922c;
}

button::-moz-focus-inner {
    border: 0;
}

a {
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    font-weight: normal;
    letter-spacing: 0;
}

button,
input,
textarea {
    box-shadow: none;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
}

button:focus,
input:focus,
textarea:focus {
    box-shadow: none;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance: textfield;
    margin: 0;
}

textarea {
    resize: none;
}

button {
    cursor: pointer;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    font-weight: normal;
    letter-spacing: 0;
    background-color: #fff;
    position: relative;
    min-width: 1200px;
    margin: 0 auto;
}

.wrapper {
    overflow: hidden;
}

.container {
    width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}

.invisLink {
    display: table;
    position: relative;
    z-index: 1;
}

.invisLink > a,
.invisLink .linkInvise {
    display: block;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2;
    overflow: hidden;
    text-indent: 1920px !important;
    white-space: nowrap;
    cursor: pointer;
}

.scrollingBlock {
    overflow: hidden;
}

.blockTitle {
    text-align: center;
}

.blockTitle .title {
    display: block;
    font-size: 36px;
    line-height: 22px;
    color: #b8b8b8;
    font-weight: bold;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}

.blockTitle:after {
    content: '';
    display: inline-block;
    width: 170px;
    height: 4px;
    background-color: #b8b8b8;
}

.captionTxt {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.captionTxt + .txtBlock {
    margin-top: 10px;
}

.pageTitle .title {
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #363636;
    font-weight: 600;
}

.pageTitle + * {
    margin-top: 36px;
}

.simpleTitle {
    display: block;
    font-size: 18px;
    line-height: 18px;
    color: #363636;
    font-weight: 600;
}

.titleFilter {
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #f4a259;
    font-weight: bold;
}

.txt + .txt {
    margin-top: 10px;
}

.btnMain {
    display: table;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 0.01em;
    padding: 10px 40px 11px;
    opacity: 1;
    -webkit-transition: opacity 0.3s, background-color 0.3s, color 0.3s;
    -moz-transition: opacity 0.3s, background-color 0.3s, color 0.3s;
    -o-transition: opacity 0.3s, background-color 0.3s, color 0.3s;
    transition: opacity 0.3s, background-color 0.3s, color 0.3s;
}

.btnMain:hover {
    opacity: 0.6;
}

.btnMain.btnOrange {
    background-color: #f4a259;
}

.btnMain.btnGreen {
    background-color: #87b357;
}

.btnMain.btnGreen:hover {
    color: white;
}

.btnMain.btnMoves {
    margin: 35px 0 0;
}

.btnMain.btnBack {
    position: relative;
    line-height: 18px;
    padding: 9px 10px 10px;
    font-weight: bold;
    background-color: rgba(178, 178, 178, 0.33);
    width: 185px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.btnMain.btnBack:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-right: 9px;
    width: 22px;
    height: 18px;
    background: url(../img/icon-back.png) center no-repeat;
}

.btnMain.btnBack:hover {
    opacity: 1;
    background-color: #87b357;
}

input,
textarea {
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    font-weight: 300;
    letter-spacing: 0.01em;
    width: 100%;
    background-color: #f8f9fa;
    border: 1px solid #cbcacb;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    padding: 12px 15px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1;
}

input:focus,
textarea:focus {
    background-color: #fff;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent;
}

input {
    height: 40px;
}

textarea {
    height: 118px;
}

label {
    display: block;
    font-size: 16px;
    line-height: 40px;
    color: #666666;
    font-weight: 300;
}

.searchLine {
    position: relative;
}

.searchLine .select2-container {
    border: 2px solid #c26f25;
}

.searchLine .select2-selection { cursor: pointer !important;}

.searchLine .select2-dropdown {
    border-color: #c26f25;
}

.searchLine input {
    padding-right: 35px;
}

.searchLine .btnSearch {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 35px;
    height: 100%;
    text-align: center;
    background: center no-repeat;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.searchLine .btnSearch:hover {
    opacity: 0.6;
}

.breadcrumbs {
    padding: 15px 0 42px;
}

.breadcrumbs .wrapCrumbs {
    position: relative;
}

.breadcrumbs li {
    float: left;
}

.breadcrumbs li + li {
    padding-left: 22px;
    position: relative;
}

.breadcrumbs li + li:before {
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 5px;
    background: url(../img/arrow-crumbs.png) center no-repeat;
    left: 3px;
    top: 50%;
    margin-top: -0.5px;
}

.breadcrumbs .linkCrumbs,
.breadcrumbs .activeCrumbs {
    display: block;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.01em;
}

.breadcrumbs .linkCrumbs {
    border-bottom: 1px solid #666666;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.breadcrumbs .linkCrumbs:hover {
    border-color: transparent;
}

.breadcrumbs .activeCrumbs {
    color: #c26f25;
}

.breadcrumbs .btnBack {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 8px;
}

.breadcrumbs .btnBack:hover {
    color: white;
}

.costStandart,
.resultInBasket {
    display: block;
    line-height: 20px;
    color: #87b357;
}

.costStandart .num,
.resultInBasket .num {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

.costStandart .num.biggerNum,
.resultInBasket .num.biggerNum {
    font-size: 24px;
}

.pagination {
    display: table;
    padding-top: 23px;
}

.pagination .count {
    display: table-cell;
    vertical-align: top;
    font-weight: 300;
    padding-right: 18px;
}

.pagination .count .val {
    display: inline-block;
    padding-left: 3px;
}

.pagination .pages {
    display: table-cell;
    vertical-align: top;
}

.listPagination li {
    display: block;
    float: left;
    padding: 0 3px;
}

.listPagination .page a {
    display: block;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    padding: 0 3px;
}

.listPagination .page.active a {
    color: #f4a259;
}

.listPagination .page a:hover {
    color: #87b357;
}

.listPagination .page.oneStep a {
    width: 17px;
    height: 24px;
    padding: 0;
    background: center 9px no-repeat;
}

.listPagination .page.oneStep.prevPage a {
    background-image: url(../img/arrow-pagination-left.png);
}

.listPagination .page.oneStep.nextPage a {
    background-image: url(../img/arrow-pagination-right.png);
}

.numOnPage {
    float: right;
    margin: 15px 40px 0 0;
}

.numOnPage span {
    vertical-align: top;
    font-weight: 300;
    padding-right: 10px;
}

.numOnPage .listOnPages {
    display: inline-block;
}

.numOnPage .listOnPages li {
    display: inline-block;
    cursor: pointer;
}

.numOnPage .listOnPages li span {
    padding-right: 5px;
}

.numOnPage .listOnPages li span.active,
.numOnPage .listOnPages li span:hover {
    color: #87b357;
}

header .leftHead {
    float: left;
    width: 170px;
}

header .rightHead {
    float: right;
    width: 100px;
}

header .mainHead {
    width: calc(100% - 270px);
    float: left;
}

header .navigation {
    float: left;
    width: calc(100% - 205px);
}

header .logoBlock {
    margin-top: 14px;
}

header .linkBasket {
    float: right;
    margin-top: 23px;
}

header .linkBasket .valBasket {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #f4a259;
}

header .linkBasket .iconBasket {
    display: block;
    margin: 0 auto;
    width: 57px;
    height: 57px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #87b357 center no-repeat;
    border: 3px solid #f4a259;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

header .linkBasket:hover .iconBasket {
    background-color: #f4a259;
}

header .searchBlock {
    width: 348px;
    float: left;
    padding-top: 2px;
}

header .searchBlock .choicingCurrency .pre {
    display: block;
    float: left;
    width: 50px;
    font-size: 12px;
    line-height: 21px;
    color: #666666;
    font-weight: 300;
    letter-spacing: 0.01em;
}

header .searchBlock .choicingCurrency .currencies {
    float: left;
    width: calc(100% - 50px);
    position: relative;
}

header .searchBlock .choicingCurrency .currencies .flags {
    position: absolute;
    top: 0;
    right: 0;
}

header .searchBlock .choicingCurrency .currencies .flags img {
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

header .searchBlock .choicingCurrency .currencies .nameCur {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 15px;
    color: #363a45;
    font-weight: 300;
    letter-spacing: 0.01em;
    border-bottom: 1px solid #363a45;
    cursor: pointer;
    margin-right: 14px;
    margin-top: 3px;
    -webkit-transition: color 0.3s, border-color 0.3s;
    -moz-transition: color 0.3s, border-color 0.3s;
    -o-transition: color 0.3s, border-color 0.3s;
    transition: color 0.3s, border-color 0.3s;
}

header .searchBlock .choicingCurrency .currencies .nameCur.active,
header .searchBlock .choicingCurrency .currencies .nameCur:hover {
    color: #c26f25;
    border-color: #c26f25;
}

header .searchBlock .choicingCurrency .currencies .checkCur {
    display: none;
}

header .searchBlock .choicingCurrency .currencies .checkCur:checked + .nameCur {
    border-color: transparent;
    color: #c26f25;
}

header .mainMenu {
    float: left;
    padding-right: 10px;
    padding-bottom: 18px;
}

header .mainMenu .linkMenu {
    font-size: 12px;
    line-height: 18px;
    color: #363a45;
    font-weight: 300;
    border-bottom: 1px solid #363a45;
}

header .mainMenu .linkMenu:hover, header .mainMenu .linkMenu.active {
    border-color: transparent;
    color: #87b357;
}

header .mainMenu li {
    float: left;
    padding-right: 25px;
}

header .contactBlock {
    float: left;
    max-width: 205px;
    margin-top: 15px;
}

header .contactBlock .phoneBlock:before {
    background: url(../img/icon-phone.png) center no-repeat;
}

header .contactBlock .callBack {
    border: 1px solid #f4a259;
}

header .contactBlock .callBack:before {
    background: #fff url(../img/icon-phone-button.png);
    left: 8px;
    border: 1px solid #fff;
}

header .contactBlock .callBack:hover {
    color: #fff;
}

header .contactBlock .callBack:hover:after {
    background-color: #f4a259;
}

header .social {
    float: left;
    width: calc(100% - 360px);
    padding: 0 10px 0 20px;
}

header .social li {
    padding: 6px 10px 0 5px;
}

header .headTop {
    border-bottom: 4px solid #87b357;
    padding: 5px 0 12px;
}

header .menuBrandLine {
    padding-top: 2px;
    border-bottom: 1px solid #87b357;
    background: linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: #f7f7f7;
    background: -moz-linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), -moz-linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: -webkit-linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), -webkit-linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=1);
    background-size: 8px 8px;
}

header .menuBrandLine .linkBrand {
    display: table;
    position: relative;
    font-size: 14px;
    letter-spacing: 0.01em;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

header .menuBrandLine .linkBrand:hover {
    color: #87b357;
}

header .menuBrandLine .toAllBrands {
    position: absolute;
    width: 185px;
    right: 0;
    bottom: -1px;
}

header .menuBrandLine .toAllBrands .btnMain {
    position: relative;
    z-index: 11;
    font-size: 14px;
    letter-spacing: 0.01em;
    width: 100%;
    padding: 10px 5px 11px;
}

header .menuBrandLine .toAllBrands.active .btnMain {
    opacity: 1;
    background-color: transparent;
    color: #666666;
}

header .menuBrandLine .menuBrandBlock {
    position: relative;
    padding: 6px 0;
}

header .menuBrandLine .menuBrandBlock .listBrandMenu {
    margin: 0 auto;
}

header .menuBrandLine .menuBrandBlock .listBrandMenu .linkBrand {
    padding: 0 33px;
}

header .menuBrandLine .menuBrandBlock .listBrandMenu.firstBlock .linkBrand {
    color: #c26f25;
    font-size: 16px;
}

header .menuBrandLine .menuBrandBlock .listBrandMenu.firstBlock .linkBrand:hover,
header .menuBrandLine .menuBrandBlock .listBrandMenu.firstBlock .linkBrand.active{
    color: #61922c;
}

header .menuBrandLine .menuBrandBlock:last-child {
    padding-right: 185px;
}

header .menuBrandLine .menuBrandBlock:last-child .listBrandMenu {
    margin: 0;
    float: right;
}

header .menuBrandLine .menuBrandBlock:last-child .listBrandMenu .linkBrand {
    padding: 0 26px;
}

header .menuBrandLine .listBrandMenu {
    display: table;
}

header .menuBrandLine .listBrandMenu li {
    float: left;
    position: relative;
    padding: 0 2px;
}

header .menuBrandLine .listBrandMenu li:before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #87b357;
    left: -2.5px;
    top: 50%;
    margin-top: -2.5px;
}

header .menuBrandLine .listBrandMenu li:first-child:before {
    display: none;
}

header .menuBrandLine .wrapSubMenu {
    position: absolute;
    z-index: 10;
    top: 100%;
    right: 0;
    display: none;
}

header .menuBrandLine .wrapSubMenu:before, header .menuBrandLine .wrapSubMenu:after {
    content: '';
    display: block;
    position: absolute;
    width: 185px;
    height: 37px;
    bottom: 100%;
    right: 0;
}

header .menuBrandLine .wrapSubMenu:after {
    -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.07);
    z-index: -1;
}

header .menuBrandLine .wrapSubMenu:before {
    z-index: 1;
    background-color: #fff;
}

header .menuBrandLine .subMenu {
    position: relative;
    width: 652px;
    background-color: #fff;
    padding: 24px 0 34px;
    -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.07);
}

header .menuBrandLine .subMenu:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 244px;
    height: 100%;
    background-color: #f5fbef;
}

header .menuBrandLine .subMenu .linkBrand {
    padding: 0;
}

header .menuBrandLine .subMenu .leftMenu {
    float: left;
    width: 244px;
    padding: 0 10px 0 40px;
}

header .menuBrandLine .subMenu .rightMenu {
    float: left;
    width: 408px;
    padding: 0 10px 0 29px;
}

header .menuBrandLine .subMenu li + li {
    margin-top: 3px;
}

header .logoBlock,
footer .logoBlock {
    height: 82px;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

header .logoBlock > img,
footer .logoBlock > img {
    height: 100%;
    width: 100%;
}

header .logoBlock:hover,
footer .logoBlock:hover {
    opacity: 0.6;
}

header .mainMenu .linkMenu,
footer .mainMenu .linkMenu {
    display: table;
    -webkit-transition: color 0.3s, border-color 0.3s;
    -moz-transition: color 0.3s, border-color 0.3s;
    -o-transition: color 0.3s, border-color 0.3s;
    transition: color 0.3s, border-color 0.3s;
}

header .social .listSocial,
footer .social .listSocial {
    margin: -6px 0 0;
}

header .social .linkSocial,
footer .social .linkSocial {
    display: table;
    padding-left: 32px;
    position: relative;
    font-size: 14px;
    line-height: 26px;
    color: #61922c;
    white-space: nowrap;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

header .social .linkSocial .iconSocial,
footer .social .linkSocial .iconSocial {
    display: block;
    position: absolute;
    width: 32px;
    height: 26px;
    background: left center  no-repeat;
    left: 0;
    top: 50%;
    margin-top: -12px;
}

header .social .linkSocial:hover,
footer .social .linkSocial:hover {
    opacity: 0.6;
}

header .social li,
footer .social li {
    float: left;
    width: 50%;
}

header .contactBlock .phoneBlock,
footer .contactBlock .phoneBlock {
    position: relative;
    padding-left: 35px;
    text-align: right;
}

header .contactBlock .phoneBlock + .phoneBlock, footer .contactBlock .phoneBlock + .phoneBlock {
    margin-top: 15px;
}

header .contactBlock .phoneBlock:before,
footer .contactBlock .phoneBlock:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 29px;
    height: 29px;
}

header .contactBlock .phoneBlock .shedule,
footer .contactBlock .phoneBlock .shedule {
    display: block;
    font-size: 11px;
    line-height: 10px;
    color: #363636;
    font-weight: 600;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

header .contactBlock .phoneBlock .phone,
footer .contactBlock .phoneBlock .phone {
    display: table;
    font-size: 18px;
    line-height: 10px;
    color: #363636;
    font-weight: bold;
    letter-spacing: 0.01em;
    white-space: nowrap;
    margin-top: 8px;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

header .contactBlock .phoneBlock .phone:hover,
footer .contactBlock .phoneBlock .phone:hover {
    opacity: 0.6;
}

header .contactBlock .callBack,
footer .contactBlock .callBack {
    display: table;
    font-size: 12px;
    line-height: 10px;
    color: #666666;
    font-weight: 300;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    position: relative;
    padding: 10px 10px 10px 34px;
    border: 1px solid #f4a259;
    width: 195px;
    text-align: center;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin-top: 17px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    z-index: 1;
}

footer .contactBlock .callBack {
    margin-top: 10px;
}

header .contactBlock .callBack:before,
footer .contactBlock .callBack:before {
    content: '';
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: url(../img/icon-phone-button.png) center no-repeat;
    background-size: cover;
    top: 50%;
    margin-top: -11px;
}

header .contactBlock .callBack:after,
footer .contactBlock .callBack:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    left: 0;
    top: 0;
    background-color: transparent;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    z-index: -1;
}

header .contactBlock .callBack:hover,
footer .contactBlock .callBack:hover {
    color: #fff;
}

header .contactBlock .callBack:hover:after,
footer .contactBlock .callBack:hover:after {
    background-color: #f4a259;
}

footer {
    background-color: #717171;
    padding: 19px 0 12px;
}

footer .logoWrap {
    width: 197px;
    float: left;
}

footer .menuWrap {
    width: 415px;
    float: left;
}

footer .socialWrap {
    width: 345px;
    float: left;
}

footer .contactWrap {
    width: calc(100% - 957px);
    float: left;
}

footer .mainMenu {
    margin-top: 4px;
}

footer .mainMenu .listMenu li + li {
    margin-top: 6px;
}

footer .mainMenu .linkMenu {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}

footer .mainMenu .linkMenu:hover {
    border-color: transparent;
    color: #99c7a0;
}

footer .mainMenu .listMenuLeft,
footer .mainMenu .listMenuRight {
    float: left;
    padding-right: 33px;
}

footer .social {
    padding-right: 7px;
    padding-top: 14px;
}

footer .social .linkSocial {
    color: #fff;
}

footer .social li {
    padding: 6px 10px 0 0;
}

footer .contactBlock {
    float: right;
}

footer .contactBlock .phoneBlock:before {
    background: url(../img/icon-phone-white.png) center no-repeat;
}

footer .contactBlock .phoneBlock .shedule {
    color: #99c7a0;
}

footer .contactBlock .phoneBlock .phone {
    color: #fff;
}

footer .contactBlock .callBack {
    color: #fff;
    border: 1px solid #99c7a0;
}

footer .contactBlock .callBack:before {
    background-image: url(../img/icon-phone-button-white.png);
    left: 9px;
}

footer .contactBlock .callBack:hover:after {
    background-color: #99c7a0;
}

.costBulletBlock {
    padding-top: 76px;
    padding-bottom: 60px;
}

.costBulletBlock .blockTitle {
    position: relative;
    display: table;
    margin: 0 auto;
    z-index: 1;
}

.costBulletBlock .blockTitle:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 10px;
    top: 6px;
    background-color: #fff;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0 0 30px 37px #fff;
    -moz-box-shadow: 0 0 30px 37px #fff;
    box-shadow: 0 0 30px 37px #fff;
}

.costBulletBlock .typesProduct {
    padding-top: 190px;
    padding-bottom: 24px;
    position: relative;
}

.costBulletBlock .typesProduct .lineToTypes {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    width: 1px;
    height: 233px;
    background-color: #87b357;
    top: 8px;
    left: 50%;
    margin-left: -0.5px;
}

.costBulletBlock .typesProduct .lineToTypes:before, .costBulletBlock .typesProduct .lineToTypes:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    background-color: #87b357;
    left: 50%;
    margin-left: -3.5px;
}

.costBulletBlock .typesProduct .lineToTypes:before {
    top: -3.5px;
}

.costBulletBlock .typesProduct .lineToTypes:after {
    bottom: -3.5px;
}

.costBulletBlock .typesProduct .typeBlock {
    z-index: 1;
}

.costBulletBlock .typesProduct .typeBlock:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 943px;
    height: 398px;
    top: -82px;
    background-repeat: no-repeat;
}

.costBulletBlock .typesProduct .type {
    display: inline-block;
    position: relative;
    background-color: #87b357;
    width: 254px;
    height: 102px;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.costBulletBlock .typesProduct .type:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    border: 51px solid transparent;
    border-right: 20px solid #87b357;
    border-left: 20px solid transparent;
    background: url(../img/arrow-type.png) -20px center no-repeat;
}

.costBulletBlock .typesProduct .type:hover {
    opacity: 0.8;
}

.costBulletBlock .typesProduct .iconType {
    display: table;
    height: 34px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.costBulletBlock .typesProduct .captionType {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin-top: 7px;
}

.costBulletBlock .typesProduct .typeLeft {
    text-align: right;
}

.costBulletBlock .typesProduct .typeLeft:before {
    background: url(../img/back-cost-bullet-left.png) right top;
    right: 50%;
    margin-right: 15px;
}

.costBulletBlock .typesProduct .typeLeft .type {
    padding: 19px 40px 18px 8px;
    margin-right: 24px;
    text-align: right;
}

.costBulletBlock .typesProduct .typeLeft .type:before {
    right: 100%;
}

.costBulletBlock .typesProduct .typeLeft .iconType {
    background-position: right top;
}

.costBulletBlock .typesProduct .typeRight:before {
    background: url(../img/back-cost-bullet-right.png) left top;
    left: 50%;
    margin-left: 15px;
}

.costBulletBlock .typesProduct .typeRight .type {
    padding: 19px 8px 18px 40px;
    margin-left: 24px;
    text-align: left;
}

.costBulletBlock .typesProduct .typeRight .type:before {
    left: 100%;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.costBulletBlock .typesProduct .typeRight .type:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 78px;
    background-color: #87b357;
    right: 100%;
    top: 50%;
    margin-top: -0.5px;
}

.costBulletBlock .typesProduct .typeRight .iconType {
    background-position: left top;
}

.costBulletBlock .welcomeBlock {
    margin-top: 55px;
    padding-bottom: 8px;
}

.certificateInfoBlock {
    padding: 32px 0 30px;
    background-color: #f7f7f7;
}

.certificateInfoBlock .certificates {
    display: table;
    margin: 0 auto;
}

.certificateInfoBlock .certificate {
    float: left;
    width: 180px;
    height: 255px;
    background: #fff center no-repeat;
    background-size: cover;
    -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.35);
    box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.35);
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.certificateInfoBlock .certificate + .certificate {
    margin-left: 30px;
}

.certificateInfoBlock .certificate:hover {
    opacity: 0.6;
}

.offerBulletBlock {
    padding-top: 62px;
    padding-bottom: 63px;
}

.offerBulletBlock .blockTitle + .blockContent {
    margin-top: 8px;
}

.offerBulletBlock .service {
    display: block;
    position: relative;
    line-height: 16px;
    padding-bottom: 2px;
}

.repairBlock .service {
    border: 2px solid #87b357;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    opacity: 0.8;

    padding: 0;
}

.repairBlock .service:hover {
    opacity: 1;
}

.offerBulletBlock .service:before, .offerBulletBlock .service:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #87b357;
    top: 50%;
}

.offerBulletBlock .service:before {
    height: 1px;
    width: 30px;
    margin-top: -0.5px;
}

.offerBulletBlock .service:after {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: -3.5px;
}

.offerBulletBlock .services {
    position: relative;
    padding-top: 34px;
    padding-bottom: 34px;
}

.offerBulletBlock .services .lineToServices {
    display: block;
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #87b357;
    top: 0;
    left: 50%;
    margin-left: -0.5px;
}

.offerBulletBlock .services .lineToServices:before, .offerBulletBlock .services .lineToServices:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #87b357;
    left: 50%;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: -3.5px;
}

.offerBulletBlock .services .lineToServices:before {
    top: -3.5px;
}

.offerBulletBlock .services .lineToServices:after {
    bottom: -3.5px;
}

.offerBulletBlock .services > .cfix {
    margin: -13px -30px 0;
}

.offerBulletBlock .services .item {
    padding: 13px 30px 0;
}

.repairBlock .services .item {
    padding: 0 30px 0;
    position: relative;
    margin-top: -30px;
}
.repairBlock .services .item:first-child {
    margin-top: 0;
}

.offerBulletBlock .services .item:nth-child(2n+1) {
    text-align: right;
    clear: both;
}

.offerBulletBlock .services .item:nth-child(2n+1) .service {
    padding-right: 12px;
    border-right: 1px solid #87b357;
}

.repairBlock .services .item:nth-child(2n+1) .service {
    padding-right: 0;
}

.offerBulletBlock .services .item:nth-child(2n+1) .service:before, .offerBulletBlock .services .item:nth-child(2n+1) .service:after {
    left: 100%;
}

.offerBulletBlock .services .item:nth-child(2n+1) .service:after {
    margin-left: 27px;
}

.offerBulletBlock .services .item:nth-child(2n) {
    float: right;
    clear: both;
}

.offerBulletBlock .services .item:nth-child(2n) .service {
    padding-left: 12px;
    border-left: 1px solid #87b357;
}

.repairBlock .services .item:nth-child(2n) .service {
    padding-left: 0;
}

.offerBulletBlock .services .item:nth-child(2n) .service:before, .offerBulletBlock .services .item:nth-child(2n) .service:after {
    right: 100%;
}

.offerBulletBlock .services .item:nth-child(2n) .service:after {
    margin-right: 28px;
}

.repairBlock .service > span.service_left {
    font-size: 11px;
    color: white;
    background: #87b357;
    line-height: 86px;
    height: 86px;
    padding: 0;
    position: relative;
    width: 110px;
}
.repairBlock .service > span.service_left:after {
    position: absolute;
    top: -2px;
    left: -38px;
    content: "";
    width: 36px;
    height: 91px;
    background: url(../img/repair_arrow.png) no-repeat left top;
}
.repairBlock .services .item:nth-child(2n) .service > span.service_left:after {
    left: auto;
    right: -38px;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.repairBlock .service > span.service_left b {
    font-size: 14px;
}
.repairBlock .service > span.service_middle {
    width: 269px;
    position: relative;
}
.repairBlock .service > span.service_middle:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 86px solid #87b357;
    border-right: 46px solid transparent;
    left: 0;
    z-index: 1;
}
.repairBlock .services .item:nth-child(2n) .service > span.service_middle:after {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 46px solid transparent;
}
.repairBlock .service > span.service_middle:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 86px solid white;
    border-left: 46px solid transparent;
    right: 0;
}
.repairBlock .services .item:nth-child(2n) .service > span.service_middle:before {
    left: 0;
    right: auto;
    border-left: 0;
    border-right: 46px solid transparent;
}
.repairBlock .service > span.service_right {
    text-align: right;
    font-size: 12px;
    color: #666666;
    flex-grow: 2;
    padding: 0 28px 0 0;
    line-height: 1.4;
}

.repairBlock .services .item:nth-child(2n) .service > span.service_right {
    text-align: left;
    padding: 0 0 0 28px;
}

.repairBlock .service > span.service_right p {
    color: #87b357;
}

.repair_attention {
    color: #f4a259;
    font-size: 16px;
    text-align: center;
    margin: 50px 0 0;
    text-transform: uppercase;
}

.advantagesBulletBlock {
    background-color: #f7f7f7;
    padding-top: 62px;
    padding-bottom: 67px;
}

.advantagesBulletBlock .blockTitle + .blockContent {
    margin-top: 28px;
}

.advantagesBulletBlock .grid {
    margin: -40px -15px 0;
}

.advantagesBulletBlock .grid > .item {
    padding: 40px 15px 0;
}

.advantagesBulletBlock .grid > .item:nth-child(2n+1) {
    clear: both;
}

.advantagesBulletBlock .advantage {
    position: relative;
    padding-left: 128px;
    min-height: 70px;
}

.advantagesBulletBlock .advantage .captionAdvantage {
    font-size: 16px;
    line-height: 24px;
    color: #87b357;
    font-weight: bold;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.advantagesBulletBlock .advantage .txt {
    line-height: 20px;
    letter-spacing: 0.01em;
    margin-top: 3px;
}

.advantagesBulletBlock .advantage .iconAdvantage {
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    height: 70px;
    width: 108px;
    background: center no-repeat;
    background-size: cover;
}

.partnersBlock {
    padding: 23px 0 23px;
    background: linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: #f7f7f7;
    background: -moz-linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), -moz-linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: -webkit-linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), -webkit-linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=1);
    background-size: 8px 8px;
}

.partnersBlock .imagePartners {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.basketBlock {
    padding-top: 7px;
}

.basketBlock .pre {
    display: block;
    color: #666666;
    font-weight: bold;
}

.basketBlock .basketItem {
    border: 1px solid #cbcacb;
}

.basketBlock .basketItem + .basketItem {
    margin-top: 20px;
}

.basketBlock .basketItem .tCell:first-child {
    width: 239px;
    padding: 18px 0 17px 30px;
}

.basketBlock .basketItem .tCell:nth-child(2) {
    width: 347px;
    padding: 13px 15px 13px 30px;
}

.basketBlock .basketItem .tCell:nth-child(3) {
    width: 165px;
}

.basketBlock .basketItem .tCell:nth-child(4) {
    width: 206px;
    padding: 0 15px 0 32px;
    background-color: #e6e6e6;
}

.basketBlock .basketItem .imageGood {
    width: 200px;
    height: 109px;
    background: center no-repeat;
    background-size: contain;
}

.basketBlock .basketItem .descriptionGood .txt {
    line-height: 19px;
    font-size: 13px;
}

.basketBlock .basketItem .nameGood {
    display: block;
    font-size: 18px;
    color: #666666;
    font-weight: bold;
}

.basketBlock .basketItem .nameGood + * {
    margin-top: 13px;
}

.basketBlock .basketItem .costStandart {
    margin-top: 2px;
}

.basketBlock .basketItem .addNumbers .minusItem,
.basketBlock .basketItem .addNumbers .plusItem {
    display: block;
    float: left;
    position: relative;
    text-align: center;
    width: 21px;
    height: 21px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #666666;
    cursor: pointer;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.basketBlock .basketItem .addNumbers .minusItem:before,
.basketBlock .basketItem .addNumbers .plusItem:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #666666;
    left: 50%;
    top: 50%;
    height: 1px;
    margin-top: -0.5px;
    width: 11px;
    margin-left: -5.5px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.basketBlock .basketItem .addNumbers .minusItem:hover,
.basketBlock .basketItem .addNumbers .plusItem:hover {
    border-color: #87b357;
}

.basketBlock .basketItem .addNumbers .minusItem:hover:before, .basketBlock .basketItem .addNumbers .minusItem:hover:after,
.basketBlock .basketItem .addNumbers .plusItem:hover:before,
.basketBlock .basketItem .addNumbers .plusItem:hover:after {
    background-color: #87b357;
}

.basketBlock .basketItem .addNumbers .plusItem:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #666666;
    left: 50%;
    top: 50%;
    width: 1px;
    margin-left: -0.5px;
    height: 11px;
    margin-top: -5.5px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.basketBlock .basketItem .addNumbers .numValue {
    width: 22px;
    border: none;
    background-color: transparent;
    float: left;
    padding: 0;
    height: 21px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    letter-spacing: 0;
}

.basketBlock .basketItem .toDetailed {
    width: 100%;
    padding: 10px 5px 11px;
    margin-top: 23px;
}

.basketBlock .basketItem .deleteGood {
    display: inline-block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.basketBlock .basketItem .deleteGood:before, .basketBlock .basketItem .deleteGood:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 50px;
    background-color: #666666;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -1px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.basketBlock .basketItem .deleteGood:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.basketBlock .basketItem .deleteGood:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.basketBlock .basketItem .deleteGood:hover:before, .basketBlock .basketItem .deleteGood:hover:after {
    background-color: #c26f25;
}

.basketBlock .basketItem .actionGood {
    text-align: right;
}

.basketBlock .actionGood,
.basketBlock .discountGoods {
    padding: 0 27px 0 28px;
}

.basketBlock .basketResult {
    border-top: 1px solid #cbcacb;
    border-bottom: 1px solid #cbcacb;
    margin-top: 20px;
    padding-left: 586px;
}

.basketBlock .basketResult .tCell {
    padding: 14px 0 19px;
}

.basketBlock .basketResult .tCell:first-child {
    width: 165px;
}

.basketBlock .basketResult .tCell:nth-child(2) {
    width: 206px;
    padding-right: 15px;
    padding-left: 32px;
    background-color: #e6e6e6;
}

.basketBlock .basketResult .costStandart,
.basketBlock .basketResult .resultInBasket {
    margin-top: 7px;
}

.basketBlock .claimForm {
    margin-top: 40px;
}

.claimForm {
    padding-bottom: 40px;
}

.claimForm .formData {
    background-color: #f7f7f7;
    padding: 32px 30px 29px;
}

.claimForm label {
    float: left;
    width: 478px;
    text-align: right;
    padding-right: 16px;
}

.claimForm .wrapInput {
    float: left;
    width: 585px;
}

.claimForm .markNoteInput {
    display: none;
    float: left;
    width: calc(100% - 1063px);
    padding-left: 10px;
    font-size: 24px;
    line-height: 36px;
    color: #f4a259;
    font-weight: 300;
    letter-spacing: 0.01em;
    padding-top: 4px;
}

.claimForm .itemInput + .itemInput {
    margin-top: 20px;
}

.claimForm .itemInput.requiredInput .markNoteInput {
    display: block;
}

.claimForm .simpleTitle {
    text-align: center;
}

.claimForm .simpleTitle + .contentForm {
    margin-top: 31px;
}

.claimForm .infoClaim {
    padding-top: 23px;
    padding-bottom: 4px;
}

.claimForm .infoClaim .costStandart {
    margin-top: 6px;
}

.claimForm .infoClaim .costStandart.costDetailed {
    margin-top: 0;
}

.claimForm .infoClaim .cfix {
    margin: 0 -15px;
}

.claimForm .infoClaim .cfix > .item {
    padding: 0 15px;
}

.claimForm .btnMain {
    width: 262px;
}

.detailedGoodBlock {
    padding-bottom: 30px;
}

.detailedGoodBlock .goodCostBlock {
    width: 340px;
    float: left;
    padding: 6px 49px 0 36px;
}

.detailedGoodBlock .goodCostBlock .costGood {
    display: table;
    margin-top: 31px;
    float: right;
    padding: 6px 30px;
    border: 1px solid #b2b2b2;
}

.detailedGoodBlock .goodCostBlock .imageGood {
    width: 100%;
    height: 138px;
    text-align: right;
}

.detailedGoodBlock .goodCostBlock .imageGood img {
    max-width: 100%;
    max-height: 100%;
}

.detailedGoodBlock .featureBlock {
    width: calc(100% - 340px);
    float: left;
}

.detailedGoodBlock .featureBlock span {
    display: block;
}

.detailedGoodBlock .featureBlock .col2,
.detailedGoodBlock .featureBlock .col10 {
    display: inline-block;
    vertical-align: top;
}

.detailedGoodBlock .infoBlock {
    margin-top: 21px;
}

.similarGoodsBlock {
    border-top: 1px solid #cbcacb;
    padding: 17px 0 0;
}

.similarGoodsBlock .cards > .cfix {
    margin: 0 -12px;
}

.similarGoodsBlock .cards > .cfix > .item {
    padding: 0 12px;
}

.similarGoodsBlock .simpleTitle + .cards {
    margin-top: 21px;
}

.similarGoodsBlock .pagination {
    margin-left: auto;
    margin-right: auto;
}

.goodCard {
    display: block;
    width: 100%;
    border: 1px solid #cbcacb;
    position: relative;
}

.goodCard .imageGoodWrap {
    text-align: center;
}

.goodCard .imageGood {
    background: center no-repeat;
    background-size: contain;
    width: 100%;
}

.goodCard .nameGood {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

.goodCard .shortFeatureBlock .shortFeature {
    display: block;
}

.goodCard .shortFeatureBlock .shortFeature + .shortFeature {
    margin-top: 5px;
}

.goodCard .btnMain {
    width: 158px;
    padding: 10px 10px 11px;
}

.goodCard.similarCard {
    min-height: 380px;
    padding: 7px 10px 89px;
}

.goodCard.similarCard .imageGood {
    height: 97px;
    line-height: 97px;
    text-align: center;
    display: block;
}

.goodCard.similarCard .imageGood img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.goodCard.similarCard .topBlock {
    margin-top: 17px;
    text-align: center;
}

.goodCard.similarCard .infoBlock {
    margin-top: 13px;
}

.goodCard.similarCard .btnMain {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -79px;
}

.goodCard.similarCard .shortFeatureBlock {
    line-height: 19px;
    margin-top: 8px;
    height: 99px;
    overflow: hidden;
}

.goodCard.similarCard .shortFeatureBlock .shortFeature {
    display: block;
    font-size: 14px;
}

.goodCard.similarCard .shortFeatureBlock .shortFeature + .shortFeature {
    margin-top: 5px;
}

.goodCard.shopCard .imageGood {
    height: 110px;
    line-height: 110px;
    display: inline-block;
}

.goodCard.shopCard .imageGood img {
    max-height: 110px;
    max-width: 200px;
    vertical-align: middle;
}

.modeLine > .cfix {
    margin: -20px 0 0;
}

.modeLine > .cfix > .item {
    width: 100%;
    padding: 20px 0 0;
}

.modeLine .shopCard {
    padding: 13px 0;
}

.modeLine .shopCard .imageGoodWrap {
    display: table-cell;
    vertical-align: middle;
    padding: 0 28px;
    width: 255px;
}

.modeLine .shopCard .aboutGood {
    display: table-cell;
    vertical-align: top;
    width: calc(100% - 255px);
    padding-right: 223px;
}

.modeLine .shopCard .topBlock {
    display: table;
    position: absolute;
    height: 100%;
    width: 223px;
    padding: 14px 15px 18px;
    text-align: center;
    right: 0;
    top: 0;
}

.modeLine .shopCard .topBlock .in {
    display: table-cell;
    vertical-align: middle;
}

.modeLine .shopCard .infoBlock {
    min-height: 118px;
    padding-left: 4px;
}

.modeLine .shopCard .shortFeatureBlock {
    line-height: 14px;
    margin-top: 15px;
    font-size: 13px;
}

.modeLine .shopCard .btnMain {
    margin: 14px auto 0;
}

.modeTile > .cfix {
    margin: -15px -12.5px;
}

.modeTile > .cfix > .item {
    width: 50%;
    padding: 15px 12px;
}

.modeTile .shopCard {
    padding: 17px 20px 80px;
}

.modeTile .shopCard .btnMain {
    position: absolute;
    bottom: 24px;
    left: 50%;
    margin-left: -79px;
}

.modeTile .shopCard .topBlock {
    float: right;
    padding-top: 3px;
}

.modeTile .shopCard .nameGood {
    float: left;
    max-width: calc(100% - 155px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modeTile .shopCard .shortFeatureBlock {
    float: left;
    width: 100%;
    line-height: 19px;
    margin-top: 13px;
    max-height: 57px;
    overflow: hidden;
    font-size: 13px;
}

.modeTile .shopCard .shortFeatureBlock .shortFeature + .shortFeature {
    margin-top: 0;
}

.modeTile .shopCard .aboutGood {
    margin-top: 20px;
}

.goodsFilterBlock {
    padding-top: 7px;
}

.goodsFilterBlock .titleFilter + .goodsFilterContent {
    margin-top: 18px;
}

.typeFilterBlock {
    overflow: hidden;
}

.typeFilterBlock .typeGood {
    display: table;
    height: 46px;
    width: 100%;
    background-color: #87b357;
    position: relative;
    padding: 0 0 0 33px;
    cursor: pointer;
}

.typeFilterBlock .typeGood .name {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.typeFilterBlock .typeGood.toChoice .icon {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background: url(../img/icon-i.png) center no-repeat;
    margin-left: 12px;
}

.typeFilterBlock .typeGood:before {
    content: '';
    display: block;
    position: absolute;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
    margin-top: -5px;
    left: 15px;
    top: 50%;
    -webkit-transition: border-top-color 0.3s, border-left-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
    -moz-transition: border-top-color 0.3s, border-left-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
    -o-transition: border-top-color 0.3s, border-left-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
    transition: border-top-color 0.3s, border-left-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
}

.typeFilterBlock .typeFilterContent {
    margin-top: 5px;
}

.typeFilterBlock .typeFilterContent .filterItem {
    border: 1px solid #cbcacb;
}

.typeFilterBlock .typeFilterContent .marking {
    padding: 13px 5px 10px;
}

.typeFilterBlock .searchLine input {
    letter-spacing: 0;
}

.typeFilterBlock .searchBlock + .filterMarking {
    margin-top: 12px;
}

.typeFilterBlock .filterMarking {
    padding-right: 27px;
    max-height: 170px;
    padding-left: 13px;
}

.typeFilterBlock .filterMarking li {
    border-bottom: 1px solid #cbcacb;
    padding: 5px 0 6px;
}

.typeFilterBlock .filterMarking li:first-child {
    padding-top: 0;
}

.typeFilterBlock input[type=checkbox] {
    display: none;
}

.typeFilterBlock .linkMarking {
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 17px;
    color: #87b357;
    letter-spacing: 0.01em;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.typeFilterBlock .linkMarking + input {
    display: none;
}

.typeFilterBlock input[type=checkbox]:checked + label {
    color: #f4a259;
}

.typeFilterBlock .linkMarking:hover {
    opacity: 0.6;
}

.typeFilterBlock + .typeFilterBlock {
    margin-top: 10px;
}

.typeFilterBlock .optionName {
    display: table;
    height: 38px;
    width: 100%;
    position: relative;
    padding: 0 0 0 44px;
    cursor: pointer;
}

.typeFilterBlock .optionName .name {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    line-height: 16px;
}

.typeFilterBlock .optionName .icon {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background: url(../img/icon-i-green.png) center no-repeat;
    margin-left: 4px;
}

.typeFilterBlock .optionName:before {
    content: '';
    display: block;
    position: absolute;
    border: 5px solid transparent;
    border-left: 5px solid #666666;
    margin-top: -3px;
    left: 23px;
    top: 50%;
    -webkit-transition: border-top-color 0.3s, border-left-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
    -moz-transition: border-top-color 0.3s, border-left-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
    -o-transition: border-top-color 0.3s, border-left-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
    transition: border-top-color 0.3s, border-left-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
}

.typeFilterBlock .filterItem + .filterItem {
    margin-top: 5px;
}

.typeFilterBlock.opened .typeGood:before {
    border: 5px solid transparent;
    border-top: 5px solid #fff;
    margin-top: -2px;
    left: 12px;
    -webkit-transition: border-left-color 0.3s, border-top-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
    -moz-transition: border-left-color 0.3s, border-top-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
    -o-transition: border-left-color 0.3s, border-top-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
    transition: border-left-color 0.3s, border-top-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
}

.typeFilterBlock .filterItem.opened .optionName:before {
    border: 5px solid transparent;
    border-top: 5px solid #666666;
    margin-top: -1px;
    left: 20px;
    -webkit-transition: border-left-color 0.3s, border-top-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
    -moz-transition: border-left-color 0.3s, border-top-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
    -o-transition: border-left-color 0.3s, border-top-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
    transition: border-left-color 0.3s, border-top-color 0.3s 0.4s, left 0s 0.3s, margin-top 0s 0.3s;
}

.typeFilterBlock .optionContent {
    padding: 0 5px 19px;
}

.typeFilterBlock .optionContent .fields .itemInput {
    width: 50%;
    float: left;
}

.typeFilterBlock .optionContent .fields label {
    float: left;
    width: 35px;
    padding: 0 6px;
    text-align: right;
    font-size: 14px;
    font-weight: normal;
}

.typeFilterBlock .optionContent .fields input {
    float: left;
    width: calc(100% - 35px);
}

.typeFilterBlock .optionContent .rangeSlider {
    margin-top: 15px;
}

.typeFilterBlock .slideContent {
    display: none;
}

.shopSiteBlock .schemeBlock {
    padding-bottom: 22px;
}

.shopSiteBlock .schemeBlock > .cfix {
    margin: -40px -24px 0;
}

.shopSiteBlock .schemeBlock > .cfix > .item {
    padding: 40px 24px 0;
}

/*.shopSiteBlock .schemeBlock .scheme > img {*/
/*height: 170px;*/
/*width: 441px; }*/
.shopSiteBlock .schemeBlock .item:nth-child(2) .scheme > img {
    float: right;
}

.shopSiteBlock .switchModeBlock {
    padding: 20px 0;
    border-top: 1px solid #cbcacb;
}

.shopSiteBlock .switchModeBlock .btnSwitch {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #cbcacb;
    cursor: pointer;
    float: right;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.shopSiteBlock .switchModeBlock .btnSwitch + .btnSwitch {
    margin-right: 10px;
}

.shopSiteBlock .switchModeBlock .btnSwitch > * {
    display: block;
    background-color: #cbcacb;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.shopSiteBlock .switchModeBlock .btnSwitch.switchOnLine {
    padding: 5px 5px 4px;
}

.shopSiteBlock .switchModeBlock .btnSwitch.switchOnLine > * {
    height: 5px;
    width: 100%;
}

.shopSiteBlock .switchModeBlock .btnSwitch.switchOnLine > * + * {
    margin-top: 3px;
}

.shopSiteBlock .switchModeBlock .btnSwitch.switchOnTile {
    padding: 5px;
}

.shopSiteBlock .switchModeBlock .btnSwitch.switchOnTile > * {
    height: 12px;
    width: 12px;
    float: left;
}

.shopSiteBlock .switchModeBlock .btnSwitch.switchOnTile > *:nth-child(2n) {
    float: right;
}

.shopSiteBlock .switchModeBlock .btnSwitch.switchOnTile > *:nth-child(3), .shopSiteBlock .switchModeBlock .btnSwitch.switchOnTile > *:nth-child(4) {
    margin-top: 4px;
}

.shopSiteBlock .switchModeBlock .btnSwitch:not(.active):hover {
    border-color: #87b357;
}

.shopSiteBlock .switchModeBlock .btnSwitch:not(.active):hover > * {
    background-color: #87b357;
}

.shopSiteBlock .switchModeBlock .btnSwitch.active {
    border-color: #717171;
    cursor: default;
}

.shopSiteBlock .switchModeBlock .btnSwitch.active > * {
    background-color: #717171;
}

.wrapper {
    min-height: 100vh;
    position: relative;
    padding-bottom: 231px;
}

.wrapper .footerBlock {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.select2-container .select2-selection {
    border: 0;
    border-radius: 0;
}

.select2-container input[type=search] {
    height: 30px;
}

.select2-container--krajee .select2-selection {
    border-radius: 0 !important;
}

.block-vacancy {
    margin-bottom: 20px;
    padding: 20px 30px;
    border: 1px solid #f7f7f7;
    border-bottom: 2px solid #87b357;
    background: linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: #f7f7f7;
    background: -moz-linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), -moz-linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: -webkit-linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), -webkit-linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=1);
    background-size: 8px 8px;

    -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.07);

}
.block-vacancy-top {}
.block-vacancy-top h2 {
    color: #87b357;
    font-size: 22px;
    font-weight: bold;
    float: left;
}
.block-vacancy-top span {
    color: black;
    font-size: 22px;
    font-weight: bold;
    float: right;
}
.block-vacancy-middle {
    margin: 20px 0;
}
.block-vacancy-middle p {
    font-size: 14px;
}
.block-vacancy-middle p b {
    color: black;
}
.block-vacancy-bottom {}
.block-vacancy-bottom p {
    font-size: 13px;
}
.block-vacancy-bottom p b {
    color: black;
}

.block-contact {
    vertical-align: top;
    width: 48%;
    display: inline-block;
    margin-bottom: 20px;
    padding: 20px 30px;
    border: 1px solid #f7f7f7;
    border-bottom: 2px solid #87b357;
    background: linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: #f7f7f7;
    background: -moz-linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), -moz-linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: -webkit-linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), -webkit-linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=1);
    background-size: 8px 8px;

    -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.07);
}
.block-contact:first-child {
    margin-right: 4%;
}
.block-contact-top {}
.block-contact-top h2 {
    color: #87b357;
    font-size: 22px;
    font-weight: bold;
    float: left;
}
.block-contact-top span {
    color: black;
    font-size: 22px;
    font-weight: bold;
    float: right;
}
.block-contact-middle {
    margin: 20px 0;
}
.block-contact-middle p {
    font-size: 14px;
}
.block-contact-middle p b {
    color: black;
}
.block-contact-bottom {}
.block-contact-bottom p {
    font-size: 13px;
}
.block-contact-bottom p b {
    color: black;
}

cite a {
    color: #87b357;
}

.deliveryBlock {
    display: block;
    background: #f7f7f7;
    text-align: center;
    font-size: 14px;
    padding: 10px 17px;
    font-weight: 600;
    text-transform: uppercase;
    color: #61922c;
}
.deliveryBlock img {
    max-width: 100%;
    margin-top: 8px;
}
.deliveryBlock img + img {
    margin-top: 8px;
}

.text_list {
    margin: 20px 0;
    padding: 20px 30px;
    border: 1px solid #f7f7f7;
    border-bottom: 2px solid #87b357;
    font-size: 14px;
    line-height: 1.5;

    -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.05);
}
.text_list h2 {
    color: #87b357;
    font-size: 22px;
    font-weight: normal;
    margin: 20px 0 10px;
}
.text_list ul {
    margin: 5px 0 5px 20px;
    list-style-type: circle;
}
.text_list ul li {}

.block-repair-top {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.block-repair-top img {
    width: 50%;
}
.brt_text {
    width: 50%;
    padding: 0 20px;
}

.oneClick {
    display: flex;
    justify-content: center;
    text-align: center;
    background: linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: #f7f7f7;
    background: -moz-linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), -moz-linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: -webkit-linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), -webkit-linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    background: linear-gradient(-45deg, transparent 49.9%, #f7f7f7 49.9%, #f7f7f7 60%, transparent 60%), linear-gradient(-45deg, #f7f7f7 10%, transparent 10%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=1);
    background-size: 8px 8px;

    margin: 20px 0 0;
    padding: 20px;
    border: 1px solid #87b357;
}

.oneClick .form-group {
    margin-bottom: 0;
    min-width: 30%;
}