/* Start:/local/components/prioritet/calc.doors/templates/.default/style.css?167449382135886*/
.pr_calc{
    --width_door: 154;  /* большая  створка */
    --width_half: 85;   /* половина створка */
    --height_door: 358; /* высота на макете */
    --width_door_frame: 115; /* до скольки нужно уменьшить базовую створку, отсюда будем рассчитывать пропорции */

    --scale_x: calc(var(--width_door_frame)  / var(--width_door)); /* пропорции по горизонтали */
    --scale_y: calc(var(--height) / var(--height_door)); /* пропорции по вертикали */

    --height: 268; /* высота блока */
    --width_base: var(--width_door); /* в этоё переменной будем хранить ширину с картинки: 154,238,308 */
}
.pr_calc.loading, .pr_calc.loading *{
    cursor: wait !important;
}
.pr_calc a[class^="i-"]{
    cursor: pointer;
}

.pr_calc h2{
    font-size: 24px;
    margin: 0;
    font-weight: 400;
    line-height: 1.1;
}

.pr_calc .d-flex{
    display: flex;
}
.pr_calc .flex-nowrap{
    flex-wrap: nowrap;
}
.pr_calc label{cursor: pointer;}
.pr_calc label.disabled{cursor: default;}
.pr_calc_but{
    display: inline-block;
    width: 50px; height: 50px;
    background-image: url(/local/components/prioritet/calc.doors/templates/.default/./img/door3.png);
    background-position-y: 0;
    background-size: auto 50px;
    }
.pr_calc_but__fill{background-position-x: 0;}
.pr_calc_but__mirr{background-position-x: -50px;}
.pr_calc_but__fram{background-position-x: -100px;}
.pr_calc_but__solid_left{background-position-x: -150px;}
.pr_calc_but__solid_right{background-position-x: -200px;}

/* Switcher
 * */
/*.sketch_labels{
    position: relative;
    background: red;
}
 .sketch_labels .pr_calc_but{
    position: absolute;
    top:0;
    left:50px;
    z-index: 500;
    transform: translateX(-50px);
} */



.sketch_input{display: none;}
.sketch_input ~ .sketch_switcher .sketch_label{display:none;}
/*
.sketch_t5:checked  ~ .sketch_switcher .sketch_label[for="sketch3"]{display:block;}
.sketch_t4:checked  ~ .sketch_switcher .sketch_label[for="sketch3"]{display:block;}
.sketch_t3:checked  ~ .sketch_switcher .sketch_label[for="sketch2"]{display:block;}
.pr_calc[data-portal="0"] .sketch_t2:checked  ~ .sketch_switcher .sketch_label[for="sketch1"]{display:block;}
.pr_calc[data-portal="1"] .sketch_t2:checked  ~ .sketch_switcher .sketch_label[for="sketch5"]{display:block;}
.sketch_t1:checked  ~ .sketch_switcher .sketch_label[for="sketch4"]{display:block;}
*/

/* .sketch_t1:checked  ~ .sketch_switcher .sketch_label[for="sketch2"]{display:block;}
.sketch_t2:checked  ~ .sketch_switcher .sketch_label[for="sketch3"]{display:block;}
.sketch_t3:checked  ~ .sketch_switcher .sketch_label[for="sketch4"]{display:block;}
.sketch_t4:checked  ~ .sketch_switcher .sketch_label[for="sketch1"]{display:block;} */


/* Switcher for Doors
 * */
.sketch_t1:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-y: 0;}
.sketch_t2:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-y: calc(var(--height) * -1px);}/*_door*/
.sketch_t3:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-y: calc(var(--height) * -2px);}/*_door*/
.sketch_t4:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-y: calc(var(--height) * -3px);}/*_door*/
.sketch_t5:checked ~ .sketch_w4:checked ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.col__center{
    background-position-x: calc((var(--width_door) * 1 + var(--width_half) * 1) * var(--scale_x) * -1px);
}
.sketch_t5:checked ~ .sketch_w4:checked ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.col__center:before{
    background-position-x: calc((var(--width_door) * 3 + var(--width_half)) * var(--scale_x) * -1px); 
}
.sketch_w1:checked  ~ .pr_calc_frame .pr_calc_framecell.col__center{
    --width_base: calc(var(--width_door));
}
.sketch_w2:checked  ~ .pr_calc_frame .pr_calc_framecell.col__center,
.sketch_w3:checked  ~ .pr_calc_frame .pr_calc_framecell.col__center{
    --width_base: calc(var(--width_door) + var(--width_half));
}
.sketch_w4:checked  ~ .pr_calc_frame .pr_calc_framecell.col__center{
    --width_base: calc(var(--width_door) * 2);
}
.sketch_w4:checked  ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.col__center,
.sketch_w4:checked  ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.col__center:before
{
    background-position-x: calc((var(--width_door) + var(--width_half)) * var(--scale_x) * -1px);
}

/* access */
/* .pr_calc_frame.accessories .pr_calc_framecell.col__center */
.pr_calc_frame .pr_calc_framecell.col__center{
    --bgbasewidth: 852;
    --bgbaseheight: 1790; 
    --bg_size_x: var(--bgbasewidth);
    --bg_size_y: var(--bgbaseheight);
}
/*.pr_calc_frame.accessories .pr_calc_framecell.col__center*/
/*.pr_calc_frame.accessories .pr_calc_framecell.col__center:before*/
.pr_calc_frame .pr_calc_framecell.col__center,
.pr_calc_frame .pr_calc_framecell.col__center:before{
    --bg_size_y: calc(var(--height) / var(--height_door) * var(--bgbaseheight)); /* сразу с пропорциями */
    --bg_size_x: calc(var(--scale_x) * var(--bgbasewidth)); /* пропорция - в корневом элементе */
    background-size: calc(var(--bg_size_x) * 1px) calc(var(--bg_size_y) * 1px);
    width: calc(var(--width_base) * var(--scale_x) * 1px); /* будем считать динамически от пропорции и базовой ширины, которая плавает */
}
/* .pr_calc_framerevert */
.sketch_w2:checked  ~ .pr_calc_frame .pr_calc_framerevert{
    visibility: visible;
}

/* Switcher for NoBG
 * */
/* .sketch_t3:checked ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.--nobg:before{
    display: block;width: 100%;height: 120px;content: "";
    position: absolute;bottom: 0;left: 0;
    background: #FFFFFF;
} */
/* Это была перегородка на слева-справа */
/* .sketch_t2:checked ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.--nobg:after,
.sketch_t3:checked ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.--nobg:after,
.sketch_t4:checked ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.--nobg:after
{
    display: block;width: 100%;content: "";
    position: absolute;bottom: 120px;left: 0;
    background: #FFFFFF;border: 0 solid #95c3d7;box-sizing: content-box;
    height: 0; border-bottom: 9px solid #BFCDD5;
} */
/* .sketch_t4:checked ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.--nobg{
    background: #FFFFFF;
} */

/* Switcher for Frames
 * */

.sketch_input ~ .pr_calc_frame .pr_calc_framecell.col__left{visibility: hidden;}
.sketch_input ~ .pr_calc_frame .pr_calc_framecell.col__right{visibility: hidden;}
.sketch_fl:checked ~ .pr_calc_frame .pr_calc_framecell.col__left{visibility: visible;}
.sketch_fr:checked ~ .pr_calc_frame .pr_calc_framecell.col__right{visibility: visible;}
.sketch_mirror:checked ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.col__center{transform: scaleX(-1);}
.sketch_mirror:checked ~ .sketch_switcher label[for="prc_mirroring"]{transform: scaleX(-1);}

/* Switcher for Head
 * */
.sketch_head ~ .pr_calc_frame .pr_calc_framerow.row__head{opacity: 0;}
.sketch_head:checked ~ .pr_calc_frame .pr_calc_framerow.row__head{opacity: 1;}

.sketch_head{display: none;}
.sketch_head_0:checked ~ .pr_calc_headset{
    background: linear-gradient(320deg, #95D0FF, #BEE0FF);
    box-shadow: 0 0 5px inset;
}
.sketch_head_1:checked ~ .pr_calc_headset{
    background: #FFFFFF;
    box-shadow: 0 0 5px inset;
}
.sketch_head_0:checked ~ .pr_calc_headset .sketchh0,
.sketch_head_1:checked ~ .pr_calc_headset .sketchh1{
    color: rgba(136, 136, 136, 0.5); /*opacity:0.5;*/ cursor: default;
}
.sketch_head_0:checked ~ .pr_calc_headset .sketchh0:before,
.sketch_head_1:checked ~ .pr_calc_headset .sketchh1:before{
    content: "\2714 ";
    color: #78C633;
    
}
.pr_calc_headset label{visibility: hidden;transition: visibility .5s ease 0s;}
.pr_calc_headset:hover label{visibility: visible;}

/* Switcher for middle and bottom
 * */
.pr_calc_framefill.row__middle{
    width:100%;height: 62%;
    /* background: #671a9b; */
    position: absolute;top:0;left:0;
}
.pr_calc_framefill.row__bottom{
    width:100%;height: 38%;
    /* background: #1a9b56; */
    position:absolute;
    /* top:calc(100% / 3 * 2);left:0; */
    bottom:0;top:auto;
}
/**/

.pr_calc_frame{
    display: block;
    --dwidth: 800;
}
.pr_calc_frameset{
    display: table;
    border-spacing: 2px;
    /* min-width:630px; */
    margin: 0 auto;
}
.pr_calc_framerow{display: table-row;}
.pr_calc_framerow.row__head .pr_calc_framecell{height:105px;}
.pr_calc_framerow.row__body .pr_calc_framecell{
    height:calc(var(--height) * 1px);
    
}
.pr_calc_framecell{
    display: table-cell;
    width: calc(var(--width_base) * var(--scale_x) * 1.3px);
    position: relative;
    overflow: hidden;
}
.pr_calc_frame .pr_calc_framecell.col__left,
.pr_calc_frame .pr_calc_framecell.col__right{
    min-width: calc(var(--width_door) * var(--scale_x)  * 1px); 
    /* width: auto; */
}
.pr_calc_framerow.row__body .pr_calc_framecell.col__center{
    background-image: url(/local/components/prioritet/calc.doors/templates/.default/./img/door2_2.png);
}
.pr_calc_framecell.col__center::before{
    display: block; width:100%; height: 100%; content: "";
    position: absolute; top:0; left: 0;
    background: url(/local/components/prioritet/calc.doors/templates/.default/./img/door2_2.png) no-repeat;
    background-position-y: calc(var(--height) * -4px);
}
.pr_calc_framerevert{
    position: absolute;top: 0;right: 0;
    width: 84px;
    width: calc(var(--scale_x) * 84px);
    line-height: 84px;
    line-height: calc(var(--scale_y) * 84px);
    font-size: 64px;
    font-size: calc(var(--scale_x) * 64px);
    text-align: center;
    color: #CEECED;
    text-shadow: 0 0 2px rgba(0,0,0,0.4);
    visibility: hidden;
}


.pr_calc_framecell.--nobg{
    border: calc(var(--scale_x) * 10.3px) solid #BFCDD5;
    background: linear-gradient(320deg, #95D0FF, #BEE0FF);
    background-position-y: 0 !important;
    box-shadow: 0 0 5px inset;
}
.pr_calc_framerow.row__head .pr_calc_framecell.col__center:before{
    visibility: hidden;
}

.pr_calc_headset{
    width:100%;height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
}
.pr_calc_headset label{
    text-transform: uppercase;
    color: #26AAD9; opacity:1;
}

/* .pr_calc .accessories .pr_calc_framecell.col__left, .pr_calc .accessories .pr_calc_framecell.col__right{
    width: 153px;
} */
/* Rulers
 * */
.pr_calc_framecell.--ruler{/*width:auto;*/ width:90px;}
.row__head.pr_calc_framecell.--ruler{line-height: 1.8;}
.pr_calc_framerow.--top .pr_calc_ruler:after{
    width:100%;height:24px;display:block;content:"";
    border: 0 solid #D2E7EF;border-width: 0px 4px 4px 4px; margin: 0 0 12px;
}
.pr_calc_framerow .pr_calc_framecell:first-child .pr_calc_ruler{
    height:100%;
    padding-right: 24px;
    display: flex;
    align-items: center;
}
.pr_calc_framerow .pr_calc_framecell:first-child .pr_calc_ruler:before{
    width:24px;height:100%;display:block;content:"";float:right;
    border: 0 solid #D2E7EF;border-width: 4px 4px 4px 0px; margin: 0 12px;
    position: absolute; top: 0; right: 0;
}

/* Range
 * */

.pr_calc_range{
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-wrap: wrap; */
}
.pr_calc_range > *{
    margin: 0 0.5ex;
}
.pr_calc_range input{
    width: 7ex;
}
.pr_calc_range__correct{
    color: #78C633;
    font-size: 32px;
}
.pr_calc_framecell:first-child .pr_calc_range{
    flex-direction: column;
}
/* Меняем местами + и - */
.pr_calc_framecell:first-child .pr_calc_range .pr_calc_range__correct:first-child{order:99;}
.pr_calc_framecell:first-child .pr_calc_range .pr_calc_range__correct:last-child{order:-1;}
/* Ужимаем габариты */
.pr_calc_framecell:first-child .pr_calc_range .pr_calc_range__correct{line-height: 24px;}
/* Ужимаем для минимальной ширины */
.sketch_w1:checked  ~ .pr_calc_frame .--top .--ruler:nth-child(3) .pr_calc_range input{
    width: 5ex;
}
.sketch_w1:checked  ~ .pr_calc_frame .--top .--ruler:nth-child(3) .pr_calc_range > * {
    margin: 0 0.2ex;
}


/* Circle
 * */

.calculator .circle-radio-box .params label span{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.calculator .circle-radio-box #prop3.params label.param1 span{background-image: url(/local/templates/exprof/img/calculator/prop3-param1.png);}
.calculator .circle-radio-box #prop3.params label.param2 span{background-image: url(/local/templates/exprof/img/calculator/prop3-param2.png);}
.calculator .circle-radio-box #prop3.params label.param3 span{background-image: url(/local/templates/exprof/img/calculator/prop3-param3.png);}
.calculator .circle-radio-box #prop3.params label.param4 span{background-image: url(/local/templates/exprof/img/calculator/prop3-param4.png);}
#noize1:checked ~ #prop3{transform: rotate(0deg);}
#noize1:checked ~ #prop3 label{transform: rotate(-0deg);}
#noize2:checked ~ #prop3{transform: rotate(-240deg);}
#noize2:checked ~ #prop3 label{transform: rotate(240deg);}
#noize3:checked ~ #prop3{transform: rotate(-120deg);}
#noize3:checked ~ #prop3 label{transform: rotate(120deg);}
#noize4:checked ~ #prop3{transform: rotate(-360deg);}
#noize4:checked ~ #prop3 label{transform: rotate(360deg);}
/* Code above for 3-position  */
/* Code below for 4-position  */
/* #noize1:checked ~ #prop3{transform: rotate(0deg);}
#noize1:checked ~ #prop3 label{transform: rotate(-0deg);}
#noize2:checked ~ #prop3{transform: rotate(-90deg);}
#noize2:checked ~ #prop3 label{transform: rotate(90deg);}
#noize3:checked ~ #prop3{transform: rotate(-180deg);}
#noize3:checked ~ #prop3 label{transform: rotate(180deg);}
#noize4:checked ~ #prop3{transform: rotate(-270deg);}
#noize4:checked ~ #prop3 label{transform: rotate(270deg);} */

/* Profiles
 * */

/* .pr_calc .profile .image{
     height: 230px; 
} */

.pr_calc .image img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    object-fit: cover;
    object-position: bottom;
}
.pr_calc .image.disabled{
    opacity: .7;
    filter: grayscale(1);
}

.calculator .profile-group input[type=radio]:disabled+label{
    opacity: .7;
    filter: grayscale(1);
}

.calculator .profile-group .body .profile .title{
    min-height: 5em;
}
.calculator .profile-group .head .title.title-small{
    display: block; /* для центровки */
}

.calculator .row-border{
    background: linear-gradient(to bottom, #c1e8ff 0%, #f3fbff 100%);
}
.calculator .row-border label {
    display: flex;
    padding: 1em 0 1em 0px;
}
.calculator .row-border label span {
    padding: 0 0 0 2ex;
}

.calculator .ral-color {
    height: 40px;
    background: #efefef;
    cursor: pointer;
}

.pr_calc_range.input-count{
    background: #ffffff;
    border: 1px solid #d3ecf5;
}
.pr_calc_range.input-count label{
    line-height: 0;
}
.pr_calc_range.input-count input{
    border: none;
}

/* Separate steps
 * */
.switch_step:checked ~ .step{display: none;}
#step1:checked ~ .step1{display: block;}
#step2:checked ~ .step2{display: block;}
#step3:checked ~ .step3{display: block;}
#step4:checked ~ .step4{display: block;}
#step5:checked ~ .step5{display: block;}
.calc-block-body div[data-cookie="BITRIX_SM_CALC_STEP"]{display: none;}
.steps label {display: inline; font-weight: inherit;}
/* Profile tests
 * */

 .profile-inp:checked + label.profile-btn{
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    background: #c8dde9;
 }

 .profile-btn.disabled{
    opacity: .7;
    filter: grayscale(1);
 }


 /* Packages
  * */

.pr_calc .package-col{
    padding: 0 1ex;
}

/* На порожки нужно накрутить лайк
 * */
 .calculator .borders_group .optimal:before{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: -12px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url(/local/templates/exprof/img/calculator/icon-optimal2.png) no-repeat center center;
    background-size: contain;
 }
 .calculator .borders_group input:disabled+span{
    opacity:.5;
 }
 .calculator .borders_group .weak{display:none;color:#880000;font-weight: bold;}
 .calculator .borders_group.warning .weak{display:block;}
 /* Если клиенту нужен только пластик, мы скрываем переход на стеклопакеты
  * */
.calculator[data-hidepackage="0"] .step3 label[for="step5"]{display:none;}
.calculator[data-hidepackage="1"] .step3 label[for="step4"]{display:none;}
.calculator[data-hidepackage="1"] .step .steps li[data-step="4"]{display:none;}
/* Обесцвечиваем недоступный профиль
 * */
.profile-radio:disabled + .profile .image{
    filter: grayscale(1);
    opacity: 0.8;
}

.window-btn-group_desc{
    width: 100%;
    height:3em;
}

/* Скрываем 2ю галочку на одностворчатом профиле
 * */

 .sketch_w1:checked ~ .pr_calc_frame .st_2{
    visibility: hidden;
}
.sketch_w1:checked ~ .pr_calc_frame .st_1 {
    width: 50%;
    text-align: center;
}
.sketch_t5:checked ~ .pr_calc_frame .st{
    display: none;
}

/* .calculator .row.row-profile{
    display: flex;
}
.profile-group{
    height:100%;
    display: flex;
    flex-direction: column;
}
.calculator .profile-group .profile{
    display: flex;
    flex-direction: column;
} */

/* Упоротое продолжение - нужно перенести макет в корзину
 * */

.cart-items{
    --width_door: 154;  /* большая  створка */
    --width_half: 85;   /* половина створка */
    --height_door: 358; /* высота на макете */
    --width_door_frame: 24; /* до скольки нужно уменьшить базовую створку, отсюда будем рассчитывать пропорции */
    --height: 50; /* высота блока */

    --scale_x: calc(var(--width_door_frame)  / var(--width_door)); /* пропорции по горизонтали */
    --scale_y: calc(var(--height) / var(--height_door)); /* пропорции по вертикали */
}
.cart-items .pr_calc_frame{
    margin: 1em auto;
}
.cart-items .pr_calc_framerow.row__head .pr_calc_framecell{
    height: calc(var(--height) / 3 * 1px);
}
.cart-items .pr_calc_headset{
    box-shadow: 0 0 0px rgba(0,0,0,0.4) !important;
}
.cart-items .pr_calc_framerow.row__body .pr_calc_framecell.col__center .pr_calc_framefill{
    display: none;
}
.cart-items .sketch_t5:checked ~ .sketch_w4:checked ~ .pr_calc_frame{
    --width_door_frame: 20;
}

/* Распечатка
 * */
.doors-wrap  .item:after{
    display: inline-block;
    content: "";
    width:100%;
    clear: both;
}
.doors-wrap .pr_calc_frame{
    --width_door: 154;  /* большая  створка */
    --width_half: 85;   /* половина створка */
    --height_door: 358; /* высота на макете */
    
    --width_door_frame: 70; /* до скольки нужно уменьшить базовую створку, отсюда будем рассчитывать пропорции */
    --height: 150; /* высота блока */

    --scale_x: calc(var(--width_door_frame)  / var(--width_door)); /* пропорции по горизонтали */
    --scale_y: calc(var(--height) / var(--height_door)); /* пропорции по вертикали */
}
.doors-wrap .dim{ display: none; }
.doors-wrap .pr_calc_frame{
    margin: 1em auto;
}
.doors-wrap .pr_calc_framecell{
    overflow: hidden;
}
.doors-wrap .pr_calc_framecell.--nobg{
    box-shadow: none;
}
.doors-wrap .pr_calc_framerow.row__head .pr_calc_framecell{
    height: calc(var(--height) / 3 * 1px);
}
.doors-wrap .pr_calc_ruler{
    text-align: center;
    font-size: 12px;
}
.doors-wrap .pr_calc_framerow.--top .pr_calc_ruler:after{
    border-width: 0px 0px 2px 0px;
    border-color: rgba(19, 142, 212, 0.8);
    margin: 0 auto 1ex;
    width: 90%;
    height: 1ex;
}
.doors-wrap .pr_calc_framerow .pr_calc_framecell:first-child .pr_calc_ruler:before{
    border-width: 0px 2px 0px 0px;
    border-color: rgba(19, 142, 212, 0.8);
    margin: 5% 8px;
    width: 1ex;
    height: 90%;
}
.doors-wrap .pr_calc_framecell.--ruler{
    width: 6ex;
}
.doors-wrap .pr_calc_framerow .pr_calc_framecell:first-child .pr_calc_ruler{
    padding-right: 2px;
}
.doors-wrap .pr_calc_frame .pr_calc_framecell.col__left, .pr_calc_frame .pr_calc_framecell.col__right{
    min-width:calc(var(--width_door) * var(--scale_x)  * 0.9px);
}

.doors-wrap .pr_calc_framerow.row__body .pr_calc_framecell.col__center .pr_calc_framefill{
    visibility: hidden;
}
.doors-wrap .sketch_w4:checked ~ .pr_calc_frame{
    --width_door_frame: 60;
}
/* .doors-wrap .pr_calc_frame .pr_calc_framecell.col__center:before{
    line-height: calc(var(--height) * 1px);
    z-index: 100;
    text-align: left;
    font-size: 4rem;
    background: none;
    color: rgba(19, 142, 212, 0.8); 
    content: "\203A  \2039";
    white-space: nowrap;
    text-indent: calc(var(--width_door) * var(--scale_x) * 1px - 0.9ex);
} */
.doors-wrap .sketch_t5:checked ~ .sketch_w4:checked ~ .pr_calc_frame .pr_calc_framecell.col__center:before{
    content: "\27A5";
    text-indent: 0;
    text-align: center;
}

.pr_calc_open{
    display: none;
}

.calculator .cart-item .item-desc > *{
    padding: 0 2ex 0 0;
}


@media print {
    .doors-wrap .pr_calc_framerow.row__body .pr_calc_framecell.col__center{
        border: calc(var(--scale_x) * 10.3px) solid #BFCDD5;
        position: relative;
        background: transparent;
    }
    /*
    .doors-wrap .pr_calc_framerow.row__body .pr_calc_framecell.col__center:after {
        display: block;
        content: "";
        width: calc(var(--width_door) * var(--scale_x) * 1px - 4px); 
        height: 100%;
        border-right: calc(var(--scale_x) * 10.3px) solid #BFCDD5;
        position: relative; top:0; left:0;
    }
     .doors-wrap .pr_calc_frame .pr_calc_framecell.col__center:before {
        display: block;
        content: "";width: 0.8em;height: 0;
        background: #acb8be;
        border-bottom: .5ex solid #BFCDD5;
        position: absolute;
        top: 49%; left: calc(var(--width_door) * var(--scale_x) * 1px - 1.5em);
        z-index: 100;
    } */
    
    .doors-wrap .pr_calc_framerow.row__body .pr_calc_framecell.col__center .pr_calc_framefill{
        visibility:visible;
    }
    /* Здесь распишем поведение створок на печати
     * */
    
    .pr_calc_open.col__left{
        left: 0;
    }
    .pr_calc_open.col__right{right: 0;}
    .pr_calc_open{
        display: block;
        position: absolute;
        top: 0;
        height: 100%;
    }
    .sketch_t2:checked ~ .pr_calc_frame .pr_calc_open.col__right,
    .sketch_t3:checked ~ .pr_calc_frame .pr_calc_open.col__right{
        width: 37px;
    }
    .sketch_w1:checked ~ .pr_calc_frame .pr_calc_open.col__right{
        display: none;
    }
    .sketch_mirror:checked ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.col__center .pr_calc_headset:after{
        transform: scaleX(-1);
    }

    
      /* .sketch_t1:checked ~ .pr_calc_frame .pr_calc_open,
    .sketch_t2:checked ~ .pr_calc_frame .pr_calc_open,
    .sketch_t3:checked ~ .pr_calc_frame .pr_calc_open,
    .sketch_t4:checked ~ .pr_calc_frame .pr_calc_open {

    }

    .sketch_t5:checked ~ .pr_calc_frame .pr_calc_framecell.col__center:before{
        line-height: calc(var(--height) * 1px);
        z-index: 100;
        text-align: left;
        font-size: 4rem;
        background: none;
        color: rgba(19, 142, 212, 0.8); 
        content: "\203A  \2039";
        white-space: nowrap;
        text-indent: calc(var(--width_door) * var(--scale_x) * 1px - 0.9ex);
        top: 0;
        width: 100%;
        left: 0;    
    }

    .sketch_w1:checked ~ .pr_calc_frame .pr_calc_open.col__right{
        display: none;
    } 
    
    .pr_calc_open.col__left{
        width: calc(var(--width_door) * var(--scale_x) * 1px);
    }
    .sketch_w2:checked ~ .pr_calc_frame .pr_calc_open.col__right,
    .sketch_w3:checked ~ .pr_calc_frame .pr_calc_open.col__right{
        width: calc(100% - var(--width_door) * var(--scale_x) * 1px);
    }
*/

    .doors-wrap .pr_calc_headset{
        box-shadow: 0 0 0px rgba(0,0,0,0.4) !important;
    }
    .doors-wrap .sketch_head_0:checked ~ .pr_calc_headset{
        /* background: #BEE0FF; */
        /* position: relative; */
        position: absolute;
    }
    .doors-wrap .sketch_head_0:checked ~ .pr_calc_headset:before{
        display: block; width: 100%; height: 0; content: "";
        position: absolute; left:0;top:0;
        border-top: 83px solid #DFF3FF;
        border-bottom: calc(var(--scale_x) * 10.3px) solid #BFCDD5;
    }
    .doors-wrap .row__body .col__center .pr_calc_headset::before{
        border-bottom: none;
    }

    .doors-wrap .sketch_head_1:checked ~ .pr_calc_headset:after{
        display: block;
        width: 100%;
        height: 100%;
        content: "сендв."; color: #849fae;
        background: transparent;
        position: absolute;
        text-align: center;
        line-height: 40px;
        z-index: 10000;
    }

}

.doors-wrap .pr_calc_framerow.row__body .pr_calc_framecell.col__center{
    border: none;
}
/* .pr_calc_img_centersketch{display: none;} */
.pr_calc_img_centersketch{
    /* display: block; */
    height:100%;
    width:100%;
    position: absolute;
    top: 0;
    left: 0;
}
.doors-wrap .sketch_w1:checked ~ .pr_calc_frame .pr_calc_framecell.col__center{
    width: 61px;
}
.doors-wrap .sketch_w2:checked ~ .pr_calc_frame .pr_calc_framecell.col__center, 
.doors-wrap .sketch_w3:checked ~ .pr_calc_frame .pr_calc_framecell.col__center{
    width: 94px;
}
.doors-wrap .sketch_w3:checked ~ .pr_calc_frame .pr_calc_framecell.col__center{
    width: 121px;
}

/*
 * Адаптифффффффф
 */

 .calculator.pr_calc .btn.btn-info{
    padding: 7px 15px;
 }

@media (max-width: 577px) {
    .pr_calc label.btn{
        display:block;
        width: 100%;
    }
    .pr_calc .profile .image{
        /* height: 165px; */
        height: 60px;
    }
    .pr_calc{
        --width_door_frame: 75;
        --height: 168;
    }
    .pr_calc .d-flex{
        flex-wrap: wrap;
    }
    /* .pr_calc_ruler{
        display: none !important;
    } */
    /* .pr_calc_range{
        flex-direction: column;
        display: none;
    } */
    /* .pr_calc_frameset{
        margin: initial;
    } */
    .pr_calc_framecell.--ruler{
        width: 3.5em;
    }
    .pr_calc_headset label{
        visibility: inherit;
        font-size: 9pt;
    }
    /* .pr_calc_render{
        transform: rotate(-90deg);
    } */
    .pr_calc_framerow .pr_calc_framecell:first-child .pr_calc_range{
        position: absolute;
        flex-direction: row;
        transform: rotate(270deg) translate(-85%, 0);
        transform-origin: 0% 0%;
        top: 15%;
        left: 0;
    }
    /* Красная шапочка */
    .pr_calc_framerow.row__head input{ width:5ex; }
    .pr_calc_framerow.row__head span{ display:none; }
    .pr_calc_framerow.--top .pr_calc_range .pr_calc_range__correct:first-child{ order:3; }
    .pr_calc_framerow.--top .pr_calc_range .pr_calc_range__correct:last-child{ order:4; }
    .pr_calc_framerow.--top .pr_calc_range{flex-wrap: wrap;}
    .pr_calc_framerow.--top .pr_calc_range .pr_calc_range__correct{ width:50%; margin: 0 0 -0.7em !important;}
    /* Волчок, серенький бочок */
    .pr_calc_framerow .pr_calc_framecell:first-child .pr_calc_range .pr_calc_range__correct:first-child{ order:0; }
    .pr_calc_framerow .pr_calc_framecell:first-child .pr_calc_range .pr_calc_range__correct:last-child{ order:4; }
    /* На мобилке мало места */
    .pr_calc .sketch_w4:checked ~ .pr_calc_frame{--width_base: 65;}
    .pr_calc .sketch_w4:checked ~ .pr_calc_frame .pr_calc_range span{display:none;}
    .pr_calc .sketch_w4:checked ~ .pr_calc_frame .pr_calc_range input[name="size_center"] + span {display: inline;}
    /* 5й Ао не может учиться */
    .pr_calc .accessories .pr_calc_framerow .pr_calc_framecell:first-child .pr_calc_ruler{position: absolute;transform: rotate(-90deg);}
    .pr_calc .accessories .pr_calc_framerow .pr_calc_framecell:first-child .pr_calc_ruler:before{display:none;}
    .pr_calc .accessories .pr_calc_framerow .pr_calc_framecell:first-child .pr_calc_ruler span{display: inline;}
    .pr_calc .accessories .pr_calc_framecell.--ruler {
        width: 1.5em;
    }
    .pr_calc .accessories .pr_calc_framerow .pr_calc_framecell:first-child .pr_calc_ruler{
        position: absolute;
        display: inline;
        white-space: nowrap;
        transform: rotate(270deg) translate(-85%, 0);
        transform-origin: 0% 0%;
        top: 15%;
        left: 0;
    }
    /* Пакеты */
    .pr_calc.calculator .package-col-group{padding: 1em;}
    .pr_calc.calculator .package-col{width: 25%;margin: 0;}
    .pr_calc.calculator .package-col .package{margin-top: 0;}
    /* Корзина */
    .calculator .cart-item .item-desc{width: 100%;flex-direction: column;}
    .calculator .cart-item .item-desc > * {display: block;/*padding:0 1ex;*/}
}

@media (max-width: 767px){

}

/*
 * IE не умеет математику
 */
 
.bx-ie .pr_calc .pr_calc_framerow.row__body .pr_calc_framecell{height: 263px;}
.bx-ie .pr_calc .pr_calc_framefill.row__middle{height: 163px;}
.bx-ie .pr_calc .pr_calc_framefill.row__bottom{height: 99px;top: 163px;}
.bx-ie .pr_calc .pr_calc_headset label{display: block;}
.bx-ie .pr_calc .pr_calc_frame .pr_calc_framecell.col__left, 
.bx-ie .pr_calc .pr_calc_frame .pr_calc_framecell.col__right{width: 149px;}
.bx-ie .pr_calc .pr_calc_frame .pr_calc_framecell.col__center, .bx-ie .pr_calc .pr_calc_frame .pr_calc_framecell.col__center::before{
    /* background-size: 636px 1316px; */
    background-size: 800px 1316px;
    background-position-x:0;
}
.bx-ie .pr_calc .sketch_w1:checked ~ .pr_calc_frame .pr_calc_framecell.col__center{
    width: 115px;
}
.bx-ie .pr_calc .sketch_w2:checked ~ .pr_calc_frame .pr_calc_framecell.col__center,.bx-ie .pr_calc  .sketch_w3:checked ~ .pr_calc_frame .pr_calc_framecell.col__center{
    width: 167px;
    background-size: 600px 1316px;
}
/* смещение по Y */
.bx-ie .pr_calc .sketch_t1:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-y: 0;}
.bx-ie .pr_calc .sketch_t4:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-y: -791px;}
.bx-ie .pr_calc .sketch_t3:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-y: -527px;}
.bx-ie .pr_calc .sketch_t2:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-y: -264px;}

.bx-ie .pr_calc .pr_calc_framerevert{
    font-size: 48px;
    width: 58px;
    line-height: 64px;
}

.bx-ie .pr_calc .sketch_w4:checked ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.col__center, 
.bx-ie .pr_calc .sketch_w4:checked ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.col__center::before{
    background-position-x: -226px;
    width: 285px;
}
/* смещение по X */
.bx-ie .pr_calc .pr_calc_framecell.col__center::before{
    height: 263px;
    background-position-y: -1054px;
    background-size: 600px 1316px;
}
.bx-ie .pr_calc .sketch_w2:checked ~ .pr_calc_frame .pr_calc_framecell.col__center::before, 
.bx-ie .pr_calc .sketch_w3:checked ~ .pr_calc_frame .pr_calc_framecell.col__center::before{
    background-size: 600px 1316px;
}
.bx-ie .pr_calc .sketch_t5:checked ~ .sketch_w4:checked ~ .pr_calc_frame .pr_calc_framerow.row__body .pr_calc_framecell.col__center:before{
    background-position-x: -525px;
}

/* IE accessories */

.bx-ie .pr_calc .pr_calc_frame.accessories .pr_calc_framecell.col__center,
.bx-ie .pr_calc .pr_calc_frame.accessories .pr_calc_framecell.col__center::before{
    background-size: 770px 1316px;
}

/* .bx-ie .pr_calc .sketch_t4:checked ~ .pr_calc_frame.accessories .pr_calc_framecell,
.bx-ie .pr_calc .sketch_t4:checked ~ .pr_calc_frame.accessories .pr_calc_framecell::before{
    background-size: 640px 1316px;
} */
.bx-ie .pr_calc .sketch_w1:checked ~ .pr_calc_frame .pr_calc_framecell.col__center,
.bx-ie .pr_calc .sketch_w1:checked ~ .pr_calc_frame .pr_calc_framecell.col__center::before{
    background-size: 640px 1316px;
}

.bx-ie .pr_calc .sketch_w1:checked ~ .pr_calc_frame .pr_calc_range input[name="size_center"]{width:5ex;}
.bx-ie .pr_calc .sketch_w1:checked ~ .pr_calc_frame .pr_calc_range * {margin:0 0.1ex;}

/* Для корзины */
/* .bx-ie{
    background:rgba(19, 142, 212, 0.8);
} */
.bx-ie .cart-items .pr_calc_frame{
    margin: 0.2em 0 1em;
}
.bx-ie .cart-item .pr_calc_framecell{
    width: 50px;
    border: 2px solid #a3a3a3;
    overflow: hidden;
}
.bx-ie .cart-item .row__head .pr_calc_framecell{
    height: 25px;
}
.bx-ie .cart-item .row__body .pr_calc_framecell{
    height: 70px;
}

.bx-ie .cart-item .row__middle{
    height: 40px;
}
.bx-ie .cart-item .row__bottom{
    top: 40px;
    height: 30px;
    border-top: 2px solid #a3a3a3;
}
/* спрайты */

.bx-ie .cart-item .pr_calc_framerow.row__body .pr_calc_framecell.col__center{
    background-size: 171px 328px;
}
/* смещение по Y */
/* .bx-ie .cart-item .item-image_wrap{transform: scale(3);} */
.bx-ie .cart-item .sketch_t1:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-y: -0px;}
.bx-ie .cart-item .sketch_t2:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-y: -66px;}
.bx-ie .cart-item .sketch_t3:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-y: -132px;}
.bx-ie .cart-item .sketch_t4:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-y: -198px;}
.bx-ie .cart-item .sketch_t5:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-y: -0px;}
/* смещение по X */
.bx-ie .cart-item .sketch_w1:checked ~ .pr_calc_frame .pr_calc_framecell{background-position-x: -0px;}
.bx-ie .cart-item .sketch_w2:checked ~ .pr_calc_frame .pr_calc_framecell{width:20px;}
.bx-ie .cart-item .sketch_w2:checked ~ .pr_calc_frame .pr_calc_framecell.col__center{width:52px;}
.bx-ie .cart-item .sketch_w3:checked ~ .pr_calc_frame .pr_calc_framecell{width:20px;}
.bx-ie .cart-item .sketch_w3:checked ~ .pr_calc_frame .pr_calc_framecell.col__center{width:52px;}
.bx-ie .cart-item .sketch_w4:checked ~ .pr_calc_frame .pr_calc_framecell{width:20px;}
.bx-ie .cart-item .sketch_w4:checked ~ .pr_calc_frame .pr_calc_framecell::before{background-position-x: -48px;}
.bx-ie .cart-item .sketch_w4:checked ~ .pr_calc_frame .pr_calc_framecell.col__center{width:64px;background-position-x: -48px;}
/* синий стрелошка, насяйника! */
.bx-ie .cart-item .pr_calc_framecell.col__center::before{
    height: 70px;background-size: 171px 328px;
    background-position-y: -264px;
}
/* print */
.bx-ie .doors-wrap .pr_calc_framerow:nth-child(1) .pr_calc_framecell,.bx-ie .doors-wrap .pr_calc_framerow .pr_calc_framecell:nth-child(1){border:none;}

.icon-hide{
    display: none;
}

@media (max-width: 991px){
    .step .hide-on-mobile2 {
        display: none;
    }
}

@media (min-width: 991px){
    .step .hide-on-desktop2 {
        display: none;
    }
}

.step1-open-type-inside:disabled ~ span{
    opacity: 0.7;
    cursor: not-allowed;
}

.calculator .package-col .optimal-hidden.image.optimal:before{
    display: none;
}
/* End */


/* Start:/local/templates/exprof/components/bitrix/catalog.section.list/tsvetovye-resheniya-calc/style.css?1543920927132*/
h2 + h3 {
	margin-top: 20px;
}
h3 {
	font-size: 22px;
}
h3 + .document-list {
	margin-top: 20px;
}
.document-card {
	width: 250px;
}
/* End */


/* Start:/local/templates/exprof/css/calculator.css?175085157892932*/
/* Page null */
.calculator-start_bg {
    background: linear-gradient(to top, #eae2e0, #efe6e7);
    margin-top: -8px;
}
.calculator-start {
    background-image: url('/local/templates/exprof/img/calculator/bg_ster0.jpg');
    background-repeat: no-repeat;
    background-position: center right;
}
.calculator-start .container {
    position: relative;
}
.calculator-start_wrap_text {
    padding-top: 29px;
}
.calculator-start_wrap_text ul {
    padding-left: 0;
    padding-bottom: 9px;
    font-size: 14px;
}
.calculator-start_wrap_text li {
    list-style-type: none;
}

.calculator-start_wrap_text li:before {
    color: #1e8ecd;
    content: "●";
    padding-right: 10px;
}
.calculator-start_wrap_text ul li {
    padding-bottom: 9px;
}

.btn_block_wrap {
    padding-top: 12px;
    font-size: 18px;
    padding-bottom: 32px;
}

.calcilator-tiser {
    position: absolute;
    right: 15px;
    bottom: 39px;
    background: linear-gradient(to bottom, #ceeaf4 0%, #ebf8fb 100%);;
    color: #4c4c4c;
    width: 277px;
    padding: 10px 15px;
    font-size: 12px;
    border-radius: 10px;
    box-shadow: 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

.calculator-start .btn {
    margin-bottom: 5px;
}

@media (max-width: 1370px) {
    .calculator-start {
        background-position: 110% 50%;
    }
}
@media (max-width: 1199px) {
    .calculator-start {
        background-position: 152% 50%;
        background-size: contain;
    }
}
@media (max-width: 1024px) {
    .calculator-start {
        background-position: 186%;
    }
}

@media (max-width: 991px) {
    .calculator-start {
        background-image: none;
    }
    .calcilator-tiser {
        position: relative;
        width: auto;
        height: auto;
        right: 0;
        bottom: auto;
    }

    .btn_block_wrap {
        padding-bottom: 12px;
    }
}
/* All */
.calculator {
    padding: 0 15px;
}

.calculator h2 {
    margin-bottom: 15px;
}

.calculator input[type=checkbox],
.calculator input[type=radio] {
    cursor: pointer;
}

.cart-items .item-desc-text {
    padding: 5px 10px;
}
.window-item-img-two span {
    -moz-user-select  : none;
    -khtml-user-select: none;
    user-select       : none;
}

.btn {
    outline: none !important;
}

.calculator .bordered {
    border: 1px solid #dbdbdb;
}

.calculator .input {
    border    : none;
    background: #f2f9fc;
    padding   : 5px 10px;
}

.calculator .steps,
.calculator .steps li {
    list-style: none;
    margin    : 0;
    padding   : 0;
}

.calculator .steps {
    background: #f1f1f1;
    padding   : 10px 25px;
}

.calculator .steps {
    margin-bottom: 20px;
    display: flex;
}

.calculator .steps li {
    display    : flex;
    align-items: center;
    padding    : 0 10px 0 20px;
    position   : relative;
    font-size  : 16px;
    line-height: 18px;
    color      : #999;
}

.calculator .steps li:before {
    content   : "";
    display   : block;
    width     : 12px;
    height    : 12px;
    background: url(/local/templates/exprof/img/radio.png) no-repeat center center;
    position  : absolute;
    left      : 0;
    top       : 11px;
}

.calculator .steps li:after,
.calculator .steps li .arrow {
    content   : "";
    display   : inline-block;
    width     : 40px;
    height    : 2px;
    background: #93c0da;
    /*
    border-top   : 1px solid #93c0da;
    border-bottom: 1px solid #a9d4b9;
*/
    vertical-align: top;
    margin-left   : 10px;
    font-size     : 0;
}

.calculator .steps li .arrow:hover {
    background: #249dd5;
}

.calculator .steps li .arrow:hover:before {
    content    : "";
    display    : inline-block;
    width      : 5px;
    height     : 8px;
    background : url(/local/templates/exprof/img/arrow.png) no-repeat center center;
    position   : absolute;
    margin-top : -3px;
    margin-left: -2px;
}

.calculator .steps li.noarrow:after {
    display: none;
}

.calculator .steps li:last-child:after {
    display: none;
}

.calculator .steps li.active {
    font-weight: bold;
    color      : #368fc4;
}

.calculator .steps li.active:before {
    background: url(/local/templates/exprof/img/radio-hover.png) no-repeat center center;
}

.calculator .steps li.done {
    text-decoration: underline;
    color          : #333;
}

.calculator .steps li.done:before {
    width     : 15px;
    height    : 15px;
    left      : -1.5px;
    top       : 9.5px;
    background: url(/local/templates/exprof/img/radio-done.png) no-repeat center center;
}

.calculator .step-1-1 {
    /*overflow: hidden;*/
}

.calculator .calc-radio {
    font-weight: normal;
    cursor     : pointer;
}

.step2-aero {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    flex-wrap      : wrap;
}

.step2-aero a {
    color          : #368fc4;
    font-weight    : 600;
    text-decoration: underline;
}

@media (max-width: 1199px) {
    .step2-aero a {
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .step2-aero>* {
        width: 100%;
    }
}

.calculator .calc-radio input:checked+span {
    color: #368fc4;
}

html .calculator .error {
    background: #fcf1f1;
    /*border  : 1px solid #f2bebe;*/
    border    : 1px solid #ff0000 !important;
}

.calculator .loader {
    padding      : 15px 0 15px 50px;
    color        : #148ed5;
    background   : url(/local/templates/exprof/img/calculator/ajax-loader.gif) no-repeat left center;
    margin-bottom: 20px;
}

#modalAero .modal-dialog {
    width: 1000px;
}

.calculator .row.row-profile {
    margin-left : -5px;
    margin-right: -5px;
}

.calculator .row.row-profile>.col-sm-4,
.calculator .row.row-profile>.col-sm-2,
.calculator .row.row-profile>.col-sm-3 {
    padding-left : 5px;
    padding-right: 5px;
}

.calculator .profile-group {
    border       : 1px solid #dbdbdb;
    margin-bottom: 20px;
}

.calculator .profile-group .profile {
    cursor: pointer;
}

.calculator .profile-group.profile-group-disabled {
    filter: grayscale(100%);
}

.calculator .profile-group.profile-group-disabled .profile {
    cursor: auto;
}

.calculator .profile-group.blue .head {
    background: #c7ebff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c7ebff 0%, #f3fbff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c7ebff 0%, #f3fbff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c7ebff 0%, #f3fbff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7ebff', endColorstr='#f3fbff', GradientType=0);
    /* IE6-9 */
}

.calculator .profile-group.green .head {
    background: #c1ffcc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c1ffcc 0%, #d1ffe8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c1ffcc 0%, #d1ffe8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c1ffcc 0%, #d1ffe8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1ffcc', endColorstr='#d1ffe8', GradientType=0);
    /* IE6-9 */
}

.calculator .profile-group.orange .head {
    background: #ffc88b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffc88b 0%, #ffeac1 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffc88b 0%, #ffeac1 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffc88b 0%, #ffeac1 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc88b', endColorstr='#ffeac1', GradientType=0);
    /* IE6-9 */
}

.calculator .profile-group.red .head {
    background: #fd9eb6;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fd9eb6 0%, #ffc8e4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fd9eb6 0%, #ffc8e4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fd9eb6 0%, #ffc8e4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd9eb6', endColorstr='#ffc8e4', GradientType=0);
    /* IE6-9 */
}

.calculator .profile-group .head .title {
    padding          : 20px 10px;
    text-align       : center;
    /* 	border-bottom: 1px solid #dbdbdb; */
    font-size        : 16px;
}

.calculator .profile-group .head .title.title-small {
    padding: 9px 5px;
}

.calculator .profile-group .head .col-xs-6,
.calculator .profile-group .head .col-xs-12 {
    padding   : 5px 10px;
    text-align: center;
    font-size : 14px;
}

.calculator .profile-group .body {
    text-align    : center;
    padding-bottom: 10px;
    padding-left  : 10px;
    padding-right : 10px;
}

.calculator .profile-group .body .row {
    margin-left : -5px;
    margin-right: -5px;
}

.calculator .profile-group .body .row .col-xs-6,
.calculator .profile-group .body .row .col-xs-12 {
    padding-left : 5px;
    padding-right: 5px;
}

.calculator .profile-group .body .profile-radio {
    display: none;
}

.calculator .profile-group .body .profile .title {
    font-weight: bold;
    padding    : 10px 0;
}

.calculator .profile-group .image {
    border       : 2px solid #c7ebff;
    border-radius: 3px;
    margin       : 2px 0;
}

.calculator .profile-group .image.optimal:before {
    content        : "";
    display        : block;
    position       : absolute;
    z-index        : 1;
    width          : 60px;
    height         : 60px;
    background     : url(/local/templates/exprof/img/calculator/icon-optimal2.png) no-repeat center center;
    background-size: contain;
}

.calculator .profile-group .image img {
    pointer-events: none;
}

.calculator .profile-group input[type=radio]:checked+label .image {
    border: 2px solid #1e8ecd;
    margin: 2px 0;
}

.calculator .btn-error {
    display        : none;
    color          : red !important;
    text-decoration: none !important;
}

.calculator .package-col {
    width     : 25%;
    float     : left;
    text-align: center;
}

.calculator .package-col.disabled {
    -webkit-filter: grayscale(100%);
    filter        : grayscale(100%);
}

.calculator .package-col .package {
    /*display: block;*/
    margin   : 0 5px;
}

.calculator .package-col .package img {
    pointer-events: none;
}

.calculator .package-col .package-radio {
    display: none;
}

.calculator .package-col .title {
    margin-bottom: 10px;
}

.calculator .package-col .image {
    border       : 2px solid #c7ebff;
    border-radius: 3px;
    cursor       : pointer;
}

.calculator .package-col.disabled .image {
    cursor: auto;
}

.calculator .package-col .image.optimal:before {
    content        : "";
    display        : block;
    position       : absolute;
    z-index        : 1;
    width          : 40px;
    height         : 40px;
    background     : url(/local/templates/exprof/img/calculator/icon-optimal2.png) no-repeat center center;
    background-size: contain;
}

.calculator .package-col input[type=radio]:checked+label .image {
    border: 2px solid #1e8ecd;
}

.calculator.calculator-lodg .row.row-profile {
    display: flex;
    justify-content: space-between;
}

.calculator.calculator-lodg .package-col {
    width: 25%;
}

.calculator.calculator-lodg .package-col .image {
    max-width: 99px;
}

.calculator .temp-line {
    height       : 10px;
    border-radius: 5px;
    clear        : both;
    margin       : 10px 5px 0px 5px;

    background: #88e1ff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #88e1ff 0%, #f69595 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #88e1ff 0%, #f69595 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #88e1ff 0%, #f69595 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88e1ff', endColorstr='#f69595', GradientType=1);
    /* IE6-9 */
}

.calculator .text-blue {
    color: #148ed5;
}

.calculator .well {
    background   : none;
    box-shadow   : none;
    border-radius: 0;
    border       : 1px solid #dbdbdb;
}

.calculator .config-well {
    padding: 10px;
}

.calculator .config-group {
    margin-left : -5px;
    margin-right: -5px;
}

.calculator .config-col {
    width     : 14.2857142857%;
    float     : left;
    text-align: center;
}

.calculator .config-col .config {
    display: block;
    margin : 0 5px;
    cursor : pointer;
}

.calculator .config-col .config-radio {
    display: none;
}

.calculator .config-col .image {
    border       : 2px solid #c7ebff;
    border-radius: 3px;
    padding      : 10px 0;
}

.calculator .config-col input[type=radio]:checked+label .image {
    border: 2px solid #1e8ecd;
}

.calculator .config-detail {
    margin-bottom: 20px;
    display      : none;
}

.calculator .config-title {
    font-size    : 20px;
    margin-bottom: 20px;
}

.calculator .handles-text {
    padding-bottom: 10px;
    font-size     : 16px;
}

.calculator .handles-text i {
    font-size     : 20px;
    margin-right  : 5px;
    vertical-align: text-bottom;
    color         : #249dd5;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .calculator .handles-text {
        font-size: 15px;
    }

    .calculator .handles-text i {
        font-size     : 17px;
        vertical-align: text-top;
    }
}

.calculator .config-detail .config-window {
    text-align   : center;
    position     : relative;
    margin-bottom: 20px;
    margin-left  : auto;
    margin-right : auto;
}

.calculator .config-detail .config-window img {
    width: 80%;
}

.calculator .config-detail .config-window .config-image {
    margin  : 50px;
    position: relative;
}

.calculator .config-detail .config-window .config-image img {
    width: 100%;
}

.calculator .config-detail .config-window .config-control-group {
    position: absolute;
}

.calculator .svg-moskit {
    position     : absolute;
    border       : 2px solid #1e8ecd;
    border-radius: 3px;
    top          : 0;
    left         : 0;
    right        : 0;
    bottom       : 0;
}

.calculator .step-five-sect .svg-moskit {
    bottom: 35%;
}

.calculator .svg-childlock {
    height           : 20px;
    position         : absolute;
    top              : 50%;
    margin-top       : -15px;
    /*left           : 0;
    right            : 0;
    bottom           : 0;
    background       : url(/local/templates/exprof/img/calculator/icon-lock2.png) center center;
    background-repeat: no-repeat;
    background-size  : 40px;*/
}

.calculator .step-five-sect .svg-childlock {
    top: 34%;
}

.calculator .svg-childlock:after {
    content    : "\f118";
    font-family: "FontAwesome";
    color      : #249dd5;
    font-size  : 18px;
}

.calculator .lock-left .svg-childlock {
    left: 10px;
}

.calculator .lock-right .svg-childlock {
    right: 10px;
}

.calculator .choose-control {
    margin-bottom: 20px;
    font-size    : 18px;
    display      : none;
}

.calculator .config-detail .dash-top,
.calculator .config-detail .dash-left,
.calculator .config-detail .dash-right {
    display : none;
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
}

.calculator .config-detail .dash-top svg,
.calculator .config-detail .dash-left svg,
.calculator .config-detail .dash-right svg {
    /*height: 100% !important;*/
}

.calculator .config-detail .dash-top.active,
.calculator .config-detail .dash-left.active,
.calculator .config-detail .dash-right.active {
    display: block;
}

.calculator .config-detail .input-wrap {
    position : absolute;
    left     : 0;
    top      : 0;
    transform: translateY(-50%) translateX(-50%);
    z-index  : 1;
}

.calculator .config-detail .input-wrap .input {
    width: 70px;
}

.calculator .config-detail .input-wrap .input-help {
    display    : inline-block;
    margin-left: 5px;
}

.calculator .handle {
    position : absolute;
    top      : 0;
    left     : 0;
    transform: translateY(-50%) translateX(-50%);
    width    : 55%;
}

.calculator .handle input {
    display: none;
}

.calculator .handle input+.icon {
    color: transparent;
}

.calculator .config-control-group .icon .glyphicon {
    cursor: pointer;
}

.calculator .handle input+.icon .glyphicon-triangle-left {
    background     : url(/local/templates/exprof/img/calculator/arrow_open_left.png) no-repeat center center;
    background-size: contain;
    padding-bottom : 50%;
    height         : 0;
    width          : 100%;
}

.calculator .handle input:checked+.icon .glyphicon-triangle-left {
    background-image: url(/local/templates/exprof/img/calculator/arrow_open_left_h.png);
}

.calculator .handle input+.icon .glyphicon-triangle-top {
    background     : url(/local/templates/exprof/img/calculator/arrow_open_top.png) no-repeat center center;
    background-size: contain;
    padding-bottom : 50%;
    height         : 0;
    width          : 100%;
}

.calculator .handle input:checked+.icon .glyphicon-triangle-top {
    background-image: url(/local/templates/exprof/img/calculator/arrow_open_top_h.png);
}

.calculator .handle input+.icon .glyphicon-triangle-right {
    background     : url(/local/templates/exprof/img/calculator/arrow_open_right.png) no-repeat center center;
    background-size: contain;
    padding-bottom : 50%;
    height         : 0;
    width          : 100%;
}

.calculator .handle input:checked+.icon .glyphicon-triangle-right {
    background-image: url(/local/templates/exprof/img/calculator/arrow_open_right_h.png);
}

.calculator .calc-block-title {
    padding   : 10px 15px 10px 30px;
    font-size : 16px;
    background: #ceeaf4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ceeaf4 0%, #ebf8fb 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ceeaf4 0%, #ebf8fb 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ceeaf4 0%, #ebf8fb 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ceeaf4', endColorstr='#ebf8fb', GradientType=0);
    /* IE6-9 */
}

.calculator .calc-block-title a {
    text-decoration: underline;
}

.calculator .calc-block-body {
    padding: 15px 0 25px 0;
}

.calculator .win-ref {
    background: #ceeaf4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ceeaf4 0%, #ebf8fb 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ceeaf4 0%, #ebf8fb 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ceeaf4 0%, #ebf8fb 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ceeaf4', endColorstr='#ebf8fb', GradientType=0);
    /* IE6-9 */
    padding  : 20px 25px;
    font-size: 16px;
}

.calculator .win-ref ul,
.calculator .win-ref ul li {
    padding   : 0;
    margin    : 0;
    list-style: none;
    font-size : 14px;
}

.calculator .win-ref ul li {
    margin-bottom: 5px;
}

.calculator .win-ref ul li:before {
    content: "- ";
}

.calculator .win-ref ul li a {
    text-decoration: underline;
}

.calculator .win-ref b {
    margin-bottom: 10px;
    display      : block;
}

.calculator .select-style {
    padding         : 3px 5px;
    margin          : 0;
    width           : 100%;
    border-radius   : 2px;
    overflow        : hidden;
    background      : url("/local/templates/exprof/img/calculator/i-arrow-down.png") no-repeat 95% 50%;
    background-color: #F3F9FC;
    border          : 1px solid #DFF0F6;
}

.calculator .select-style select {
    padding           : 5px 8px;
    width             : 100%;
    border            : none;
    box-shadow        : none;
    background-color  : transparent;
    background-image  : none;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
}

.calculator .select-style select:focus {
    outline: none;
}

.calculator .form-control.input-city {
    height : 42px;
    padding: 0 12px;
}

.calculator select::-ms-expand {
    display: none;
}

.calculator .form-control {
    padding         : 20px 12px;
    margin          : 0;
    width           : 100%;
    border-radius   : 2px;
    overflow        : hidden;
    background-color: #F3F9FC;
    border          : 1px solid #DFF0F6;
    box-shadow      : none;
}

.input-city-results {
    display: none;

    left            : 15px;
    right           : 15px;
    padding         : 10px 0px;
    position        : absolute;
    background-color: #fff;

    -webkit-box-shadow: 0 7px 15px -2px rgba(0, 0, 0, .3);
    -moz-box-shadow   : 0 7px 15px -2px rgba(0, 0, 0, .3);
    box-shadow        : 0 7px 15px -2px rgba(0, 0, 0, .3);
    -webkit-transition: .5s;
    -o-transition     : .5s;
    z-index           : 100;
}

.input-city-results p {
    padding: 10px 20px;
    margin : 0;
}

.input-city-results ul,
.input-city-results ul li {
    margin    : 0;
    padding   : 0;
    list-style: none;
}

.input-city-results ul li {
    padding: 10px 20px;
    cursor : pointer;
}

.input-city-results ul li:hover {
    background: #F3F9FC;
}

.calculator .circle-radio-box {
    margin       : 30px;
    height       : 150px;
    width        : 150px;
    border       : 1px solid #c2ced5;
    border-radius: 50%;
    position     : relative;
}

.calculator .circle-radio-box:after {
    content      : "";
    display      : block;
    position     : absolute;
    height       : 156px;
    width        : 156px;
    border       : 3px solid #c7d4db;
    border-radius: 50%;
    top          : -4px;
    left         : -4px;
}

.calculator .circle-radio-box:before {
    content      : "";
    display      : block;
    position     : absolute;
    height       : 205px;
    width        : 205px;
    border       : 25px solid #f7f8f9;
    border-radius: 50%;
    top          : -28px;
    left         : -28px;
}

.calculator .circle-radio-box .title {
    display       : table-cell;
    height        : 150px;
    width         : 150px;
    vertical-align: middle;
    text-align    : center;
    font-size     : 16px;
    padding       : 0 15px;
    background    : url(/local/templates/exprof/img/calculator/i-arrow-up.png) no-repeat center 21%;
}

.calculator .circle-radio-box * {
    -webkit-transition: all 0.5s ease;
    -moz-transition   : all 0.5s ease;
    -o-transition     : all 0.5s ease;
    transition        : all 0.5s ease;
}

.calculator .circle-radio-box .params {
    position: absolute;
    top     : 0;
    left    : 0;
    right   : 0;
    bottom  : 0;
    z-index : 1;
}


.calculator .circle-radio-box:hover {
    z-index: 50;
}

.calculator .circle-radio-box label:hover {
    z-index: 50;
}

.calculator .circle-radio-box .params.params2.param2-checked {
    transform: rotate(180deg);
}

.calculator .circle-radio-box .params.params2.param2-checked label {
    transform: rotate(-180deg);
}

.calculator .circle-radio-box .params.params3.param2-checked {
    transform: rotate(120deg);
}

.calculator .circle-radio-box .params.params3.param2-checked label {
    transform: rotate(-120deg);
}

.calculator .circle-radio-box .params.params3.param3-checked {
    transform: rotate(-120deg);
}

.calculator .circle-radio-box .params.params3.param3-checked label {
    transform: rotate(120deg);
}

.calculator .circle-radio-box .params.params4.param2-checked {
    transform: rotate(-90deg);
}

.calculator .circle-radio-box .params.params4.param2-checked label {
    transform: rotate(90deg);
}

.calculator .circle-radio-box .params.params4.param3-checked {
    transform: rotate(-180deg);
}

.calculator .circle-radio-box .params.params4.param3-checked label {
    transform: rotate(180deg);
}

.calculator .circle-radio-box .params.params4.param4-checked {
    transform: rotate(-270deg);
}

.calculator .circle-radio-box .params.params4.param4-checked label {
    transform: rotate(270deg);
}

.calculator .circle-radio-box .params label {
    position   : absolute;
    top        : 0;
    left       : 0;
    margin-left: -25px;
    margin-top : -25px;
}

.calculator .circle-radio-box .params.params2 label.param1 {
    top : 0;
    left: 50%;
}

.calculator .circle-radio-box .params.params2 label.param2 {
    top : 100%;
    left: 50%;
}

.calculator .circle-radio-box .params.params3 label.param1 {
    top : 0;
    left: 50%;
}

.calculator .circle-radio-box .params.params3 label.param2 {
    top : 75%;
    left: 7%;
}

.calculator .circle-radio-box .params.params3 label.param3 {
    top : 75%;
    left: 93%;
}

.calculator .circle-radio-box .params.params4 label.param1 {
    top : 0;
    left: 50%;
}

.calculator .circle-radio-box .params.params4 label.param2 {
    top : 50%;
    left: 100%;
}

.calculator .circle-radio-box .params.params4 label.param3 {
    top : 100%;
    left: 50%;
}

.calculator .circle-radio-box .params.params4 label.param4 {
    top : 50%;
    left: 0%;
}

.calculator .circle-radio-box .params label input {
    display: none;
}

.calculator .circle-radio-box .params label input+span {
    display         : block;
    width           : 50px;
    height          : 50px;
    border-radius   : 50%;
    background-color: white;
    box-shadow      : 0 4px 20px rgba(0, 0, 0, 0.3);
    font-size       : 0;

    background-repeat  : no-repeat;
    background-position: center center;
    cursor             : pointer;
}

.calculator .circle-radio-box .params label input:checked+span {
    background-color: #2299d3;
    box-shadow      : 0 4px 20px rgba(34, 153, 212, 0.35);
}

.calculator .circle-radio-box #prop1.params label.param1 input+span {
    background-image: url(/local/templates/exprof/img/calculator/prop1-param1.png);
}

.calculator .circle-radio-box #prop1.params label.param1 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop1-param1-hover.png);
}

.calculator .circle-radio-box #prop1.params label.param2 input+span {
    background-image: url(/local/templates/exprof/img/calculator/prop1-param3.png);
}

.calculator .circle-radio-box #prop1.params label.param2 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop1-param3-hover.png);
}

.calculator .circle-radio-box #prop1.params label.param3 input+span {
    background-image: url(/local/templates/exprof/img/calculator/prop1-param2.png);
}

.calculator .circle-radio-box #prop1.params label.param3 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop1-param2-hover.png);
}

.calculator .circle-radio-box #prop2.params label.param2 input+span {
    background-image   : url(/local/templates/exprof/img/calculator/prop2-param3.png);
    background-position: center 40%;
}

.calculator .circle-radio-box #prop2.params label.param2 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop2-param3-hover.png);
}

.calculator .circle-radio-box #prop2.params label.param3 input+span {
    background-image   : url(/local/templates/exprof/img/calculator/prop2-param1.png);
    background-position: center 40%;
}

.calculator .circle-radio-box #prop2.params label.param3 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop2-param1-hover.png);
}

.calculator .circle-radio-box #prop2.params label.param1 input+span {
    background-image   : url(/local/templates/exprof/img/calculator/prop2-param2.png);
    background-position: center 40%;
}

.calculator .circle-radio-box #prop2.params label.param1 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop2-param2-hover.png);
}


.calculator .circle-radio-box #prop3.params label.param3 input+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param4.png);
}

.calculator .circle-radio-box #prop3.params label.param3 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param4-hover.png);
}

.calculator .circle-radio-box #prop3.params label.param4 input+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param3.png);
}

.calculator .circle-radio-box #prop3.params label.param4 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param3-hover.png);
}

.calculator .circle-radio-box #prop3.params label.param1 input+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param2.png);
}

.calculator .circle-radio-box #prop3.params label.param1 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param2-hover.png);
}

.calculator .circle-radio-box #prop3.params label.param2 input+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param1.png);
}

.calculator .circle-radio-box #prop3.params label.param2 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param1-hover.png);
}

.calculator.calculator_lodg .circle-radio-box #prop3.params label.param1 input+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param4.png);
}

.calculator.calculator_lodg .circle-radio-box #prop3.params label.param1 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param4-hover.png);
}

.calculator.calculator_lodg .circle-radio-box #prop3.params label.param2 input+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param3.png);
}

.calculator.calculator_lodg .circle-radio-box #prop3.params label.param2 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param3-hover.png);
}

.calculator.calculator_lodg .circle-radio-box #prop3.params label.param3 input+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param2.png);
}

.calculator.calculator_lodg .circle-radio-box #prop3.params label.param3 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param2-hover.png);
}

.calculator.calculator_lodg .circle-radio-box #prop3.params label.param4 input+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param1.png);
}

.calculator.calculator_lodg .circle-radio-box #prop3.params label.param4 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop3-param1-hover.png);
}

.calculator.calculator_lodg .circle-radio-box #prop1.params label.param1 input+span {
    background-image: url(/local/templates/exprof/img/calculator/window.png);
}

.calculator.calculator_lodg .circle-radio-box #prop1.params label.param2 input+span {
    background-image: url(/local/templates/exprof/img/calculator/prop1-param2.png);
}

.calculator.calculator_lodg .circle-radio-box #prop2.params label.param3 input+span {
    background-image: url(/local/templates/exprof/img/calculator/batt.png);
}

.calculator.calculator_lodg .circle-radio-box #prop1.params label.param1 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/window-hover.png);
}

.calculator.calculator_lodg .circle-radio-box #prop1.params label.param2 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/prop1-param2-hover.png);
}

.calculator.calculator_lodg .circle-radio-box #prop2.params label.param3 input:checked+span {
    background-image: url(/local/templates/exprof/img/calculator/batt-hover.png);
}

/* FIX */
.calculator.calculator_lodg .circle-radio-box #prop2.params label.param1 input+span {
    background-image   : url(/local/templates/exprof/img/calculator/prop2-param1.png);
    background-position: center;
}

.calculator.calculator_lodg .circle-radio-box #prop2.params label.param1 input:checked+span {
    background-image   : url(/local/templates/exprof/img/calculator/prop2-param1-hover.png);
    background-position: center;
}

.calculator.calculator_lodg .circle-radio-box #prop2.params label.param2 input+span {
    background-image   : url(/local/templates/exprof/img/calculator/batt.png);
    background-position: center;
}

.calculator.calculator_lodg .circle-radio-box #prop2.params label.param2 input:checked+span {
    background-image   : url(/local/templates/exprof/img/calculator/batt-hover.png);
    background-position: center;
}

/* FIX__END */


.calculator .circle-radio-box .params label font {
    position       : absolute;
    /* 	white-space: nowrap; */
    background: linear-gradient(to bottom, #ceeaf4 0%, #ebf8fb 100%);
    color: #4c4c4c;
    font-weight    : normal;
    bottom         : 50%;
    left           : 90%;
    opacity        : 0;
    visibility     : hidden;
    z-index        : 9999;
    width          : 150px;
    border-radius: 10px;
    box-shadow: 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    padding: 10px 15px;
}

.calculator .circle-radio-box .params label:hover font {
    opacity   : 1;
    visibility: visible;
}

.calculator .circle-radio-box .params label font:before {
    content   : "";
    display   : block;
    position  : absolute;
    height    : 3px;
    background: rgba(0, 0, 0, 0.07);
    left      : 0;
    right     : 0;
    bottom    : -3px;
}

.calculator .circle-radio-box .params label font:after {
    content    : "";
    display    : block;
    position   : absolute;
    height     : 5px;
    width      : 5px;
    border     : 5px solid transparent;
    border-left: 5px solid #cdedf8;
    left       : 0;
    margin-top : -5px;
}

.calculator-start .btn,
.calculator .btn {
    border-radius: 22px;
    padding      : 7px 35px;
    font-size    : 16px;
}

.calculator .btn+.btn {
    margin-left: 10px;
}

.calculator-start .btn.btn-info,
.calculator .btn.btn-info {
    background: #249dd5;
    border    : 2px solid #249dd5;
}

.calculator .btn.btn-default {
    border: 2px solid #1f90ce;
}

.calculator .profile-params {
    margin-bottom: 20px;
}

.calculator .profile-params .row {
    margin-left : 0;
    margin-right: 0;
}

.calculator .profile-params .row .col-sm-6 {
    padding-left : 0;
    padding-right: 0;
}

.calculator .profile-params .params-title {
    font-size    : 16px;
    margin-bottom: 15px;
}

.calculator .profile-params .profile-image {
    position      : absolute;
    top           : 0;
    bottom        : 0;
    background    : white;
    width         : 160px;
    line-height   : 217px;
    border        : 1px solid #dbdbdb;
    text-align    : center;
    display       : table-cell;
    vertical-align: middle;
}

.calculator .profile-params .profile-desc {
    margin-left: 160px;
    background : #c1e8ff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c1e8ff 0%, #f3fbff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c1e8ff 0%, #f3fbff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c1e8ff 0%, #f3fbff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1e8ff', endColorstr='#f3fbff', GradientType=0);
    /* IE6-9 */
}

.calculator .profile-params .profile-sect-icon {
    position     : absolute;
    width        : 40px;
    height       : 40px;
    border-radius: 50%;
    line-height  : 36px;
    box-shadow   : 0 1px 3px rgba(0, 0, 0, 0.3);
    top          : 12px;
    right        : 20px;
    background   : white;
    text-align   : center;
}

.calculator .profile-params .profile-desc-title {
    font-size  : 16px;
    font-weight: bold;
    padding    : 15px 20px 20px 20px;
}

.calculator .profile-params .profile-desc-info {
    padding      : 0 20px 20px 20px;
    border-bottom: 1px solid #dbdbdb;
    line-height  : 15px;
    min-height   : 123px;
}

.calculator .profile-params .profile-desc-color {
    padding    : 10px 20px;
    font-weight: bold;
    font-size  : 16px;
}

.calculator .profile-params .profile-desc-color input,
.calculator .profile-params .profile-desc-color label {
    cursor: pointer;
}

.calculator .profile-params .profile-desc-color label input {
    display: none;
}

.calculator .profile-params .profile-desc-color label input+span {
    font-size     : 0;
    display       : inline-block;
    width         : 18px;
    height        : 18px;
    vertical-align: top;
    margin-top    : 2px;
    box-shadow    : 0 1px 3px rgba(0, 0, 0, .3);
}

.calculator .profile-params .profile-desc-color label.color1 input+span {
    background: white;
    color     : white;
}

.calculator .profile-params .profile-desc-color label.color2 input+span {
    background     : #988674;
    background     : url(/local/templates/exprof/img/calculator/color_ral.png) no-repeat center center;
    background-size: cover;
    color          : #988674;
}

.calculator .profile-params .profile-desc-color label.color3 input+span {
    background     : #736256;
    background     : url(/local/templates/exprof/img/calculator/color_wood.png) no-repeat center center;
    background-size: cover;
    color          : #736256;
}

.calculator .profile-params .profile-desc-color label.color4 input+span {
    background: #534741;
    color     : #534741;
}

.calculator .profile-params .profile-desc-color label.color5 input+span {
    background: #362f2d;
    color     : #362f2d;
}

.calculator .profile-params .profile-desc-color label input:checked+span {
    border: 2px inset #1e8ecd;
}

.calculator .ral-color {
    height    : 40px;
    background: #efefef;
    cursor    : pointer;
}

.calculator .ral-title {
    text-align: center;
}

.calculator .profile-acc {
    padding   : 15px;
    background: #e7f6ff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e7f6ff 0%, #f9fdff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e7f6ff 0%, #f9fdff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e7f6ff 0%, #f9fdff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7f6ff', endColorstr='#f9fdff', GradientType=0);
    /* IE6-9 */
    overflow: hidden;
}

.calculator .profile-acc .profile-circle {
    float       : left;
    margin-right: 15px;
}

.calculator .profile-acc .profile-btn {
    display           : block;
    margin-bottom     : 10px;
    padding           : 5px 10px;
    text-align        : center;
    box-shadow        : 0 1px 3px rgba(0, 0, 0, 0.3);
    background        : white;
    border-radius     : 2px;
    position          : relative;
    -webkit-transition: 0s;
    -o-transition     : 0s;
    transition        : 0s;
}

.calculator .profile-acc .profile-btn-group {
    margin-left: 216px;
}

.calculator .profile-acc .profile-btn.profile-btn-active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    background: #c8dde9;
}

.calculator .package-btn-group label[data-toggle="tooltip"] input:checked+span {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    background: #c8dde9;
}

.calculator .profile-acc .profile-btn.profile-btn-sec-0:before,
.calculator .profile-acc .profile-btn.profile-btn-sec-1:before,
.calculator .profile-acc .profile-btn.profile-btn-sec-2:before,
.calculator .profile-acc .profile-btn.profile-btn-sec-3:before {
    content      : "";
    display      : block;
    position     : absolute;
    left         : 5px;
    right        : 0;
    width        : 6px;
    height       : 6px;
    background   : gray;
    border-radius: 50%;
}

.calculator .profile-acc .profile-btn.profile-btn-sec-0:before {
    background: #f93912;
}

.calculator .profile-acc .profile-btn.profile-btn-sec-1:before {
    background: #efe61b;
}

.calculator .profile-acc .profile-btn.profile-btn-sec-2:before {
    background: #79e722;
}

.calculator .profile-acc .profile-btn.profile-btn-sec-3:before {
    background: #04c217;
}

.calculator .profile-acc .profile-triangle-wrap {
    position : absolute;
    top      : 38px;
    left     : 40px;
    width    : 150px;
    height   : 150px;
    transform: rotate(0deg);

    -webkit-transition: all 0.5s ease;
    -moz-transition   : all 0.5s ease;
    -o-transition     : all 0.5s ease;
    transition        : all 0.5s ease;

    transform: rotate(-120deg);
}

.calculator .profile-acc .profile-triangle {
    border-radius: 2px;
    width        : 0;
    height       : 0;
    border-left  : 3px solid transparent;
    border-right : 3px solid transparent;
    border-bottom: 75px solid #575b5d;
    position     : absolute;
    left         : 50%;
    top          : 0;
    opacity      : 0.9;
    transform    : translateX(-50%);
}

.calculator .profile-acc .profile-triangle-wrap.position0 {
    transform: rotate(-120deg);
}

.calculator .package-acc {
    margin: 0 0 20px 0;
    border: 1px solid #dbdbdb;
}

.calculator .package-acc .col-sm-4,
.calculator .package-acc .col-sm-8 {
    padding: 0;
}

.calculator .package-acc .col-sm-4 {
    width: 30%;
}

.calculator .package-acc .col-sm-8 {
    width: 70%;
}

.calculator .package-btn-group {
    padding   : 20px 50px 20px 20px;
    background: #e7f6ff;
    background: -moz-linear-gradient(top, #e7f6ff 0%, #f9fdff 100%);
    background: -webkit-linear-gradient(top, #e7f6ff 0%, #f9fdff 100%);
    background: linear-gradient(to bottom, #e7f6ff 0%, #f9fdff 100%);
    filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7f6ff', endColorstr='#f9fdff', GradientType=0);
    overflow  : hidden;
}

.calculator .package-btn-group label {
    display      : block;
    margin-bottom: 25px;
    cursor       : pointer;
}

.calculator .package-btn-group label+label {}

.calculator .package-btn-group label input {
    display: none;
}

.calculator .package-btn-group label input+span {
    display      : block;
    padding      : 7px 10px;
    text-align   : left;
    box-shadow   : 0 1px 3px rgba(0, 0, 0, 0.3);
    background   : white;
    border-radius: 2px;
    position     : relative;
    font-size    : 16px;
    font-weight  : normal;
    line-height  : 18px;
}

.calculator .package-btn-group label input+span.disabled {
    filter : grayscale(100%);
    opacity: 0.6;
    cursor : default;
}

.calculator-lodg.package-btn-group label input:checked+span {
    color     : white;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    background: #2195d1;
}

.calculator .package-btn-group label input+span.optimal:after {
    content        : "";
    display        : block;
    position       : absolute;
    z-index        : 1;
    width          : 40px;
    height         : 40px;
    background     : url(/local/templates/exprof/img/calculator/icon-optimal2.png) no-repeat center center;
    background-size: contain;
    right          : -45px;
    top            : -3px;
}

.calculator .package-col-group {
    padding: 17px 20px 20px 20px;
}

.calculator .ui-widget.ui-widget-content.ui-slider-horizontal {
    border       : 2px solid #ceeaf4;
    border-top   : none;
    border-radius: 0;
}

.calculator .ui-widget.ui-widget-content.ui-slider-horizontal .ui-slider-handle {
    width        : 8px;
    height       : 10px;
    position     : absolute;
    border       : 1px solid #a0bacc;
    background   : white;
    border-radius: 0;
    margin-top   : 6px;
    margin-left  : -4px;
    border-top   : 0;
    box-shadow   : 0px 1px 2px rgba(0, 0, 0, 0.3);
    cursor       : pointer;
}

.calculator .ui-widget.ui-widget-content.ui-slider-horizontal .ui-slider-handle:before {
    content      : "";
    height       : 0;
    width        : 0;
    position     : absolute;
    left         : -1px;
    top          : -2px;
    border-bottom: 2px solid #a0bacc;
    border-left  : 4px solid transparent;
    border-right : 4px solid transparent;

}

.calculator .ui-widget.ui-widget-content.ui-slider-horizontal .ui-slider-handle:after {
    content      : "";
    height       : 0;
    width        : 0;
    position     : absolute;
    left         : -1px;
    top          : -1px;
    border-bottom: 2px solid white;
    border-left  : 4px solid transparent;
    border-right : 4px solid transparent;
}

.calculator .ui-widget.ui-widget-content.ui-slider-horizontal input {
    position          : absolute;
    top               : -20px;
    left              : 50%;
    width             : 50px;
    display           : inline-block;
    padding           : 0;
    text-align        : center;
    font-size         : 12px;
    margin-left       : -25px;
    background        : white;
    -webkit-transition: none;
    -moz-transition   : none;
    -o-transition     : none;
    transition        : none;
}

.calculator .ui-slider-horizontal {
    height: .7em;
}

.calculator .ui-slider-vertical {
    height: auto;
    width : .7em;
}

.calculator .ui-widget.ui-widget-content.ui-slider-vertical {
    border       : 2px solid #ceeaf4;
    border-left  : none;
    border-radius: 0;
}

.calculator .ui-widget.ui-widget-content.ui-slider-vertical.ui-slider-vertical-right {
    border      : 2px solid #ceeaf4;
    border-right: none;
}

.calculator .ui-widget.ui-widget-content.ui-slider-vertical input {
    position          : absolute;
    top               : 50%;
    /* left           : -12px; */
    left              : -16px;
    width             : 50px;
    display           : inline-block;
    padding           : 0;
    text-align        : center;
    font-size         : 12px;
    margin-left       : -25px;
    background        : white;
    -webkit-transition: none;
    -moz-transition   : none;
    -o-transition     : none;
    transition        : none;

    transform: rotate(-90deg);
}

.calculator .ui-widget.ui-widget-content.ui-slider-vertical.ui-slider-vertical-right input {
    left     : auto;
    right    : -35px;
    transform: rotate(90deg);
}

.calculator .ui-widget.ui-widget-content.ui-slider-vertical .ui-slider-handle {
    width        : 10px;
    height       : 8px;
    position     : absolute;
    border       : 1px solid #a0bacc;
    border-left  : 0;
    background   : white;
    border-radius: 0;
    margin-left  : 6px;
    margin-bottom: -4px;
    box-shadow   : 0px 1px 2px rgba(0, 0, 0, 0.3);
    cursor       : pointer;
}

.calculator .ui-widget.ui-widget-content.ui-slider-vertical.ui-slider-vertical-right .ui-slider-handle {
    border      : 1px solid #a0bacc;
    border-right: 0;
    margin-left : 0px;
}

.calculator .ui-widget.ui-widget-content.ui-slider-vertical .ui-slider-handle:before {
    content      : "";
    height       : 0;
    width        : 0;
    position     : absolute;
    left         : -2px;
    top          : -1px;
    border-right : 2px solid #a0bacc;
    border-top   : 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.calculator .ui-widget.ui-widget-content.ui-slider-vertical.ui-slider-vertical-right .ui-slider-handle:before {
    position     : absolute;
    left         : auto;
    top          : -1px;
    right        : -2px;
    border-right : 0;
    border-left  : 2px solid #a0bacc;
    border-top   : 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.calculator .ui-widget.ui-widget-content.ui-slider-vertical .ui-slider-handle:after {
    content      : "";
    height       : 0;
    width        : 0;
    position     : absolute;
    left         : -1px;
    top          : -1px;
    border-right : 2px solid white;
    border-top   : 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.calculator .ui-widget.ui-widget-content.ui-slider-vertical.ui-slider-vertical-right .ui-slider-handle:after {
    position     : absolute;
    left         : auto;
    top          : -1px;
    right        : -1px;
    border-right : 0;
    border-left  : 2px solid white;
    border-top   : 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.calculator .accessories {}

.accessories-lodg .row.row10 .accessories__row .bg-blue {
    height: 100%;
}

.accessories-lodg .row.row10 .accessories__row {
    display: flex;
}

.accessories-lodg .row.row10 {
    display: flex;
    flex-direction: column;
}

.calculator .accessories .bg-blue {
    padding      : 20px;
    background   : #c1e8ff;
    background   : -moz-linear-gradient(top, #c1e8ff 0%, #f3fbff 100%);
    background   : -webkit-linear-gradient(top, #c1e8ff 0%, #f3fbff 100%);
    background   : linear-gradient(to bottom, #c1e8ff 0%, #f3fbff 100%);
    filter       : progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1e8ff', endColorstr='#f3fbff', GradientType=0);
    margin-bottom: 10px;
}

.calculator .accessories .row10 {
    margin-left : -5px;
    margin-right: -5px;
}

.calculator .accessories .col10 {
    padding-left : 5px;
    padding-right: 5px;
}

.calculator .accessories label {
    font-weight: normal;
}

.calculator .accessories label input:checked+span {
    font-weight: bold;
}

.calculator .accessories b {
    font-size: 15px;
}

.calculator .accessories .input-count {
    position: relative;
    width   : 100px;
}

.calculator .accessories .input-count input {
    width        : 100%;
    border-radius: 2px;
    border       : 1px solid #d3ecf5;
    text-align   : center;
    padding      : 5px;
}

.calculator .accessories .input-count .count-minus {
    position : absolute;
    left     : 10px;
    top      : 0;
    font-size: 24px;
    color    : #c3cfd6;
}

.calculator .accessories .input-count .count-plus {
    position : absolute;
    right    : 10px;
    top      : 0;
    font-size: 24px;
    color    : #c3cfd6;
}

.calculator .accessories .config-window {
    padding      : 60px;
    text-align   : center;
    margin-bottom: 20px;
    position     : relative;
}

.calculator .accessories .cg svg {
    position: absolute;
    left    : 0;
    top     : 0;
}

.calculator .accessories .config-window {
    text-align: center;
}

.calculator .accessories .btn {
    white-space: normal;
}

.calculator .cart-sub-title {
    font-size: 22px;
}

.cart-top-block {}

.cart-top-block-link {
    color      : #249dd5;
    margin-left: 30px;
}

@media (max-width: 767px) {
    .cart-top-block-link {
        display   : block;
        margin-top: 5px;
    }
}

.calculator .cart-title {
    font-size    : 26px;
    margin-bottom: 20px;
}

.calculator .cart-item {
    border       : 1px solid #dbdbdb;
    min-height   : 100px;
    margin-bottom: 20px;
}

.calculator .cart-item .item-image {
    width      : 110px;
    text-align : center;
    line-height: 100px;
    float      : left;
}

.calculator .cart-item .item-desc {
    padding: 15px 0;
}

.calculator .cart-item .item-desc b {
    display  : block;
    font-size: 16px;
}

.calculator .cart-item .item-count {
    float     : right;
    background: #ddf0f7;
    padding   : 40px 20px;
    position  : relative;
    width     : 150px;
}

.calculator .cart-item .item-count input {
    font-size  : 16px;
    text-align : center;
    width      : 100%;
    font-weight: bold;
    border     : none;
    background : none;
}

.calculator .cart-item .item-count .count-minus {
    position     : absolute;
    display      : block;
    width        : 22px;
    height       : 22px;
    text-align   : center;
    line-height  : 22px;
    left         : 20px;
    top          : 50%;
    margin-top   : -11px;
    font-size    : 24px;
    color        : #1e8fcd;
    background   : white;
    box-shadow   : 0 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

.calculator .cart-item .item-count .count-plus {
    position     : absolute;
    display      : block;
    width        : 22px;
    height       : 22px;
    text-align   : center;
    line-height  : 22px;
    right        : 20px;
    top          : 50%;
    margin-top   : -11px;
    font-size    : 24px;
    color        : #1e8fcd;
    background   : white;
    box-shadow   : 0 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

.calculator .cart-item .item-delete {
    float  : right;
    padding: 40px 20px;
}

.calculator .cart-item .item-delete a {
    color: red;
}

.calculator .cart-item .item-delete a span {
    margin-left    : 7px;
    text-decoration: underline;
}

.calculator.cart .btn .glyphicon {
    font-size: 80%;
}

.calculator.cart .btn.btn-default .glyphicon {
    color: #1f90ce;
}

.calculator .cart-map {
    /*margin-top: 30px;*/
}

.calculator .office-tab-content {
    display: none;
}

.calculator .office-tab-content.active {
    display: block;
}

.calculator .cart-office-block {
    border: 1px solid #d0ebf5;
}

.calculator .cart-office-block .block-title {
    background: #d0ebf5;
    padding   : 15px 20px;
    font-size : 18px;
}

.calculator .offices-block-title {
    background: #d0ebf5;
    padding   : 15px 20px;
    font-size : 18px;
}

.office-tabs {
    font-size: 0;
}

.office-tabs-tab {
    display      : inline-block;
    background   : #249dd5;
    color        : #fff;
    padding      : 15px 20px;
    font-size    : 18px;
    border-radius: 22px 22px 0 0;
    cursor       : pointer;
}

.office-tabs-tab i {
    margin-right  : 7px;
    font-size     : 20px;
    vertical-align: top;
}

.office-tabs-tab.active {
    background: #d0ebf5;
    color     : #4c4c4c;
    cursor    : default;
}

@media (max-width: 767px) {
    .office-tabs-tab {
        padding   : 10px 10px;
        font-size : 12px;
        width     : 50%;
        text-align: center;
    }

    .office-tabs-tab i {
        margin-right: 1px;
        font-size   : 12px;
    }
}

.calculator .cart-office-block .block-body {
    padding: 15px 20px 0 20px;
}

.calculator .cart-office-block .block-body .city-title {
    font-weight  : bold;
    font-size    : 16px;
    margin-bottom: 8px;
}

.calculator .cart-office-block .block-body .city-title:before {
    content      : "";
    display      : inline-block;
    width        : 5px;
    height       : 5px;
    border-radius: 50%;
    background   : #368fc4;
    margin       : 4px 10px 4px 4px;
}

.calculator .cart-office-block .block-body .office {
    padding-left : 20px;
    position     : relative;
    font-size    : 15px;
    margin-bottom: 20px;
}

.calculator .cart-office-block .block-body .office input {
    position: absolute;
    left    : 0;
    top     : 0;
}

.calculator .cart-office-block .block-body .office .office-title {
    color      : #368fc4;
    font-weight: bold;
}

.calculator .cart-office-block .block-body .office .office-title,
.calculator .cart-office-block .block-body .office .office-address,
.calculator .cart-office-block .block-body .office .office-phone {
    margin-bottom: 10px;
}

/* FiX ignatov391 */
.col-sm-3-my.col-sm-3-my-padding {
    width: 54px;
}

.col-sm-3-my.col-sm-3-my-padding-05 {}

.col-sm-3-my {
    float     : left;
    width     : 108px;
    min-height: 1px;
}

.office-none {
    opacity  : 0;
    color    : red;
    font-size: 12px;
}

.office-none-map {
    color: #948b8b;
}

.office-none-map-active {
    color: red;
}

.calculator .item-image_wrap {
    width   : 130px;
    height  : 100px;
    position: relative;
    display : block;
    float   : left;
    margin  : 0 5px;
}

.calculator .item-image_wrap .item-image {
    position   : absolute;
    transform  : translate(-50%, -50%);
    left       : 50%;
    top        : 50%;
    float      : none;
    line-height: inherit;
}

.item-image_wrap .item-image img {
    width : 100%;
    height: 100%;
}

.calculator .item-desc-img{
    width: 130px;
}

.sec-wrap {
    position: absolute;
}

.sec-wrap svg {
    position: absolute;
    top     : 0;
    left    : 0;
}

.calculator .svg-childlock {
    height    : 9px;
    margin-top: -11px;
}

.calculator .svg-childlock:after {
    font-size: 9px;
}

.moskit {
    position: absolute;
    width   : 100%;
    height  : 100%;
    border  : 1px solid #ff4a4a;
}

.calculator .cart-item .item-delete {
    padding: 34px 20px;
}

.calculator .cart-item a.item-edit {
    color: #7ec639;
}

.calculator .cart-item a.item-edit svg {
    width: 14px;
}

.calculator .cart-item a span.item-delete-ico {
    font-weight : 1000;
    margin      : 0;
    margin-right: 4px;
}

/* Wrap cart in flex */

.calculator .cart-item{display: flex;}
.calculator .cart-item .item-image_wrap{order:1;}
.calculator .cart-item .item-desc{order:2;width: 780px; display: flex;}
.calculator .cart-item .item-count{order:3;}
.calculator .cart-item .item-delete{order:4;width: 220px;}
@media (max-width: 767px){
    .calculator .cart-item .item-desc{
        width:100%;
    }    
}



.item-delete svg {
    height: 13px;
}

.captcha-link.reloadCaptcha {
    color          : red;
    text-decoration: underline;
}

/* FiX ignatov391 __END */


main .print * {
    box-sizing: content-box;
}

@media print {

    html .cart .btn,
    html .cart-map,
    html .main-menu,
    html .partners-link,
    html #header-search {
        display: none;
    }

    .cart-office-block .block-city,
    .cart-office-block .office {
        display: none;
    }

    /*.d-b {
        display: block !important;
    }*/

}

@media print {

    header,
    footer,
    main .calculator.cart,
    main h1 {
        display: none;
    }

    main .print {
        display: block;
        /*size : a4;*/
    }

    main .print * {
        box-sizing: content-box;
    }
}

@media (max-width: 991px) {
    .calculator .accessories .btn {
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) {
    /*для телефонов*/

    /* FiX ignatov391 */
    .col-sm-3-my-wrap {
        display   : block;
        text-align: center;
    }

    .col-sm-3-my.col-sm-3-my-padding,
    .col-sm-3-my.col-sm-3-my-padding-05 {
        display: none;
    }

    .col-sm-3-my {
        float  : none;
        display: inline-block;
    }

    .calculator .profile-params {
        padding-top: 15px;
        border     : 2px solid #1e8ecd;
    }

    /* .calculator .ui-slider-horizontal{
        height: 1em;
    }
    .calculator .ui-slider-vertical{
        height: auto;
        width : 1em;
    } */

    /* .calculator .profile-params .params-title {
        border        : 2px solid #1e8ecd;
        border-bottom : 0;
        padding-top   : 15px;
        padding-bottom: 15px;
        margin-bottom : 0;
    }

    html .calculator .profile-params .profile-image {
        border    : 2px solid #1e8ecd;
        border-top: 1px solid #dbdbdb;
    } */

    html .calculator .profile-params .profile-image {
        width     : 100%;
        text-align: center;
    }

    .calculator .profile-params img {
        max-width : 75%;
        max-height: none;
    }

    /* FiX ignatov391 __END */


    html .btn {
        white-space  : normal;
        margin-bottom: 15px;
        width        : 100%;
    }

    html .calculator .btn+.btn {
        margin-left: 0;
    }

    html .win-ref,
    html .steps {
        display: none;
    }

    html .calculator .calc-form-group {
        margin-bottom: 15px;
    }

    html .calculator .circle-radio-box {
        margin: 30px auto 90px auto;
    }

    html .calculator .circle-radio-box .params label font {
        /*display : none;*/
        display   : table;
        width     : 100px;
        text-align: center;
    }

    html .calculator .calc-radio {
        display: block;
    }

    html #modalAero .modal-dialog {
        width: auto;
    }

    html .calculator .profile-params .profile-image {
        position: static;
        width   : auto;
    }

    html .calculator .profile-params .profile-desc {
        margin-left: 0;
    }

    html .calculator .profile-acc .profile-circle {
        float        : none;
        margin-bottom: 15px;
    }

    html .calculator .profile-acc .profile-btn-group {
        margin-left: 0;
    }

    html .calculator .package-acc .col-sm-4,
    html .calculator .package-acc .col-sm-8 {
        width: 100%;
    }

    html .calculator .package-btn-group {
        padding: 20px;
    }

    html .calculator .config-col {
        width        : 32.33333%;
        margin-bottom: 10px;
        display      : inline-block;
    }

    html .calculator .cart-item .item-image {
        width: auto;
        float: none;
    }

    html .calculator .cart-item .item-delete {
        background: #f1f1f1;
    }

    html .calculator .cart-item .item-delete,
    html .calculator .cart-item .item-count {
        padding    : 10px;
        width      : 50%;
        height     : 45px;
        line-height: 25px;
    }

    html .calculator .cart-item .item-count:after {
        content: "";
        clear  : both;
        display: block;
    }

    html .calculator .cart-item .item-desc {
        padding   : 10px;
        margin-top: 40px;
    }

    .calculator .cart-item{display: block;}
}

@media (max-width: 480px) {
    .calculator .package-col .package {
        position  : relative;
        margin-top: 30px;
    }

    .calculator .package-col .title {
        margin  : 0;
        position: absolute;
        top     : -40px;
        left    : 0;
        right   : 0;
    }
}

@media (max-width: 375px) {
    .calculator .title.two-lines .part {
        position: static !important;
    }

    .calculator .package-col .package {
        position  : relative;
        margin-top: 80px;
    }

    /* .calculator .title {
        height: 50px;
        top   : -40px !important;
    } */

    .calculator .title.two-lines {
        height: 80px !important;
        /* top   : -80px !important; */
    }
}

/* 					 */
/* ЗАСТЕКЛИТЬ ЛОДЖИЮ */
/* 					 */
.top-margin-20 {
    margin-top: 20px;
}

/* 					 */
/* STEP 2			 */
/* 					 */

.window-btn-group {
    display        : inline-block;
    border-right   : 1px solid #C4E5F4;
    height         : 100%;
    padding        : 0 35px;
    vertical-align: top;
}
.window-btn-group:first-child {
    padding-left: 0;
}
.btn.btn-icon {
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #2299d3;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04),
    0px 2px 6px rgba(34, 153, 211, 0.12),
    0px 10px 20px rgba(34, 153, 211, 0.18);
    background-size: cover;

    border-radius: 100%;
    width: 50px;
    height: 50px;

    display: inline-block;
    margin-left: 4px;
}

.btn.btn-icon:last-child {
    margin-left: 4px;
}

.window-btn-group_desc {
    text-align: center;
    font-size: 16px;
    line-height: 1.3;
	cursor: help;
}

.window-btn-wrap {
    margin-bottom: 25px;
}

.window-btn-group_wrap {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.window-btn-group_wrap .window-btn {
    margin: 0;
    float: none;
    display: inline-block;
}

.calculator .window-conf-wrap .ui-slider-vertical {
    margin-top: 25px;
}

.btn.btn-icon#window-btn-height {
    background-image: url('/local/templates/exprof/img/calculator/step2/btns-1/icon-height.png');
}

.btn.btn-icon#window-btn-sec-add {
    background-image: url('/local/templates/exprof/img/calculator/step2/btns-1/icon-sec-add.png');
}

.btn.btn-icon#window-btn-width {
    background-image: url('/local/templates/exprof/img/calculator/step2/btns-1/icon-width.png');
}

.btn.btn-icon#window-btn-add {
    background-image: url('/local/templates/exprof/img/calculator/step2/btns-1/icon-block-add.png');
}

.btn.btn-icon#window-btn-del {
    background-image: url('/local/templates/exprof/img/calculator/step2/btns-1/icon-block-del.png');
}

.btn.btn-icon#window-btn-rotate {
    background-image: url('/local/templates/exprof/img/calculator/step2/btns-1/icon-rotate.png');
}

.btn.btn-icon#window-btn-sec-del {
    background-image: url('/local/templates/exprof/img/calculator/step2/btns-1/icon-sec-del.png');
}

.calculator-lodg-step2.calculator .window-conf-wrap {
    padding-left: 0;
}

.calculator-lodg-step2.calculator .line-height-wrap {
    display: none;
}

.calculator-lodg-step2.calculator .line-height-wrap_ {
    position: relative;
    text-align: left;
    float: left;
    margin-top: 25px;
    width: 44px;
}

.calculator .line-height-wrap_ {
    height: 151px;
}

.calculator .window-items-long .line-height-wrap_ {
    height: 260px;
}

.calculator-lodg-step2.calculator .line-height-input-wrap {
    transform: none;
    left: 5px;
    width: 38px;
    margin-left: 0;
    border: none;
    white-space: normal;
    margin-top: -34px;
}

.calculator-lodg-step2.calculator .line-height-input-wrap input.input.digit {
    margin-left: 0;
    border: 1px solid #ddd;
    width: 38px;
    padding: 0;
    /* padding-right: 3px; */
    background: none;
    height: 16px;
    font-size: 12px;
    text-align: center;
    /* border: 1px solid blue; */
}

.calculator-lodg-step2.calculator .line-height-input-wrap:after {
    content: '';
}

.line-height-wrap_ .group-size-minus,
.line-height-wrap_ .group-size-plus {
    width: 100%;
    font-size: 30px;
    margin: 7px 0;
    text-align: center;
}

.section-width-wrap .subtext {
    float: left;
    font-size: 12px;
    padding-left: 2px;
    padding-top: 1px;
}

@media (max-width: 991px) {
    .calculator-lodg-step2.calculator .window-btn-wrap {
        text-align: center;
    }
    .calculator-lodg-step2.calculator .window-btn-group {
        border: none;
    }

    .calculator-lodg-step2.calculator .window-conf-wrap {
        padding-top: 0;
    }
    .calculator-lodg-step2.calculator .window-btn-group {
        padding: 0 35px;
    }
}
/* ----------------------------------- */
.window-conf-wrap-scroll {
    overflow-x: auto;
}

.window-conf-wrap {
    width         : 100%;
    padding-top   : 33px;
    padding-bottom: 10px;
    padding-left  : 18px;
    white-space   : nowrap;
}

.accessories .window-conf-wrap {
    /* padding-left: 23px; */
    padding-left   : 27px;
}

.line-height-wrap {
    height          : 100%;
    width           : 20px;
    background-color: #dff;
    float           : left;
    margin-top      : 10px;
}

.line-height-input-wrap {
    position          : absolute;
    top               : 50%;
    left              : -12px;
    width             : 50px;
    display           : inline-block;
    padding           : 0;
    text-align        : center;
    font-size         : 12px;
    margin-left       : -25px;
    background        : white;
    -webkit-transition: none;
    -moz-transition   : none;
    -o-transition     : none;
    transition        : none;
    transform         : rotate(-90deg);
}

.calculator .line-height-input-wrap input.input.digit {
    position  : relative;
    transform : none;
    top       : auto;
    left      : auto;
    text-align: right;
}

.line-height-input-wrap:after {
    content: 'мм';
}

.calculator .ui-slider-vertical.line-height-wrap {
    height: 151px;
}

.calculator .window-items-long .ui-slider-vertical.line-height-wrap {
    height: 260px;
}

.window-section-wrap {
    /* margin       : 10px 5px 5px; */
    /* margin       : 0px 5px 5px; */
    margin          : 0px 0px 5px;
    /* padding      : 4px 4px 2px; */
    /* float        : left; */
    background-color: white;
    display         : inline-block;
    vertical-align  : top;
}

input[name=section-step2-end] {
    margin-top: 13px;
}

.window-conf-wrap-scroll-hide {
    opacity: 0;
}

.window-items {
    margin-right: 1px;
    white-space : nowrap;
    background  : #d9f5ff6e;
    font-size   : 0;
    margin      : 0 5px;
}
.cart-items .window-items {
    margin      : 0 2px;
}

.window-item {
    padding         : 5px 5px;
    border          : 1px solid #2299d3;
    /* border-bottom: 1px solid #e5faff; */
    /* float        : left; */
    background      : #f3fbff;
    /* background: linear-gradient(to bottom, #f3fbff 0%, #c1e8ff 100%); */
    /* margin-right: -1px; */
    display        : inline-block;
    vertical-align : top;
}

.window-item-img,
.window-item-img-two {
    width                : 73px;
    height               : 140px;
    background-attachment: fixed;
    background-size      : cover;
    background-repeat    : no-repeat;
    border               : 1px solid #2299d3;
    /* border            : 2px solid #ddd; */
    /* background-image  : url(https://st3.depositphotos.com/1543046/16098/i/1600/depositphotos_160987060-stock-photo-fir-trees-covered-by-snow.jpg); */
    position             : relative;
}

.window-item-img-two {
    height: 100px;
}

.window-item-img-separator {
    display   : block;
    margin    : 2px 0;
    background: #b4ddf2;
    height    : 1px;
}

.window-section-descript {
    margin-top: 5px;
}

.window-delimiter-wrap {
    /* float      : left; */
    width         : 10px;
    position      : relative;
    vertical-align: top;
    display       : none;
}

.window-section-orientation-elem .window-section-orientation-elem-arrow.window-section-orientation-elem-point {
    top          : -9px !important;
    right        : -9px !important;
    width        : 20px;
    height       : 20px;
    border-radius: 100%;
    background   : #d9f5ff;
    z-index      : 2;
    border       : 2px solid #add2ff;
    cursor       : default;
}

.calculator .ui-widget.ui-widget-content.ui-slider-horizontal {
    border       : 2px solid #ceeaf4;
    border-top   : none;
    border-radius: 0;
    height       : 10px;
}

.window-delimiter-elem {
    display    : none;
    /* position: absolute;
    width      : 33px;
    height     : 33px;
    top        : -23px;
    left       : -12px; */
}

/* .window-delimiter-elem img {
    width : 33px;
    height: 33px;
} */

.window-delimiter-line {
    /* height    : 135px; */
    /* width     : 1px; */
    /* background: #e2e2e2; */
    /* margin    : 17px auto 0; */
}

.window-items-long .window-delimiter-line {
    height: 242px;
}

.window-delimiter-quad {
    height    : 10px;
    width     : 10px;
    background: none;
    border    : 1px solid #e2e2e2;
}

.window-btn-wrap {}

.window-btn {
    float       : left;
    margin-right: 15px;
}

.section-add-wrap {
    height    : 38px;
    margin    : 2px 0;
    overflow  : hidden;
    transition: height 0.8s;
    position  : absolute;
    z-index   : 1;
}

.section-add-wrap.hide {
    height: 0;
}

.subsection-add {
    border: 1px solid #b5b5b5;
    float : left;
    margin: 0 5px;
}

.section-add {
    float     : left;
    text-align: center;
    height    : 36px;
    width     : 40px;
    margin    : 0 5px;
    cursor    : pointer;
}

.group-size-wrap {
    width  : 100%;
    display: block;
    height : 20px;
}

.group-size-minus,
.group-size-input,
.group-size-plus {
    float: left;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.section-items-wrap .group-size-wrap span {
    float      : left;
    font-size  : 11px;
    line-height: 18px;
    font-weight: 800;
}

.group-size-input {
    margin-top: 2px;
    border    : 1px solid #ddd;
    height    : 16px;
    width     : 33px;
    font-size : 12px;
    text-align: center;
}

.group-size-minus,
.group-size-plus {
    width      : 20px;
    height     : 20px;
    text-align : center;
    cursor     : pointer;
    color      : #7ec639;
    font-size  : 18px;
    line-height: 18px;
    font-weight: 600;
}

.group-size-input .group-size-minus {
    margin-top: 0;
}

.section-width-wrap .group-size-minus,
.section-width-wrap .group-size-plus {
    font-size: 24px;
    font-weight: bold;
}

.section-width-wrap .group-size-wrap {
    /* width : 74px; */
    width : 93px;
    margin: 0 auto;
}

.section-items-wrap .group-size-wrap {
    /* width: 42px; */
    /* width   : 84px; */
    width   : 90px;
    margin  : 0 auto;
    text-align: center;
}

.section-width-wrap,
.section-items-wrap {
    margin: 0 auto;
}

.section-width-wrap {
    /* border : 1px solid #b9b9b9;
    border-top: none; */
}

.section-items-wrap {
    /* border    : 1px solid #b9b9b9;
    border-top   : none;
    border-bottom: none; */
}

.window-section-wrap {
    /* border-left: 1px solid #b9b9b9;
    border-right  : 1px solid #b9b9b9; */
}

.section-items-wrap input {
    display: none;
}

.section-items-title {
    text-align   : center;
    font-size    : 13px;
    /* border    : 1px solid #b9b9b9;
    border-bottom: none;
    border-top   : none; */
}

.section-items-descript {
    text-align    : center;
    font-size     : 11px;
    padding-bottom: 3px;
    height        : 28px;
}

.section-items-btn_rotate {
    text-align: center;
    font-size: 12px;
    padding-bottom: 4px;
    height: 21px;
    cursor: pointer;
    text-decoration: underline;
}

.section-items-text {
    text-align : center;
    font-size  : 13px;
    font-weight: 900;
}

.group-size-input-wrap::after {
    content: 'мм';
}


.col-sm-2_5 {
    width  : 20%;
    float  : left;
    padding: 0 5px;
}

.window-section-orientation-wrap {
    padding: 15px 0;
}

.window-section-orientation-elem {
    width              : 100%;
    height             : 75px;
    /* background-color: #f3ffff; */
    position           : relative;
    display            : none;
}

.window-section-orientation-elem .window-section-orientation-elem-arrow {
    content        : '';
    position       : absolute;
    width          : 30px;
    height         : 30px;
    background     : url(/local/templates/exprof/img/calculator/arrow_circle.png) no-repeat;
    background-size: contain;
    cursor         : pointer;
}

.window-section-orientation-elem[window-section-orientation-image="heightBlock"] .window-section-orientation-elem-arrow {
    display: none;
}

.window-section-orientation-elem[window-section-orientation-image="horizont"] .window-section-orientation-elem-arrow {
    top  : -14px;
    right: -14px;
}

.window-section-orientation-elem[window-section-orientation-image="diagonalTop"] .window-section-orientation-elem-arrow {
    top         : -14px;
    right       : -14px;
    /* transform: rotate(-40deg); */
}

.window-section-orientation-elem[window-section-orientation-image="diagonalBottom"] .window-section-orientation-elem-arrow {
    bottom      : -14px;
    right       : -14px;
    top         : auto !important;
    /* transform: rotate(40deg); */
}

.window-section-orientation-elem[window-section-orientation-image="verticalTop"] .window-section-orientation-elem-arrow {
    top      : -14px;
    right    : calc(50% - 15px);
    transform: rotate(-90deg);
}

.window-section-orientation-elem[window-section-orientation-image="verticalTopFirst"] .window-section-orientation-elem-arrow {
    top      : -14px;
    right    : -11px;
    transform: rotate(-90deg);
}

.window-section-orientation-elem[window-section-orientation-image="verticalTopLast"] .window-section-orientation-elem-arrow {
    top      : -14px;
    left     : -11px;
    transform: rotate(-90deg);
}

.window-section-orientation-elem[window-section-orientation-image="verticalCenter"] .window-section-orientation-elem-arrow,
.window-section-orientation-elem[window-section-orientation-image="verticalBottom"] .window-section-orientation-elem-arrow {
    bottom   : -14px;
    right    : calc(50% - 15px);
    transform: rotate(90deg);
}

.window-section-orientation-elem[window-section-orientation-image="verticalBottomFirst"] .window-section-orientation-elem-arrow {
    bottom   : -14px;
    right    : -11px;
    top      : auto !important;
    transform: rotate(90deg);
}

.window-section-orientation-elem[window-section-orientation-image="verticalBottomLast"] .window-section-orientation-elem-arrow {
    bottom   : -14px;
    left     : -11px;
    transform: rotate(90deg);
}

.window-section-orientation-elem svg {
    position: relative;
    width   : 100%;
    height  : 100%;
    margin  : 0;
    padding : 0;
    float   : left;
}

.section-items-wrap {
    border: 1.3px solid #d3ecf5;
    margin: 0 5px;
}

.calc-lodg-desc-small {
    font-size: 13px;
}

/* 					 		*/
/* STEP 5  					*/
/* 					 		*/
.accessories-lodg .window-conf-wrap {
    padding-bottom: 20px;
    padding-top   : 8px;
}

.calculator .accessories-lodg .ui-slider-handle {
    display: none;
}

.accessories-lodg .line-height-wrap {
    background: none;
    margin-top: 40px;
    height    : 160px;
    width     : 20px;
}

.accessories-lodg.accessories-lodg-long .line-height-wrap {
    height: 261px;
}

.accessories-lodg.accessories-lodg-long .line-height-wrap {
    height: 260px;
}

.calculator .accessories-lodg .ui-slider-vertical {
    height: 100%;
}

.calculator .accessories-lodg .ui-slider-horizontal {
    margin-top   : 20px;
    margin-bottom: 20px;
}

.accessories-lodg .calculator .ui-widget.ui-widget-content.ui-slider-horizontal {
    height: 10px;
}

.accessories-lodg .calculator .ui-widget.ui-widget-content.ui-slider-vertical {
    width: 10px;
}

.accessories-lodg .window-delimiter-wrap {
    margin-top: 40px;
    padding   : 0 10px;
    display   : inline-block;
}

.accessories-lodg .window-delimiter-elem {
    display: none;
}

.accessories-lodg .window-delimiter-line {
    margin: 0 auto;
    height: 170px;
}

.accessories-lodg.accessories-lodg-long .window-delimiter-line {
    height: 270px;
}

.accessories-lodg .window-delimiter-quad {
    width : 20px;
    height: 20px;
}

.accessories-lodg .window-section-orientation-wrap {
    font-size: 13px;
}

.accessories-lodg .window-section-orientation-elem {
    display: block;
}

.accessories-lodg .window-conf-wrap {
    font-size: 0;
}

.accessories-lodg .window-section-orientation-wrap {
    margin: 0 -10px;
}

.window-item {
    position: relative;
}

.window-item svg {
    position: absolute;
    top     : 0;
    left    : 0;
}

.accessories-lodg .handle-left {
    top : 50%;
    left: 10px;
}

.accessories-lodg .handle-right {
    top : 50%;
    left: 88%;
}

.accessories-lodg .handle-top {
    top  : 8px;
    left : 50%;
    width: 80%;
}

.accessories-lodg .section_icons {
    position   : absolute;
    color      : #b1d8ed;
    /* color      : #82bddf; */
    line-height: 11px;
    height     : 14px;
    font-size  : 20px;
    width      : 14px;
    text-align : center;
    transform  : translate(-7px);
    cursor     : pointer;
    left       : 50%;
    display    : none;
}

.accessories-lodg .section_icons.active {
    color: #0e6dc3;
    /* color: #2299d3; */
}

.accessories-lodg .section_clear {
    top    : 43%;
    display: none;
}

.accessories-lodg .section_clear.active {
    display: block;
    color  : red;
}

.accessories-lodg .section_grid {
    top: 63%;
}

.accessories-lodg .section_lock {
    top: 80%;
}

.window-delimiter-quad img {
    vertical-align: top;
}

.accessories-lodg .handle i {
    cursor: pointer;
}

.accessories-lodg .window-item {
    /* border : 2px solid #d4fbff; */
    /* border : 2px solid #f1faff; */
    border    : 2px solid #e8f6fa;
    background: #e8f6fa;
}

.accessories-lodg .window-item-img.active {
    border: 2px solid #2093d0;
}

.accessories-lodg .svg-wrap {
    display: none;
}

.accessories-lodg .svg-wrap.active {
    display: block;
}

.accessories-lodg .section_icons input {
    display: none;
}

.accessories-lodg .section_icons.d-b {
    display: block;
}

.window-item-img-two.sandwich {
    background: white;
}

.window-item-img-two .section_icons {
    width     : 100%;
    text-align: center;
    left      : 0;
    transform : none;
    font-size : 14px;
}

/* .window-item-img-two:hover .section_icons { */
.window-item-img-two .section_icons {
    display: block;
}

.window-item-img-two .section_icons.active {
    color: #2299d3;
}

.section_glass {
    top: 40%;
}

.section_sandwich {
    top: 60%;
}

.calculator .btn.btn-submit-small-text {
    font-size    : 15px;
    padding-left : 10px;
    padding-right: 10px;
}

.calculator.calculator-lodg span.lodg-arrow {
    position : absolute;
    top      : 0;
    left     : -50%;
    font-size: 10px;
    color    : black;

    background : #cdedf8;
    color      : #1e8fcd;
    font-weight: normal;
    padding    : 0 5px;
    opacity    : 0;
    visibility : hidden;
    z-index    : 9999;
    width      : 142px;
    font-size  : 13px;
    line-height: 1.2;
}

.calculator.calculator-lodg span.lodg-arrow font.enabled {
    display: none;
}

.calculator.calculator-lodg span.lodg-arrow-t {
    top : -30px;
    left: -69px;
}

.calculator.calculator-lodg span.lodg-arrow-l {
    top : -34px;
    left: -55px;
}

.calculator.calculator-lodg span.lodg-arrow-r {
    top : -34px;
    left: -104px;
}

.calculator.calculator-lodg span.lodg-arrow-grid {
    top : -30px;
    left: -90px;
}
.calculator.calculator-lodg span.lodg-arrow-lock {
    top : 18px;
    left: -90px;
}

.calculator.calculator-lodg .handle.handle-disable span.lodg-arrow,
.accessories-lodg .section_icons.handle-disable span.lodg-arrow,
.calculator.calculator-lodg span.lodg-arrow-handle.handle-disable {
    opacity: 0;
    display: none;
    visibility: visible;
    animation: shadow-close 0.4s linear;
    animation-fill-mode: forwards;
}

.calculator.calculator-lodg .handle.handle-active span.lodg-arrow,
.accessories-lodg .section_icons.handle-active span.lodg-arrow,
.calculator.calculator-lodg span.lodg-arrow-handle.handle-active {
    display: block;
    visibility: visible;
    animation: shadow-open 0.6s linear;
    animation-fill-mode: forwards;
}

@keyframes shadow-open {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes shadow-close {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
/* 					 		*/
/* ЗАСТЕКЛИТЬ ЛОДЖИЮ __END  */
/* 					 		*/

/* 					 				*/
/* ЗАСТЕКЛИТЬ ЛОДЖИЮ КОРЗИНА		*/
/* 					 				*/
.calculator-lodg .cart-item .item-desc {
    padding-left: 15px;
}

.cart-items .window-conf-wrap {
    padding       : 0;
    padding-bottom: 10px;
}

.cart-items .window-section-wrap {
    margin: 2px 0;
}

.cart-items .window-item {
    padding: 1px 1px;
}

.cart-items .window-item-img,
.cart-items .window-item-img-two {
    width : 23px;
    height: 45px;
}

.cart-items .window-item-img-two {
    height: 27px;
}

.cart-items .window-delimiter-wrap {
    width: 20px;
}

.cart-items .window-delimiter-quad {
    width : 20px;
    height: 20px;
}

.cart-items .window-delimiter-line {
    height: 48px;
}

.cart-items .window-conf-wrap-long .window-delimiter-line {
    height: 90px;
}

.cart-items .window-conf-wrap-scroll .window-conf-wrap {
    padding-left: 10px;
}

.cart-items .window-conf-wrap-scroll .window-section-orientation-elem {
    display: block;
}

.cart-items .window-conf-wrap-scroll .window-conf-wrap {
    font-size: 0;
}

.cart-items .window-conf-wrap-scroll .window-section-orientation-elem[window-section-orientation-image="horizont"] {
    margin-top: -3px;
}
/* 					 				*/
/* ЗАСТЕКЛИТЬ ЛОДЖИЮ КОРЗИНА __END  */
/* 					 				*/

.calculator .profile-params .row .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}
.profile-desc__mobile {
    display: none;
    background: #e7f6ff;
    background: -moz-linear-gradient(top, #e7f6ff 0%, #f9fdff 100%);
    background: -webkit-linear-gradient(top, #e7f6ff 0%, #f9fdff 100%);
    background: linear-gradient(to bottom, #e7f6ff 0%, #f9fdff 100%);
    padding: 15px;
}

.calculator-start .btn.btn-disabled,
.calculator .btn.btn-disabled,
.btn-disabled {
    background  : #f1f1f1;
    border-color: #f1f1f1;
    cursor      : default;
    color       : #b3b3b3;
}
.show__mobile {
    display: none;
}

.vertical-align {
    display    : flex;
    align-items: center;
}

.vertical-align .handles-text {
    padding-bottom: 0;
}
/* 					 				*/
/* MEDIA                            */
/* 					 				*/
@media (max-width: 767px) {
    .hidden__mobile {
        display: none;
    }
    .show__mobile {
        display: block;
    }
    .calc-block__order,
    .calc-block__basket {
        display: none;
    }

    .calculator .profile-group .head .title {
        line-height: 1.2;
        font-size: 14px;
        min-height: 51px;
        /* height: 65px; */
    }

    .calculator .profile-group .body {
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 0;
    }
    .calculator .profile-group .image {
        position: relative;
    }
    .calculator .profile-group .image.optimal:before {
        width              : 30px;
        height             : 30px;
        background-position: top left;
        top                : 0;
        left               : 0;
    }

    .calculator .profile-params img {
        max-width: 85%;
    }

    .profile-desc-teplo__block {
        display: none;
    }
    .profile-desc__mobile {
        display: block;
    }
    .calculator .profile-params .profile-desc__mobile .profile-desc-title {
        padding: 0;
        padding-bottom: 15px;
    }
    .calculator .profile-params .profile-desc__mobile .profile-desc-info {
        border-bottom: none;
        padding      : 0;
        min-height   : auto;
    }
    /* .profile-color__labels {
        display: block;
    } */

    .calculator .profile-params .profile__row {
        display: flex;
        align-items: stretch;
    }
    .calculator .profile-params .profile__row .profile-image {
        height: 100%;
    }
    .calculator .profile-params .profile__row .col-sm-6.col-xs-6 {
        display       : flex;
        flex-direction: column;
        justify-content: space-between;
    }

    html .calculator .profile-acc .profile-circle {
        position: relative;
        text-align: center;
        margin-right: 0;

        max-width: 100%;

    }
    /* .calculator .profile-acc .profile-circle */
    .calculator .profile-acc .profile-triangle-wrap {
        width: 80%;
        height: 80%;
        top: 10%;
        left: 10%;
    }

    .calculator .profile-acc .profile-triangle {
        border-bottom: 53px solid #575b5d;
    }

    html .calculator .profile-params .profile-image {
        display: block;
    }

    .calculator .package-btn-group label input+span.optimal:after {
        right: 0;
    }

    html .calculator .cart-item .item-delete {
        height: 70px;
    }

    html .calculator .cart-item .item-desc {
        margin-top: 92px;
    }

    .calculator .profile-acc {
        height: 100%;
    }

    .link-step-prev {
        display: inline-block;
    }

    .link-step-prev {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #208dcc;
        color: white;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        line-height: 1;
    }

    .link-step-prev:before {
        /* content: "\003C"; */
        content: "\2039";
        font-style: normal;
        font-weight: bold;
    }

    .eq-calc-top__title h2 {
        text-align: left;
    }

    .calculator.calculator-lodg .top-margin-40 {
        margin-top: 0;
    }

    html .calculator .config-col {
        width: 25%;
    }

    /* COLONTITUL */
    .eq-bottom,
    .iq-calc-text {
        display: none;
    }
    /* COLONTITUL __END */
    /* FROM HEADER */
    #header-search,
    .city-header,
    .is-none-auth {
        display: none;
    }
    .win-ref.win-ref-mobile {
        display: block;
    }
    /* FROM HEADER __END */

}

@media (max-width: 543px) {
    .main-header {
        position: relative;
    }

    .main-header .header-cart-icon {
        position   : absolute;
        width      : 42px;
        height     : 42px;
        top        : -15px;
        right      : 15px;
        padding-top: 15px;
    }
}
/* 					 				*/
/* MEDIA __END                      */
/* 					 				*/

.calc-titles{
    min-height: 49px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
}
.calc-titles span{
    font-size: 13px;
    margin: 0 -5px;
}
.calc-title{
    font-weight: 600;
}

.package-col-group .image img{
    max-height: 120px;
}

.profile-group .profile .image {
    max-width: 182px;
}

.profile-btn-group .profile-btn{
    max-width: 250px;
    margin: 0 auto;
}

.profile_calc_wrap > .profile_calc_variations{
    padding: 10px 5px;
}

.stage1-input-form{
    display: flex;
    flex-wrap: wrap;
}

.stage1-input-form-row{
    display: flex;
    flex-grow: 1;
}

.stage1-input-form-row > div{
    flex-grow: 1;
}

.profile_calc_wrap > .profile_calc_variations,
.profile_calc_left > .profile_calc_variations{
    height: 47px;
}

.profile_calc_left{
    width: 250px;
    min-width: 250px;
}

.package-image2{
    height: 278px;
}

.profile-image2 > img{
    height: 394px !important;
}

@media (max-width: 991px) {
    .profile_calc_left>* {
        width: 100%;
    }
    .profile-image2 > img{
        height: 240px !important;
    }
    .profile-params{
        min-height: auto;
    }
    .profile_calc_left{
        width: 50%;
        min-width: 50%;
    }
    .profile-desc__mobile{
        min-height: 130px;
    }
    .package-image2{
        height: 215px;
    }
}
























.doors-profile-img{
    max-width: 100% !important;
}
.calculator .profile-params .profile-desc-info.profile-desc-info2{
    padding: 0;
    border-bottom: 0;
    min-height: unset;
}
.profile-desc-info2{
    max-inline-size: fit-content;
}
.profile-desc-color-select{
    padding-top: 5px;
}
.profile-desc-color-select label{
    padding-left: 5px;
    margin: 0;
}
.profile-desc__icon{
    padding-right: 10px;
}
.package-image2{
    position: relative;
    padding: 40px;
}
.profile-image2{
    position: relative;
}
.profile-desc-color-select{
    display: flex;
}
.profile-color__labels{
    margin-left: auto;
    margin-right: auto;
}
.profile_calc_wrap_inner{
    width: 100%;
    display: flex;
}
.profile_calc_variations{
    padding: 15px 5px;
    background: #c1e8ff;
    background: -moz-linear-gradient(top, #c1e8ff 0%, #f3fbff 100%);
    background: -webkit-linear-gradient(top, #c1e8ff 0%, #f3fbff 100%);
    background: linear-gradient(to bottom, #c1e8ff 0%, #f3fbff 100%);
    text-align: center;
}
.profile_calc_wrap{
    width: 100%;
    display: flex;
    display: flex;
    flex-direction: column;
}
.profile_calc_left{
    max-width: 250px;
    display: flex;
    flex-direction: column;
}
.profile_calc_right{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.profile_calc_color-block{
    width: 100%;
    background: #c1e8ff;
    background: -moz-linear-gradient(top, #c1e8ff 0%, #f3fbff 100%);
    background: -webkit-linear-gradient(top, #c1e8ff 0%, #f3fbff 100%);
    background: linear-gradient(to bottom, #c1e8ff 0%, #f3fbff 100%);
}
.profile_calc_right-top{
    display: flex;
    min-height: 105px;
    background: #c1e8ff;
    background: -moz-linear-gradient(top, #c1e8ff 0%, #cbeeff 100%);
    background: -webkit-linear-gradient(top, #c1e8ff 0%, #cbeeff 100%);
    background: linear-gradient(to bottom, #c1e8ff 0%, #cbeeff 100%);
}
.profile_calc-icon{
    padding-left: 10px;
    padding-top: 10px;
    width: 68px;
    position: relative;
}

.profile_calc-teplo{
    width: 100%;
}
.profile-acc{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.profile-circle{
    position: relative;
}
.calculator .profile-acc .profile-circle .profile-triangle-wrap {
    position: absolute;
    top: 22px;
    left: 25px;
    width: 150px;
    height: 150px;
    transform: rotate(0deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: rotate(-120deg);
}
.calculator .profile-params .profile-sect-icon.profile-sect-icon-new{
    right: 12px;
}
.profile-sect-icon-new{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 36px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    top: 12px;
    right: 20px;
    background: white;
    text-align: center;
}
.calculator .profile-params .profile_calc_right .profile-desc-title{
    font-size: 16px;
    font-weight: bold;
    padding: 15px 20px 5px 0;
}
.calc-notice{
    width: 100%;
    display: flex;
    padding-top: 20px;
    padding-bottom: 10px;
}
.hide-on-desktop{
    display: none !important;
}
@media (max-width: 991px)  {
    .hide-on-mobile{
        display: none !important;
    }
    .hide-on-desktop{
        display: block !important;
    }
    .profile_calc_left{
        width: 50%;
    }
    .profile_calc_right{
        width: 50%;
    }
    .calculator .profile-acc .profile-circle .profile-triangle-wrap {
        width: 80%;
        height: 80%;
        top: 10%;
        left: 10%;
    }
    .profile-sect-icon-new{
        position: absolute;
    }
}
.calculator .profile-params .profile_calc_left .profile-desc-color{
    font-weight: 400;
    padding: 10px 10px;
    font-size: 14px;
}
.profile-color{
    font-weight: 600;
}
.profile-params{
    padding: 0 !important;
    border: 2px solid #1e8ecd;
}
.profile_calc_right-top{
    padding-right: 10px;
}

@media (min-width:480px) {
    .calculator.pr_calc .modal .modal-dialog {
        margin-top: 10%;
    }
}
/* End */
/* /local/components/prioritet/calc.doors/templates/.default/style.css?167449382135886 */
/* /local/templates/exprof/components/bitrix/catalog.section.list/tsvetovye-resheniya-calc/style.css?1543920927132 */
/* /local/templates/exprof/css/calculator.css?175085157892932 */