.customRadio {
    display: none;
}

.customRadio + label {
    position: relative;
    /*background: url(img/selector_30.png) no-repeat;*/
    height: 30px;
    width: 30px;
    display: block;
    border-radius: 10%;
    transition: box-shadow 0.4s, border 0.4s;
    border: solid 1px #DDD;
    box-shadow: 0 0 1px #FFF; /* Soften the jagged edge */
    cursor: pointer;
}

.customRadio + label:hover,
.customRadio:checked + label {
    border: solid 1px #314691;
    /*box-shadow: 0 0 1px #F00;*/
    /* Soften the jagged edge */
}

.customRadio:checked + label {
    background: url(img/selector_30.png) no-repeat;
}

.customRadio:checked + label:after {
    /*content: '\2714';
    content: '';*/
    /*content is required, though it can be empty - content: '';*/

    height: 1em;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    color: #F00;
    line-height: 1;
    font-size: 18px;
    text-align: center;
}


.customRadioSmall {
    display: none;
}

.customRadioSmall + label {
    position: relative;
    /*background: url(img/selector_30.png) no-repeat;*/
    height: 25px;
    width: 25px;
    display: block;
    border-radius: 10%;
    transition: box-shadow 0.4s, border 0.4s;
    border: solid 1px #DDD;
    box-shadow: 0 0 1px #FFF; /* Soften the jagged edge */
    cursor: pointer;
}

.customRadioSmall + label:hover,
.customRadioSmall:checked + label {
    border: solid 1px #314691;
    /*box-shadow: 0 0 1px #F00;*/
    /* Soften the jagged edge */
}

.customRadioSmall:checked + label {
    background: url(img/selector_25.png) no-repeat;
}

.customRadioSmall:checked + label:after {
    /*content: '\2714';
    content: '';*/
    /*content is required, though it can be empty - content: '';*/

    height: 1em;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    color: #F00;
    line-height: 1;
    font-size: 18px;
    text-align: center;
}

/***/

.vertical-center {
    min-height: 100%; /* Fallback for vh unit */
    min-height: 100vh;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    /* Align the bootstrap's container vertically */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    /* In legacy web browsers such as Firefox 9
       we need to specify the width of the flex container */
    width: 100%;

    /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
       hence the bootstrap's container won't be aligned to the center anymore.

       Therefore, we should use the following declarations to get it centered again */
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.verticalMiddleChild {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.verticalTopChild {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    position: relative;
}

.verticalMiddleParent {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 95%;
}

.firstLevelBorder {
    padding: 10px;
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    /* height: 700px; */
}

.secondLevelBorder {
    padding: 10px;
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.cRadio {
    width: 30px; /* ширина радио кнопки */
}

.cRadioSmall {
    width: 25px; /* ширина радио кнопки */
}

.navButtons {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right;
}

.headerSelected {
    border: 1px solid #9acfea;
    border-radius: 4px 4px 0 0;
    width: 100%;
    text-align: center;
}

.rightDivBorder {
    border-radius: 0 0 4px 4px;
    height: 675px; /* высота правого блока (без заголовка) */
    width: 100%;
    border: 1px solid #9acfea;
    border-top: none;
    overflow: auto;
    word-wrap: normal;
    white-space: normal;
    padding: 10px 5px;
    margin: 0px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop25 {
    margin-top: 25px;
}

.totalPrice {
    margin-left: -5px;
    margin-right: -5px;
    padding: 5px;
}

.cursorPointer {
    cursor: pointer;
}

.totalSizeSlider {
    width: 75%;
	display: none !important;
}

.ui-slider-handle {
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    outline: none;
}

.ui-state-default {
    border: 1px solid #337ab7;
    background-color: #337ab7;
    background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
    background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
    background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
}

.ui-widget-content {
    background-color: #eee;
}

.tab-content {
    height: 100%;
}

.tab-pane {
    height: 93%;
}

.rightBorder {
    border-right: 1px solid #ddd;
}

.verticalAlign25 {
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
}

.verticalAlign30 {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.verticalAlign52 {
    height: 52px;
    line-height: 52px;
    vertical-align: middle;
}

.verticalAlign75 {
    height: 75px;
    line-height: 75px;
    vertical-align: middle;
}

.verticalAlign45 {
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
}

.verticalAlign55 {
    height: 55px;
    line-height: 55px;
    vertical-align: middle;
}

.verticalAlign150 {
    height: 150px;
    line-height: 150px;
    vertical-align: middle;
}

.verticalAlign125 {
    height: 125px;
    line-height: 125px;
    vertical-align: middle;
}

.fontSize1_25 {
    font-size: 1.25em;
}

.fontSize1_50 {
    font-size: 1.50em;
}

.blue-tooltip + .tooltip > .tooltip-inner {
    background-color: #d9edf7;
    color: black;
}

.blue-tooltip + .tooltip > .tooltip-arrow {
    border-top-color: #d9edf7;
}

.white-tooltip + .tooltip > .tooltip-inner {
    background-color: #fff;
    color: black;
    border: 1px solid #ddd;
}

.white-tooltip + .tooltip > .tooltip-arrow {
    border-right-color: #ddd;
}

.make_disable_div {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    filter: alpha(opacity=75); /* IE 5-7 */
    -moz-opacity: 0.75; /* Netscape */
    -khtml-opacity: 0.75; /* Safari 1.x */
    opacity: 0.75; /* Good browsers */
    z-index: 10;
    position: absolute;
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 77%;
}

.make_disable_div_85 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    filter: alpha(opacity=75); /* IE 5-7 */
    -moz-opacity: 0.75; /* Netscape */
    -khtml-opacity: 0.75; /* Safari 1.x */
    opacity: 0.75; /* Good browsers */
    z-index: 10;
    position: absolute;
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

.paddingTop5 {
    padding-top: 5px;
}

.paddingBottom5 {
    padding-bottom: 5px;
}

.paddingLeft10 {
    padding-left: 10px;
}

.h75 {
    height: 75px;
}

.h45 {
    height: 45px;
}

.h55 {
    height: 55px;
}

.h150 {
    height: 150px;
}

.h125 {
    height: 125px;
}

.square20yellow {
    line-height: 20px;
    font-weight: normal;
    border-radius: 4px;
    height: 20px;
    width: 20px;
    background-color: yellow;
}

.square20red {
    line-height: 20px;
    font-weight: normal;
    border-radius: 4px;
    height: 20px;
    width: 20px;
    background-color: red;
}

.square20green {
    line-height: 20px;
    font-weight: normal;
    border-radius: 4px;
    height: 20px;
    width: 20px;
    background-color: green;
}

.square20blue {
    line-height: 20px;
    font-weight: normal;
    border-radius: 4px;
    height: 20px;
    width: 20px;
    background-color: #5bc0de;
}

.square20white {
    line-height: 20px;
    font-weight: normal;
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 20px;
    width: 20px;
    background: white;
}

.square25yellow {
    line-height: 25px;
    font-weight: normal;
    border-radius: 4px;
    height: 25px;
    width: 25px;
    background-color: yellow;
}

.square25red {
    line-height: 25px;
    font-weight: normal;
    border-radius: 4px;
    height: 25px;
    width: 25px;
    background-color: red;
}

.square25green {
    line-height: 25px;
    font-weight: normal;
    border-radius: 4px;
    height: 25px;
    width: 25px;
    background-color: green;
}

.square25blue {
    line-height: 25px;
    font-weight: normal;
    border-radius: 4px;
    height: 25px;
    width: 25px;
    background-color: #5bc0de;
}

.square25white {
    line-height: 25px;
    font-weight: normal;
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 25px;
    width: 25px;
    background: white;
}

.square30yellow {
    line-height: 30px;
    font-weight: bold;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    background-color: yellow;
}

.square30red {
    line-height: 30px;
    font-weight: bold;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    background-color: red;
}

.square30green {
    line-height: 30px;
    font-weight: bold;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    background-color: green;
}

.square30blue {
    line-height: 30px;
    font-weight: bold;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    background-color: #5bc0de;
}

.square30white {
    line-height: 30px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 30px;
    width: 30px;
    background: white;
}

.square30purple {
    line-height: 30px;
    font-weight: bold;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    background-color: #cc437c;
}

.square20yellowImg {
    line-height: 20px;
    font-weight: bold;
    border-radius: 4px;
    height: 20px;
    width: 20px;
    background: yellow url(img/3_2_2_MTL-Ins_Yellow.png) no-repeat;
}

.square20redImg {
    line-height: 20px;
    font-weight: bold;
    border-radius: 4px;
    height: 20px;
    width: 20px;
    background: red url(img/3_2_2_MTL-Ins_Red.png) no-repeat;
}

.square20greenImg {
    line-height: 20px;
    font-weight: bold;
    border-radius: 4px;
    height: 20px;
    width: 20px;
    background: green url(img/3_2_2_MTL-Ins_Green.png) no-repeat;
}

.square20blueImg {
    line-height: 20px;
    font-weight: bold;
    border-radius: 4px;
    height: 20px;
    width: 20px;
    background: #5bc0de url(img/3_2_2_MTL-Ins_Blue.png) no-repeat;
}

.square20whiteImg {
    line-height: 20px;
    font-weight: bold;
    border-radius: 4px;
    border: none;
    height: 20px;
    width: 20px;
    background: white url(img/3_2_2_MTL-Ins_White.png) no-repeat;
}

.square30yellowImg {
    line-height: 30px;
    font-weight: bold;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    background: yellow url(img/3_2_2_MTL-Ins_Yellow.png) no-repeat;
}

.square30redImg {
    line-height: 30px;
    font-weight: bold;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    background: red url(img/3_2_2_MTL-Ins_Red.png) no-repeat;
}

.square30greenImg {
    line-height: 30px;
    font-weight: bold;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    background: green url(img/3_2_2_MTL-Ins_Green.png) no-repeat;
}

.square30blueImg {
    line-height: 30px;
    font-weight: bold;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    background: #5bc0de url(img/3_2_2_MTL-Ins_Blue.png) no-repeat;
}

.square30whiteImg {
    line-height: 30px;
    font-weight: bold;
    border-radius: 4px;
    border: none;
    height: 30px;
    width: 30px;
    background: white url(img/3_2_2_MTL-Ins_White.png) no-repeat;
}

.tableRow {
    display: table-row;
}

.bgYellow {
    background-color: yellow;
}

.bgRed {
    background-color: red;
}

.bgPurple {
    background-color: #cc437c;
}

.bgGreen {
    background-color: green;
}

.bgBlue {
    background-color: #5bc0de;
}

.bgWhite {
    background: white;
}

.extraKeyLabel {
    width: 100%;
    height: 20px;
    border: 1px solid #ddd;
}

.textLeft {
    text-align: left;
}

.textRight {
    text-align: right;
}

.paddintRightZero {
    padding-right: 0;
}

.paddintLeftZero {
    padding-right: 0;
}

.marginTopZero {
    margin-top: 0;
}


/* html Tooltip */
.html-tooltip + .tooltip > .tooltip-inner {
    background-color: #ddd;
    color: #000;
    border: 1px solid #ccc;
    padding: 15px;
    font-size: 13px;
    max-width: 700px;
    width: 700px;
    height: 600px;
}

.html-tooltip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #ccc;
}

.html-tooltip + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #ccc;
}

.html-tooltip + .tooltip.left > .tooltip-arrow {
    border-left: 5px solid #ccc;
}

.html-tooltip + .tooltip.right > .tooltip-arrow {
    border-right: 5px solid #ccc;
}

.html-tooltip + .tooltip.right {
    padding: 0 5px;
    margin-left: 15px;
}

.html-tooltip + .tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1.0;
}

/* //html Tooltip */

div.tooltip-scroll-area {
    /*position: absolute;*/
    /*background-color: #00FFFF;*/
    /*border: 1px solid red;*/
    width: 98%;
    height: 375px;
    /*bottom: 0;
    left: 0;
    right: 0;*/
    /*top: 250px;*/
    overflow-y: auto;
}

.tooltip-img-holder {
    width: 100%;
    height: 200px;
    line-height: 200px;
    position: relative;
}

.tooltip-img-holder img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.tooltip-close {
    top: 10px;
    right: 10px;
    /*width: 50px;
    height: 50px;
    _line-height: 50px;*/
    position: absolute;
    /*border: 1px solid red;
    display: block;*/
}

/*my style*/
.mul_t_lock {
    background: url(img/1_3_MUL-T-LOCK_ABLOY_Cyl_K-K-SHT.png) no-repeat center;
    width: 684px;
    height: 312px;
}

.lock_T {
    background: url(img/1_3_MUL-T-LOCK_Cyl_K-T.png) no-repeat center;
}

.lock_SHT {
    background: url(img/1_3_MUL-T-LOCK_ABLOY_Cyl_K-SHT.png) no-repeat center;
}

.abloy {
    background: url(img/1_3_ABLOY_K_K.png) no-repeat center;
    max-width: 684px;
    background-size: contain;
    height: 312px;
}

.abl_T {
    background: url(img/1_3_ABLOY_K_T.png) no-repeat center;
}

/*#opciiDesign .Cyl_Key_Key{background: url(img/3_1_Cyl_Key_Key_MTL_NST.jpg) no-repeat center;}*/
#opciiDesign .NST {
    background: url(img/Cyl_MTL_KK_NST_CAM30.png) no-repeat center;
}

#opciiDesign .NST_KL {
    background: url(img/2_RB_KEYLOCX_KK_CAM30_1.png) no-repeat center;
}

#opciiDesign .NST_TO_NST_KL {
    background: url(img/2_RB_KEYLOCX_KT_CAM30_1.png) no-repeat center;
}

#opciiDesign .NST_TO_ABR_KL {
    background: url(img/Cyl_RB_KT_NST_TO_ABR_CAM30.png) no-repeat center;
}

#opciiDesign .NST_KL-shtok {
    background: url(img/2_RB_KEYLOCX_KLT_CAM30vot.png) no-repeat center;
}

#opciiDesign .EB {
    background: url(img/Cyl_MTL_KK_EB_CAM30.png) no-repeat center;
}

#opciiDesign .EB_TO_ABR {
    background: url(img/Cyl_MTL_KT_EB_TO_ABR_CAM30.png) no-repeat center;
}

#opciiDesign .EB_TO_SB {
    background: url(img/Cyl_MTL_KT_EB_TO_SB_CAM30.png) no-repeat center;
}

#opciiDesign .EB_TO_SBM {
    background: url(img/Cyl_MTL_KT_EB_TO_SBM_CAM30.png) no-repeat center;
}

#opciiDesign .EB_TO_NST {
    background: url(img/Cyl_MTL_KT_EB_TO_NST_CAM30.png) no-repeat center;
}

#opciiDesign .NST_TO_ABR {
    background: url(img/Cyl_MTL_KT_NST_TO_ABR_CAM30.png) no-repeat center;
}

#opciiDesign .NST_TO_BN {
    background: url(img/Cyl_MTL_KT_NST_TO_BN_CAM30.png) no-repeat center;
}

#opciiDesign .EB_TO_BN {
    background: url(img/Cyl_MTL_KT_EB_TO_BN_CAM30.png) no-repeat center;
}

#opciiDesign .EB_TO_BE {
    background: url(img/Cyl_MTL_KT_EB_TO_BE_CAM30.png) no-repeat center;
}

#opciiDesign .NST_TO_NST {
    background: url(img/Cyl_MTL_KT_NST_TO_NST_CAM30.png) no-repeat center;
}

#opciiDesign .NST_TO_SB {
    background: url(img/Cyl_MTL_KT_NST_TO_SB_CAM30.png) no-repeat center;
}

#opciiDesign .NST_TO_SBM {
    background: url(img/Cyl_MTL_KT_NST_TO_SBM_CAM30.png) no-repeat center;
}

#opciiDesign .EB_TO_NC {
    background: url(img/Cyl_MTL_KT_EB_TO_NC_CAM30.png) no-repeat center;
}

#opciiDesign .NST_TO_NC {
    background: url(img/Cyl_MTL_KT_NST_TO_NC_CAM30.png) no-repeat center;
}

#opciiDesign .NST_TO_BE {
    background: url(img/Cyl_MTL_KT_NST_TO_BE_CAM30.png) no-repeat center;
}

/*ЗМІНИ ДО КОНСТРУКТОРА 28.03.17*/
#opciiDesign .NST.CGW {
    background: url(img/Cyl_MTL_KK_NST_CGW.png) no-repeat center;
}

#opciiDesign .EB.CGW {
    background: url(img/Cyl_MTL_KK_EB_CGW.png) no-repeat center;
}

#opciiDesign .NST_TO_NC.CGW {
    background: url(img/Cyl_MTL_KT_NST_TO_NC_CGW.png) no-repeat center;
}

#opciiDesign .NST_TO_SB.CGW {
    background: url(img/Cyl_MTL_KT_NST_TO_SB_CGW.png) no-repeat center;
}

#opciiDesign .NST_TO_SBM.CGW {
    background: url(img/Cyl_MTL_KT_NST_TO_SBM_CGW.png) no-repeat center;
}

#opciiDesign .EB_TO_NST.CGW {
    background: url(img/Cyl_MTL_KT_EB_TO_NST_CGW.png) no-repeat center;
}

#opciiDesign .EB_TO_NC.CGW {
    background: url(img/Cyl_MTL_KT_EB_TO_NC_CGW.png) no-repeat center;
}

#opciiDesign .EB_TO_SB.CGW {
    background: url(img/Cyl_MTL_KT_EB_TO_SB_CGW.png) no-repeat center;
}

#opciiDesign .EB_TO_SBM.CGW {
    background: url(img/Cyl_MTL_KT_EB_TO_SBM_CGW.png) no-repeat center;
}

#opciiDesign .NST_TO_ABR.CGW {
    background: url(img/Cyl_MTL_KT_NST_TO_ABR_CGW.png) no-repeat center;
}

#opciiDesign .NST_TO_NST.CGW {
    background: url(img/Cyl_MTL_KT_NST_TO_NST_CGW.png) no-repeat center;
}

#opciiDesign .EB_TO_ABR.CGW {
    background: url(img/Cyl_MTL_KT_EB_TO_ABR_CGW.png) no-repeat center;
}

#opciiDesign .NST_TO_BE.CGW {
    background: url(img/Cyl_MTL_KT_NST_TO_BE_CGW.png) no-repeat center;
}

#opciiDesign .EB_TO_BE.CGW {
    background: url(img/Cyl_MTL_KT_EB_TO_BE_CGW.png) no-repeat center;
}

#opciiDesign .NST_TO_BN.CGW {
    background: url(img/Cyl_MTL_KT_NST_TO_BN_CGW.png) no-repeat center;
}

#opciiDesign .EB_TO_BN.CGW {
    background: url(img/Cyl_MTL_KT_EB_TO_BN_CGW.png) no-repeat center;
}


/*ABLOY 11.03.19*/
#opciiDesign ._CR_TO_HALA {
    background: url(img/ABLOY_KT_CR_TO_HALA_CAM.png) no-repeat center;
}

#opciiDesign .HCR_TO_HALA {
    background: url(img/ABLOY_KT_HCR_TO_HALA_CAM.png) no-repeat center;
}

#opciiDesign .HALA_TO_HALA {
    background: url(img/ABLOY_KT_HALA_TO_HALA_CAM.png) no-repeat center;
}

#opciiDesign .KILA_TO_HALA {
    background: url(img/ABLOY_KT_KILA_TO_HALA_CAM.png) no-repeat center;
}

#opciiDesign ._CR_TO_KILA {
    background: url(img/ABLOY_KT_CR_TO_KILA_CAM.png) no-repeat center;
}

#opciiDesign .HCR_TO_KILA {
    background: url(img/ABLOY_KT_HCR_TO_KILA_CAM.png) no-repeat center;
}

#opciiDesign .HALA_TO_KILA {
    background: url(img/ABLOY_KT_HALA_TO_KILA_CAM.png) no-repeat center;
}

#opciiDesign .KILA_TO_KILA {
    background: url(img/ABLOY_KT_KILA_TO_KILA_CAM.png) no-repeat center;
}

#opciiDesign ._CR_TO_CR {
    background: url(img/ABLOY_KT_CR_TO_CR_CAM1.png) no-repeat center;
}

#opciiDesign .HCR_TO_CR {
    background: url(img/ABLOY_KT_HCR_TO_CR_CAM.png) no-repeat center;
}

#opciiDesign .HALA_TO_CR {
    background: url(img/ABLOY_KT_HALA_TO_CR_CAM.png) no-repeat center;
}

#opciiDesign .KILA_TO_CR {
    background: url(img/ABLOY_KT_KILA_TO_CR_CAM.png) no-repeat center;
}

#opciiDesign ._CR_TO_HCR {
    background: url(img/ABLOY_KT_CR_TO_HCR_CAM.png) no-repeat center;
}

#opciiDesign .HCR_TO_HCR {
    background: url(img/ABLOY_KT_HCR_TO_HCR_CAM.png) no-repeat center;
}

#opciiDesign .HALA_TO_HCR {
    background: url(img/ABLOY_KT_HALA_TO_HCR_CAM.png) no-repeat center;
}

#opciiDesign .KILA_TO_HCR {
    background: url(img/ABLOY_KT_KILA_TO_HCR_CAM.png) no-repeat center;
}

#opciiDesign .HALA_TO_DCR {
    background: url(img/ABLOY_KT_HALA_TO_MUS_CAM.png) no-repeat center;
}

#opciiDesign ._CR_TO_DCR {
    background: url(img/ABLOY_KT_CR_TO_MUS_CAM.png) no-repeat center;
}

#opciiDesign .HCR_TO_DCR {
    background: url(img/ABLOY_KT_HCR_TO_MUS_CAM.png) no-repeat center;
}

#opciiDesign .KILA_TO_DCR {
    background: url(img/ABLOY_KT_KILA_TO_MUS_CAM.png) no-repeat center;
}

#opciiDesign .HALA_TO_NIHA {
    background: url(img/ABLOY_KT_HALA_TO_NIHA_CAM.png) no-repeat center;
}

#opciiDesign ._CR_TO_NIHA {
    background: url(img/ABLOY_KT_CR_TO_NIHA_CAM.png) no-repeat center;
}

#opciiDesign .HCR_TO_NIHA {
    background: url(img/ABLOY_KT_HCR_TO_NIHA_CAM.png) no-repeat center;
}

#opciiDesign .KILA_TO_NIHA {
    background: url(img/ABLOY_KT_KILA_TO_NIHA_CAM.png) no-repeat center;
}

#opciiDesign .HALA {
    background: url(img/ABLOY_KK_HALA_CAM.png) no-repeat center;
}

#opciiDesign ._CR {
    background: url(img/ABLOY_KK_CR_CAM1.png) no-repeat center;
}

#opciiDesign .HCR {
    background: url(img/ABLOY_KK_HCR_CAM.png) no-repeat center;
}

#opciiDesign .KILA {
    background: url(img/ABLOY_KK_KILA_CAM.png) no-repeat center;
}
/*27.06 ABLOY*/
#opciiDesign .PG_PVD {
    background: url(img/ABLOY_KK_KILA_CAM.png) no-repeat center;
}

#opciiDesign .BG_PVD {
    background: url(img/ABLOY_KK_BG_CAM.png) no-repeat center;
}

#opciiDesign .BG_PVD_TO_BG {
    background: url(img/ABLOY_HARD_KT_GB_TO_GB_CAM.png) no-repeat center;
}

#opciiDesign .PG_PVD_TO_PG {
    background: url(img/ABLOY_KT_KILA_TO_KILA_CAM.png) no-repeat center;
}

#opciiDesign .GB_PVD {
    background: url(img/ABLOY_KK_GB_CAM.png) no-repeat center;
}

#opciiDesign .GB_PVD_TO_GB {
    background: url(img/ABLOY_KT_GB_TO_GB_CAM.png) no-repeat center;
}
/*CGW -----*/
#opciiDesign ._CR_TO_HALA.CGW {
    background: url(img/ABLOY_KT_CR_TO_HALA_CGW.png) no-repeat center;
}

#opciiDesign .HCR_TO_HALA.CGW {
    background: url(img/ABLOY_KT_HCR_TO_HALA_CGW.png) no-repeat center;
}

#opciiDesign .HALA_TO_HALA.CGW {
    background: url(img/ABLOY_KT_HALA_TO_HALA_CGW.png) no-repeat center;
}

#opciiDesign .KILA_TO_HALA.CGW {
    background: url(img/ABLOY_KT_KILA_TO_HALA_CGW.png) no-repeat center;
}

#opciiDesign ._CR_TO_KILA.CGW {
    background: url(img/ABLOY_KT_CR_TO_KILA_CGW.png) no-repeat center;
}

#opciiDesign .HCR_TO_KILA.CGW {
    background: url(img/ABLOY_KT_HCR_TO_KILA_CGW.png) no-repeat center;
}

#opciiDesign .HALA_TO_KILA.CGW {
    background: url(img/ABLOY_KT_HALA_TO_KILA_CGW.png) no-repeat center;
}

#opciiDesign .KILA_TO_KILA.CGW {
    background: url(img/ABLOY_KT_KILA_TO_KILA_CGW.png) no-repeat center;
}

#opciiDesign ._CR_TO_CR.CGW {
    background: url(img/ABLOY_KT_CR_TO_CR_CGW.png) no-repeat center;
}

#opciiDesign .HCR_TO_CR.CGW {
    background: url(img/ABLOY_KT_HCR_TO_CR_CGW.png) no-repeat center;
}

#opciiDesign .HALA_TO_CR.CGW {
    background: url(img/ABLOY_KT_HALA_TO_CR_CGW.png) no-repeat center;
}

#opciiDesign .KILA_TO_CR.CGW {
    background: url(img/ABLOY_KT_KILA_TO_CR_CGW.png) no-repeat center;
}

#opciiDesign ._CR_TO_HCR.CGW {
    background: url(img/ABLOY_KT_CR_TO_HCR_CGW.png) no-repeat center;
}

#opciiDesign .HCR_TO_HCR.CGW {
    background: url(img/ABLOY_KT_HCR_TO_HCR_CGW.png) no-repeat center;
}

#opciiDesign .HALA_TO_HCR.CGW {
    background: url(img/ABLOY_KT_HALA_TO_HCR_CGW.png) no-repeat center;
}

#opciiDesign .KILA_TO_HCR.CGW {
    background: url(img/ABLOY_KT_KILA_TO_HCR_CGW.png) no-repeat center;
}

#opciiDesign .HALA_TO_DCR.CGW {
    background: url(img/ABLOY_KT_HALA_TO_MUS_CGW.png) no-repeat center;
}

#opciiDesign ._CR_TO_DCR.CGW {
    background: url(img/ABLOY_KT_CR_TO_MUS_CGW.png) no-repeat center;
}

#opciiDesign .HCR_TO_DCR.CGW {
    background: url(img/ABLOY_KT_HCR_TO_MUS_CGW.png) no-repeat center;
}

#opciiDesign .KILA_TO_DCR.CGW {
    background: url(img/ABLOY_KT_KILA_TO_MUS_CGW.png) no-repeat center;
}

#opciiDesign .HALA_TO_NIHA.CGW {
    background: url(img/ABLOY_KT_HALA_TO_NIHA_CGW.png) no-repeat center;
}

#opciiDesign ._CR_TO_NIHA.CGW {
    background: url(img/ABLOY_KT_CR_TO_NIHA_CGW.png) no-repeat center;
}

#opciiDesign .HCR_TO_NIHA.CGW {
    background: url(img/ABLOY_KT_HCR_TO_NIHA_CGW.png) no-repeat center;
}

#opciiDesign .KILA_TO_NIHA.CGW {
    background: url(img/ABLOY_KT_KILA_TO_NIHA_CGW.png) no-repeat center;
}

#opciiDesign .HALA.CGW {
    background: url(img/ABLOY_KK_HALA_CGW.png) no-repeat center;
}

#opciiDesign ._CR.CGW {
    background: url(img/ABLOY_KK_CR_CGW.png) no-repeat center;
}

#opciiDesign .HCR.CGW {
    background: url(img/ABLOY_KK_HCR_CGW.png) no-repeat center;
}

#opciiDesign .KILA.CGW {
    background: url(img/ABLOY_KK_KILA_CGW.png) no-repeat center;
}

/*for hard*/

#opciiDesign ._CR_TO_HALA_HARD {
    background: url(img/ABLOY_HARD_KT_CR_TO_HALA_CAM.png) no-repeat center;
}

#opciiDesign .HCR_TO_HALA_HARD {
    background: url(img/ABLOY_HARD_KT_HCR_TO_HALA_CAM.png) no-repeat center;
}

#opciiDesign .HALA_TO_HALA_HARD {
    background: url(img/ABLOY_HARD_KT_HALA_TO_HALA_CAM.png) no-repeat center;
}

#opciiDesign .KILA_TO_HALA_HARD {
    background: url(img/ABLOY_HARD_KT_KILA_TO_HALA_CAM.png) no-repeat center;
}

#opciiDesign ._CR_TO_KILA_HARD {
    background: url(img/ABLOY_HARD_KT_CR_TO_KILA_CAM.png) no-repeat center;
}

#opciiDesign .HCR_TO_KILA_HARD {
    background: url(img/ABLOY_HARD_KT_HCR_TO_KILA_CAM.png) no-repeat center;
}

#opciiDesign .HALA_TO_KILA_HARD {
    background: url(img/ABLOY_HARD_KT_HALA_TO_KILA_CAM.png) no-repeat center;
}

#opciiDesign .KILA_TO_KILA_HARD {
    background: url(img/ABLOY_HARD_KT_KILA_TO_KILA_CAM.png) no-repeat center;
}

#opciiDesign ._CR_TO_CR_HARD {
    background: url(img/ABLOY_HARD_KT_CR_TO_CR_CAM.png) no-repeat center;
}

#opciiDesign .HCR_TO_CR_HARD {
    background: url(img/ABLOY_HARD_KT_HCR_TO_CR_CAM.png) no-repeat center;
}

#opciiDesign .HALA_TO_CR_HARD {
    background: url(img/ABLOY_HARD_KT_HALA_TO_CR_CAM.png) no-repeat center;
}

#opciiDesign .KILA_TO_CR_HARD {
    background: url(img/ABLOY_HARD_KT_KILA_TO_CR_CAM.png) no-repeat center;
}

#opciiDesign ._CR_TO_HCR_HARD {
    background: url(img/ABLOY_HARD_KT_CR_TO_HCR_CAM.png) no-repeat center;
}

#opciiDesign .HCR_TO_HCR_HARD {
    background: url(img/ABLOY_HARD_KT_HCR_TO_HCR_CAM.png) no-repeat center;
}

#opciiDesign .HALA_TO_HCR_HARD {
    background: url(img/ABLOY_HARD_KT_HALA_TO_HCR_CAM.png) no-repeat center;
}

#opciiDesign .KILA_TO_HCR_HARD {
    background: url(img/ABLOY_HARD_KT_KILA_TO_HCR_CAM.png) no-repeat center;
}

#opciiDesign .HALA_TO_DCR_HARD {
    background: url(img/ABLOY_HARD_KT_HALA_TO_MUS_CAM.png) no-repeat center;
}

#opciiDesign ._CR_TO_DCR_HARD {
    background: url(img/ABLOY_HARD_KT_CR_TO_MUS_CAM.png) no-repeat center;
}

#opciiDesign .HCR_TO_DCR_HARD {
    background: url(img/ABLOY_HARD_KT_HCR_TO_MUS_CAM.png) no-repeat center;
}

#opciiDesign .KILA_TO_DCR_HARD {
    background: url(img/ABLOY_HARD_KT_KILA_TO_MUS_CAM.png) no-repeat center;
}

#opciiDesign .HALA_TO_NIHA_HARD {
    background: url(img/ABLOY_HARD_KT_HALA_TO_NIHA_CAM.png) no-repeat center;
}

#opciiDesign ._CR_TO_NIHA_HARD {
    background: url(img/ABLOY_HARD_KT_CR_TO_NIHA_CAM.png) no-repeat center;
}

#opciiDesign .HCR_TO_NIHA_HARD {
    background: url(img/ABLOY_HARD_KT_HCR_TO_NIHA_CAM.png) no-repeat center;
}

#opciiDesign .KILA_TO_NIHA_HARD {
    background: url(img/ABLOY_HARD_KT_KILA_TO_NIHA_CAM.png) no-repeat center;
}

#opciiDesign .HALA_HARD {
    background: url(img/ABLOY_HARD_KK_HALA_CAM.png) no-repeat center;
}

#opciiDesign ._CR_HARD {
    background: url(img/ABLOY_HARD_KK_CR_CAM.png) no-repeat center;
}

#opciiDesign .HCR_HARD {
    background: url(img/ABLOY_HARD_KK_HCR_CAM.png) no-repeat center;
}

#opciiDesign .KILA_HARD {
    background: url(img/ABLOY_HARD_KK_KILA_CAM.png) no-repeat center;
}
/*30.06*/
#opciiDesign .NST_TO_ABR_KL {
    background: url(img/Cyl_RB_KT_NST_TO_ABR_CAM30.png) no-repeat center;
}

#opciiDesign .NST_TO_BE_KL {
    background: url(img/Cyl_RB_KT_NST_TO_BM_CAM30.png) no-repeat center;
}

#opciiDesign .NST_TO_BN_KL {
    background: url(img/Cyl_RB_KT_NST_TO_BN_CAM30.png) no-repeat center;
}

#opciiDesign .NST_TO_NC_KL {
    background: url(img/Cyl_RB_KT_NST_TO_NC_CAM30.png) no-repeat center;
} 

#opciiDesign .NST_TO_SB_KL {
    background: url(img/Cyl_RB_KT_NST_TO_SB_CAM30.png) no-repeat center;
}

#opciiDesign .NST_TO_EB_KL {
    background: url(img/Cyl_RB_KT_NST_TO_EB_CAM30.png) no-repeat center;
}

#opciiDesign .NST_TO_SBM_KL {
    background: url(img/Cyl_RB_KT_NST_TO_SBM_CAM30.png) no-repeat center;
}

#opciiDesign .NST_TO_NST_D7R {
    background: url(img/Cyl_D7R_KT_NST_TO_NST_CAM30.png) no-repeat center;
}
#opciiDesign .NST_D7R {
    background: url(img/Cyl_D7R_KT_NST_TO_NST_CAM30.png) no-repeat center;
}
#opciiDesign .NM_TO_NM_8000_Ω2 {
    background: url(img/Cyl_8000_KT_NM_TO_NM_CAM30.png) no-repeat center;
}
/*CGW -----*/
#opciiDesign ._CR_TO_HALA_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_CR_TO_HALA_CGW.png) no-repeat center;
}

#opciiDesign .HCR_TO_HALA-HARD.CGW {
    background: url(img/ABLOY_HARD_KT_HCR_TO_HALA_CGW.png) no-repeat center;
}

#opciiDesign .HALA_TO_HALA_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_HALA_TO_HALA_CGW.png) no-repeat center;
}

#opciiDesign .KILA_TO_HALA_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_KILA_TO_HALA_CGW.png) no-repeat center;
}

#opciiDesign ._CR_TO_KILA_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_CR_TO_KILA_CGW.png) no-repeat center;
}

#opciiDesign .HCR_TO_KILA_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_HCR_TO_KILA_CGW.png) no-repeat center;
}

#opciiDesign .HALA_TO_KILA_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_HALA_TO_KILA_CGW.png) no-repeat center;
}

#opciiDesign .KILA_TO_KILA_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_KILA_TO_KILA_CGW.png) no-repeat center;
}

#opciiDesign ._CR_TO_CR_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_CR_TO_CR_CGW.png) no-repeat center;
}

#opciiDesign .HCR_TO_CR_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_HCR_TO_CR_CGW.png) no-repeat center;
}

#opciiDesign .HALA_TO_CR_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_HALA_TO_CR_CGW.png) no-repeat center;
}

#opciiDesign .KILA_TO_CR_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_KILA_TO_CR_CGW.png) no-repeat center;
}

#opciiDesign ._CR_TO_HCR_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_CR_TO_HCR_CGW.png) no-repeat center;
}

#opciiDesign .HCR_TO_HCR_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_HCR_TO_HCR_CGW.png) no-repeat center;
}

#opciiDesign .HALA_TO_HCR_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_HALA_TO_HCR_CGW.png) no-repeat center;
}

#opciiDesign .KILA_TO_HCR_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_KILA_TO_HCR_CGW.png) no-repeat center;
}

#opciiDesign .HALA_TO_DCR_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_HALA_TO_MUS_CGW.png) no-repeat center;
}

#opciiDesign ._CR_TO_DCR_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_CR_TO_MUS_CGW.png) no-repeat center;
}

#opciiDesign .HCR_TO_DCR_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_HCR_TO_MUS_CGW.png) no-repeat center;
}

#opciiDesign .KILA_TO_DCR_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_KILA_TO_MUS_CGW.png) no-repeat center;
}

#opciiDesign .HALA_TO_NIHA_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_HALA_TO_NIHA_CGW.png) no-repeat center;
}

#opciiDesign ._CR_TO_NIHA_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_CR_TO_NIHA_CGW.png) no-repeat center;
}

#opciiDesign .HCR_TO_NIHA_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_HCR_TO_NIHA_CGW.png) no-repeat center;
}

#opciiDesign .KILA_TO_NIHA_HARD.CGW {
    background: url(img/ABLOY_HARD_KT_KILA_TO_NIHA_CGW.png) no-repeat center;
}

#opciiDesign .HALA_HARD.CGW {
    background: url(img/ABLOY_HARD_KK_HALA_CGW.png) no-repeat center;
}

#opciiDesign ._CR_HARD.CGW {
    background: url(img/ABLOY_HARD_KK_CR_CGW.png) no-repeat center;
}

#opciiDesign .HCR_HARD.CGW {
    background: url(img/ABLOY_HARD_KK_HCR_CGW.png) no-repeat center;
}

#opciiDesign .KILA_HARD.CGW {
    background: url(img/ABLOY_HARD_KK_KILA_CGW.png) no-repeat center;
}

#opciiDesign .BM {
    background: url(img/Cyl_MTL_KK_BM_CAM30.png) no-repeat center;
}
#opciiDesign .BM.CGW {
    background: url(img/Cyl_MTL_KK_BM_CGW.png) no-repeat center;
}

#opciiDesign .BM_TO_BE.CGW {
    background: url(img/Cyl_MTL_KT_BM_CGW.png) no-repeat center;
}


#opciiDesign .BM_TO_BE {
    background: url(img/Cyl_MTL_KT_BM_CAM30.png) no-repeat center;
}

/*shtock image*/
#opciiDesign .NST-shtok {
    background: url(img/Cyl_MTL_KSH_NST_CAM30.png) no-repeat center;
}

#opciiDesign .NST-shtok.CGW {
    background: url(img/Cyl_MTL_KSH_NST_CGW.png) no-repeat center;
}

#opciiDesign .BM-shtok {
    background: url(img/Cyl_MTL_BM_ST_CAM30.png) no-repeat center;
}

#opciiDesign .BM-shtok.CGW {
    background: url(img/Cyl_MTL_TS_BM_CGW.png) no-repeat center;
}
#opciiDesign .EB-shtok {
    background: url(img/Cyl_MTL_TS_EB_CAM30.png) no-repeat center;
}

#opciiDesign .EB-shtok.CGW {
    background: url(img/Cyl_MTL_TS_EB_CGW.png) no-repeat center;
}
/********************************/

#opciiDesign .Cyl_Key_Key {
    width: 292px;
    height: 133px;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: cover; /* Современные браузеры */
}

.constructor .rightDivBorder hr {
    margin: 5px;
    border: none;
    color: #9acfea;
    background-color: #9acfea;
    height: 2px;
}

#totalSizeSlider {
    display: none !important;
}

/*NEW CHANGES*/
.glyphicon {
    z-index: 4;
}
@media(max-width: 992px) {
    #paket .row,
    #opciiDesign .row,
    #opciiKey .row {
        margin-left: 0;
        margin-right: 0;

    }

    #paket .col-md-10 {
        padding-right: 10px;
        padding-left: 10px;
    }

    #opciiDesign .Cyl_Key_Key {
        margin: 0 auto;
    }

    #opciiKey #for_standart .secondBlock .col-md-3 img {
        display: none;
    }

    #opciiDesign .textLeft {
        text-align: center;
        font-size: 18px;
    }
}
@media (max-width: 768px) {
	.mul_t_lock, .abloy {
		width: unset;
		max-width: 684px !important;
		background-size: contain;
	}

	.verticalMiddleChild .make_disable_div {
		height: 100%;
	}

	div.tooltip-scroll-area {
		height: 455px;
		width: 100%;
	}

	.html-tooltip + .tooltip > .tooltip-inner {
		width: 100%;
		height: auto;
	}

	.tooltip-img-holder {
		height: unset;
		margin-bottom: 15px;
	}

	/*.verticalMiddleChild .row {*/
	/*	margin-left: 0;*/
	/*	margin-right: 0;*/
	/*}*/

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

	.constructor .btn {
		margin-bottom: 10px;
	}

    .secondLevelBorder .paddingTop5 {
        padding-top: 60px;
    }

    .Platf .col-md-1 {
        margin-top: 25px;
    }

    /*.glyphicon {*/
    /*    top: -20px;*/
    /*    left: 15px;*/
    /*}*/

    .marginBottom10 .verticalAlign25 {
        height: unset;
    }

    #opciiKey #for_standart .col-md-5._verticalAlign25.pull-left.marginLeft5 {
        padding: 0;
    }

    #opciiKey  #for_standart .rightBorder {
        width: auto !important;
    }

    #opciiKey #for_standart .col-md-10 {
        padding-right: 0;
        padding-left: 0;
    }

    #opciiKey #for_standart .textLeft {
        font-size: 13px;
        text-align: center;
    }

    #opciiKey #for_standart .img-responsive.center-block {
        height: auto !important;
    }

    #opciiKey #for_standart .marginBottom10 .verticalAlign25 {
        width: auto !important;
        display: flex;
        align-items: center;
    }

    #opciiKey #for_standart .row {
        display: flex;
        flex-direction: column;
        height: auto !important;
    }

    #opciiKey #for_standart .square20red,
    #opciiKey #for_standart .square20yellow,
    #opciiKey #for_standart .square20green {
        line-height: 15px;
        height: 15px;
        width: 15px;
    }

    .mul_t_lock, .abloy {
        height: 235px;
    }

    #opciiKey #for_standart .col-md-8,
    #opciiKey #for_standart .col-md-7 {
        padding-left: 0;
        padding-right: 0;
    }

    .bg-info.paddingTop5.paddingBottom5 {
        padding-top: 5px;
    }

    #opciiKey #for_standart .verticalTopChild:last-child .col-md-10 div > .row > .pull-left,
    #opciiKey #for_standart .verticalTopChild:last-child .col-md-10 div > .row > .pull-right {
        width: auto !important;
        display: flex;
        margin-bottom: 10px;
        padding: 0;
    }

    #opciiKey #for_standart .verticalMiddleParent.marginTop10 .col-md-3:not(:last-child) {
        margin-bottom: 15px;
    }

    .firstLevelBorder {
        padding: 0;
    }

    #opciiKey #for_vip .square30green,
    #opciiKey #for_vip .square30red {
        line-height: 35px;
        width: 35px;
        height: 35px;
    }

    #opciiKey #for_vip .verticalMiddleParent.marginTop10 #othersKeys .row div:not(:last-child) {
        margin-bottom: 15px;
    }

    #opciiKey #for_vip .clear-keys > .row {
        display: flex;
        align-items: center;
    }

    #opciiKey #for_vip .clear-keys > .row > .col-md-5 {
        display: flex;
        margin-right: 20px;
    }

    #opciiKey #for_vip .clear-keys > .row > div{
        padding: 0;
    }

    #opciiDesign .Cyl_Key_Key {
        background-size: contain;
        width: 100%;
    }

    #opciiDesign .verticalMiddleChild .col-md-12 {
        padding: 0;
    }

    .radio.center-block.cRadiopaddingTop10 label{
        margin: 0 auto;
    }
}

@media(max-width: 480px) {
    .mul_t_lock, .abloy {
        height: 170px;
    }
}

@media(max-width: 360px) {
    .mul_t_lock, .abloy {
        height: 125px;
    }
}

/* } */

/*NEW CHANGES*/

#opciiKey .firstBlock,
#opciiKey .secondBlock {
    width: auto !important;
}

.firstLevelBorder:has(#opcii.active #opciiDesign.active),
.firstLevelBorder:has(#opcii.active #opciiKey.active) {
    height: auto !important;
}
.constructor:has(li.active a[href="#paket"]):has(.abloy) .firstLevelBorder {
    height: auto !important;
}
.brand-block {
    width: 100% !important;
}

.verticalMiddleParent.platform-container {
    height: 100%;
    display: flex;
    align-items: center;
}

.verticalMiddleChild.platform-content {
    height: auto;
    width: 100%;
}

.verticalMiddleChild.platform-content > .row {
    margin: 0 !important;
}

.design-elem {
    display: flex;
}
.design-elem > div:first-child {
    flex-grow: 1;
}
.design-elem img {
    max-width: 90%;
}

@media (max-width: 992px) {
    .firstLevelBorder {
        height: auto !important;
    }
    .button-block {
        display: flex;
        justify-content: center;
    }
    .rightDivBorder {
        height: auto;
    }
    .make_disable_div_85 {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .radio-right {
        position: absolute !important;
        right: 0;
    }
}

#paket {
    padding: 10px;
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}