.konfigurator-load{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.8);
z-index:99999999999999;
display:none;
}

.konfigurator-load-kr
{
position: absolute;
left:50%;
top:50%;
margin-left:-27px;
margin-top:-27px;
border: 4px solid white;
border-top: 4px solid transparent; 
border-radius: 50%;
width:50px;
height:50px;
animation: spin 1s linear infinite;
    
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.konfigurator{
margin-bottom:40px;
}

.konfigurator-header,
.section-sub-page-content .konfigurator-header{
background:#ff960e;
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
margin-bottom:25px; 
padding:20px 0px 20px 25px;
color:#fff;
font-size:26px;
line-height:normal;
}

.konfigurator-start{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
margin:0px -10px 20px -10px;
}

.konfigurator-start-item-full{
width:calc(100% - 42px); 
margin:10px;
padding:10px;
border:1px solid #ff960e; 
}

.konfigurator-start-item{
width:calc(33.33333333333333333% - 42px);
margin:10px;
padding:10px;
border:1px solid #ff960e;
cursor:pointer;
position:relative;
}

.konfigurator-start-item.active{
border:4px solid #ff960e;
width:calc(33.33333333333333333% - 48px);
}

.konfigurator-start-item .konfigurator-start-item-zaz{
position:absolute;
top:10px;
right:10px;
width:60px;
height:60px;
background:#00b059;
border-radius:50%;
display:none;
}

.konfigurator-start-item.active .konfigurator-start-item-zaz{
display:block;
}


.konfigurator-start-item-zaz::before
{
position:absolute;
content:'';
width:18px;
height:10px;
top:21px;
left:18px;
border-left:4px solid #fff;
border-bottom:4px solid #fff;
transform:rotate(-45deg); 
-webkit-transform:rotate(-45deg); 
-ms-transform:rotate(-45deg);
}


.konfigurator-start-item-img{
width:100%;
height:300px;
}

.konfigurator-start-item img{
width:100%;
height:100%;
object-position:center;
object-fit:contain;
}

.konfigurator-start-item-header{
font-weight:bold;
font-size:24px;
letter-spacing:1px;
font-family:'Times New Roman';
color:rgb(45,45,48);
line-height:normal; 
margin-bottom:20px;
padding-top:20px;
text-align:center;  
}

.konfigurator-krok{
display:none;
}

.konfigurator-start-item-full-check{
padding:0px;  
}

.konfigurator-start-item-full-check input{
display: none;
}

.konfigurator-start-item-full-check label {
position:relative;
padding-left:30px;
display:block;
font-size: 17px;
line-height:1.42857143;
color: #333;
margin:0px;
text-align:left;
}



.konfigurator-start-item-full-check label::before{
content:'';
position:absolute;
top:0px;
left:0px;
width:20px;
height:20px;
border:1px solid #ff960e;
background:#fff;   
}

.konfigurator-start-item-full-check label::after{
content:'';
position:absolute;
top:0px;
left:0px;
}

.konfigurator-start-item-full-check input[type="checkbox"]:checked + label::after{
content:'';
position:absolute;
top:2px;
left:7px;
width:7px;
height:12px;
border-right:2px solid #000;
border-bottom:2px solid #000;
color:#dcdcdc;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.konfigurator-end{
padding:10px;
border:1px solid #ff960e;
position:relative;  
}

.konfigurator-end-content{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
}

.konfigurator-end-content-info{
width:calc(50% - 10px);
background:#ff960e;
}

.konfigurator-end-content-form{
width:calc(50% - 20px);
margin-right:10px;
}

.konfigurator-end-content-info-item{
font-size: 17px;
line-height:1.42857143;
color:#fff; 
padding:10px 20px; 
}

.konfigurator-end-content-form-poz-label{
margin-bottom:5px;
font-size:17px;
line-height:1.42857143;
color: #333; 
}

.konfigurator-end-content-form-poz-input{
margin-bottom:15px;
}

.konfigurator-end-content-form-poz-input input{
background-color:#fff;
-webkit-box-shadow:inset 3px 4px rgba(0, 0, 0, .05);
-moz-box-shadow:inset 3px 4px rgba(0, 0, 0, .05);
box-shadow:inset 3px 4px rgba(0, 0, 0, .05);
border:1px solid #cccccc;
padding:5px 0px 5px 10px;
outline:none;
font-size:17px;
width:calc(100% - 12px);
margin:0px;
line-height:30px;
}

.konfigurator-end-content-form-poz-input input:hover, 
.konfigurator-end-content-form-poz-input select:hover,
.konfigurator-end-content-form-poz-input textarea:hover{
border:1px solid #ff960e;
}

.konfigurator-end-content-form-poz-button{
text-align:center;
}

.konfigurator-end-content-form-poz-button-two{
text-align:center;
margin-bottom:20px;  
}