/* Start:/constructor/css/style.css?165339655513794*/
.constructor-block svg, .constructor-block img {max-width: 100%;}
.constructor-block svg path, .constructor-block svg rect, .constructor-block svg circle {
    -webkit-transition: stroke 0.15s ease-in-out, fill 0.15s ease-in-out;
    -moz-transition: stroke 0.15s ease-in-out, fill 0.15s ease-in-out;
    -ms-transition: stroke 0.15s ease-in-out, fill 0.15s ease-in-out;
    -o-transition: stroke 0.15s ease-in-out, fill 0.15s ease-in-out;
    transition: stroke 0.15s ease-in-out, fill 0.15s ease-in-out;
}
.constructor_head {margin-bottom: 16px;}
.constructor_head-inner {display: flex; margin: 0 -20px;}
.constructor_head-item {flex: 0 0 25%; padding: 0 20px; width: 25%;}
.constructor_search {}
.constructor_search form {position: relative;}
.constructor_search input[type="text"] {
    border-color: #B5BDC2;
    color: #B5BDC2;
    font-size: 16px;
    height: 42px;
    line-height: 1.18;
    opacity: 0.8;
    padding: 0 52px 0 25px;
    width: 100%;
}
.constructor_search button {
    -webkit-align-items: center; align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 42px;
    -webkit-justify-content: center; justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
}
.constructor_search button svg {height: 24px; width: 24px;}
.constructor_search button svg path {stroke: #0095DA;}
.constructor_control {display: flex; margin: 0 -5px; z-index: 1}
.constructor_control-item {
    -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
    flex: 0 0 42px;
    height: 42px;
    padding: 0 5px;
    width: 42px;
}
.constructor_control-item:hover {cursor: pointer;}
.constructor_head .constructor_control-item:hover svg path {fill: #0095DA;}
.constructor_control-item-inner {
    background: #ffffff95;
    -webkit-align-items: center; align-items: center;
    border: 1px solid #B5BDC2;
    display: flex;
    height: 100%;
    -webkit-justify-content: center; justify-content: center;
    width: 100%;
    -webkit-transition: border 0.15s ease-in-out;
    -moz-transition: border 0.15s ease-in-out;
    -ms-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.constructor_control-item-inner:hover {border-color: #0095DA}
.constructor_control-item-inner.constructor_control-item-copy:hover {border-color: #00A651}
.constructor_control-item-inner.constructor_control-item-remove:hover {border-color: #ED1C24}
.constructor_menu {margin-bottom: 35px;}
.constructor_menu-inner {display: flex; margin: 0 -20px;}
.constructor_menu-item {flex: 0 0 25%; padding: 0 20px; width: 25%;}
.constructor_menu-item-inner {
    -webkit-align-items: center; align-items: center;
    background-color: #F5F5F7;
    display: flex;
    min-height: 45px;
    padding: 5px 10px 5px 15px;
    position: relative;
}
.constructor_menu-control {flex: 0 0 18px; width: 18px;}
.constructor_menu-control .close_icon {position: relative; z-index: 4;}
.constructor_menu-control:hover {cursor: pointer;}
.constructor_menu-control:hover svg path {fill: #0095DA;}
.constructor_menu-control:hover .close_icon path {stroke: #0095DA;}
.constructor_menu-control svg {height: 18px; display: block; width: 18px;}
.constructor_menu-control svg.close_icon {display: none;}
.constructor_menu-item.active .constructor_menu-control svg {display: none;}
.constructor_menu-item.active .constructor_menu-control svg.close_icon {display: block;}
.constructor_menu-control svg path {}
.constructor_menu-section {font-size: 22px; font-weight: 400; line-height: 1.6; padding-left: 10px;}
.constructor_menu-section.active {color: #0095DA;}
.constructor_menu-title {font-size: 18px; font-weight: 300; line-height: 1.6; padding-left: 10px;}
.constructor_menu-current {}
.constructor_menu-current svg {display: block; height: auto; width: 18px;}
.constructor_menu-section_item, .constructor_menu-current {font-size: 16px; font-weight: 400; line-height: 1.4; padding-left: 10px; position: relative; top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.constructor_menu-list, .constructor_menu-catalog {
    background-color: #F5F5F7;;
    display: none;
    left: 0;
    padding: 9px 15px 15px 43px;
    position: absolute;
    width: 100%;
    z-index: 3;
}
.constructor_menu-catalog {max-height: 665px; overflow-y: auto}
.constructor_menu-list {top: 100%;}
.constructor_menu-item.active .constructor_menu-list, .constructor_menu-item.active .constructor_menu-catalog {display: block;}
.constructor_menu-list-item {display: block; position: relative;}
.constructor_menu-list-item:hover {cursor: pointer;}
.constructor_menu-list-item.active {cursor: initial;}
.constructor_menu-list-item--text, .constructor_menu-catalog-item {
    color: #282828;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    -webkit-transition: color 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out;
    -ms-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}
.constructor_menu-list-item:hover .constructor_menu-list-item--text, .constructor_menu-list-item.active .constructor_menu-list-item--text {color: #0095DA;}
.constructor_menu-list-item:hover svg path, .constructor_menu-list-item.active svg path {fill: #0095DA;}
.constructor_menu-list-item:hover svg circle, .constructor_menu-list-item:hover svg rect, .constructor_menu-list-item.active svg circle, .constructor_menu-list-item.active svg rect {stroke: #0095DA;}
.constructor_menu-list ul li {margin-bottom: 20px; position: relative;}
.constructor_menu-list ul li:last-child {margin-bottom: 0;}
.constructor_menu-catalog {top: 100%;}
.constructor_menu-catalog-item {font-size: 22px; position: relative}
.constructor_menu-catalog-item:hover, .constructor_menu-catalog-item.active {color: #0095DA;}
.constructor_menu-catalog-item:hover {cursor: pointer;}
.constructor_menu-catalog-item.active {cursor: initial;}
.constructor_menu-catalog-item .arrow {
    position: absolute; right: 0; font-size: 16px;
}
.constructor_menu-catalog-item .arrow svg path {-webkit-transition: fill 0.15s ease-in-out; -moz-transition: fill 0.15s ease-in-out; -ms-transition: fill 0.15s ease-in-out; transition: fill 0.15s ease-in-out;}
.constructor_menu-catalog ul.active .constructor_menu-catalog-item .arrow {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.constructor_menu-catalog-item.active .arrow svg path, .constructor_menu-catalog-item:hover .arrow svg path {fill: #0095DA;}
.constructor_menu-catalog ul li {margin-bottom: 35px;}
.constructor_menu-catalog ul:last-child li:last-child {margin-bottom: 0;}
.constructor_menu-catalog li ul {padding-left: 10px; display: none}
.constructor_menu-catalog ul.active li ul {margin-top: -20px; display: block}
.constructor_menu-catalog li ul li {margin-bottom: 20px;}
.constructor_menu-catalog li ul li .constructor_menu-catalog-item {font-size: 16px;}
.constructor_menu-icon {
    display: block;
    height: 16px;
    left: -27px;
    padding-right: 14px;
    position: absolute;
    width: 30px;
}
.constructor_menu-icon svg {display: block; height: 100%; width: 100%;}
.constructor_menu-icon svg path {
    -webkit-transition: fill 0.15s ease-in-out;
    -moz-transition: fill 0.15s ease-in-out;
    -ms-transition: fill 0.15s ease-in-out;
    transition: fill 0.15s ease-in-out;
}
.constructor_menu-size-wrap {padding: 9px 15px 15px 15px; text-align: center;}
.constructor_menu-size--total {font-size: 22px; line-height: 1.3; margin-bottom: 15px; text-align: center;}
.constructor_menu-size--control {display: block; margin: 0 auto 10px auto; width: max-content;}
.constructor_menu-size--title {display: inline-block; font-family: 'LatoWebLight', sans-serif; margin-bottom: 5px;}
.constructor_menu-size--value {display: inline-block; font-size: 22px; line-height: 1.3; padding: 0 5px;}
input[type="text"].constructor_menu-size--value {padding: 5px; font-size: 22px; line-height: 100%; height: auto; font-family: 'LatoWeb', sans-serif; margin: 0 5px; width: 70px; text-align: center}
.constructor_menu-size--length {margin-bottom: 0;}
.constructor_menu-size {padding: 0 20px; position: relative;}
.constructor_menu-arrow {
    display: block;
    height: 19px;
    position: absolute;
    top: 10px;
    width: 19px;
}
.constructor_menu-arrow:hover {cursor: pointer;}
.constructor_menu-arrow:hover svg path {fill: #0095DA;}
.constructor_menu-arrow svg {display: block; height: 100%; width: 100%;}
.constructor_menu-prev {left: 0;}
.constructor_menu-next {right: 0;}
.constructor_menu-width {}
.constructor_menu-length {}
.constructor {}
.constructor-inner {display: flex; margin: 0 -20px;}
.constructor_item {padding: 0 20px;}
.constructor_item-inner {position: relative;}
.constructor_result-wrap {flex: 0 0 75%; width: 75%;}
.constructor_result {/*padding-top: 72px; */position: relative; width: 100%;}
.constructor_result-control {left: 50%; margin-left: -130px; position: absolute; top: 15px; display: none}
.constructor_result-control.active {display: flex}
.constructor_list {flex: 0 0 25%; width: 25%; position: relative}
.constructor_list .constructor_item-inner {max-height: 630px; overflow-y: auto}
.constructor_list-item {display: flex; margin-bottom: 36px;}
.constructor_list-item:hover {cursor: pointer;}
.constructor_list-item--img {flex: 0 0 90px; margin-right: 10px; width: 90px;}
.constructor_list-item--img img {border: 1px solid #DDDDDD; display: block; width: 100%;}
.constructor_list-item--info {display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between;}
.constructor_list-item--txt {font-size: 14px; line-height: 1.28;
    -webkit-transition: color 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out;
    -ms-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}
.constructor_list-item:hover .constructor_list-item--txt {color: #0095DA}
.constructor_list-item--favorites {
    -webkit-align-items: center; align-items: center;
    cursor: pointer;
    color: #000;
    display: flex;
    font-size: 12px;
    font-family: 'LatoWebLight', sans-serif;
    line-height: 1;
    width: max-content;
}

.constructor_list-item--favorites-icon {
    display: block;
    height: 16px;
    width: 16px;
}
.constructor_list-item--favorites-icon svg {display: block; height: 100%; width: 100%;}
.constructor_list-item--favorites-txt {padding-left: 10px;}
.constructor_list-item--favorites:hover .constructor_list-item--favorites-txt {color: #0095DA}
.constructor_list-item .active .constructor_list-item--favorites-icon svg .ico-favorites-fill {fill: #FBCF04}

#constructor-3d {
    height: 600px;
    width: 100%;
    display: block;
    position: relative;
}

#constructor-3d canvas {
    height: 100%;
    width: 100%;
}

.constructor_head-message {
    font-size: 16px;
    color: #0095da;
    border: 1px solid #0095da;
    padding: 10px 15px;
    margin: 0 20px;
}

@media (max-width: 1200px) {
    .constructor_head-inner, .constructor_menu-inner, .constructor-inner {margin: 0 -10px;}
    .constructor_head-item, .constructor_menu-item, .constructor_item {padding: 0 10px;}
    .constructor_menu-item-inner {padding: 5px 10px;}
    .constructor_menu-list, .constructor_menu-catalog {padding: 10px 15px 15px 38px;}
    .constructor_menu-list-item--text, .constructor_menu-catalog-item {font-size: 14px;}
    .constructor_menu-section {font-size: 20px; line-height: 1.2;}
    .constructor_menu-section_item, .constructor_menu-current {font-size: 14px; line-height: 1.2;}
    .constructor_menu-catalog-item {font-size: 20px;}
    .constructor_menu-catalog ul li {margin-bottom: 25px;}
    .constructor_menu-catalog li ul li {margin-bottom: 15px;}
    .constructor_menu-catalog li ul li .constructor_menu-catalog-item {font-size: 14px;}
    .constructor_menu-title {font-size: 16px; line-height: 1.2;}
}
@media (max-width: 991px) {
    .constructor_head-item {min-width: 50%;}
    .constructor_menu-inner {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .constructor_menu-item {flex: 0 0 50%; margin-bottom: 20px; width: 50%;}
    .constructor-inner {margin: 0 -10px;}
    .constructor_item {padding: 0 10px;}
    .constructor_result-wrap {flex: 0 0 70%; width: 70%;}
    .constructor_list {flex: 0 0 30%; width: 30%;}
}
@media (max-width: 767px) {
    .constructor-inner {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .constructor_result-wrap {flex: 0 0 100%; margin-bottom: 40px; width: 100%;}
    .constructor_list {flex: 0 0 100%; width: 100%;}
    .constructor_result-wrap {flex: 0 0 100%; width: 100%;}
    #constructor-3d {height: 400px}
    .constructor_item-inner {display: flex; margin: 0 -10px; overflow-x: auto;}
    .constructor_list-item {flex: 0 0 250px; padding: 0 10px; width: 250px;}
}
@media (max-width: 478px) {
    .constructor_head-inner {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .constructor_head-item {flex: 0 0 100%; margin-bottom: 15px; width: 100%;}
    .constructor_head-item:last-child {margin-bottom: 0;}
    .constructor_menu-inner {margin: 0;}
    .constructor_menu-item {flex: 0 0 100%; margin-bottom: 15px; padding: 0; width: 100%;}
}
/* End */
/* /constructor/css/style.css?165339655513794 */