.calc-box .calc-left,
	.calc-box .calc-right{
		height: 568px;
		background: #f9f9f9;
	}
	
	.calc-box .calc-left{
		width: calc(40% - 18px);
		margin-right: 18px;
	}
	
	.calc-box .calc-right{
		width: 60%;
	}
	
	.calc-box{
		display: flex;
	}
	
	.calc-box .tab{
		background: #f1f1f1;
		    margin-bottom: 2px;
	}
	
	.calc-box .tab .title-line{
		display: flex;
		padding-left: 16px;
		padding-right: 16px;
		align-items: center;
		position: relative;
	}
	
	.calc-box .tab .title-line .num{
		width: 29px;
		height: 29px;
		margin-top: 6px;
		margin-bottom: 6px;
		background: #fff;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #888888;
		margin-right: 16px;
	}
	
	.calc-box .tab .tab-container{
		padding: 16px 35px;
		background: #f9f9f9;
		flex-wrap: wrap;
		justify-content: space-between;
		/* height: 271px; */
		display: none;
	}
	
	
	.calc-box .tab.opened .title-line{
		pointer-events: none;
		cursor: default;
	}

	
	.calc-box .tab:hover,
	.calc-box .tab.active,
	.calc-box .tab.opened{
		background: #9a007c;
		cursor: pointer;
		
	}
	.calc-box .tab:hover .name,
	.calc-box .tab.active .name,
	.calc-box .tab.opened .name{
		color: #fff;
	}
	
	.dlina input::-webkit-outer-spin-button,
.dlina input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.dlina input[type=number] {
  -moz-appearance: textfield;
}
	
	/*.calc-box .tab.active,
	.calc-box .tab.ready{
		background: #9a007c;
		cursor: pointer;
	}	
	

	.calc-box .tab.active .name,
	.calc-box .tab.ready .name{
		color: #fff;
	}*/
	
	.selector{
		width: calc(50% - 18px);
		border: 3px solid transparent;
		margin-bottom: 18px;
		padding: 10px;
	}
	
	.calc-box .selected{
		font-size: 14px;
    color: #bcbcbc;
    margin-left: 14px;
	}
	
	.calc-box .tab.done .num{
		    background: #9a007c;
    color: #fff;
	}
	
	
	
	.cab-center{
		width: 60%;
		background-size: contain !important;
	}
	
	.cab-left,
	.cab-right{
		height: 90px;
	}
	
	
	
	.cab-pic{
		padding-left: 50px;
    padding-right: 50px;
    display: flex;
    align-items: center;
	justify-content: center;
	}
	
	
	.calc-right .bot,
	.calc-right .top{
	    width: 100%;
		height: 50%;
		background-size: contain !important;
		position: relative;
	}
	
	
	.calc-right .cab-left .bot,
	.calc-right .cab-left .top{
		transform: scale(-1, 1);
	}
	
	.sim .bot{
		display: none;
	}
	
	.sim .top{
		margin-top: calc(25% + 2px);
	}
	
	.meters{
		height: 18px;
    width: 80%;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 30px;
	display: flex;
	margin-top: 90px;
	}
	
	.meters .left{
		border-left: 1px solid #d3d3d3;
		width: 50%;
		display: flex;
    align-items: center;
	}
	
	.meters .right{
		border-right: 1px solid #d3d3d3;
		width: 50%;
		display: flex;
    align-items: center;
	}
	
	.meters .hor{
		width: 100%;
    height: 1px;
    background: #d3d3d3;
	}
	
	.meters .num{
		padding-left: 25px;
    padding-right: 25px;
    color: #888888;
	transition: 0.5s;
	}
	
	.dlina input{
		background: #FFFFFF;
		border: 2px solid #D3D3D3;
		width: 120px;
		padding-left: 20px;
		padding-right: 20px;
		min-width: unset;
		max-height: 40px;
    outline: none !important;
    margin-right: 10px;
	}
	
	.dlina span{
		height: 40px;
		line-height: 40px;
		opacity: 0.8;
		display: inline-block;
	}
	
	.dlina span.d-name{
		    display: block;
		width: 100%;
		margin-bottom: -10px;
	}
	
	.cab-pic .lit{
		position: absolute;
		display: none;
	}
	
	.calc-right .cab-left .bot .lit, .calc-right .cab-left .top .lit {
    transform: scale(-1, 1);
}

.top .lit{
	top: -20px;
}

.bot .lit{
	bottom: -25px;
}


.tab.tip_volokna .selector,
.tab.tab_diametr .selector{
	width: calc(33.3333% - 18px);
	text-align: center;
	position: relative;
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
	font-size: 14px;
}


.tab.kon .selector{
	text-align: center;
	 margin-bottom: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.tab.tip_volokna .selector img,
.tab.kon .selector img
{
    display: block;
    margin: auto;
    margin-bottom: 5px;
}

.tab.tip_volokna .selector:hover,
.tab.tip_kabela .selector:hover,
.tab.kon .selector:hover,
.tab.tip_to .selector:hover
{
	border-color: transparent;
    color: #9a007c;
    font-weight: bold;
}


.tab.tip_volokna .selector.active,
/* .tab.kon .selector.active{ */
	    /* background: url(/calc/temp/OK.png) no-repeat 0% 85%; */
/* } */

.selected img{
	display: none;
}

.tab.tip_kabela .selector span,
.tab.tab_diametr .selector span,
.tab.tab_to .selector span{
	display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #D3D3D3;
    border-radius: 100%;
    margin-right: 10px;
}


.tab.tip_kabela .selector,
.tab.tab_diametr .selector,
.tab.tab_to .selector

{
	display: flex;
    align-items: center;
    height: auto;
}


.tab.tip_kabela .selector.active span,
.tab.tab_diametr .selector.active span,
.tab.tab_to .selector.active span
{
	    display: block;
    width: 18px;
    height: 18px;
    border: 0px solid #D3D3D3;
    /* background: url(/calc/temp/OK.png) no-repeat center center; */

}


.tab.tip_kabela .selector:hover span,
.tab.tab_diametr .selector:hover span,
.tab.tab_to .selector:hover span
{
	border-color: #9a007c;
}

.cab-pic .top,
.cab-pic .bot{
	width: 75px;
}

.cab-pic .bot{
	top:-4px;
}



.calc-right .name_box{
	padding-left: 50px;
    padding-right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;	
    margin-top: 60px;
}


.calc-right .name_box img{
	display: none;
}

.calc-right .name_box div{
	padding-left: 3px;
    padding-right: 3px;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #333333;
}


.selector-additional.goblack{
	    width: calc(100% + 70px);
    margin-left: -35px;
    margin-right: -35px;
    margin-bottom: -16px;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #F2F2F2;
	padding-left: 35px;
    padding-right: 35px;
	 display: flex;
    align-items: center;
}


.selector-additional span{
	display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #D3D3D3;
    border-radius: 100%;
    margin-right: 10px;
	   
}


.selector-additional.active span{
	display: block;
    width: 18px;
    height: 18px;
    border: 0px solid #D3D3D3;
    /* background: url(/calc/temp/OK.png) no-repeat center center; */
}

.cab-center.goblack{
	filter: grayscale(100%);
}


.tab{
	opacity: 0.5;
	pointer-events: none;
	cursor: default;
}



.tab.ready.done{
	opacity: 1;
	pointer-events: none;
	cursor: default;
}

.tab.ready, .tab.opened, .tab.done.opened{
	opacity: 1;
	pointer-events: unset;
	cursor: pointer;
}


.calc-box .tab.done.opened .num {
        background: #fff;
    color: #888888;
}


.tab.ready.done.opened{
	opacity: 1;
	pointer-events: unset;
	cursor: pointer;
}


.selector-additional.apc{
	padding-left: 35px;
	width: calc(50% + 35px);
    margin-left: -35px;
	display: flex;
    align-items: center;
	 margin-bottom: -16px;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #F2F2F2;
	justify-content: flex-end;
    padding-right: 10px;
}

.selector-additional.upc{
	padding-right: 35px;
	width: calc(50% + 35px);
    margin-right: -35px;
	display: flex;
    align-items: center;
	 margin-bottom: -16px;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #F2F2F2;
	padding-left: 10px;
}



.tab-container .rash-button{
	width: calc(100% + 70px);
    background: #fff;
    margin-left: -35px;
    margin-right: -35px;
    margin-bottom: -16px;
    display: flex;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 25px;
    padding-bottom: 16px;
    margin-top: 40px;
    align-items: center;
    justify-content: center;
}

.calc-start{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
	text-align: center;
}


.tab-container .rash-button a{
	    background: #9a007c;
    box-shadow: 0px 1px 2px rgba(39, 14, 33, 0.4), inset 0px 2px 1px rgba(255, 255, 255, 0.4);
    border-radius: 5px;
    color: #fff;
    padding: 10px 30px;
}

.tab-container .rash-button.disabled{
	opacity: 0.5;
    pointer-events: none;
    cursor: default;
}


.tab-container .rash-button a:hover{
	opacity: 0.8;
}


.calc-pricetalbe{
	display: none !important;
}

.price-box{
	background: #F1F1F1;
    display: flex;
    flex-wrap: wrap;
	    position: absolute;
    bottom: 0px;
    width: 100%;
    padding-bottom: 16px;
    padding-top: 16px;
    padding-left: 50px;
    padding-right: 50px;
	display: none;
}

.calc-box .calc-right {
    position: relative;
}

.calc-right .price-box .f-line{
	    display: flex;
    flex-wrap: wrap;
	    width: 100%;
    justify-content: space-between;
}

.f-line b{
	display: block;
}



.calc-right .price-box .price-o,
.calc-right .price-box .price-r,
.calc-right .price-box .quantity{
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}


.calc-right .price-box .opt-tt{
	font-size: 12px;
    line-height: 16px;
    color: #888888;
    margin-top: 5px;
}

.calc-right .price-box .price-square{
	background: #F9F9F9;
    display: flex;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
    width: 96px;
    height: 40px;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    padding-right: 10px;
}

.calc-right .price-box .quantity .price-square{
	width: auto;
	background: transparent;
}

.calc-right .price-box .quantity .price-square input{
	background: #FFFFFF;
    border: 2px solid #D3D3D3;
    width: 96px;
    height: 40px;
    padding-left: 10px;
    margin-right: 5px;
    outline: none !important;
}

.calc-right .price-box .full_result{
	display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
}

.calc-right .price-box .full_result .price{
	    padding-left: 5px;
    padding-right: 5px;
    font-size: 24px;
    line-height: 28px;
    color: #9a007c;
}

.calc-right .price-box .full_result .rub{
	font-size: 24px;
    line-height: 28px;
    color: #9a007c;
}

.calc-right .price-box .to_form{
	background: #9a007c;
    box-shadow: 0px 1px 2px rgba(39, 14, 33, 0.4), inset 0px 2px 1px rgba(255, 255, 255, 0.4);
    border-radius: 5px;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    padding: 15px 35px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.tab .title-line:after{
	content: " ";
	width: 8px;
height: 8px;
right: 24px;
top: calc(50% - 8px/2 + 8px);
display: block;
position: absolute;
	right: 25px;
    top: 50%;
    margin-top: -2px;
    border: 4px solid transparent;
    border-top: 4px solid #D3D3D3;
	transition: 0.5s;
}


.tab.opened .title-line:after{
	transform: matrix(1, 0, 0, -1, 0, 0);
	    margin-top: -6px;
		transition: 0.5s;
}

.clearall{
	position: absolute;
    right: 0px;
    display: block;
    background: #9a007c;
    clip-path: polygon(13px 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%, 0 13px);
    padding: 8px 21px 6px 22px;
    color: #fff;
}

.clearall:hover{
	color: #fff;
	opacity: 0.9;
}

.calc-box .tab.dlina .tab-container{
	    justify-content: flex-start;
}

header#header{
	    background: #fff;
}
/*.wrapper1 .header_wrap{
	z-index: 0;
}*/

.calc-form{
	width: 454px;
	height: auto;
max-height: 90%;
position: absolute;
padding: 35px 50px;
position: fixed;
    top: 10%;
    left: 50%;
    margin-left: -227px;
	overflow-y:auto;
background: #F1F1F1;
z-index: 1000;
display: none;
}


.calc-form .title{
	font-size: 24px;
line-height: 28px;
/* identical to box height */


color: #9a007c;
}

.calc-form .nameprod{
	display: flex;
    flex-wrap: wrap;
	margin-top: 8px;
    line-height: 1.4;
}

.calc-darkness{
	width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.56);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
	display: none;
}

.calc-form .close{
	    display: block;
    background: url(https://fibertool.com/calc/temp/calc-exit.svg) no-repeat center center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 24px;
    right: 24px;
    opacity: 1;
}

.calc-form .close:hover{
	cursor: pointer;
	    opacity: 0.7;
}

.calc-form .priceprod{
	font-size: 18px;
line-height: 21px;
    margin-top: 8px;
color: #333333;

}

.calc-form .nameprod img{
	display: none;
}

.calc-form .nameprod div{
	padding-left: 2px;
	padding-right: 2px;
	
}

.calc-form .nameprod div:nth-child(1){
	padding-left: 0px;
}

.calc-form input{
	background: #FFFFFF;
    border: 2px solid #D3D3D3;
    margin-bottom: 16px;
    margin-top: 4px;
}

.calc-form .input span{
	font-size: 12px;
line-height: 16px;
/* identical to box height, or 133% */


color: #888888;
}

.calc-form .submit{
	    background: #9a007c;
    box-shadow: 0px 1px 2px rgba(39, 14, 33, 0.4), inset 0px 2px 1px rgba(255, 255, 255, 0.4);
    border-radius: 5px;
    display: block;
    width: 240px;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: auto;
    margin-top: 24px;
}

.calc-form .submit:hover{
	opacity: 0.8;
}

.calc-form .policy{
	display: flex;
    font-size: 12px;
    line-height: 16px;
    color: #888888;
	margin-top: 20px;
}

.calc-form .policy .outer{
	border: 2px solid #9a007c;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    border-radius: 10px;
	cursor: pointer;
}

.calc-form .policy.active .outer{
	background: url(https://fibertool.com/calc/temp/calcpolyok.svg) #9a007c no-repeat center center;
}

.nexstep{
	display: none;
	margin-left: auto;
    padding-right: 27px;
    font-size: 12px;
}



.ready .nexstep {
	display: block;
    color: #9a007c;
}

.ready:hover .nexstep{
	
	color: #fff;
}

.tip_volokna.ready .nexstep{
	display: none;
}

.opened .nexstep{
	display:none;
}


.duplex .duplex-no{
	display: none !important;
}

.apc.hiddenapc,
.only-upc .apc
{
	color: transparent;
	pointer-events: none;
	cursor: default;
}
.apc.hiddenapc span,
.only-upc .apc span{
	opacity: 0;
}

/* #calc-box-main.duplex .tab.tab_diametr .selector { */
    /* width: 50%; */
/* } */


.usdrate{
	display: none;
}	

img.preload{
	position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -32px;
	display: none;
}

.kon .selector img.om-img{
	display: none;
}

.only-upc .kon .selector img.om-img{
	display: block;
}

.only-upc .kon .selector img.main{
	display: none;
}

span.d-alert{
	display: none;
	padding-left: 20px;
    font-size: 12px;
    color: red;
}


.calc-box .tab.done{
	pointer-events: unset;
}

.calc-box .tab.done:hover, .calc-box .tab.done.opened{
	    background: #f1f1f1 !important;
}

.calc-box .tab.done:hover .name, .calc-box .tab.done .name{
	color: unset;
}

.calc-cancel-box{
	width: 454px;
    height: auto;
    max-height: 90%;
    position: absolute;
    padding: 35px 50px;
    position: fixed;
    top: 20%;
    left: 50%;
    margin-left: -227px;
    overflow-y: auto;
    background: #F1F1F1;
    z-index: 1000;
    display: none;
	
}

.calc-cancel-box a{
	    background: #9a007c;
    box-shadow: 0px 1px 2px rgba(39, 14, 33, 0.4), inset 0px 2px 1px rgba(255, 255, 255, 0.4);
    border-radius: 5px;
    color: #fff;
    padding: 7px 30px;
    width: 80%;
    display: block;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.calc-cancel-box a:hover{
	opacity: 0.8;
}

.calc-cancel-box .txt{
	font-size: 16px;
    text-align: center;
    line-height: 1.4;
}

.gogreen1.green img{
	    filter: hue-rotate(275deg);
}

.gogreen2.green img{
	filter: hue-rotate(90deg);
}

.top.gogreen1,
.bot.gogreen1{
	filter: hue-rotate(275deg);
}

.top.gogreen2,
.bot.gogreen2{
	filter: hue-rotate(90deg);
}

.tab-panel-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.tab-panel-item {
	background: #F9F9FA;
	display: flex;
	align-items: center;
	padding: 15px 20px;
	gap: 20px;
}
.tab-panel-item.active {background: #A5307C}
.tab-panel-item .num {
	font-size: 34px;
	line-height: 1.35;
	color: #383838;
	font-weight: bold;
}
.tab-panel-item.active .num {color: white} 
.tab-panel-item .text-wrap {
	display: flex;
	flex-direction: column;
}
.tab-panel-item .name {
	font-size: 16px;
	line-height: 1.375;
	color: #383838;
}
.tab-panel-item.active .name {color: white} 

@media (max-width: 767px){
	
	
	
	
	.dlina span.d-name {
    display: block;
    width: 100%;
    margin-bottom: 0;
    line-height: 1.4;
    margin-bottom: 20px;
}
	
	
.cab-left, .cab-right{
	height: auto;
}
	
	.calc-right .name_box{
		margin-top: 0px;
		padding-left: 20px;
    padding-right: 20px;
	}
	
	.meters {
    margin-top: 25px;
    margin-bottom: 20px;
    margin-top: 80px;
}
	
	.calc-right .price-box .to_form {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 30px;
    margin-top: 10px;
    margin-bottom: 5px;
}
	
	.calc-right .name_box div{
		font-size: 16px;
	}
	
	.calc-box{
		flex-wrap: wrap;
	}
	
	.calc-box .tab .tab-container{
		height: auto;
	}
	
	.calc-form{
    width: 100%;
    margin: 0;
    left: 0;
	}
	
	.tab.tip_volokna .selector, .tab.tab_diametr .selector {
    width: 50%;
	}
	
	.cab-pic {
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 30px;
	}
	
	
	.calc-box .calc-left,
	.calc-box .calc-right	{
		width: 100%;
		margin-right: 0;
	}
	
	.calc-right .name_box{
		flex-wrap: wrap;
	}
	
	
	.calc-right .price-box .full_result{
		    margin: auto;
    margin-top: 20px;
	}
	
	.clearall{
		    left: 50%;
    margin-left: -100px;
    top: 15px;
    width: 200px;
	}
	
	.sim .top {
    margin-top: 0;
}

.dup .cab-center{
/*	margin-top: -10px;*/
	
}

.cab-pic.dup{
	margin-top: 55px;
}
	
}


@media (max-width: 480px){
.dup .cab-center{
	/*margin-top: -55px;*/
	
}

}

.tab-panel-wrapper {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 60px;
}
.tab-panel-item {
	background: #F9F9FA;
	display: flex;
	align-items: center;
	padding: 15px 20px;
	gap: 20px;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 92.5% 100%, 0 100%);
    width: 176px;
	cursor: pointer;
}
.tab-panel-item.active {background: #A5307C}
.tab-panel-item .num {
	font-size: 34px;
	line-height: 1.35;
	color: #383838;
	font-weight: bold;
}
.tab-panel-item.selected * {color: #878482}
.tab-panel-item.active .num {color: white} 
.tab-panel-item .text-wrap {
	display: flex;
	flex-direction: column;
}
.tab-panel-item .text-wrap .selected {
	font-size: 14px;
	line-height: 1.57;
	color: #878482;
}
.tab-panel-item .name {
	font-size: 16px;
	line-height: 1.375;
	color: #383838;
}
.tab-panel-item.active .name {color: white} 
.calc-box .calc-left,.calc-box .calc-right {background: none;}
.sim .top {margin-top: calc(19% + 2px)}
.calc-box .tab {display: none}
.calc-box .tab.opened {display: block}
.calc-box .tab.opened .tab-container {
	display: flex;
	gap: 10px;
	background: none;
	padding: 0;
}
.calc-box .calc-left {
	max-width: 490px;
	flex-shrink: 0;
}
.calc-box .calc-start {padding: 0 20px; text-wrap: balance; background: white;}
.calc-box .calc-left h2 {margin-top: 0}
.calc-box .tab .tab-container .selector {
	border: 1px solid #C8C8C8;
	padding: 45px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
	width: calc(50% - 8px);
}
.calc-box .tab.tip_volokna .tab-container .selector {
	padding: 25px 18px;
	width: calc(33% - 5.5px);
}
.calc-box .tab.tip_volokna .tab-container {align-items: stretch}
.calc-box .tab .tab-container .selector:hover {border: 1px solid #878482}
.calc-box .tab .tab-container .selector.active {
	border: 2px solid #A5307C;
	color: #A5307C;
	font-weight: bold;
}
.calc-box .tab.done:hover, .calc-box .tab.done.opened {
    background: none !important;
}
.calc-box .tab:hover, .calc-box .tab.active, .calc-box .tab.opened {background: none}
.nav-block-wrapper .make-calc a {color: white !important}
.button-next, .nav-block-wrapper .make-calc {
	padding: 45px 25px;
	background: #A5307C;
	color: white;
	font-size: 20px;
	line-height: 1.1;
	text-transform: uppercase;
	flex-shrink: 0;
	cursor: pointer;
	transition: .5s;
}
.nav-block-wrapper .make-calc {display: none}
.button-next:hover, .nav-block-wrapper .make-calc:hover {background: #BF4E98;}
.calc-box {align-items: center}
.selector-additional {
    text-align: left !important;
    align-items: start;
    justify-content: start !important;
    width: calc(51% - 15px) !important;
    padding: 5px 10px !IMPORTANT;
    margin: 0 !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 5px;
}
.selector-additional.goblack {
	display: flex;
	align-items: center;
	gap: 15px;
	border: none !important;
	padding: 0 !important;
	border: none !important;
}
.goblack .check-wrapper {
	min-width: 24px;
	height: 24px;
	background: url(https://fibertool.com/images/check-def.svg) center/cover no-repeat;
	transition: .5s;
}
.goblack:hover:hover .check-wrapper {background: url(https://fibertool.com/images/check-hover.svg) center/cover no-repeat;}
.goblack.active .check-wrapper {background: url(https://fibertool.com/images/check-active.svg) center/cover no-repeat;}
.goblack.active:hover:hover .check-wrapper {background: url(https://fibertool.com/images/check-active-hover.svg) center/cover no-repeat;}
.calc-box .tab .tab-container {align-items: flex-start}
.calc-box .calc-left, .calc-box .calc-right {height: 430px}
.dlina span {line-height: 1.5}
.nav-block-wrapper {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 32px;
	margin-left: 18px;
	max-width: 140px;
	width: 100%;
}
.button-prev {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	color: #878482;
	cursor: pointer;
	transition: .5s;
}
.button-prev:hover {color: #655e5a}
.meters .hor {display: none}
.meters .left {border-left: none}
.meters .right {border-right: none}
.name_box {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	color: #4C4948;
}
.tab.kon .selector-additional {
	border: none !important;
	display: flex;
	align-items: center;
	gap: 13px;
	text-align: center;
	margin-bottom: 20px;
	padding: 0 !important;
}
.tab.kon .selector-additional .radio-wrapper {
	width: 24px;
	height: 24px;
	transition: .5s;
	background: url(https://fibertool.com/calc/temp/radio-def.svg) center/100% no-repeat;
}
.tab.kon .selector-additional p {margin: 0}
.tab.kon .selector-additional:hover .radio-wrapper {background: url(https://fibertool.com/calc/temp/radio-def-hover.svg) center/100% no-repeat;}
.tab.kon .selector-additional.active .radio-wrapper {background: url(https://fibertool.com/calc/temp/radio-active.svg) center/100% no-repeat;}
.apc.hiddenapc.selector-additional, .only-upc .selector-additional.apc {display: none !important}
.flex-row {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    justify-content: space-between;
}
.dlina .tab-container {max-height: 150px}
.price-box {
	display: none;
	position: static;
    background: none;
    padding: 0;
}
.price-box h3 {
	font-size: 22px;
	line-height: 1.27;
	font-weight: 700;
	margin-bottom: 40px;
}
.price-box .f-line {
	display: flex;
	justify-content: start;
	align-items: start;
	flex-wrap: wrap;
	gap: 28px 40px;
}
.price-box .f-line > div {
	display: flex;
	align-items: start;
	flex-direction: column;
	gap: 8px;
}
.price-box .f-line p {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.44;
}
.price-box .price-square {
	display: flex;
	align-items: center;
	font-size: 28px;
	line-height: 1;
	color: #A5307C;
}
.price-box .quantity input {
	text-align: center;
    border: 1px solid #E7E9EB;
    padding: 9px 21px;
    max-width: 90px;
    font-size: 16px;
    line-height: 1.5;
}
.price-box .full_result .price-square { font-weight: 700}
.price-box a.to_form {
	min-width: 165px;
	background: #A5307C;
	padding: 9px 30px;
	font-size: 14px;
	line-height: 1.57;
	text-transform: uppercase;
	color: white !important;
	transition: .5s;
	cursor: pointer;
}
.price-box a.to_form:hover {
	background: #BF4E98;
}
.nav-block-wrapper a.refresh {
	position: static;
	display: none;
}
.cab-pic .cab-left,
.cab-pic .cab-right {height: 75px}
.cab-pic .cab-left .top,
.cab-pic .cab-left .bot,
.cab-pic .cab-right .top,
.cab-pic .cab-right .bot {height: 40px}
.cab-center {width: 310px; height: 41px !important}
@media (max-width: 1220px) and (min-width: 992px) {
	.cab-center {width: 280px}
}
@media (max-width: 1300px) {
	.calc-right .name_box {
		flex-wrap: wrap;
	}
}
@media (max-width: 1170px) and (min-width: 992px) {
	.cab-pic {padding-left: 0; padding-right: 0}
	.cab-pic .top, .cab-pic .bot {width: 60px}
	.cab-pic.dup .cab-left .top, .cab-pic.dup .cab-left .bot, .cab-pic.dup .cab-right .top, .cab-pic.dup .cab-right .bot {height: 39px}
	.cab-pic.sim .cab-left .top, .cab-pic.sim .cab-left .bot, .cab-pic.sim .cab-right .top, .cab-pic.sim .cab-right .bot {height: 46px}
}
@media (max-width: 1080px) {
	.tab-panel-item {
		gap: 10px;
		padding: 10px;
	}
	.calc-right .name_box {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		justify-content: start;
	}
}

@media (max-width: 990px) {
	.calc-box .tab.opened .tab-container {
		text-align: center;
		justify-content: center;
	}
	.tab-panel-item {
		gap: 20px;
		padding: 15px 20px;
		min-width: 175px;
	}
	.tab-panel-wrapper {
		overflow: auto;
		max-width: 100%;
		margin-bottom: 25px;
	}
	.calc-box {
		gap: 30px;
		flex-direction: column;
	}
	.calc-box .calc-left {
		max-width: 100%;
		width: 100%;
	}
	.selector-additional.goblack {
		width: 100% !important;
		justify-content: center !important;
		margin-top: 15px !important;
	}
	.calc-box .calc-left, .calc-box .calc-right {height: auto}
	.calc-box .calc-right {width: 100%}
	.meters {
		margin-top: 0;
		margin-bottom: 0;
	}
	.calc-right .name_box {justify-content: center}
	.nav-block-wrapper {
		max-width: 340px; 
		margin-left: 0;
		gap: 20px;
	}
	.button-next, .nav-block-wrapper .make-calc {
		text-align: center;
		width: 100%;
		font-size: 20px;
		line-height: 1.1;
		padding: 19px;
	}
	.calc-box .calc-left h2 {text-align: center}
	.sim .top {
		margin-top: 16px;
	}
	.calc-box .tab .tab-container {height: auto}
	.calc-right .bot, .calc-right .top {top: 3px}
	.cab-pic .bot {top: -7px}
	.calc-box .tab .tab-container .selector {padding: 18px}
	.cab-pic .cab-left, .cab-pic .cab-right {
		height: 78px;
	}
}

@media (max-width: 768px) {
	.calc-box .tab.tip_volokna .tab-container .selector {padding: 13px 0}
	.cab-pic {padding-left: 0; padding-right: 0}
	/* .cab-center {width: 80%} */
	.calc-right .name_box {margin-top: 20px}
	.calc-right .bot, .calc-right .top {top: 6px}
	.calc-left .sim .top, .calc-right .sim .top {top: 2px}
	.cab-pic .bot {top: -9px}
}
@media (max-width: 767px) {
	.cab-center {
		height: 35px !important;
	}
	.cab-pic.dup {
		margin-top: 15px;
	}
}
@media (max-width: 450px) {
	.price-box .f-line > div {
		align-items: center;
		min-width: 100%;
	}
	.price-box .f-line {justify-content: space-between}
	.price-box a.to_form {min-width: 100%; padding: 19px}
}
@media (max-width: 400px) {
	.calc-box .tab.tip_volokna .tab-container .selector {width: calc(50% - 5.5px)}
}