.info-data h2{text-align:center;}
.elevator-kind{display:none;margin: 5px 15px;}
.elevator-kind_to{display:none;margin: 5px 15px;}
.elevator-kind label{padding-left: 25px;}
.elevator-kind_to label{padding-left: 25px;}
.navigation1{padding:10px;}
.container-radio:nth-child(2){margin-left:30px;}
.service-div{padding:0px 15px 0px 0px}
.room-name{text-align:center;border-bottom: 1px solid lightgreen;font-weight:lighter;padding:5px;}
.content-items{height:100%;max-height:calc(100vh - 40vh);overflow: auto;overflow-x: hidden;}
.collapse-div{display:none;}
.btn-collapse{width:100%;margin-bottom:20px;}
.s_bg2{margin-bottom:50px;background:rgba(255,255,255,0.8);border-radius:3px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);min-height:100vh;padding:50px;margin: 50px}
.services-info h3{font-weight:lighter;}
.rooms{display:block;height:100% !important;max-height:calc(100vh - 40vh);overflow: auto;overflow-x: hidden;}
.place-store{display:none;}
.container-radio{display:inline-block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.container-radio input{display:inline-block;position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#d4d4d4;border-radius:50%;}
.container-radio:hover input ~ .checkmark{background-color:#ccc;}
.container-radio input:checked ~ .checkmark{background-color:#a7cf44;}
.checkmark:after{content:"";position:absolute;display:none;}
.container-radio input:checked ~ .checkmark:after{display:block;}
.container-radio .checkmark:after{top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:white;}

 
 .btn-right{position: absolute;right: 0;z-index: 9997;top: 1%;}
 .btn-left{position: absolute;left: 0;z-index: 9997;top: 1%;}
 .piano-info{display:none;}
 .confirm{opacity:0.2;background: rgba(164, 164, 164, 0.5);}
 .loader{display:none;position: fixed;top: 25%;z-index: 9999;width: 100%;height:100%} 
 .loader p{font-size: 50px;text-align: center;}
 .loader i{font-size:100px;}
 .checked-category{display:none;position:absolute;top:35%;left:10%;}
 .checked-category-selected{display:none;position:absolute;top:40%;left:2%;}
 .button-steps{border-radius:50%;background:#a7cf44;padding:10px 20px;font-size:30px;color:#ffffff;cursor:pointer}
 .button-steps:hover{background:#76a500;}
 .buffer{margin-top:20px;}
 .steps{border-right:1px solid lightgrey;padding:10px;text-align:center;}/*border-bottom:1px solid lightgrey;*/
 .steps i{font-size:40px;color:#aeaeae;}
 .steps p{color:#aeaeae;}
 .steps-content{display:none;}
 .completed i,.completed p{color:#9dce8b;}
 .active{background-color:#a7cf44;box-shadow:2px 2px 2px 1px lightgrey;border-radius:4px;-webkit-transform:scale(1.1);/* Safari and Chrome */
 -moz-transform:scale(1.1);/* Firefox */
 -ms-transform:scale(1.1);/* IE 9 */
 -o-transform:scale(1.1);/* Opera */
 transform:scale(1.1);}
 .active i,.active p{color:#ffffff;}
 .buttons{margin-top:10px;}
 input{text-transform:uppercase}
 .quantity{padding:10px;background:#f8f8f8;border-radius:2px;min-width:100%;display:none;}
 .enabled{display:block;}
 .btn{border:none;/* Remove borders */
 color:white;/* Add a text color */
 padding:14px 28px;/* Add some padding */
 cursor:pointer;/* Add a pointer cursor on mouse-over */}
 .dis-btn{pointer-events:none;opacity:0.5;}
 .success{background-color:#a7cf44;} /* Green */
 .success:hover{background-color:#46a049;}
 .info{background-color:#2196F3;} /* Blue */
 .info:hover{background:#0b7dda;}
 .default{background-color:#e7e7e7;color:black;} /* Gray */
 .default:hover{background:#ddd;}
 
 
 .custom-btn{width:100%;border:2px solid black;background-color:white;color:black;padding:14px 10px;font-size:16px;cursor:pointer;}
 .content-row .col-lg-*{margin:5px auto;}
 .custom-btn-2{width:100%;min-height:150px;border:2px solid black;background-color:white;color:black;padding:14px 20px;font-size:16px;cursor:pointer;}
 
 .custom-btn-3{width:100%;min-height:150px;border:2px solid #9dce8b;background-color:white;color:#9dce8b;padding:14px 20px;font-size:16px;cursor:pointer;}
 .custom-btn-3-info{border-color:#2196F3;color:dodgerblue}
 .custom-btn-3-info:hover{background:#2196F3;color:white;}
 
 .custom-btn-4{width:100%;min-height:120px;border:2px solid #a7cf44;background-color:white;color:#a7cf44;padding:14px 20px;font-size:16px;font-weight:bolder;cursor:pointer;}
 .custom-btn-4-success{border-color:#a7cf44;color:#a7cf44;}
 .custom-btn-4-success:hover{background-color:#a7cf44;color:white;}
 .selected-services{background-color:#a7cf44;color:white;}
 
 .custom-btn-5{width:100%;min-height:120px;border:2px solid #a7cf44;background-color:white;color:#a7cf44;padding:14px 20px;font-size:16px;cursor:pointer;}
 .custom-btn-5-default{border-color:#e7e7e7;color:black;}
 .custom-btn-5-default:hover{background:#e7e7e7;}
 .selected-piano{background:#e7e7e7;}
 
 .paperboxes{width:100%;border:1px solid #a7cf44;border-bottom-width: 0px;background-color:white;color:#a7cf44;padding:14px 20px;}
 .paperboxes p{font-size:20px;text-align:center;margin:0px;}
 .paperbox-btn{width:100%;min-height:120px;border:1px solid #a7cf44;background-color:white;color:#a7cf44;padding:14px 20px;font-size:16px;cursor:pointer;border-color:#a7cf44;color:#a7cf44;}
 .paperbox-btn:hover{background-color:#a7cf44;color:white;}
 .paperbox-active{background-color:#a7cf44;color:white;}
 .pb-quantity{padding:10px;background:#f8f8f8;border-radius:2px;min-width:100%;visibility:hidden;}
 .pb-active{visibility:visible}
 /* Green */
 .custom-btn-success{border-color:lightgrey;color:grey;}
 .custom-btn-success:hover{background-color:#a7cf44;color:white;}
 .selected-category{background-color:#a7cf44;color:#ffffff;box-shadow:2px 2px 2px 1px #a7cf44;border: none;border-radius:2px;-webkit-transform:scale(1.05);/* Safari and Chrome */
 -moz-transform:scale(1.05);/* Firefox */
 -ms-transform:scale(1.05);/* IE 9 */
 -o-transform:scale(1.05);/* Opera */
 transform:scale(1.05);}
 
  /* Gray */
 .custom-btn-2-default{border-color:#e7e7e7;color:black;}
 .custom-btn-2-default:hover{background:#e7e7e7;}
 .selected{background:#e7e7e7;}
  /* Gray */
 .custom-btn-default{border-color:#e7e7e7;color:black;}
 .custom-btn-default:hover{background:#e7e7e7;}
 
 .switch{position:relative;display:inline-block;width:60px;height:34px;}

  /* Hide default HTML checkbox */
  .switch input{display:none;}

/* The slider */
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}

.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}

input:checked + .slider{background-color:#76a500;}

input:focus + .slider{box-shadow:0 0 1px #76a500;}

input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}

/* Rounded sliders */
.slider.round{border-radius:34px;}

.slider.round:before{border-radius:50%;}
.del-item{position:absolute;top:3%;right:10%;}
.del-item i{color:lightgrey;} 
.item-div{margin-bottom:10px;}
.final-info{margin-top:30px;}
.info-results,.paralavi-results,.paradosi-results,.items-results,.services-results{border:2px solid lightgrey;border-radius:2px;padding:10px;}

@media screen and (max-width: 1200px){
	.steps{padding:5px;}
	.steps i{font-size:30px;}
	.steps p{font-size:12px;}
}
@media screen and (max-width: 1005px){
	.steps{min-height:85px;}
	.steps p{margin:5px 0 5px;}
}
@media screen and (max-width: 768px){
	h2{margin:0 auto;}
	.s_bg2{margin:0 auto;}
	.collapse-div{display:block;}
	.rooms{display:none;max-height:none;overflow: hidden;margin-bottom:20px;}
	.content-items{max-height:none;overflow: hidden;}
	.steps{min-height:initial;padding: 10px;}
	.steps i{font-size:25px;}
	.steps p{display:none}
	.button-steps{padding: 2px 10px;font-size:25px;margin:0px}
	.quantity p{font-size:20px;}
	.piano-div{margin-top:10px;}
	.service-div{margin-bottom:10px;padding:0px;}
	.loader p{font-size: 25px;}
 	.loader i{font-size:50px;}
 	.custom-btn-2{min-height:100px;}
}
@media screen and (max-width: 520px){
	.steps i{font-size:20px;}
	h2{font-size:25px}
	.s_bg2{padding:20px}
}
@media screen and (max-width: 405px){
	.container-radio:nth-child(2){margin-left:10px;}
	h2{font-size:22px;}
}
@media screen and (max-width: 385px){
	.container-radio:nth-child(2){margin:auto;}
	.info-data h2{max-width: 230px;}
}