:root {
    --honeycomb-width: 46px;
    --honeycomb-height: 46px;
}

*,
:after,
:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: border-box;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* fonts */

.fancybox-container * {
    font-family: 'Museo Sans', sans-serif;
}

@font-face {
    font-family: "rouble";
    src: url("../fonts/rouble.otf") format("opentype");
}

@font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/MuseoSansCyrl-300.eot');
    src: url('../fonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl-300.woff') format('woff'), url('../fonts/MuseoSansCyrl-300.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/MuseoSansCyrl-500.eot');
    src: url('../fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl-500.woff') format('woff'), url('../fonts/MuseoSansCyrl-500.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/MuseoSansCyrl-700.eot');
    src: url('../fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl-700.woff') format('woff'), url('../fonts/MuseoSansCyrl-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/MuseoSansCyrl-900.eot');
    src: url('../fonts/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSansCyrl-900.woff') format('woff'), url('../fonts/MuseoSansCyrl-900.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

.constructor {
    overflow: hidden;
}

.center {
    text-align: center;
}

#characteristic div {
    clear: both;
    border-bottom: 1px dashed #a7a7a7
}

#characteristic div span:nth-child(1) {
    text-align: left;
    float: left
}

#characteristic div span:nth-child(2) {
    text-align: right;
    display: block
}

#size_img2 {
    max-width: 200px;
    margin: 0 auto
}

.constructor .wrap {
    width: 1000px;
    height: 300px
}

.constructor .grid {
    z-index: 1;
    position: absolute;
    background-image: url(data:image/jpeg;base64,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ZwAAAAAAAAANY3JvcFJlY3RSaWdodGxvbmcAAAAAAAAAC2Nyb3BSZWN0VG9wbG9uZwAAAAAAOEJJTQPtAAAAAAAQAEgAAAABAAIASAAAAAEAAjhCSU0EJgAAAAAADgAAAAAAAAAAAAA/gAAAOEJJTQPyAAAAAAAKAAD///////8AADhCSU0EDQAAAAAABAAAAFo4QklNBBkAAAAAAAQAAAAeOEJJTQPzAAAAAAAJAAAAAAAAAAABADhCSU0nEAAAAAAACgABAAAAAAAAAAI4QklNA/UAAAAAAEgAL2ZmAAEAbGZmAAYAAAAAAAEAL2ZmAAEAoZmaAAYAAAAAAAEAMgAAAAEAWgAAAAYAAAAAAAEANQAAAAEALQAAAAYAAAAAAAE4QklNA/gAAAAAAHAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAOEJJTQQAAAAAAAACAAA4QklNBAIAAAAAAAIAADhCSU0EMAAAAAAAAQEAOEJJTQQtAAAAAAAGAAEAAAADOEJJTQQIAAAAAAAQAAAAAQAAAkAAAAJAAAAAADhCSU0EHgAAAAAABAAAAAA4QklNBBoAAAAAA0UAAAAGAAAAAAAAAAAAAAAKAAAACgAAAAgAZwByAGUAeQBHAHIAaQBkAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAKAAAACgAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAABAAAAABAAAAAAAAbnVsbAAAAAIAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAACgAAAABSZ2h0bG9uZwAAAAoAAAAGc2xpY2VzVmxMcwAAAAFPYmpjAAAAAQAAAAAABXNsaWNlAAAAEgAAAAdzbGljZUlEbG9uZwAAAAAAAAAHZ3JvdXBJRGxvbmcAAAAAAAAABm9yaWdpbmVudW0AAAAMRVNsaWNlT3JpZ2luAAAADWF1dG9HZW5lcmF0ZWQAAAAAVHlwZWVudW0A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IENDIChNYWNpbnRvc2gpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMC0wNi0xMVQxNDozMToyMiswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNi0xMVQxNTo0MjozMCswMzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjAtMDYtMTFUMTU6NDI6MzArMDM6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MThlODAzMzUtYzc4My00NjRhLTllNDAtYjZhNzE0Mzg3YzJmIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MWFlNjU5YWMtNTRlYS1hNjRlLWJhN2EtNGVhZmM5Nzk1NzBiIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6N2JlNGM4ZWEtMWE3Yi00Zjc2LWFlMDctZjE5MmNhOTNhMTYwIiBkYzpmb3JtYXQ9ImltYWdlL2pwZWciIHBob3Rvc2hvcDpMZWdhY3lJUFRDRGlnZXN0PSIwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMSIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkFkb2JlIFJHQiAoMTk5OCkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjdiZTRjOGVhLTFhN2ItNGY3Ni1hZTA3LWYxOTJjYTkzYTE2MCIgc3RFdnQ6d2hlbj0iMjAyMC0wNi0xMVQxNDozMToyMiswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmMmFjM2YzMS1iNmU0LTQ4NDctYmVmNy04ZjA2ZWMwODYwZTkiIHN0RXZ0OndoZW49IjIwMjAtMDYtMTFUMTQ6MzE6MjIrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MThlODAzMzUtYzc4My00NjRhLTllNDAtYjZhNzE0Mzg3YzJmIiBzdEV2dDp3aGVuPSIyMDIwLTA2LTExVDE1OjQyOjMwKzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDw/eHBhY2tldCBlbmQ9InciPz7/4gJASUNDX1BST0ZJTEUAAQEAAAIwQURCRQIQAABtbnRyUkdCIFhZWiAHzwAGAAMAAAAAAABhY3NwQVBQTAAAAABub25lAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUFEQkUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApjcHJ0AAAA/AAAADJkZXNjAAABMAAAAGt3dHB0AAABnAAAABRia3B0AAABsAAAABRyVFJDAAABxAAAAA5nVFJDAAAB1AAAAA5iVFJDAAAB5AAAAA5yWFlaAAAB9AAAABRnWFlaAAACCAAAABRiWFlaAAACHAAAABR0ZXh0AAAAAENvcHlyaWdodCAxOTk5IEFkb2JlIFN5c3RlbXMgSW5jb3Jwb3JhdGVkAAAAZGVzYwAAAAAAAAARQWRvYmUgUkdCICgxOTk4KQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAGN1cnYAAAAAAAAAAQIzAABjdXJ2AAAAAAAAAAECMwAAY3VydgAAAAAAAAABAjMAAFhZWiAAAAAAAACcGAAAT6UAAAT8WFlaIAAAAAAAADSNAACgLAAAD5VYWVogAAAAAAAAJjEAABAvAAC+nP/uAA5BZG9iZQBkgAAAAAH/2wCEAAgGBgYGBggGBggMCAcIDA4KCAgKDhANDQ4NDRARDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBCQgICQoJCwkJCw4LDQsOEQ4ODg4REQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIAAoACgMBIgACEQEDEQH/3QAEAAH/xAGiAAAABwEBAQEBAAAAAAAAAAAEBQMCBgEABwgJCgsBAAICAwEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAgEDAwIEAgYHAwQCBgJzAQIDEQQABSESMUFRBhNhInGBFDKRoQcVsUIjwVLR4TMWYvAkcoLxJUM0U5KismNzwjVEJ5OjszYXVGR0w9LiCCaDCQoYGYSURUaktFbTVSga8uPzxNTk9GV1hZWltcXV5fVmdoaWprbG1ub2N0dXZ3eHl6e3x9fn9zhIWGh4iJiouMjY6PgpOUlZaXmJmam5ydnp+So6SlpqeoqaqrrK2ur6EQACAgECAwUFBAUGBAgDA20BAAIRAwQhEjFBBVETYSIGcYGRMqGx8BTB0eEjQhVSYnLxMyQ0Q4IWklMlomOywgdz0jXiRIMXVJMICQoYGSY2RRonZHRVN/Kjs8MoKdPj84SUpLTE1OT0ZXWFlaW1xdXl9UZWZnaGlqa2xtbm9kdXZ3eHl6e3x9fn9zhIWGh4iJiouMjY6Pg5SVlpeYmZqbnJ2en5KjpKWmp6ipqqusra6vr/2gAMAwEAAhEDEQA/AO5+/wDn/H/P/krVB/H+3/P/AJHZh/H/ADr/AMbf89s33/5/8z8Vf//Z);
}

.constructor .block_wrap .grid {
    z-index: 1;
    padding: 0;
    height: 103%;
    margin: 0;
    width: 100%;
    left: 82px;
    top: -5px
}

.constructor .honeycomb_wrap .grid {
    height: calc(100% + 76px);
    margin: 0;
    width: 100%;
    top: -8px;
    left: 50px;
    max-width: 290px;
}

.constructor .klinker_wrap .grid {
    z-index: 1;
    padding: 0;
    height: 103%;
    margin: 0;
    width: 100%;
    left: 67px;
    top: -5px
}

.constructor .info_block {
    position: relative
}

.constructor .brick_wrap .grid {
    height: calc(100% + 10px);
    margin: 0;
    width: 100%;
    left: 63px;
    top: -5px
}

.constructor .row_wrap .grid {
    height: calc(100% + 10px);
    margin: 0;
    width: 100%;
    left: 63px;
    top: -5px
}

.constructor .mosaic_wrap .grid {
    height: calc(100% + 10px);
    margin: 0;
    width: 90%;
    left: 63px;
    top: -5px
}

.constructor .tychok_wrap .grid {
    padding: 0;
    height: 103%;
    margin: 0;
    width: 95%;
    left: 64px;
    top: -5px
}

.constructor .rigel_wrap .grid {
    padding: 0;
    height: 103%;
    margin: 0;
    width: 100%;
    left: 78px;
    top: -5px
}

.constructor .block_row,
.constructor .block_wrap .block_row,
.constructor .row_wrap .block_row,
.constructor .brick_wrap .block_row,
.constructor .mosaic_wrap .block_row,
.constructor .honeycomb_wrap .block_row,
.constructor .klinker_wrap .block_row {
    position: relative;
    z-index: 2;
    display: flex
}

.constructor .block_wrap,
.constructor .row_wrap,
.constructor .brick_wrap,
.constructor .klinker_wrap,
.constructor .rigel_wrap,
.constructor .mosaic_wrap,
.constructor .honeycomb_wrap,
.constructor .tychok_wrap {
    z-index: 2;
    position: relative;
    padding: 5px 10px;
    height: 100%;
    margin: 0 30px
}

.constructor .block_wrap {
    max-width: 320px;
}

.constructor .tychok_wrap,
.constructor .klinker_wrap,
.constructor .row_wrap,
.constructor .brick_wrap {
    max-width: 310px;
}

.constructor .rigel_wrap {
    max-width: 310px;
}

.constructor .mosaic_wrap {
    max-width: 330px;
    margin: 0px auto;
}

.constructor .honeycomb_wrap {
    margin: 0px auto;
    width: 360px;
    position: relative;
    padding: 60px 0 0;
}

.constructor .block_wrap .block_row:nth-child(2n-1) {
    position: relative;
    left: 72px
}

.constructor .brick_wrap .block_row:nth-child(2n-1) {
    position: relative;
    left: 53px
}

.constructor .row_wrap .block_row {
    position: relative;
    left: 53px
}

.constructor .klinker_wrap .block_row:nth-child(2n-1) {
    position: relative;
    left: 53px
}

.constructor .block {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/101.jpg);
    margin: 1px;
    -webkit-transition: .55s;
    transition: .55s
}

.constructor .honeycomb_wrap .block_row:nth-child(2n) {
    position: relative;
    left: 27px;
}

.constructor .honeycomb_wrap .block_row:nth-child(2n-1) {
    position: relative;
    left: 50px;
}

.honeycomb_wrap .block_row .block:nth-child(4),
.honeycomb_wrap .block_row .block:nth-child(5),
.honeycomb_wrap .block_row .block:nth-child(6) {
    position: relative;
    left: 28px;
}

.constructor .honeycomb_wrap .block_row {
    margin: 0 auto -10px;
}

.colors .active {
    border-bottom: 2px solid #fdc60c
}

.constructor .type1 {
    width: 149px;
    height: 76px
}

.constructor .type2 {
    width: 108px;
    height: 30px
}

.constructor .type8 {
    width: 108px;
    height: 30px
}

.constructor .type6 {
    width: 45px;
    height: 45px
}

.constructor .type7 {
    width: var(--honeycomb-width);
    height: var(--honeycomb-height);
    margin: 0.7px;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

.constructor .type3 {
    width: 108px;
    height: 27px;
    margin: 1.7px;
    border-radius: 3px;
    clip-path: polygon(0% 9%, 0% 9%, 3% 4%, 3% 4%, 6% 3%, 6% 3%, 23% 3%, 22% 3%, 27% 0%, 27% 0%, 49% 1%, 49% 1%, 56% 3%, 56% 3%, 68% 3%, 68% 3%, 78% 4%, 78% 4%, 84% 4%, 84% 4%, 88% 3%, 88% 3%, 91% 2%, 91% 2%, 96% 3%, 96% 3%, 98% 4%, 98% 4%, 99% 10%, 99% 10%, 100% 20%, 100% 20%, 100% 62%, 100% 62%, 100% 77%, 100% 77%, 99% 89%, 99% 89%, 98% 99%, 98% 99%, 1% 98%, 1% 98%, 0% 93%, 0% 93%)
}

.constructor .type4 {
    width: 110px;
    height: 27px;
    margin: 1.7px
}

.constructor .type5 {
    width: 71px;
    height: 19px
}

.rigel_wrap .block_row:nth-child(6n-3) .block:nth-child(2n-1) {
    width: 158px
}

.tychok_wrap .block_row:nth-child(2n-1) .block:nth-child(2n-1) {
    width: 55px
}

.tychok_wrap .block_row:nth-child(2n) .block:nth-child(2n) {
    width: 55px
}

.mosaic_wrap .block_row {
    left: 30px;
}

.tychok_wrap .block_row:nth-child(2n-1) {
    position: relative;
    left: 28px
}

.rigel_wrap .block_row:nth-child(6n-3) .block:nth-child(2n-1) {
    width: 158px
}

.rigel_wrap .block_row:nth-child(6n-3) .block:nth-child(2n) {
    width: 100px
}

.rigel_wrap .block_row:nth-child(6n-3) .block:nth-child(3n+3) {
    width: 71px
}

.rigel_wrap .block_row:nth-child(6n-2) .block:nth-child(2n-1) {
    width: 158px
}

.rigel_wrap .block_row:nth-child(6n-2) .block:nth-child(2n) {
    width: 71px
}

.rigel_wrap .block_row:nth-child(6n-2) .block:nth-child(3n+3) {
    width: 100px
}

.rigel_wrap .block_row:nth-child(6n-1) .block:nth-child(2n-1) {
    width: 71px
}

.rigel_wrap .block_row:nth-child(6n-1) .block:nth-child(2n) {
    width: 100px
}

.rigel_wrap .block_row:nth-child(6n-1) .block:nth-child(3n+3) {
    width: 158px
}

.rigel_wrap .block_row:nth-child(6n) .block:nth-child(2n-1) {
    width: 158px
}

.rigel_wrap .block_row:nth-child(6n) .block:nth-child(2n) {
    width: 100px
}

.rigel_wrap .block_row:nth-child(6n) .block:nth-child(3n+3) {
    width: 71px
}

.rigel_wrap .block_row:nth-child(6n-4) .block:nth-child(2n-1) {
    width: 71px
}

.rigel_wrap .block_row:nth-child(6n-4) .block:nth-child(2n) {
    width: 100px
}

.rigel_wrap .block_row:nth-child(6n-4) .block:nth-child(3n+3) {
    width: 158px
}

.rigel_wrap .block_row:nth-child(6n-5) .block:nth-child(2n-1) {
    width: 71px
}

.rigel_wrap .block_row:nth-child(6n-5) .block:nth-child(2n) {
    width: 100px
}

.rigel_wrap .block_row:nth-child(6n-5) .block:nth-child(3n+3) {
    width: 158px
}

.rigel_wrap .block_row {
    clear: both;
    position: relative;
    z-index: 2
}

.rigel_wrap .block_row:nth-child(6n-1) {
    position: relative;
    left: 45px
}

.rigel_wrap .block_row:nth-child(6n-2) {
    position: relative;
    left: -19px
}

.rigel_wrap .block_row:nth-child(6n-3) {
    position: relative;
    left: 23px
}

.rigel_wrap .block_row:nth-child(6n-4) {
    position: relative;
    left: 67px
}

.rigel_wrap .block_row:nth-child(6n-5) {
    position: relative;
    left: 27px
}

.rigel_wrap .block_row:nth-child(6n-6) {
    position: relative;
    left: 0
}

.constructor .b001 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/001.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b002 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/002.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b010 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/010.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b101 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/101.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b102 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/102.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b103 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/103.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b201 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/201.jpg?1);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b202 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/202.jpg?1);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b203 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/203.jpg?1);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b204 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/204.jpg?1);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b301 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/301.jpg?1);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b302 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/302.jpg?1);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b303 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/303.jpg?1);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b304 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/304.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b401 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/401.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b402 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/402.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b403 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/403.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b404 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/404.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b501 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/501.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b502 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/502.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b503 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/503.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .b603 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/603.jpg);
    background-size: 100%;
    filter: brightness(107%)
}

.constructor .type6.b402,
.constructor .type6.b403,
.constructor .type6.b404 {
    filter: unset
}

#constructor {
    margin: 0 auto;
    background: #fff;
    padding: 240px 0 20px;
    line-height: 1.42857143;
    font-family: 'Museo Sans', sans-serif;
}

#constructor .constructor {
    min-height: 60vh
}

#constructor .caption {
    margin: 0 auto 70px
}

#constructor .caption p {
    text-align: center;
    margin: 10px auto 5px;
    font-size: 18px
}

#constructor .caption h2 span {
    color: #f5cc00;
    font-weight: 500;
    display: inline-block;
    font-size: 32px
}

#constructor .caption h2 {
    font-size: 32px;
    line-height: 1.3;
    text-transform: none;
    font-weight: 500;
    margin: 0;
    padding: 0
}

#constructor h3 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500
}

@media screen and (max-width:768px) {
    #characteristic {
        margin: 120px auto 26px;
        font-size: 20px;
        width: 100%;
    }
    .constructor .block_wrap,
    .constructor .row_wrap,
    .constructor .brick_wrap,
    .constructor .klinker_wrap,
    .constructor .rigel_wrap,
    .constructor .mosaic_wrap,
    .constructor .honeycomb_wrap,
    .constructor .tychok_wrap {
        scale: 0.9;
        padding: 5px 0;
        left: -30px;
    }
    .constructor .honeycomb_wrap {
        padding: 60px 0 0;
    }
    .constructor .mosaic_wrap {
        left: 0px;
    }
    .constructor .mosaic_wrap,
    .constructor .honeycomb_wrap {
        scale: 1;
    }
}

.block_photo {
    display: flex;
    flex-direction: row
}

.block_photo div {
    /* width: 100%; */
    margin: 10px auto
}

.block_photo div img {
    width: 385px;
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, .5);
    outline-offset: -8px;
    margin: 0 auto
}

.block_photo_nav {
    display: flex;
    align-items: center;
    margin: 0 auto 10px;
    justify-content: center;
    position: relative;
    right: 15px
}

.block_photo_nav div {
    cursor: pointer;
    display: inline-block;
    border-radius: 25px;
    position: relative;
    border: 1px solid #3333332b;
    position: relative;
    padding: 5px 25px;
    font-weight: 500;
    font-size: 14px;
    z-index: 9
}

.block_photo_nav #photo_button {
    left: 40px
}

.block_photo_nav #photo_button:not(.active) {
    padding-right: 65px;
    position: relative
}

.block_photo_nav #characteristics_button:not(.active) {
    padding-left: 65px;
    position: relative
}

.block_photo_nav #characteristics_button {
    right: 15px
}

.block_photo_nav .active {
    background: #fdc500;
    border: 3px solid #fdc500;
    box-shadow: 0 4px 6px -1px #00000021;
    z-index: 10
}

#consctuctor3d {
    padding: 0 !important;
    background: #424242
}

#consctuctor3d img {
    position: relative;
    top: 3px
}

.button_block {
    display: flex;
    justify-content: center;
    background-color: rgb(0 0 0)
}

.button_block div {
    cursor: pointer;
    padding: 10px 45px;
    border-radius: 25px;
    color: #fff;
    font-weight: 400
}

.button_block div.active {
    color: #fdc500
}

.block_elements {
    margin: 0 auto 30px
}

.block_elements ul {
    display: flex;
    list-style: none;
    justify-content: center;
    align-items: center
}

.block_elements ul li {
    padding: 10px 25px;
    border-radius: 1px;
    margin: 0;
    background: #f4f4f491;
    cursor: pointer
}

.block_elements ul li.active {
    background: #fdc500
}

.block_colors ul {
    display: flex;
    list-style: none;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    padding: 0
}

.block_colors ul li {
    padding: 10px 25px;
    border-radius: 1px;
    margin: 0;
    background: #f4f4f491;
    width: 50%;
    cursor: pointer
}

.block_colors ul li:nth-child(3) {
    width: 100%
}

.block_colors ul li.active {
    background: #fdc500
}

.block_colors .colors_number,
.block_colors .mix_number {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.block_colors .colors_number div,
.block_colors .mix_number div {
    padding: 10px;
    width: 45%;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    margin: 0 0 10px;
    text-shadow: 0 1px 2px #000;
    cursor: pointer
}

.block_colors .colors_number div.active,
.block_colors .mix_number div.active {
    box-shadow: 0 0 4px 3px #fdc500
}

.block_colors .colors_number .color001 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/001.jpg);
    background-size: cover
}

.block_colors .colors_number .color002 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/002.jpg);
    background-size: cover
}

.block_colors .colors_number .color101 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/101.jpg);
    background-size: cover
}

.block_colors .colors_number .color010 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/010.jpg);
    background-size: cover
}

.block_colors .colors_number .color101 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/101.jpg);
    background-size: cover
}

.block_colors .colors_number .color102 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/102.jpg);
    background-size: cover
}

.block_colors .colors_number .color103 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/103.jpg);
    background-size: cover
}

.block_colors .colors_number .color201 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/201.jpg);
    background-size: cover
}

.block_colors .colors_number .color202 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/202.jpg);
    background-size: cover
}

.block_colors .colors_number .color203 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/203.jpg);
    background-size: cover
}

.block_colors .colors_number .color204 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/204.jpg);
    background-size: cover
}

.block_colors .colors_number .color301 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/301.jpg);
    background-size: cover
}

.block_colors .colors_number .color302 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/302.jpg);
    background-size: cover
}

.block_colors .colors_number .color303 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/303.jpg);
    background-size: cover
}

.block_colors .colors_number .color304 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/304.jpg);
    background-size: cover
}

.block_colors .colors_number .color401 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/401.jpg);
    background-size: cover
}

.block_colors .colors_number .color402 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/402.jpg);
    background-size: cover
}

.block_colors .colors_number .color403 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/403.jpg);
    background-size: cover
}

.block_colors .colors_number .color404 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/404.jpg);
    background-size: cover
}

.block_colors .colors_number .color501 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/501.jpg);
    background-size: cover
}

.block_colors .colors_number .color502 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/502.jpg);
    background-size: cover
}

.block_colors .colors_number .color503 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/503.jpg);
    background-size: cover
}

.block_colors .colors_number .color603 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/603.jpg);
    background-size: cover
}

.block_colors .mix_number .color100 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/100.jpg);
    background-size: cover
}

.block_colors .mix_number .color200 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/200.jpg);
    background-size: cover
}

.block_colors .mix_number .color241 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/241.jpg);
    background-size: cover
}

.block_colors .mix_number .color300 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/300.jpg);
    background-size: cover
}

.block_colors .mix_number .color322 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/322.jpg);
    background-size: cover
}

.block_colors .mix_number .color410 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/410.jpg);
    background-size: cover
}

.block_colors .mix_number .color432 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/432.jpg);
    background-size: cover
}

.block_colors .mix_number .color500 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/500.jpg);
    background-size: cover
}

.block_colors .mix_number .color345 {
    background: url(https://proamk.ru/forpartners/constructor/v4/img/colors/345.jpg);
    background-size: cover;
}

.photo_block .block_vertical img {
    width: 420px
}

#characteristic div {
    font-size: 14px;
    line-height: 1.3;
    margin: 0 auto 5px
}

#size_img2 {
    max-width: 258px;
    margin: 0 auto 50px
}

#characteristic {
    font-size: 14px;
    margin: 20px auto
}

#constr1,
#size_img1 {
    display: block;
    margin: 0 auto 0;
    max-width: 270px
}

.photo_block_menu ul {
    display: flex;
    list-style: none;
    justify-content: end;
    align-items: center
}

.photo_block_menu ul li {
    padding: 10px 25px;
    border-radius: 1px;
    margin: 0;
    background: #f4f4f491;
    cursor: pointer
}

.photo_block_menu ul li.active {
    background: #fdc500
}

#constructor .construtor_header {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    min-height: 65px
}

#constructor .user_choise {
    width: 60%;
    text-align: center;
    font-size: 18px
}

#constructor .user_choise span {
    font-weight: 700
}

#constructor .photo_block_menu {
    width: 40%
}

#constructor .arrow_vertical {
    position: absolute;
    top: 7px;
    left: 25px;
    align-items: center;
    justify-content: start;
    display: flex;
    flex-direction: row-reverse
}

#constructor .arrow_vertical svg {
    width: 15px
}

#constructor .arrow_vertical .arrow__text {
    transform: rotate(-90deg);
    position: absolute;
    top: calc(50% - 30px);
    left: -51px;
    white-space: nowrap
}

#constructor .arrow_horizontal {
    position: absolute;
    bottom: -30px;
    left: calc(50% - 210px);
    align-items: center;
    justify-content: start;
    display: flex;
    flex-direction: row-reverse
}

.constructor_body .orderbutton {
    background: #fdc500;
    color: #000;
    padding: 10px 15px;
    text-decoration: none;
    cursor: pointer;
    display: block;
    border-radius: 0;
    font-weight: normal;
    font-size: 14px;
    display: flex;
    justify-content: center;
}

#constructor .arrow_horizontal .arrow__text {
    position: absolute;
    bottom: 0;
    white-space: nowrap
}

@media screen and (max-width:820px) {
    #constructor .col-sm-9 {
        width: 100%;
    }
    #constructor .construtor_header {
        flex-direction: column
    }
    #constructor .user_choise {
        order: 1;
        margin: 0 auto 20px
    }
    #constructor .photo_block_menu {
        order: 2
    }
    #constructor .constructor {
        padding: 0;
        margin: 0 auto;
    }
    #characteristic div {
        font-size: 12px
    }
    #size_img2 {
        max-width: 200px;
        margin: 0 auto 50px
    }
    #constr1,
    #size_img1 {
        max-width: 200px
    }
    #constructor .constructor_block {
        display: flex;
        flex-direction: column;
        min-height: 100vh
    }
    #constructor .block_elements {
        position: sticky;
        top: 0;
        z-index: 999;
        order: 0;
        max-width: 100%
    }
    #constructor .block_colors {
        position: sticky;
        bottom: 0;
        z-index: 999;
        order: 3
    }
    #constructor .colors_number {
        flex-wrap: nowrap;
        overflow: scroll;
        background: #f4f4f4
    }
    #constructor .mix_number {
        flex-wrap: nowrap;
        overflow: scroll;
        background: #f4f4f4
    }
    #constructor .mix_number div {
        margin: 5px 5px 5px
    }
    #constructor .block_photo {
        flex-direction: column
    }
    .block_elements ul li {
        background: #f4f4f4;
        padding: 10px 16px;
        width: auto
    }
    .block_elements ul {
        overflow: scroll;
        justify-content: start
    }
    .block_colors ul {
        margin-bottom: 10px
    }
    .block_photo div img {
        width: 100%
    }
    .photo_block .block_vertical img {
        width: 100%
    }
    .block_colors .colors_number div {
        margin: 5px 5px 5px
    }
    .photo_block_menu ul {
        justify-content: center
    }
    .block_colors ul li {
        background: #f4f4f4
    }
    .block_photo div {
        margin: 5px auto 0
    }
}

#constructor .price_block {
    display: flex;
    background: 0 0;
    flex-basis: auto;
    flex-direction: column;
    align-items: center
}

#constructor .price_block .price_wrap {
    font-size: 18px;
    margin: 20px auto
}

@media screen and (max-width:820px) {
    #constructor .price_block div {
        width: 100%;
        padding: 0 5px
    }
    #constructor .price_block {
        flex-direction: row;
        background: #f4f4f4
    }
    .price_wrap_star span {
        font-size: 12px;
        line-height: 1;
        display: block;
        padding: 0 5px
    }
}

@media screen and (max-width:768px) {
    .constructor_body {
        padding: 0;
    }
    .block_types div img {
        cursor: pointer;
        max-width: 140px;
        display: block;
        margin: 0 auto
    }
    .block_types div img {
        cursor: pointer;
        max-width: 140px;
        display: block;
        margin: 0 auto
    }
    .constructor {
        width: 100%
    }
    #constr1,
    #constr2 {
        display: block;
        margin: 0 auto 0;
        max-width: 400px;
        position: relative
    }
    .constructor .block_wrap,
    .constructor .row_wrap,
    .constructor .brick_wrap,
    .constructor .mosaic_wrap,
    .constructor .honeycomb_wrap,
    .constructor .klinker_wrap {
        z-index: 2;
        position: relative;
        /* padding: 5px 10px; */
        background-repeat: repeat;
        height: auto;
        margin: 0 8px 190px 3%
    }
}

@media screen and (max-width:668px) {
    .constructor .elements {
        width: 50%
    }
    .constructor .colors,
    .constructor .layouts {
        width: 50%;
        margin: 0 auto 150px
    }
    .layouts div {
        display: block
    }
    h1 {
        font-size: 24px !important
    }
    #home h1 .action {
        right: -120px
    }
    .grey_after::after {
        bottom: -9px
    }
    .grey_after::before {
        bottom: -9px
    }
    #reason .header .text {
        text-align: left;
        font-weight: 500;
        display: inline-block
    }
    #reason .block p {
        font-size: 18px
    }
    svg#play {
        width: 50px
    }
    .videowrap .playbtn {
        top: calc(50% - 165px);
        left: calc(50% - 8px);
        cursor: pointer;
        position: absolute
    }
    .video .wrap p {
        font-size: 16px;
        margin: 10px auto 40px
    }
}

@media screen and (max-width:520px) {
    .constructor .info_block {
        padding: 0;
    }
    #constructor .col-sm-9 {
        width: 100%;
        padding: 0;
    }
    #constructor #pr,
    .partners .showlist {
        padding-right: 45px;
        left: auto
    }
    .constructor .elements {
        margin-bottom: 20px
    }
    #constructor .constructor {
        min-height: 80vh;
    }
}

@media screen and (max-width:414px) {
    .constructor .mosaic_wrap,
    .constructor .row_wrap,
    .constructor .brick_wrap,
    .constructor .klinker_wrap,
    .constructor .rigel_wrap,
    .constructor .tychok_wrap {
        height: auto
    }
    .tychok_wrap .block_row:nth-child(2n-1) .block:nth-child(2n) {
        width: 42px
    }
    .tychok_wrap .block_row:nth-child(2n) .block:nth-child(2n-1) {
        width: 42px
    }
    .constructor .type4 {
        width: 85px;
        height: 25px
    }
    .tychok_wrap .block_row:nth-child(2n) .block:nth-child(2n-1) {
        width: 85px
    }
    .tychok_wrap .block_row:nth-child(2n-1) .block:nth-child(2n) {
        width: 85px
    }
    #how .wrap {
        margin: 0 auto 15px
    }
    .constructor .tychok_wrap .grid {
        left: 45px;
    }
    .tychok_wrap .block_row:nth-child(2n-1) {
        position: relative;
        left: 16px;
    }
    .constructor .block_wrap,
    .constructor .row_wrap,
    .constructor .brick_wrap,
    .constructor .klinker_wrap {
        margin: 0 auto;
    }
    #allrecords .ytwrap {
        max-width: 70%
    }
    #allrecords .instrwrap {
        max-width: 70%
    }
    .constructor .elements {
        width: 50%
    }
    .colors div,
    .layouts div {
        max-width: 90%;
        margin: 15px auto 15px
    }
    .colors p,
    .elements p {
        font-size: 15px
    }
    .layouts p {
        font-size: 14px
    }
    .constructor .colors,
    .constructor .layouts {
        width: 50%;
        margin: 0 auto 150px
    }
    .constructor .block_wrap {
        margin: -1;
        width: 100%;
        margin-bottom: 80px
    }
    .constructor .row_wrap,
    .constructor .brick_wrap,
    .constructor .klinker_wrap {
        height: 480px;
        margin: -1;
        width: 100%;
        margin-bottom: 80px
    }
    .constructor .type3 {
        width: 95px;
        height: 26px;
        margin: 1.6px
    }
    #reason .block {
        max-width: 100%;
        margin-bottom: 50px
    }
    .constructor .type1 {
        width: 138px;
        height: 66px
    }
    .constructor .block_wrap {
        position: relative
    }
    .constructor .row_wrap,
    .constructor .brick_wrap,
    .constructor .klinker_wrap {
        max-width: 355px;
        position: relative
    }
    .constructor .type2 {
        width: 97px;
        height: 27px
    }
    .constructor .type8 {
        width: 97px;
        height: 27px
    }
    #reason .header {
        margin: 0 auto 110px
    }
    #rec14960827 .col-sm-4 {
        width: 100%
    }
    #reason {
        margin: 0 auto;
        padding: 140px 0 20px
    }
    #allrecords .instrwrap {
        max-width: 60%;
        margin: 25px auto 80px
    }
    .videowrap .playbtn {
        top: calc(50% - 130px)
    }
    #allrecords .ytwrap {
        max-width: 60%
    }
    .wrap {
        min-height: 165px;
        margin: 0 auto 50px
    }
    .playbtn {
        top: calc(50% - 125px);
        left: calc(50% - 28px);
        cursor: pointer;
        position: absolute
    }
    #reason .col-md-6 {
        width: 100%;
        float: left
    }
    #reason .header .text {
        display: inline
    }
    #reason .header .ten {
        display: inline
    }
    #home h1 .action {
        right: 30%;
        top: 290px
    }
    #constructor #pr,
    .partners .showlist {
        left: auto;
        margin: 15px auto
    }
    footer .t228__list {
        max-width: 45%;
        margin: 0 auto 50px
    }
}

@media screen and (max-width:375px) {
    .constructor .block_wrap,
    .constructor .row_wrap,
    .constructor .brick_wrap,
    .constructor .klinker_wrap,
    .constructor .tychok_wrap {
        margin: 0 0 90px
    }
    .constructor .type3 {
        width: 84px;
        height: 23px
    }
    .yellowbutton {
        bottom: 0
    }
    .constructor .type1 {
        width: 120px;
        height: 66px
    }
    .constructor .type2 {
        width: 82px;
        height: 23px
    }
    .constructor .type8 {
        width: 82px;
        height: 23px
    }
    .constructor .row_wrap,
    .constructor .brick_wrap,
    .constructor .klinker_wrap {
        height: 440px;
        max-width: 320px;
        position: relative;
        left: 25px
    }
}

@media screen and (max-width:320px) {
    .tychok_wrap .block_row:nth-child(2n-1) {
        position: relative;
        left: 0
    }
    .tychok_wrap .block_row:nth-child(2n) {
        position: relative;
        left: 20px
    }
    .constructor .tychok_wrap {
        width: 95%
    }
    .constructor .type4 {
        width: 65px;
        height: 23px
    }
    .constructor .tychok_wrap {
        height: 420px;
        margin-bottom: 25px
    }
    .tychok_wrap .block_row:nth-child(2n-1) .block:nth-child(2n) {
        width: 30px
    }
    .tychok_wrap .block_row:nth-child(2n) .block:nth-child(2n-1) {
        width: 30px
    }
    #reason .header .text p {
        font-size: 26px
    }
    #reason .block p {
        font-size: 15px
    }
    #reason .block {
        margin: 0 auto 50px
    }
    footer .t228__list {
        max-width: 65%
    }
    .constructor .type1 {
        width: 100px;
        height: 55px
    }
    .constructor .block_wrap {
        height: 355px
    }
    .constructor .block_wrap {
        max-width: 93%
    }
    .constructor .type2 {
        width: 69px;
        height: 19px
    }
    .constructor .type8 {
        width: 69px;
        height: 19px
    }
    .constructor .row_wrap,
    .constructor .brick_wrap,
    .constructor .klinker_wrap {
        height: 360px
    }
    .constructor .type3 {
        width: 64px;
        height: 16px;
        margin: 1.6px
    }
    .constructor .row_wrap,
    .constructor .brick_wrap,
    .constructor .klinker_wrap {
        height: 320px
    }
    #allrecords .ytwrap {
        max-width: 90%
    }
    #allrecords .instrwrap {
        max-width: 90%;
        margin: 25px auto 80px
    }
    .colors div,
    .layouts div {
        margin: 5px auto 5px
    }
    svg#play {
        width: 40px
    }
    .playbtn {
        top: calc(50% - 95px)
    }
    .videowrap svg#play {
        width: 40px
    }
    .videowrap .playbtn {
        top: calc(50% - 102px);
        left: calc(50% - 22px)
    }
}

@media screen and (max-width:240px) {
    .constructor .type1 {
        width: 67px;
        height: 45px
    }
    .constructor .block_wrap {
        height: 305px
    }
    .constructor .type2 {
        width: 45px;
        height: 16px
    }
    .constructor .type8 {
        width: 45px;
        height: 16px
    }
    .constructor .type3 {
        width: 44px;
        height: 14px;
        margin: 1.6px
    }
    .constructor .row_wrap,
    .constructor .brick_wrap,
    .constructor .klinker_wrap {
        height: 288px
    }
    #characteristic div {
        font-size: 9px
    }
    .constructor_container .orderbutton {
        min-width: 90%
    }
    .constructor .type4 {
        width: 55px;
        height: 22px
    }
    .tychok_wrap .block_row:nth-child(2n-1) .block:nth-child(2n) {
        width: 27px
    }
    .tychok_wrap .block_row:nth-child(2n) .block:nth-child(2n-1) {
        width: 27px
    }
}

@media screen and (max-width:420px) {
    #usefulBlock .imgrow img {
        width: 100%;
        margin: 0 auto;
        min-height: unset;
    }
    #usefulBlock .imgrow {
        background: none;
        width: 30%;
        display: inline-block;
        height: unset;
        margin: 0;
    }
    #certs {
        margin: 20px auto;
    }
}

@media screen and (max-width:420px) {
    .constructor .honeycomb_wrap {
        left: -10px;
    }
}

@media screen and (max-width:375px) {
    .constructor .honeycomb_wrap {
        left: -30px;
    }
    /*
    .constructor .brick_wrap, */
    .constructor .block_wrap,
    .constructor .klinker_wrap {
        left: 0px;
    }
    /* .constructor .rigel_wrap,
    .constructor .mosaic_wrap,
    .constructor .honeycomb_wrap, */
    .constructor .tychok_wrap {
        left: -10px;
    }
    .constructor .rigel_wrap {
        left: -20px;
    }
}