.calc .ui-slider-handle.ui-state-default {
    background-color: #fa5822;
    border: 1px solid #fa5822;

}
.calc .ui-slider-range-min{
	    background: #0667a8;
}

/* HIDE RADIO */
.calc [type="radio"] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.calc [name="okno_type"] + img {
      max-height: 90px;
}

/* CHECKED STYLES */
.calc [name="okno_type"]:checked + img + span {
  color:#fa5822
}
.calc{
display: grid;
    grid-template-columns: calc(85% - 1em) 15%;
    gap: 1em;
	margin-bottom:2em
}
.calc .okno_types{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.calc .okno_types label{
    display: flex;
    width: 100%;
    padding: 20px;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 1em;
	    border: #949494 solid 1px;
		    background: white;
    border-radius: 1rem;
	  cursor: pointer;
	
}
.calc .okno_types label span{
	    line-height: 1.1;
}
.calc .okno_types label:hover{
	    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	
}
.calc .okno_types label:hover span{
	color:#0667a8
}
.calc .okno_maindata_gallery .okno_maindata_gallery_types{
	 display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.calc .okno_maindata_gallery .okno_maindata_gallery_types:not([data-okno_gallery_type="1"]){
	display:none;
}
.calc .okno_maindata_gallery{
position: relative;

    display: flex;
    justify-content: center;
    align-items: center;
}
.calc .okno_maindata_gallery .okno_maindata_gallery_types label{
    display: flex;
    align-items: center;
    justify-content: center;
	  cursor: pointer;
}
.calc .okno_maindata{
	background:#fff;
    border: #949494 solid 1px;
	padding: 20px;
	    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.calc .okno_maindata_gallery .okno_maindata_gallery_types label img{
	    padding: 10px 25px;
}
.calc .okno_maindata_gallery .okno_maindata_gallery_types label [name="okno_gallery"]:checked+img{
	    border: #949494 solid 1px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.calc .okno_maindata_left{
	display: grid;
    grid-template-columns: minmax(5em, auto) 1fr;
	grid-template-rows: 1fr minmax(5em, auto);
    gap: 1em;
}
.calc .okno_maindata_left .option__vertical{
	    display: flex;
    flex-direction: column;
    align-items: center;
	  gap: 1em;
}
.calc .okno_maindata_left .calc__image{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-top: 3em;
    width: calc(100% - 5em);
}
.calc .okno_maindata_left .option__horisontal{
	    display: grid;
    grid-template-columns: 1fr minmax(5em, auto);
    align-items: center;
	  gap: 1em;
}
.calc .okno_maindata_body{
	    display: grid;
    grid-template-columns: 1fr 1fr;
	    gap: 1em;
}
.calc #window-slider-vertical{
	    min-height: calc(100% + 1em);
}
.calc .okno_maindata_form_item{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
	gap:1em
}
.calc .okno_maindata_right{
	    display: flex;
    flex-direction: column;
    gap: 1em;
}
.calc .okno_maindata_form_item select,
.calc .okno_maindata_form_item:last-child input{

	    padding: 10px;
}
.calc .okno_maindata_form_item:last-child{
gap:1em
}
.calc .okno_maindata_form_item:last-child button{
	    padding: 18px 30px;
    width: 100%;
    background: #FA5822;
    border-radius: 39px;
    border: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.calc .okno_maintitle{
	    text-align: center;
    font-size: 1.5em;
}
@media (max-width:1200px){
	.calc {
display: grid;
    grid-template-columns: 100%;
    gap: 0.1rem;
}
.calc .okno_types {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: .5rem;
    order: -1;
}
}
@media (max-width:992px){
	.calc .okno_maindata_body {
    display: grid;
    grid-template-columns: 100%;
    gap: 1em;
}
.calc .okno_maindata_form_item:last-child button{
	grid-column: 1 / span 2;
}
}
@media (max-width:768px){
.calc .okno_types {

    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));

}
}
@media (max-width:530px){
	.calc .okno_maindata_form_item{
		    grid-template-columns: 100%;
	}
	.calc .okno_maindata_form_item:last-child button{
	grid-column: unset;
}
}


#calcModal .modal-dialog {
    justify-content: center;
    display: flex;
    align-items: center;
	    min-height: 80vh;
}

#calcModal .modal-content {
  width: initial !important;
}
#calcModal  .modal-footer{
	    display: flex;
    justify-content: center;
	
}