/*@media only screen and (min-width: 1150px) {*/

.arrow_box {
    z-index: 2020;
    position: absolute;
    -webkit-box-shadow: -0.078125vw 0vw 0.859375vw 0vw rgba(50, 50, 50, 0.75);
    -moz-box-shadow: -0.078125vw 0vw 0.859375vw 0vw rgba(50, 50, 50, 0.75);
    box-shadow: -0.078125vw 0vw 0.859375vw 0vw rgba(50, 50, 50, 0.75);
    border-radius: 0.390625vw;
    width: auto

    /*display:block !important*/
}

.arrow_box_text{font-size: 1.5vw; line-height: 1.5vw; white-space: nowrap}

.arrow_box.big {
    zoom: 1.3;
    MozTransform: scale(1.3);
    MozTransformOrigin: 0 0;
    -ms-zoom: 1.3;
    opacity: 0.9
}

.arrow_box .arrow_box_fig {
    opacity: 0;
    margin-left: 0;

}

.arrow_box.str_bottom .arrow_box_fig {
    position:absolute;
    top: 100%;
    left: 10%;
    border: solid transparent 0.78125vw;
    border-top-color: #136364;
    opacity: 1;
    display: block;
}

.arrow_box.str_top .arrow_box_fig{
    opacity: 1;
    left: 10%;
    border: solid transparent 0.78125vw;
    display: block;

}

.arrow_box.str_bottom:before {
    content:'';
    position:absolute;
    top: 100%;
    left: 10%;
    border: solid transparent 0.9375vw;
    border-top-color: #FFFFFF;
    opacity: 1;
    display: block;
    margin-left: -0.15625vw;
}


.arrow_box.str_top:before{
    content:'';
    position:absolute;
    bottom: 100%;
    left: 10%;
    border: solid transparent 0.9375vw;
    border-bottom-color: #FFFFFF;
    opacity: 1;
    display: block;
    margin-left: -0.15625vw; ;
}

.config-step-menu {
    z-index: 1110;
    position: absolute;
    right: 3.125vw;
    top: 7.734375vw;
    width: 18.75vw;
   /* height: 42.96875vw;*/
    margin: 0vw;
    padding: 0vw;
    counter-reset: my-badass-counter;
    display: block;
    font-family: 'Roboto'
}

.config-step-menu.mini {
    width: 3.125vw;
    overflow: hidden
}

.config-step-menu dt {
    padding-top: 0.234375vw;
    position: relative;
    box-sizing: border-box;
    left: 0vw;
    top: 0vw;
    height: 5.46875vw;
    border-bottom: 0.078125vw dotted RGBA(255, 255, 255, 0.2);
    color: RGBA(255, 255, 255, 0.75);
    font-size: 1.40625vw;
    font-weight: 200;
    padding-left: 3.125vw;
    line-height: 1.40625vw;
    box-sizing: border-box;
    background: url(images/icons.svg) no-repeat RGBA(0, 75, 82, 0.75);
    background-size: 4.296875vw 42.1875vw;
}

.config-step-menu dt:before {
    z-index: 20;
    font-family: 'Roboto Condensed';
    font-size: 3.515625vw;
    line-height: 5.46875vw;
    color: RGBA(255, 255, 255, 0.5);
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    position: absolute;
    left: 0.78125vw;
    top: 0;
    width: 2.34375vw;
    height: 5.46875vw;

}

.config-step-menu dt.selected, .config-step-menu dt.iskluc {
    background-color: RGBA(36, 163, 176, 0.8);
    background-image: url(images/icons_active_sel.svg);
    color: RGBA(255, 255, 255, 0.8)
}

.config-step-menu dt.selected:hover {
    cursor: pointer;
    background-color: RGBA(36, 163, 176, 0.75)
}

.config-step-menu dt.active {
    background-color: RGBA(240, 81, 94, 1); /*background-image:url(images/icons_active.svg); */
    color: RGBA(255, 255, 255, 1);
    cursor: pointer
}

.config-step-menu dt.active:after {
    content: ' ';
    position: absolute;
    right: -0.15625vw;
    top: -0.3125vw;
    border-right: 0.15625vw solid #FFF;
    border-top: 0.15625vw solid #FFF;
    width: 2.34375vw;
    height: 2.34375vw;
    z-index: 22
}

.config-step-menu dt:nth-child(1).active:after {
    display: none
}

/*
.config-step-menu dt:nth-child(1){background-position:14.453125vw -4.84375vw;}
.config-step-menu dt:nth-child(2){background-position:14.453125vw -15.78125vw;}
.config-step-menu dt:nth-child(3){background-position:14.453125vw -21.25vw;}
.config-step-menu dt:nth-child(4){background-position:14.453125vw -32.34375vw;}
.config-step-menu dt:nth-child(5){background-position:14.453125vw -37.65625vw;}
*/
.config-step-menu dt > div > div {
    display: inline-block;
    vertical-align: middle
}

.config-step-menu dt > div:before {
    content: '\00a0';
    font-size: 0;
    line-height: 5.46875vw;
    display: inline-block
}

.config-step-menu dt > div > div {
    display: inline-block
}

/*
.config-step-menu dt:nth-child(2){background-position:14.453125vw -15.78125vw;}
.config-step-menu dt:nth-child(3){background-position:14.453125vw -21.25vw;}
.config-step-menu dt:nth-child(4){background-position:14.453125vw -32.34375vw;}
.config-step-menu dt:nth-child(5){background-position:14.453125vw -37.65625vw;}


.config-step-menu dt:nth-child(5):before{content:""}*/

.conf-step {
    z-index: 22
}

.config-window {
    padding: 7.734375vw 26.5625vw 0vw 0vw;
    text-align: right;
    z-index: 1000;
    position: relative;
    right: 0;
    top: 0
}

.config-content {
    display: inline-block;
    text-align: left;
    width: 70.3125vw; /*height:43.75vw;*/
    z-index: 22
}

.step-select, .step-sel-tetris {
    border: 0.078125vw dotted #24a3b0;
    display: inline-block;
    width: 100%;
    font-size: 1.25vw;
    height: 2.34375vw;
    text-align: center;
    line-height: 2.34375vw;
    color: #24a3b0;
    text-align: center;
    cursor: pointer;
    outline: none;
    background: transparent;
    font-weight: 100;
    font-family: 'Roboto'
}

.step-select:hover, .step-sel-tetris:hover {
    background: #24a3b0;
    color: #FFF
}

.step-select:before {
    content: 'ВЫБРАТЬ';
    display: inline-block;
    font-weight: 300;
}

.step-1 {
    width: 75vw;
    height: 43.75vw;
    position: relative;
    left: 0vw;
    top: 0vw;
    color: #FFF;
}

.step-1 > div.pano-select {
    float: left;
    width: 18.75vw;
    height: 21.875vw;
    text-align: center;
    padding: 1.5625vw;
    background: no-repeat center 1.953125vw;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    left: 0;
    top: 0
}

.step-1 > div > div.p {
    background: no-repeat center;
    background-size: contain;
    width: 15.625vw;
    height: 14.0625vw;
    margin-top: 1.5625vw;
}

.step-1 > div > div.inf {
    font-size: 2.5vw;
    font-weight: 100;
    position: absolute;
    bottom: 1.5625vw;
    left: 0;
    width: 100%;
}



.step-1 > div > div.inf0 {
    position: absolute;
    top: 1.171875vw;
    font-weight: 200;
    left: 0vw;
    width: 100%;
    text-align: center;
    font-size: 1.796875vw
}

.step-1 > div > div.inf0:before {
    content: 'Тип ';
    font-size: 1.25vw
}

.step-1 > div.kv10 > div.p {
    background-image: url(images/plan_kv_step_1/10.svg);
    background-size: 50%
}

.step-1 > div.kv10, .step-1 .pano-window.kv10 {
    background-color: #f37c3f;
    border: 0.15625vw solid #f37c3f
}

.step-1 > div.kv6 > div.p {
    background-image: url(images/plan_kv_step_1/6.svg);
    background-size: 50%
}

.step-1 > div.kv6, .step-1 .pano-window.kv6 {
    background-color: #fcb535;
    border: 0.15625vw solid #fcb535
}



.step-1 > div.kv11 > div.p {
    background-image: url(images/plan_kv_step_1/11.svg);
    background-size: 50%
}

.step-1 > div.kv11, .step-1 .pano-window.kv11 {
    background-color: #fcb535;
    border: 0.15625vw solid #fcb535
}

.step-1 > div.kv5 > div.p {
    background-image: url(images/plan_kv_step_1/5.svg);
    background-size: 60%
}

.step-1 > div.kv5, .step-1 .pano-window.kv5 {
    background-color: #39a0a5;
    border: 0.15625vw solid #39a0a5
}

.step-1 > div.kv2 > div.p {
    background-image: url(images/plan_kv_step_1/2.svg);
    background-size: 60%
}

.step-1 > div.kv2, .step-1 .pano-window.kv2 {
    background-color: #f37c3f;
    border: 0.15625vw solid #f37c3f
}

.step-1 > div.kv7 > div.p {
    background-image: url(images/plan_kv_step_1/7.svg);
    background-size: 60%
}

.step-1 > div.kv7, .step-1 .pano-window.kv7 {
    background-color: #39a0a5;
    border: 0.15625vw solid #39a0a5
}

.step-1 > div.kv13 > div.p {
    background-image: url(images/plan_kv_step_1/13.svg);
    background-size: 80%
}

.step-1 > div.kv13, .step-1 .pano-window.kv13 {
    background-color: #f0515e;
    border: 0.15625vw solid #f0515e
}

.step-1 > div.kv1 > div.p {
    background-image: url(images/plan_kv_step_1/1.svg);
    background-size: 100%
}

.step-1 > div.kv1, .step-1 .pano-window.kv1 {
    background-color: #f0515e;
    border: 0.15625vw solid #f0515e
}

.step-1 > div.pano-select:hover {
    border: 0.15625vw dotted #FFF; /* background-color:RGBA(180,246,249,0.9)*/
}

.step-1 > div.pano-select.active {
    border: 0.15625vw solid #FFF;
}

.step-1 > div .step-select {
    display: none
}

.step-1 .lupa {
    z-index: 2000;
    position: absolute;
    right: 0.3125vw;
    bottom: 0.3125vw;
    width: 1.953125vw;
    height: 2.34375vw;
    background: url('images/lupa.svg') no-repeat left top;
    background-size: 4.296875vw 2.34375vw;
}

.step-1 .lupa:hover {
    background-position: -2.109375vw 0vw
}

.step-1 .pano-window {
    width: 75vw;
    height: 43.75vw;
    position: absolute;
    left: 0vw;
    top: 0vw;
    z-index: 2200;
    display: none
}
.step-1 .pano-window .close{width:3.90625vw; height: 3.90625vw; border: 0.078125vw solid #FFF; border-radius: 2.03125vw; position: absolute;
    right:1.953125vw; top:1.953125vw; cursor: pointer}
.step-1 .pano-window .close svg{width: 3.125vw; height: 3.125vw; position: absolute; left: 50%; margin-left: -1.5625vw;
    top:50%; margin-top: -1.5625vw;}

.step-1 .pano-window .plan{text-align: center; padding-right: 5.46875vw;}
.step-1 .pano-window .plan img{ margin-top: 3.90625vw;}

.step-1 .pano-window .p-big10{width:56.796875vw; height: auto; margin-left:-3.90625vw;}
.step-1 .pano-window .p-big11{width:54.6875vw; height: auto; margin-left:-3.90625vw;}
/*.step-1 .pano-window .p-big5{width:57.03125vw; height: auto; margin-left:-3.90625vw;}
.step-1 .pano-window .p-big6{width:57.03125vw; height: auto; margin-left:-3.90625vw;}
.step-1 .pano-window .p-big7{width:57.03125vw; height: auto; margin-left:-3.90625vw;}
.step-1 .pano-window .p-big13{width:57.03125vw; height: auto; margin-left:-3.90625vw;}
.step-1 .pano-window .p-big2{width:57.03125vw; height: auto; margin-left:-3.90625vw;}
.step-1 .pano-window .p-big1{width:57.03125vw; height: auto; margin-left:-3.90625vw;}*/

.step-2 {
    width: 75.078125vw;
}

.step-2 > div.pano-select {
    width: 25vw;
    height: 39.0625vw;
    float: left;
    position: relative;
    left: 0;
    top:0;
    /*cursor: pointer;*/
    background: #FFF;
}

div.inf_more
{

    width: 2.34375vw; height: 2.34375vw; border: 0.078125vw solid #24A3B0; border-radius: 1.25vw;  position: relative;
    left: 0vw;
    top:0vw;
    -webkit-box-shadow: -0.234375vw 0.3125vw 0.78125vw 0vw rgba(50, 50, 50, 0.49);
    -moz-box-shadow:    -0.234375vw 0.3125vw 0.78125vw 0vw rgba(50, 50, 50, 0.49);
    box-shadow:         -0.234375vw 0.3125vw 0.78125vw 0vw rgba(50, 50, 50, 0.49);
    background: #FFF;
    cursor: pointer;
}

div.inf_more:after{content: ''; display: block; width: 1.5625vw; height: 0.15625vw; background: #25A3B0; position: absolute; top:1.09375vw; left: 0.390625vw;}
div.inf_more:before{content: ''; display: block; width: 0.15625vw; height: 1.5625vw; background: #25A3B0; position: absolute; left:1.09375vw; top: 0.390625vw;}

.step-2 div.inf_more{margin: 3.125vw auto 0vw auto;}
.step-2 .border{border-left:0.078125vw dotted #25A3B0; border-right:0.078125vw dotted #25A3B0;
    box-sizing: border-box; position: absolute; width: 100%; height: 22.65625vw}
/*.step-2 > div:nth-child(1) {
    background-color: RGBA(255, 255, 255, 0.80)
}

.step-2 > div:nth-child(2) {
    background-color: RGBA(255, 255, 255, 0.90)
}

.step-2 > div:nth-child(3) {
    background-color: RGBA(255, 255, 255, 1)
}*/

.step-2 > div.active  {
    background-color: RGBA(180, 246, 249, 0.9)
}

.step-2 div.big-img {
    width: 25vw;
    height: 16.40625vw;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    left: 0vw;
    top: 0vw;
    box-sizing: border-box;
    cursor: pointer;
    background-position: center
}

.step-2 div.big-img#step_2_img_1 {
    background-image: url(/interery/images/step_2_img_1.jpg)
}

.step-2 div.big-img#step_2_img_2 {
    background-image: url(/interery/images/step_2_img_2.jpg)
}

.step-2 div.big-img#step_2_img_3 video {
    width: 25vw;
    height: 16.40625vw
}

/*.step-2 div.big-img:after{content:''; display:block; width:3.515625vw; height:1.953125vw; background:url(/interery/images/360.svg) no-repeat center; background-size:3.515625vw 1.953125vw; position:absolute; right:0.78125vw; bottom:0.390625vw}*/
.step-2 div.big-img#step_2_img_3:after {
    display: none
}

.step-2 div.text {
    height: 22.65625vw;
    display: table;
    width: 100%;
    text-align: center;
    /*cursor: pointer*/
}

.step-2 div.text > div {
    display: table-cell;
    padding: 1.5625vw 1.5625vw 0vw 1.5625vw;
    color: #000;
    font-size: 1.09375vw;
    text-transform: uppercase
}

.step-2 div.text:hover .step-select {
    background: #24a3b0;
    color: #FFF
}

.step-2 div.cost {
    color: #f5a6b0;
    font-size: 1.5625vw;
    margin-bottom: 2.34375vw
}

.step-2 div.name {
    font-size: 1.71875vw;
    color: #3F3F3F;
    font-weight: 300;
    margin-top: 1.5625vw;
    cursor:pointer
}

.step-2 div.inf {
    margin: 2.734375vw auto 1.5625vw auto;
    background: url(images/icons_step_2.svg) no-repeat left center; background-size: 19.53125vw 5.859375vw; height: 5.859375vw;
}
.step-2 div.inf.i1{ width: 5.625vw; }
.step-2 div.inf.i2{width: 12.65625vw; }
.step-2 div.inf.i3{width: 19.53125vw; }

.step-2 div.step-2-3-name {
    font-size: 1.5625vw;
}

.step-2-window{position: absolute;
    left:0; bottom: 2.34375vw; width: 80%; left: 10%; height: 12.5vw; text-align: center; font-size: 1.09375vw; font-weight: 100; display: none}
.step-2-window .overview{width: 100%}
.step-2 > div:nth-of-type(3) {
    display: table-cell;
}

.step-3-1 {
    display: none;
    width: 75vw
}

.step-3-1 table, .step-3-2 table {
    width: 75vw;
    background: #FFF;
    border-collapse: collapse;
}

.step-3-1 td, .step-3-2 td {

    background: RGBA(255, 255, 255, 0.9);
    vertical-align: top;
    position: relative;
    left: 0vw;
    top: 0vw;
    padding: 0vw 0vw 0vw 0vw;
    box-sizing: border-box
}



.step-3-1 td.step_img, .step-3-2 td.step_img {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 29.6875vw;
    height: 21.875vw;
    padding: 0
}

.step-3-1 td.step_img:after, .step-3-2 td.step_img:after {
    content: '';
    display: block;
    width: 4.6875vw;
    height: 4.6875vw;
    background:#F0515E url(/interery/images/360.svg) no-repeat center -0.078125vw;
    border-radius: 2.421875vw;
    background-size: 4.6875vw 4.6875vw;
    position: absolute;
    right: 0.78125vw;
    bottom: 0.78125vw
}

.step-3-1 td, .step-3-2 td{
    border-left: 0.078125vw dotted #24a3b0; border-right: 0.078125vw dotted #24a3b0;
}

.step-3-1 .step-h, .step-3-2 .step-h {
    color: RGB(36, 163, 176);
    font-size: 1.71875vw;
    font-weight: 300;
    width: 90%;
    margin-top: 1.5625vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


.step-3-1 .step-h2, .step-3-2 .step-h2 {
    color: RGBA(0, 0, 0, 0.85);
    width: 90%;
    font-size: 1.40625vw;
    font-weight: 300;
    margin: 0.78125vw auto 0.390625vw auto;
    text-align: center;
}

.step-3-1 .select_1, .step-3-1 .select_2, .step-3-1 .select_3 {
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.step-3-1 .select_1 div, .step-3-1 .select_2 div, .step-3-1 .select_3 div {
    width: 10.390625vw;
    height: 8.828125vw;
    border: 0.3125vw solid #b9f4f9;
    float: left;
    margin-right: 0.78125vw;
    margin-bottom: 0.78125vw;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    text-align: center;
    position: relative;
    left: 0;
    top: 0;
}



.step-3-1 .select_1 div.active, .step-3-1 .select_2 div.active, .step-3-1 .select_3 div.active {
    border: 0.3125vw solid #70ccd9;
}

.step-3-1 .select_2 div {
    width: 16.40625vw;
    height: 3.90625vw;
}

.step-3-1 .select_3 div {
    width: 7.8125vw;
    height: 3.90625vw;
    margin-bottom: 2.34375vw;
}

.step-3-1 .select_1 div.last, .step-3-1 .select_2 div.last, .step-3-1 .select_3 div.last {
    margin-right: 0
}

.step-3-1 .select_1 div:hover, .step-3-1 .select_2 div:hover, .step-3-1 .select_3 div:hover {
    border: 0.3125vw solid #70ccd9;
    cursor: pointer
}

.step-3-1 .select_1 > div > span {
    position: relative;
    top: 3.59375vw;
    font-size: 0.78125vw;
    text-transform: uppercase
}

.step-3-1 .select_2 > div > span {
    font-size: 0.78125vw;
}

.step-3-1 .select_3 > div > span {
    font-size: 0.78125vw;
    display: inline-block;
    vertical-align: middle
}

.step-3-1 .select_3 > div:before, .step-3-1 .select_2 > div:before {
    content: '\7C\a0\a0';
    display: inline-block;
    line-height: 3.90625vw;
    opacity: 0;
    font-size: 0
}

.step-3-2 {
    display: none;
    width: 75vw
}

.step-3-2 .step-h2 {
    margin-top: 0vw;
    font-size: 1.40625vw;
    color:#939598

}

.step-3-2 .select_1,.step-3-2 .select_2{padding-left: 1.5625vw}
.step-3-2 .select_1 > div, .step-3-2 .select_2 > div {
    margin: 2.34375vw 2.109375vw 3.515625vw 2.109375vw;
    position: relative;
    height: 7.34375vw;
    width: 7.34375vw;
    background: url(images/icons-step-3-2.svg) no-repeat 0.3125vw center; background-size: 28.125vw 6.25vw;
    border: 0.15625vw solid #FFF;
    border-radius:3.75vw;
    box-sizing: border-box;
    float: left;

}
.step-3-2  div.s-1-2{background-position: -10.625vw center}
.step-3-2  div.s-1-3{background-position: -21.484375vw center}

.step-3-2 .select_1 > div > div, .step-3-2 .select_2 > div > div
{
    width: 9.375vw;
    left: 50%;
    margin-left: -4.6875vw;
    position: absolute;
    top:7.421875vw;
    font-size: 1.09375vw;
    text-align: center;
    color: #414042;
    font-weight: 100;

}

.step-3-2 .select_1 > div:hover, .step-3-2 .select_2 > div:hover,
.step-3-2 .select_1 > div.active, .step-3-2 .select_2 > div.active {
    border: 0.15625vw solid #24a3b0;

    cursor: pointer
}

.step-5 {
    display: table;
}

.step-5 div.big-img {
    width: 35.15625vw;
    height: 27.34375vw;
    background: #70ccd9;
    overflow: hidden;
    position: relative;
    left: 0vw;
    top: 0vw;
}

.step-5 div.big-img img {
    position: absolute;
    bottom: -0.78125vw;
    left: 0vw;
    cursor: pointer
}

.step-5 > div {
    display: table-cell;
    width: 35.15625vw;
    height: 40.625vw;
    background: RGBA(0, 0, 0, 0.7);
}

.step-5 > div.active {
    background-color: RGBA(65, 64, 66, 0.9)
}

.step-5 div.text {
    width: 35.15625vw;
    height: 16.40625vw;
    display: table;
    border-right: 0.078125vw dotted RGBA(255, 255, 255, 0.3)
}

.step-5 div.text > div {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    color: #FFF;
    font-size: 0.9375vw
}

.step-5 div.cost {
    color: #f5a6b0;
    font-size: 1.5625vw;
    margin-bottom: 2.34375vw;
}

.step-5 div.name {
    font-size: 1.09375vw;
    margin-bottom: 1.171875vw
}

.step-5 div.step-2-3-name {
    font-size: 1.5625vw;
}

.step-3-3 {
    position: relative;
    left: 0vw;
    top: 0vw;
    width: 90.703125vw;
    display: none
}

.step-3-3:after {
    content: '';
    display: block;
    clear: both
}

.step-3-3-left, .step-3-3-center, .step-3-3-right {
    float: left;
    height: 46.875vw;
    position: relative;
}

.step-3-3-left {
    background: RGBA(255, 255, 255, 1);
    width: 20.3125vw;
    z-index: 30;
    box-shadow: 0.15625vw 0vw 0.3125vw 0vw rgba(50, 50, 50, 0.3);
}

.step-3-3-center {
    background: RGBA(255, 255, 255, 0.8);
    width: 54.6875vw;
    z-index: 20;
}

.step-3-3-right {
    background: RGBA(255, 255, 255, 1);
    width: 15.625vw;
    padding: 1.5625vw 0vw 0.78125vw 0vw;
    box-sizing: border-box;
    box-shadow: -0.15625vw 0vw 0.3125vw 0vw rgba(50, 50, 50, 0.3);
    z-index: 30;
}

.step-3-3 .color-select {
    position: relative;
    left: 0vw;
    top: 0vw;
    background-size: contain !important;
    background-repeat: repeat-x !important
}

.step-3-3 .zagl {
    color: #24a3b0;
    font-size: 1.5625vw;
    line-height: 1.5625vw;
    text-transform: uppercase;
    font-weight: 100;

}

.step-3-3-right .zagl{padding-left: 0.78125vw;}

.step-3-3-left .otdelka {
    padding: 0vw;
    font-size: 0.9375vw;
    color: #939598;
}

.step-3-3-left .otdelka .zagl {
    padding: 1.171875vw 0.78125vw 0.78125vw 1.5625vw;
}

.step-3-3-left .otdelka .item {
    margin-top: 0.78125vw;
    margin-bottom: 0.78125vw;
    padding: 0vw 1.5625vw 0vw 1.5625vw
}

.step-3-3-left .otdelka .color-select {
    width: 100%;
    height: 3.125vw;
    cursor: pointer;
    border: 0.078125vw dotted #C6DBDD;
}

.step-3-3-left .otdelka .color_window > div {
    background-size: contain !important;
    background-repeat: repeat-x !important
}

.step-3-3-left .otdelka .color-select svg {
    margin: 0.78125vw 0vw 0vw 0.390625vw;
    width: 1.171875vw;
    height: 1.171875vw
}

.step-3-3-left .otdelka .i-z {
    font-size: 1.25vw;
    color: #000;
    white-space: nowrap;
}

.step-3-3-left .otdelka .c_name {
    font-size: 0.859375vw;
    color: #939598;
    text-transform: uppercase
}

.step-3-3-left .otdelka .cvet-pola {
    background-size: cover
}

.step-3-3-left .otdelka .select-box {
    height: 3.125vw;
    width: 100%;
    padding: 0.78125vw 1.5625vw 0vw 1.5625vw;
    box-sizing: border-box;
    background: #38a0a5
}

.step-3-3-left .tetris {
    display: none
}

.step-3-3-left .tetris .zagl {
    padding: 1.171875vw 1.5625vw 1.171875vw 1.5625vw
}

.step-3-3-left .tetris .select-box {
    height: 3.125vw;
    width: 100%;
    padding: 0.78125vw 1.5625vw 0vw 1.5625vw;
    box-sizing: border-box;
    background: #38a0a5
}

.step-3-3-left .tetris .item {
    padding: 0vw 1.5625vw 1.5625vw 1.5625vw;
}

.step-3-3-left .tetris .item:after {
    content: '';
    display: block;
    clear: both
}

.step-3-3-left .tetris .item .img {
    width: 100%;
    border: 0.078125vw dotted #a7a9ac;
    padding: 1.5625vw;
    text-align: center;
    box-sizing: border-box
}

.step-3-3-left .tetris .item .img img {
    width: 100%;
    height: auto
}

.step-3-3-left .tetris .item:hover .img {
    border: 0.078125vw solid #24a3b0
}

.step-3-3-left .tetris .add {
    background: url(images/basket_add.svg) no-repeat;
    background-size: 3.90625vw 1.40625vw;
    width: 3.125vw;
    height: 3.125vw;
    background-position: 0.78125vw 0.78125vw;
    border: 0.078125vw dotted #1f8287;
    margin: 0.78125vw 0.78125vw 0vw 0vw;
    cursor: pointer;
    float: left
}

.step-3-3-left .tetris .name-cost {
    margin: 0.78125vw 0vw 0vw 0vw;
    float: left;
    width: 9.21875vw
}

.step-3-3-left .tetris .name {
    font-size: 0.859375vw;
    line-height: 1.015625vw;
}

.step-3-3-left .tetris .cost {
    font-size: 1.25vw;
    font-weight: 600
}

.step-3-3-left .tetris .cost:after {
    content: ' руб.'
}

.step-3-3-left .tetris .color-select {
    width: 3.125vw;
    font-size: 0.9375vw;
    color: #FFF;
    height: 3.125vw;
    margin-top: 0.78125vw;
    background: #bcbec0;
    border: 0.078125vw solid #bcbec0;
    float: right;
    box-sizing: border-box;
    padding: 0.234375vw;
    cursor: pointer;
    background-repeat: repeat !important
}

.step-3-3-left .tetris .color-select svg {
    width: 1.171875vw;
    height: 1.171875vw;
    position: relative;
    left: -0.234375vw;
}

.step-3-3-center .otdelka {
    margin-top: 10.9375vw;
}

.step-3-3-center .otdelka-plan {
    width: 16.40625vw;
    height: 9.375vw;
    background: RGBA(255, 255, 255, 0.5);
    text-align: center;
    margin: 0vw auto 0vw auto;
    position: absolute;
    right: 0.78125vw;
    bottom: 4.6875vw;
    border: 0.78125vw;
    z-index: 200;
    border-radius: 0.390625vw;
}

.step-3-3-center .otdelka-plan:after {
    content: '\00a0';
    display: inline-block;
    line-height: 9.375vw;
    vertical-align: middle;
    font-size: 0;
    opacity: 0
}

.step-3-3-center .otdelka .kv_prew {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(images/otdelka/kv/1.2.jpg) no-repeat center;
    background-size: cover;
    left: 0vw;
    top: 0vw;
    z-index: 100
}

.step-3-3-center .otdelka .kv_prew > div {
    position: absolute;
    left: 0vw;
    top: 0vw;
    width: 100%;
    height: 100%;
    z-index: 101;
    background-position: center;
    background-size: cover
}

.step-3-3-center .otdelka .sanuzel_prev {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(images/otdelka/su/SU.jpg) no-repeat center;
    background-size: cover;
    left: 0vw;
    top: 0vw;
    z-index: 100;
    display: none
}

.step-3-3-center .otdelka .sanuzel_prev > div {
    position: absolute;
    left: 0vw;
    top: 0vw;
    width: 100%;
    height: 100%;
    z-index: 101;
    background-position: center;
    background-size: cover
}

.step-3-3-center .otdelka .plan_result {
    max-width: 15.625vw;
    max-height: 7.8125vw;
    display: inline-block;
    line-height: 9.375vw;
    vertical-align: middle
}

.step-3-3-center .otdelka .item {
    width: 10.9375vw;
    height: 3.125vw;
    float: left;
    margin-left: 1.5625vw;
    font-size: 0.78125vw;
    color: #939598
}

.step-3-3-center .otdelka .color {
    width: 3.125vw;
    height: 3.125vw;
    float: left;
    margin-right: 0.3125vw;
    background-size: cover
}

.step-3-3-center .otdelka .i-z {
    font-size: 1.25vw;
    color: #414042
}

.step-3-3-center .step-sel-tetris {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200
}

.step-3-3-center-menu {
    position: absolute;
    left: 0;
    top: 0.78125vw;
    width: 100%;
    z-index: 300;
    text-align: center
}

.step-3-3-center-menu > div {
    width: 7.03125vw;
    height: 7.03125vw;
    border-radius: 7.03125vw;
    border: 0.15625vw solid #24a3b0;
    background: #24a3b0;
    font-size: 1.25vw;
    color: #FFF;
    font-weight: 100;
    line-height: 7.03125vw;
    line-height: 1.328125vw;
    display: inline-block;
    margin: 0vw 1.71875vw 0vw 1.71875vw;
    vertical-align: top
}

.step-3-3-center-menu > div svg {
    width: 2.734375vw;
    height: 2.421875vw;
    margin-top: 0.78125vw
}

.step-3-3-center-menu > div svg.active {
    display: none
}

.step-3-3-center-menu > div:hover, .step-3-3-center-menu > div.active {
    background: RGBA(255, 255, 255, 0.75);
    cursor: pointer;
    color: #24a3b0
}

.step-3-3-center-menu > div:hover svg, .step-3-3-center-menu > div.active svg {
    display: none
}

.step-3-3-center-menu > div:hover svg.active, .step-3-3-center-menu > div.active svg.active {
    display: inline-block
}

.step-3-3 .basket {
    width: 2.34375vw;
    height: 2.34375vw;
    position: absolute;
    right: 0.78125vw;
    top: 1.796875vw;
    border: 0.078125vw dotted #24a3b0
}

.step-3-3 .basket svg {
    width: 1.25vw;
    height: 1.25vw;
    position: absolute;
    bottom: 0.15625vw;
    left: 0.15625vw;
}

.step-3-3 .basket .basket-num {
    font-size: 0.9375vw;
    position: absolute;
    right: 0.15625vw;
    top: 0.15625vw;
    color: #24a3b0
}

.step-3-3-center .mebel {
    margin-top: 10.9375vw;
    display: none
}

.step-3-3-center .mebel-plan {
    width: 46.875vw;
    height: 23.4375vw;
    text-align: center;
    margin: 0vw auto 3.28125vw auto;
}

.step-3-3-center .mebel .plan_result {
    max-width: 46.875vw;
    max-height: 23.4375vw;
    display: inline-block;
    line-height: 23.4375vw;
    vertical-align: middle
}

/*
.step-3-3-center .mebel-plan, .step-3-3-center .plan_result,{width:46.875vw; height:23.4375vw; text-align:center; margin:0vw auto 3.28125vw auto; }
.step-3-3-center .mebel-plan svg{max-width:46.875vw; max-height:23.4375vw; display:inline-block; line-height:23.4375vw; vertical-align:middle}}
.step-3-3-center .mebel .plan_result{max-width:46.875vw; max-height:23.4375vw; display:inline-block; line-height:23.4375vw; vertical-align:middle}
*/
.step-3-3-center .mebel .item {
    width: 10.9375vw;
    height: 3.125vw;
    float: left;
    margin-left: 1.5625vw;
    font-size: 0.78125vw;
    color: #939598
}

.step-3-3-center .mebel .color {
    width: 3.125vw;
    height: 3.125vw;
    float: left;
    margin-right: 0.3125vw;
}

.step-3-3-center .mebel .i-z {
    font-size: 1.25vw;
    color: #414042
}

.step-3-3-left .SCROLLER {
    height: 39.0625vw;
    width: 19.921875vw;
}

.step-3-3-left .scrollable .scroll-bar.vertical .thumb {
    background: rgba(0, 0, 0, 0.5);
    width: 0.703125vw;
}

.step-3-3-left .mebel {
    display: none
}

.step-3-3-left .mebel .zagl {
    padding: 1.171875vw 1.5625vw 1.171875vw 1.5625vw;
    box-sizing: border-box;
    height: 3.125vw
}

.step-3-3-left .mebel .select-box {
    height: 3.125vw;
    width: 100%;
    background: #38a0a5;
    padding: 0.78125vw 1.5625vw 0vw 1.5625vw;
    box-sizing: border-box;
}

.step-3-3-left .mebel .item {
    padding: 0vw 1.5625vw 1.5625vw 1.5625vw;
}

.step-3-3-left .mebel .item:after {
    content: '';
    display: block;
    clear: both
}

.step-3-3-left .mebel .img {
    height: 7.8125vw;
    width: 100%;
    box-sizing: border-box;
    border: 0.078125vw dotted #a7a9ac;
    padding: 0.78125vw 1.5625vw 0.78125vw 1.5625vw;
    text-align: center;
    box-sizing: border-box;
    text-align: center
}

.step-3-3-left .mebel .img {
    cursor: pointer
}

.step-3-3-left .mebel .img:hover {
    border: 0.078125vw solid #24a3b0
}

.step-3-3-left .mebel .img img {
    height: 6.25vw;
}

.step-3-3-left .mebel .add {
    background: url(images/basket_add.svg) no-repeat;
    background-size: 3.90625vw 1.40625vw;
    width: 3.125vw;
    height: 3.125vw;
    background-position: 0.78125vw 0.78125vw;
    border: 0.078125vw dotted #1f8287;
    margin: 0.78125vw 0.78125vw 0vw 0vw;
    cursor: pointer;
    float: left
}

.step-3-3-left .mebel .name-cost {
    margin: 0.78125vw 0vw 0vw 0vw;
    float: left;
    width: 9.375vw
}

.step-3-3-left .mebel .name {
    font-size: 0.859375vw;
    line-height: 1.015625vw;
}

.step-3-3-left .mebel .cost {
    font-size: 1.25vw;
    font-weight: 600
}

.step-3-3-left .mebel .cost:after {
    content: ' руб.'
}

.step-3-3-left .mebel .color-select {
    width: 2.96875vw;
    font-size: 0.9375vw;
    color: #FFF;
    height: 3.125vw;
    margin-top: 0.78125vw;
    background: #bcbec0;
    border: 0.078125vw solid #bcbec0;
    float: right;
    box-sizing: border-box;
    padding: 0.234375vw;
    cursor: pointer;
    background-repeat: repeat !important;
}

.step-3-3-left .mebel .color-select svg {
    width: 1.171875vw;
    height: 1.171875vw;
    position: relative;
    left: -0.234375vw;
}

.step-3-3 .mebel-selected .item {
    width: 100%;
    border: 0;
    margin-top: 0.78125vw;

}
.step-3-3 .mebel-selected .item.selected
{
    background: rgba(0, 0, 0,0.1);
}

.step-3-3 .mebel-selected .item td {
    vertical-align: top;
    position: relative;
    left: 0vw;
    top: 0vw;
    padding: 0.78125vw 0vw 0.78125vw 0vw;
}
.step-3-3 .mebel-selected .item td.img
{ padding-left: 0.546875vw;}

.step-3-3 .mebel-selected .item .close {
    width: 1.171875vw;
    height: 1.171875vw;
    border: 0.078125vw dotted #24a3b0;
    text-align: center;
    position: absolute;
    top: 0.78125vw;
    right: 0.3125vw;
    cursor: pointer;
    background: #FFF;
}

.step-3-3 .mebel-selected .item .close img {
    width: 1.171875vw;
    height: 1.171875vw;
    display: block
}

.step-3-3 .mebel-selected .img div {
    width: 3.90625vw;
    height: 3.90625vw;
    border: 0.078125vw dotted #a7a9ac;
    display: inline-block;
    line-height: 3.90625vw;
    text-align: center;
    background: #FFF;
}

.step-3-3 .mebel-selected .img div img {
    display: inline-block;
    max-width: 3.125vw;
    max-height: 3.125vw;
    line-height: 3.90625vw;
    vertical-align: middle
}

.step-3-3 .mebel-selected .text {
    font-size: 0.703125vw;
    line-height: 0.9375vw;
    color: #000;
}

.step-3-3 .mebel-selected .text .cost {
    font-size: 1.09375vw;
    margin-left: 0.15625vw;
    font-weight: 500;
    position: absolute;
    bottom: 0.78125vw;
    left: 0vw;
}

.step-3-3 .mebel-selected .text .cost:after {
    content: ' руб.'
}

.step-3-3 .mebel-selected .text .name {
    margin-left: 0.15625vw;
}

.step-3-3 .mebel-selected .close-color {
    width: 1.25vw;
}

.step-3-3 .mebel-selected .color-select {
    width: 1.25vw;
    height: 1.25vw;
    text-align: center;
    background: #bcbec0;
    position: absolute;
    right: 0.3125vw;
    bottom: 0.78125vw;
    top: auto;
    left:auto;
    border: 0.078125vw solid #bcbec0;
    cursor: pointer;
    background-repeat: repeat !important;
    display: block;
}

.step-3-3 .mebel-selected .color-select img {
    width: 1.09375vw;
    height: 1.015625vw;
}

.step-3-3 .stoimost-mebeli, .step-3-3 .stoimost-o-kvartiri {
    width: 15.625vw;
    position: absolute;
    left: 0vw;
    bottom: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
    background: #24a3b0;
    font-family: 'Roboto Condensed';
    font-size: 1.5625vw;
    color: #FFF
}

.step-3-3 .stoimost-o-kvartiri {
    left: 0vw;
    bottom: 0vw;
    background: #909090
}

.step-3-3 .stoimost-mebeli:before {
    content: 'Стоимость мебели:';
    font-size: 0.9375vw;
    color: #FFF;
    width: 4.6875vw;
    float: left;
    line-height: 0.9375vw;
    padding: 0.625vw 0vw 0vw 0.78125vw;
    font-family: 'Roboto';
    margin-right: 0.78125vw;
}

.step-3-3 .stoimost-o-kvartiri:before {
    content: 'Общая стоимость квартиры:';
    font-size: 0.9375vw;
    color: #FFF;
    width: 4.6875vw;
    float: left;
    line-height: 0.9375vw;
    padding: 0.234375vw 0vw 0vw 0.78125vw;
    font-family: 'Roboto';
    margin-right: 0.78125vw;
}

.step-3-3 .stoimost-mebeli:after, .step-3-3 .stoimost-o-kvartiri:after {
    content: ' р.';
}

.step-3-3-left .SCROLLER {
    height: 38.28125vw;
    width: 19.609375vw;
}

.mebel-selected .SCROLLER {
    height: 35.9375vw;
    width: 15.3125vw;
}

.mebel-selected .SCROLLER .overview {
    width: 14.84375vw;
    padding: 0vw 0.234375vw 0vw 0.234375vw;


}
.mebel-selected .SCROLLER{margin-top: 1.5625vw}

.mebel-selected .scrollable .scroll-bar.vertical .thumb {
    background: rgba(0, 0, 0, 0.5);
    width: 0.390625vw;

}

.big_mebel_window {
    position: absolute;
    width: 58.59375vw;
    height: 28.90625vw;
    background: #FFF;
    z-index: 1000;
    left: 17.96875vw;
    top: 3.90625vw;
    box-shadow: 0vw 0vw 0.78125vw 0.15625vw RGBA(0, 0, 0, 0.8);
    display: none
}

.big_mebel_window_left {
    width: 32.578125vw;
    height: 28.90625vw;
    float: left
}

.big_mebel_window_right {
    width: 26.015625vw;
    box-sizing: border-box;
    padding: 0.78125vw;
    height: 28.90625vw;
    float: right;
    background: #24a3b0;
    color: #FFF;
}

.big_mebel_window .close {
    position: absolute;
    right: 0.78125vw;
    top: 0.78125vw;
    width: 1.015625vw;
    height: 1.015625vw;
    cursor: pointer
}

.big_mebel_window .close svg {
    width: 1.25vw;
    height: 1.25vw
}

.big_mebel_window_img {
    position: absolute;
    width: 25.78125vw;
    height: 25.78125vw;
    left: 4.6875vw;
    top: 1.5625vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.big_mebel_window .color-select {
    z-index: 220;
    width: 3.125vw;
    font-size: 0.9375vw;
    color: #CCC;
    height: 3.125vw;
    background: #bcbec0;
    border: 0.078125vw solid #bcbec0;
    box-sizing: border-box;
    padding: 0.234375vw;
    cursor: pointer;
    position: absolute;
    left: 0.78125vw;
    top: 4.6875vw;
    position: relative;
    background-repeat: repeat !important
}

.big_mebel_window .color-select svg {
    width: 1.171875vw;
    height: 1.171875vw;
    position: relative;
    left: -0.234375vw;
}

.big_mebel_window .play {
    cursor: pointer;
    z-index: 220;
    width: 3.125vw;
    height: 3.125vw;
    background: #24a3b0;
    position: absolute;
    left: 0.78125vw;
    top: 0.78125vw;
    text-align: center;
    cursor: pinter
}

.big_mebel_window .play svg {
    width: 1.25vw;
    height: 1.25vw;
    position: relative;
    top: 0.9375vw
}

.big_mebel_window .play.deactive {
    opacity: 0.2;
    background: #d8d7d7;
    cursor: default
}

.big_mebel_window_zagl {
    font-size: 1.40625vw;
    font-weight: 100;
    margin-top: 1.5625vw;
    line-height: 1.71875vw;
}

.big_mebel_window_cost {
    font-size: 1.5625vw;
    font-weight: 500;
    margin-top: 0.78125vw
}

.big_mebel_window_descr {
    font-size: 0.78125vw;
    margin-top: 1.5625vw
}

.big_mebel_window .add {
    position: absolute;
    bottom: 0.78125vw;
    width: 24.609375vw;
    border: 0.078125vw #fff dotted;
    height: 3.125vw;
    background: url(images/basket_add.svg) no-repeat 5.46875vw center;
    background-size: 7.8125vw 2.8125vw;
    opacity: 0.8;
    cursor: pointer
}

.color_window {
    position: absolute;
    right: -28.125vw;
//min-height: 12.65625vw;
    max-height: 38.28125vw;
    overflow-x: hidden;
    width: 29.6875vw;
    top: -50%;
    height: auto;
    background: #FFF;
    border: 0.234375vw solid #FFF;
    -webkit-box-shadow: 0vw 0vw 0.625vw 0vw rgba(50, 50, 50, 1);
    -moz-box-shadow: 0vw 0vw 0.625vw 0vw rgba(50, 50, 50, 1);
    box-shadow: 0vw 0vw 0.625vw 0vw rgba(50, 50, 50, 1);
    display: none;
    opacity: 0;
    z-index: 2000;
    overflow-y: auto;
}

.color_window > div {
    position: relative;
    left: 0;
    top: 0;
    width: 33.3333%;
    height: 4.21875vw;
    background-size: contain !important;
    background-repeat: repeat !important;
    box-sizing: border-box;
    border: 0.078125vw solid #ECECEC;
    border-collapse: collapse;
    float: left;
    font-size: 0.703125vw;
    color: #000;
    text-transform: uppercase
}

.color_window > div span {
    display: block;
    position: absolute;
    width: 8.59375vw;
    left: 0.3125vw;
    top: 0.3125vw;
}

/*.color_window > div:before{content:'\7C\a0\a0'; opacity:0; display:inline-block; line-height:4.21875vw; font-size:0; vertical-align:middle}
*/
.color_window {
    cursor: default
}

.color_window > div {
    cursor: pointer
}

.color-select:hover {
    z-index: 3000
}

/*.color-select:hover .color_window{display:block;}*/

.form-select {
    width: 100%;
    height: 1.5625vw;
    border: 0.078125vw dotted #FFF;
    position: relative;
    left: 0vw;
    top: 0vw
}

.form-select:after {
    content: '';
    position: absolute;
    right: 0vw;
    top: 0vw;
    display: block;
    background: url(images/str_select.svg) no-repeat center;
    background-size: 1.25vw 1.171875vw;
    border-left: 0.078125vw dotted #FFF;
    width: 1.5625vw;
    height: 1.5625vw;
    z-index: 20
}

.form-select select {
    outline: none;
    background: transparent;
    position: relative;
    z-index: 21;
    border: none;
    font-size: 0.9375vw;
    height: 1.5625vw;
    padding: 0vw; /* If you add too much padding here, the options won't show in IE */
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #FFF;
    padding-left: 0.78125vw;
    box-sizing: border-box;
}

select::-ms-expand { /* for IE 11 */
    display: none;
}

.form-select select option {
    background: #38a0a5;
    font-size: 0.9375vw;
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.noUi-handle {
    position: relative;
    z-index: 1;
}

.noUi-stacking .noUi-handle {

    z-index: 10;
}

.noUi-stacking + .noUi-origin {

    *z-index: -1;
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-base {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    left: 0vw;
    top: 0vw;
    border-bottom: 0.078125vw dotted #FFF;

}

.noUi-horizontal {
    height: 0.234375vw;
}

.noUi-dragable {
    cursor: w-resize;
}

.noUi-handle {

    background: #e8244d;
    cursor: default;
    width: 0.78125vw;
    height: 0.390625vw;
    cursor: pointer;
    position: absolute;
    top: -0.15625vw;

}

.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 1.171875vw;
    width: 0.78125vw;
    border-left: 0.390625vw solid #e8244d;
    left: 0vw;
    top: 0vw;
    box-sizing: border-box;
}

.noUi-horizontal .noUi-handle.noUi-handle-upper {
    left: -0.78125vw;
}

.noUi-horizontal .noUi-handle.noUi-handle-upper:after {
    border-left: 0vw;
    border-right: 0.390625vw solid #e8244d;
}

#f-cena .noUi-origin {
    right: auto;
    width: 0;
}

#f-cena .connect {
    position: absolute;
    top: 0.15625vw;
    bottom: 0;
    background: #FFF;
    border-bottom: 0.078125vw dotted #FFF;
}

#f-cena.noUi-state-tap .connect {
    -webkit-transition: left 300ms, right 300ms;
    transition: left 300ms, right 300ms;
}

.noUi-handle-value-lower, .noUi-handle-value-upper {
    position: absolute;
    top: -1.09375vw;
    color: #f5a6b0;
    font-size: 0.78125vw;
}

.noUi-handle-value-upper {
    right: 0vw
}

.noUi-handle-value-lower {
    left: 0vw
}

.step-7 {
    background: #FFF;
    display: block;
    width: 75vw;
    height: 46.09375vw;
    font-size: 0.859375vw;
    position: relative;
    left: 0; top:0
}

.step-7 .top-bar {
    height: 3.125vw;
    background: #0d6366;
    font-size: 1.09375vw;
    line-height: 3.125vw;
    position: relative;
    left: 0vw;
    top: 0vw;
}

.step-7 .top-bar a {
    color: #FFF;
    margin-right: 1.5625vw;
    font-weight: 100
}

.step-7 .top-bar a:hover {
    text-decoration: none
}

.step-7 .top-bar:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(images/icons_user.svg) no-repeat;
    ackground-position: 0vw 0vw;
    width: 2.34375vw;
    height: 2.5vw;
    margin: 0vw 0.390625vw 0vw 0.78125vw;
}

.step-7 .buttons {
    position: absolute;
    right: 0vw;
    top: 0vw;
}

.step-7 .buttons > div {
    width: 3.125vw;
    height: 3.125vw;
    display: inline-block;
    background: url(images/icons_user.svg) no-repeat;
    background-size: 10.9375vw 2.34375vw
}

.step-7 .buttons > div.print {
    background-color: #1f8287;
    background-position: -2.421875vw center
}

.step-7 .buttons > div.save {
    background-color: #24a3b0;
    background-position: -5.3125vw center
}

.step-7 .buttons > div.open {
    background-color: #70ccd9;
    background-position: -8.359375vw center
}

.step-7 .buttons > div:hover {
    background-color: #2CC7EF;
    cursor: pointer
}

.step-7 .inf-detail{ position: absolute;
    left:1.5625vw; bottom: 1.5625vw; font-size: 1.09375vw; cursor: pointer}
.step-7 .inf-detail:hover{text-decoration: underline}
.step-7 .inf-detail .inf_more{ display: inline-block; vertical-align: middle; margin-right: 0.390625vw}


.step-7-left{width: 50vw; height: 39.84375vw; position: absolute; left:0;
    top:3.125vw; color: #FFF  }


.step-7-left .step-7-plan{ width: 43.75vw; height: 26.5625vw; position: absolute; left: 3.125vw; top:5.78125vw;background-repeat: no-repeat;}

.step-7-left.kv10{background-color: #f37c3f}
.step-7-left.kv10 .step-7-plan{
    background-image: url(images/plan_kv_step_1/big/10-big.svg);

}

.step-7-left.kv6{background-color: #fcb535;}
.step-7-left.kv6 .step-7-plan{
    background-image: url(images/plan_kv_step_1/big/6-big.svg);

}

.step-7-left.kv11{ background-color: #fcb535;}
.step-7-left.kv11 .step-7-plan{
    background-image: url(images/plan_kv_step_1/big/11-big.svg);

}

.step-7-left.kv5{background-color: #39a0a5;}
.step-7-left.kv5 .step-7-plan{
    background-image: url(images/plan_kv_step_1/big/5-big.svg);

}

.step-7-left.kv2{background-color: #f37c3f;}
.step-7-left.kv2 .step-7-plan{
    background-image: url(images/plan_kv_step_1/big/2-big.svg);

}

.step-7-left.kv7{ background-color: #39a0a5;}
.step-7-left.kv7 .step-7-plan {
    background-image: url(images/plan_kv_step_1/big/7-big.svg);

}

.step-7-left.kv12{background-color: #f0515e;}
.step-7-left.kv13 .step-7-plan{
    background-image: url(images/plan_kv_step_1/big/13-big.svg);

}

.step-7-left.kv1{background-color: #f0515e;}
.step-7-left.kv1 .step-7-plan {
    background-image: url(images/plan_kv_step_1/big/1-big.svg);
    background-color: #f0515e;
}

.step-7-plan.plan-3-3{background-image:none !important;}
.step-7-plan.plan-3-3 svg{height: 100%; width: auto; max-width: 100%; max-height: 100%;}


#step-7-type{font-size:2.34375vw; color: #FFF; font-weight: 100; position: absolute; left: 3.125vw;
    top:1.09375vw; }
#step-7-type span{font-size: 3.125vw; font-weight: 300}

#step-7-ploshad{font-size: 3.59375vw; position: absolute; color: #FFF; right: 3.125vw; top:0vw}

.step-7 .full-cost-kv{color: #FFF; font-size: 1.5625vw; position: absolute; right: 1.5625vw; bottom: 1.5625vw;}
.step-7 .full-cost-kv:before {
    content: 'Полная стоимость квартиры';
    display: block;
    padding-top: 0.78125vw;
    font-size: 0.78125vw;
    line-height: 0.9375vw;

}

.step-7 .step-sel{position: absolute; bottom: 0; left: 0; width: 100%}

.step-7-right{width: 25vw; height: 46.09375vw; position: absolute; right: 0;
    top:3.125vw; }
.step-7-right .step-result{ position:absolute; left: 1.5625vw; top:6.25vw; width: 21.875vw;}
.step-7-right img.p_k,
.step-7-right img.p_s{width: 21.875vw; height: auto; margin-bottom: 1.5625vw}
.step-7-right .img_zag{font-size: 1.09375vw; text-transform: uppercase; font-weight: 300; color: #000; margin-bottom: 0.3125vw;}

#step-7-coml-name{font-size: 1.640625vw; color: #25A3B0; text-transform: uppercase; position: absolute; top:2.34375vw;
    left:1.5625vw; font-weight: 200}



.step-7-left.mini{height: 5.078125vw; overflow: hidden}
.step-7-left.mini .inf-detail{display: none}
.step-7-left.mini .full-cost-kv{display: none}

.step-7 .kv-har {
    width: 50vw;
    height: 34.765625vw;
    position: absolute;
    left:0;
    top:8.203125vw;
    background: #F1F2F2;
    display: none;
}

.step-7 .kv-har .SCROLLER{height: 32.03125vw; width: 49.21875vw; margin-top: 1.5625vw; margin-bottom: 0.390625vw}
.step-7 .kv-har .scrollable .scroll-bar.vertical{width: 0.234375vw; background: #39A0A5; opacity: 0.9}
.step-7 .kv-har .scrollable .scroll-bar.vertical .thumb{order-radius: 0; width: 0.546875vw; left: -0.15625vw; z-index: 200}
.step-7 #close_kv-har{width: 1.25vw; height: 1.25vw; position: absolute; right: 1.5625vw; top:1.5625vw; cursor: pointer; z-index: 400}


.step-7-item{width: 15.234375vw; float: left; margin-left: 1.171875vw; margin-bottom: 1.171875vw;}
.step-7-zagl-items{display: block; font-size: 0.9375vw; text-transform: uppercase; color: #39A0A5; margin-left: 1.171875vw;
    padding-top: 0.78125vw;
    padding-bottom: 0.390625vw;}
.step-7-item .step-7-bgimg{width: 4.296875vw; height: 4.296875vw; border: 0.078125vw dotted #3F3F3F; float: left; background-size: cover !important; background-repeat: no-repeat !important;}
.step-7-item .step-7-bgimg.mebel-img{ background-size: contain !important; background-position: center  !important; }
.step-7-item .step-7-item-text{float: right; width:10.15625vw; font-size: 0.703125vw }
.step-7-item .step-7-item-text .n{text-transform: uppercase}
.step-7-item-text-zag{font-size: 0.78125vw; color: #39A0A5; text-transform: uppercase}
.step-7-zagl-cost{ margin-left: 1.171875vw; margin-top: -0.3125vw; padding-bottom: 0.78125vw; font-size: 0.9375vw;}
.step-7-item-cost span{color:#39A0A5; font-weight: 600}


/*
.step-7 .kv-har-z {
    font-size: 1.09375vw;
    color: #24a3b0;
    text-transform: uppercase;
    margin-top: 0.78125vw;
}

.step-7 .kv-har span {
    color: #24a3b0
}

.step-7 .sel-kv-har-har {
    margin-top: 0.78125vw;
    margin-bottom: 1.5625vw;
}

.step-7 .selected-mebel-list {
    margin-top: 0.78125vw;
}

.step-7 .selected-mebel-list .i {
    margin-bottom: 0.234375vw
}

.step-7 .selected-mebel-list .n {
    font-size: 0.78125vw
}

.step-7 .SCROLLER {
    height: 7.421875vw;
    margin-top: 0.3125vw;
}

.step-7 .SCROLLER .scroll-bar.vertical .thumb {
    background: rgba(0, 0, 0, 0.5) !important;
    width: 0.390625vw;
}

.step-7 .sel-kv-har {
    text-align: left;
    margin-left: 5%;
    margin-top: 1.5625vw;
}

.step-7 .cost {
    position: absolute;
    bottom: 0.78125vw;
    left: 5%;
    width: 90%;
    font-size: 1.875vw;
    color: #24a3b0;
    line-height: 1.796875vw;
}

.step-7 .full-cost-mebel:before {
    content: 'Стоимость мебели:';
    display: block;
    font-size: 0.859375vw;
    color: #000;
    line-height: 0.9375vw;
}



.step-7 .selected-otdelka {
    margin-top: 0.78125vw;
}

.step-7-otdelka-itms {
    margin-top: 0.390625vw;
}

.step-7-otdelka-itms span {
    font-weight: bold
}

.step-7-otdelka-itms > div > div {
    float: left;
    line-height: 1.40625vw;
    margin: 0.078125vw 0.234375vw 0.078125vw 0vw
}

.step-7-otdelka-itms > div:after {
    clear: both;
    content: '';
    display: block
}

.step-7-otdelka-itms .art {
    font-weight: 300
}

.step-7-otdelka-itms .pol,
.step-7-otdelka-itms .stena,
.step-7-otdelka-itms .dveri {
    width: 1.25vw;
    height: 1.25vw;
    background-size: contain !important;
    background-repeat: repeat !important;
    border: 0.078125vw solid #D8D8D8;
    font-weight: 500
}
*/
.step-2, .step-3, .step-4, .step-5, .step-6, .step-7, .step-7-v, .step-8 {
    display: none
}

.lichniy_kabinet {
    min-height: 42.96875vw;
    background: #1f8287;
    width: 75vw;
    position: relative;
    left: 0vw;
    top: 0vw;
    display: none;
    z-index: 2000;
}

.lichniy_kabinet a {
    color: #70ccd9;
}

.lichniy_kabinet a:hover {
    color: #FFF;
    text-decoration: none
}

.lichniy_kabinet .configi {
    padding-top: 2.34375vw
}

.lichniy_kabinet .config-item {
    margin: 0 1.5625vw 0 1.5625vw;
    border-bottom: 0.078125vw dotted #70ccd9;
    display: table;
    width: 71.875vw
}

.lichniy_kabinet .config-item > div {
    display: table-cell;
    font-size: 1.171875vw;
    color: #70ccd9;
    padding-top: 0.78125vw;
    padding-bottom: 0.234375vw;
}

.lichniy_kabinet .config-item-name {
    width: 46.875vw
}

.lichniy_kabinet .config-item-name a {
    color: #FFF;
    text-decoration: none
}

.lichniy_kabinet .config-item-print:before {
    background: url(images/icons_user.svg) no-repeat;
    background-size: 5.78125vw 1.25vw;
    width: 1.40625vw;
    height: 1.40625vw;
    content: '';
    display: inline-block;
    background-position: -1.40625vw 0vw;
    vertical-align: middle;
    margin-right: 0.15625vw
}

.lichniy_kabinet_close {
    Width: 1.40625vw;
    height: 1.40625vw;
    position: absolute;
    right: 1.5625vw;
    top: 0.390625vw;
    cursor: pointer
}

.lichniy_kabinet error p {
    padding: 0;
    margin: 0
}

#step-7-v-steni_tetris {
    position: relative;
    left: 0vw;
    top: 0vw
}

.step-7-v > table {
    background: RGBA(255, 255, 255, 0.95);
    font-size: 0.9375vw;
    color: #24a3b0;
    font-weight: 300;
    width: 35.15625vw;
    min-height: 30.46875vw;
    margin-left: 39.84375vw
}

.step-7-v .step-7-v-images {
    width: 35.15625vw;
    height: 22.890625vw;
    overflow: hidden
}

.step-7-v img {
    width: 35.15625vw;
    height: 22.890625vw;
}

.step-7-v td {
    vertical-align: top
}

.step-7-v td.v7z {
    text-transform: uppercase
}

.step-7-v td.v7right table {
    margin-bottom: 0.46875vw;
}

.step-7-v td.v7val {
    color: #000;
    padding: 0vw 1.171875vw 0vw 0.390625vw
}

.step-7-v td.v7right {
    padding: 0vw;
    position: relative;
    left: 0;
    top: 0
}

.step-7-v .v7right-content {
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
}

.step-7-v .v7righ-z {
    color: #24a3b0;
    font-size: 1.71875vw;
    text-transform: uppercase;
    padding-top: 1.5625vw;
    line-height: 1.71875vw;
    margin-bottom: 1.5625vw;
}

.step-7-v .v7form {
    border-top: 0.078125vw dotted RGBA(255, 255, 255, 0.4);
    border-top: 0.078125vw dotted RGBA(36, 163, 176, 0.8);
    padding: 1.5625vw 0vw 0.3125vw 0vw;
    margin: 1.25vw 0vw 0.78125vw 0vw
}

.step-7-v img {
    display: block
}

.step-7-v .v7form input {
    width: 7.8125vw;
    display: block;
    margin: 0vw;
    background: #FFF;
    color: #000;
    margin: 0vw 1.5625vw 1.171875vw 0vw;
    padding: 0.15625vw 0.390625vw 0.15625vw 0.390625vw;
    border: 0.078125vw dotted RGBA(36, 163, 176, 0.8)
}

.step-7-v .v7form input.error {
    border: 0.078125vw solid #B0070A
}

.step-7-v .v7form input.last {
    margin: 0vw;
}

.step-7-v .step-sel {
    position: absolute;
    bottom: 0;
    left: 0
}

.step-8 {
    width: 75vw;
    height: 27.34375vw;
    position: relative;
    left: 0vw;
    top: 0vw;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    box-sizing: border-box;
    padding: 11.71875vw 0vw 0vw 0vw;
    font-size: 1.953125vw;
    color: #09B5B3;

}

.step-sel, .step-sel-tetris {
    width: 100% !important;
    height: 3.125vw !important;
    display: block !important;
    float: none !important
}

.step-sel > div, .step-sel-tetris > div {
    width: 50%;
    height: 3.125vw !important;
    color: #FFF;
    font-size: 1.09375vw;
    text-transform: uppercase;
    font-weight: 300;
    float: left;
    line-height: 3.125vw;
    background: #1F8287;
    box-sizing: border-box;
    white-space: nowrap;
    border: none !important;
    display: block !important
}

.step-sel > div:before, .step-sel-tetris > div:before {
    display: none !important;
}

.step-sel > div svg, .step-sel-tetris > div svg {
    width: 1.5625vw;
    height: 1.5625vw;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.78125vw 0vw 0.78125vw
}

.step-sel > div:hover, .step-sel-tetris > div:hover {
    background: RGBA(0, 0, 0, 0.75);
    cursor: pointer
}

.step-sel > div.nosel:hover, .step-sel-tetris > div.nosel:hover {
    background: #1F8287;
    cursor: default;
}

.step-sel > div.plus, .step-sel-tetris > div.plus-tetris {
    text-align: right;
    padding-right: 1.5625vw;
    border-right: 0.078125vw dotted RGBA(255, 255, 255, 0.55) !important
}

.step-sel > div.minus, .step-sel-tetris > div.minus-tetris {
    text-align: left;
    padding-left: 1.5625vw;
}

.step-sel.center > div, .step-sel-tetris.center > div {
    text-align: center !important
}

.login-form {
    position: absolute;
    left: 3.515625vw;
    top: 0vw;
    width: 61.71875vw;
    color: #FFF;
}

.login-form input[type="email"], .login-form input[type="text"], .login-form input[type="password"] {
    border: 0.078125vw dotted #FFF;
    background: #0d6366 !important;
    color: #FFF !important;
    width: 7.03125vw;
    padding: 0.15625vw 0.390625vw 0.15625vw 0.390625vw;
    height: 1.09375vw;
    font-size: 0.9375vw;
    display: inline-block
}

.login-form input[type="submit"] {
    background: #1f8287;
    color: #FFF;
    font-size: 0.9375vw;
    border: none;
    box-sizing: content-box;
    padding: 0.15625vw 0.390625vw 0.15625vw 0.390625vw;
    height: 1.09375vw;
    display: inline-block;
    border: 0.078125vw solid #1f8287;
    width: 6.25vw;
    text-align: center
}

.login-form input[type="submit"]:hover {
    background: #11D3DC;
    cursor: pointer
}

.login-form .exit {
    position: absolute;
    right: 1.5625vw;
    top: 0vw;
    color: #70ccd9;
    cursor: pointer
}

.login-form .top_user_panel {
    display: block
}

.login-form .form-auch {
    position: absolute;
    left: 0.78125vw;
    top: 0vw;
    display: none
}

.login-form .form-reg {
    display: block;
    position: absolute;
    left: 0.78125vw;
    top: 0vw;
    display: none
}

#showFormAuch:hover, #showFormReg:hover {
    cursor: pointer;
    text-decoration: underline
}

.config-content.print_v {
    width: 100vw
}

.config-window.print_v {
    padding: 0
}

.step-7.print_v {
    width: 100vw;
}

.step-7-col.print_v {
    width: 33vw
}

#step-7-seti-tetris.print_v {
    zoom: 1 !important;
    MozTransform: scale(1) !important;
    MozTransformOrigin: "0 0" !important;
    -ms-zoom: 1 !important;
    background: #d8d7d7;
}

#step-7-seti-tetris.print_v #step-7-steana-1,
#step-7-seti-tetris.print_v #step-7-steana-2 {

    zoom: 1 !important;
    MozTransform: scale(1) !important;
    MozTransformOrigin: "0 0" !important;
    -ms-zoom: 1 !important;


}

body.print_v {
    background: #FFFFFF !important
}

.top_menu.print_v,
.config-step-menu.print_v,
.config-header.print_v,
.sayt_zvonok.print_v,
.soc.print_v,
.righ-line.print_v,
.search.print_v,
.video_bg.print_v,
.search.print_v,
.step-sel.print_v,
.top-bar.print_v:before,
.form-auch.print_v,
.form-auch.print_v,
.exit.print_v,
.step-sel.print_v,
.arrow_box.print_v,
.top-bar.print_v *,
.oferta.print_v,
.h1_adaptiv.print_v,
.sel_menu.print_v,
.tetris .panel-1.print_v > div:nth-of-type(13):after, .tetris .panel-2.print_v > div:nth-of-type(13):after {
    display: none !important
}

.step-7 .SCROLLER.print_v .viewport, .SCROLLER.scrollable.print_v {
    height: auto
}

.overview.print_v {
    position: relative !important;
}

.fone.print_v {
    top: 0.46875vw
}

.step-7-col.print_v, .step-7-table.print_v {
    display: block !important;
    height: auto;
    font-size: 1.25vw;
}

.step-7-col.print_v {
    width: 100%;
    padding: 2%;
    box-sizing: border-box
}

.step-7 .step-result img.plan_result.print_v {
    width: 50%;
    max-width: 50%;
    max-height: none
}

.step-7 .plan_result.print_v {
    margin-top: 0vw;
}

.step-7 .step-result.print_v {
    text-align: left
}

.step-7 .sel-kv-har.print_v {
    position: absolute;
    left: 50%;
    top: 5.46875vw
}

.step-7 .kv-har-z.print_v {
    font-size: 2.34375vw;
}

.step-7 .kv-har.print_v {
    margin-left: 0
}

.step-7 .kv-har.print_v:after {
    content: '';
    display: block;
    clear: both
}

.step-7 .s-name.print_v { /* font-size:3.90625vw; line-height:3.90625vw*/
}

.step-7 .SCROLLER.print_v {
    height: auto;
}

.step-7 .SCROLLER.print_v .viewport {
    height: auto !important;
}

.step-7 .SCROLLER.print_v .scroll-bar {
    display: none !important;
}

.step-7 .selected-mebel-list.print_v {
    float: left;
    width: 50%;
    margin-right: 1%
}

.step-7 .selected-otdelka.print_v {
    float: left;
    width: 49%;
}

.step-7 .cost.print_v {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    font-size: 3.125vw;
    color: #24a3b0;
    line-height: 1.796875vw;
    margin: 1.5625vw 0vw 1.5625vw 0vw;
    padding: 2%;
    left: 0;
    background: #EFEFEF
}

.step-7 .full-cost-kv.print_v:before, .step-7 .full-cost-mebel.print_v:before {
    font-size: 1.5625vw;
    line-height: 3.125vw;
}

.step-7 .sn.print_v, .step-7 .s-name.print_v {
    background: #EFEFEF
}

.step-7 .s-name.print_v {
    padding-left: 0.78125vw
}

.selected-otdelka > span.print_v, .selected-mebel-list > span.print_v {
    font-size: 1.5625vw
}

.step-7 .selected-mebel-list .n.print_v {
    font-size: 1.171875vw;
}

.step-7 .step-result.print_v img.p_k, .step-7 .step-result.print_v img.p_s {
    max-width: 50%;
    max-height: none;
    display: block;
    float: left;
}

@media print {
    .breace {
        page-break-after: always;
    }

    * {
        -webkit-print-color-adjust: exact;
    }
}

.ui-tooltip {
    background: #24a3b0;
    opacity: 0.85;
    color: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.9375vw;
    padding: 0.390625vw;
    border-radius: 0.078125vw;
    z-index: 2000;
}

.mebel_video, .vid_vid video {
    position: absolute;
    left: 0;
    top: 0;
    width: 32.578125vw;
    height: 28.90625vw;
    z-index: 200
}

.mebel_video .close {
    position: absolute;
    right: 0.78125vw;
    top: 0.78125vw;
    z-index: 220
}

/*
.step-1,.step-2,.step-3-1,.step-3-2,.step-5,.step-3-3 .otdelka,.step-3-3 .mebel{display:none}
.step-3-3,.step-3-3 .tetris{display:block}*/
.ui-dialog {
    z-index: 3000
}

.dialog-message{ display: none; box-sizing: border-box; padding: 1.5625vw 2.34375vw 1.5625vw 1.5625vw; font-size: 1.09375vw; color: #FFF;  width: 23.4375vw; height: 15.625vw;-webkit-box-shadow: 0vw 0vw 1.09375vw 0vw rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0vw 0vw 1.09375vw 0vw rgba(50, 50, 50, 0.75);
    box-shadow:         0vw 0vw 1.09375vw 0vw rgba(50, 50, 50, 0.75); position: fixed; left: 50%; top:50%; margin-left: -11.71875vw; margin-top: -6.25vw; z-index: 3000; background: #38a0a5}
.dialog-close{position:absolute; right: 0.78125vw; top:0.78125vw;cursor:pointer;}
.dialog-ok, .dialog-cansel{cursor:pointer;background: rgba(255,255,255,0.9); padding: 0.390625vw; color: #38a0a5; width:35%; text-align: center; position: absolute; left: 1.5625vw; bottom: 1.5625vw }
.dialog-cansel{right: 1.5625vw; left: auto}
.dialog-ok:hover, .dialog-cansel:hover{background: #FFF}/*}*/