body{
	font-family: 'Roboto';
}
input, textarea, button, select{
	outline: none !important;
	box-shadow: none !important;
	margin: 0 !important;
}
header{
	background-color: #ff9900;
}
.img-fluid{ width: 100%;}
.text-orange{
	color: #ff9900;
}
.container-large{
	max-width: 1500px;
}
.container-content{ min-height: calc(100vh - 180px); }
.bg-white{
	background-color: #fff !important;
}
.bg-orange{ background-color: #FF9900 !important; }

.fnt-w-300{ font-weight: 300;}
.fnt-w-400{ font-weight: 400;}
.fnt-w-700{ font-weight: 700;}

.fnt-18{ font-size: 18px;}
.fnt-20{font-size: 20px;}
.fnt-25{font-size: 25px;}
.fnt-30{font-size: 30px;}
.fnt-35{font-size: 35px;}
.fnt-40{font-size: 40px;}
.fnt-50{font-size: 50px;}

.hr-orange{ height: 1px; width: 100%; background-color: #FF9900;}

@media(min-width: 1200px){
	.container-small{
		max-width: 900px;
	}
}
/*
	HEADER
 */
header#header{
	padding-top: 0;
	padding-bottom: 0;
}
.social-header a i{
	font-size: 40px;
}
ul.menu-header{
	padding-inline-start: 0;
	margin: 0;
}
ul.menu-header li{
	display: inline-block;
	list-style: none;
	padding: 0 20px;
}
ul.menu-header li a{
	text-decoration: none;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}
@media(max-width: 991px){
	ul.menu-header li{
		display: block;
	}
	.social-header a i{
		font-size: 25px;
	}
}
/*
	MODAL  LOGIN
 */
.modal-header{
	border: none !important;
}
.modal-footer{
	text-align: center;
}
/*
	STEP 1
 */
.intro{
	background-size: cover;
	background-position: center;
}
.intro .row{
	height: 600px;
}
.intro h1{
	padding: 10px 20px;
	display: inline-block;
	background-color: rgba(255,153,0,.5);
}
.title-step{
	font-size: 25px;
	color: #FF9900;
	text-align: center;
	margin: 20px auto 30px;
	font-weight: 300;
}
.title-step-2{
	font-size: 30px;
	color: #FF9900;
	text-align: center;
	margin: 20px auto 0;
	font-weight: 400;
}
.list-option .item input{
	display: none;
}
.step-1 .item, .list-option .item{
	margin-bottom: 50px;
}
.step-1 .item div, .list-option .item div{
	display: block;
	padding: 20px;
	background-color: #c0c0c0;
	border-radius: 15px;
	text-align: center;
	width: 150px;
	height: 150px;
	transition: all 0.2s linear;
}
.step-1 .item div, .list-option .item.active div, .step-1 .item div, .list-option .item:hover{
	cursor: pointer;
}
.list-option .item.active div, .list-option .item:hover div{
	background-color: #FF9900;
}
.step-1 .item div img, .list-option .item div img{
	max-width: 100px;
	margin: 0 auto;
}
.step-1 .item div p, .list-option .item div p{
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
}
.step-1 .item a:hover, .list-option .item a:hover{
	text-decoration: none;
}
.step-1 .item a:hover div, .list-option .item a:hover div{
	background-color: #FF9900;
}
@media(min-width: 768px){
	.step-1 .item div, .list-option .item div{
		width: 200px;
		height: 200px;
	}
	.step-1 .item div img, .list-option .item div img{
		max-width: 100px;
	}
	.box-rooms{
		max-width: 800px;
		margin: 0 auto;
	}
}
@media(max-width: 767px){
    .step-1 .item div img, .list-option .item div img{ width: 60px; margin-bottom: 10px;}
}

/*
	STEP 3
 */
.update-name{ width: 45px; height: 45px; border: none; }
.btn-fotocamera{ display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #000;
    text-align: center; transition: all 0.3s linear; }
.btn-fotocamera:hover{ cursor: pointer; opacity: .5; }
.btn-fotocamera img{ width: 30px; height: 30px; }
.btn-fotocamera span{ font-size: 11px; display: block; }

.item-data{ position: relative; }
.item-data .item-photo{ padding: 0px;
    border: 1px solid #c0c0c0;
    border-radius: 20px;
    box-shadow: 0px 3px 15px #f0f0f0; overflow: hidden; }
.item-data .item-photo .block-text{ padding: 15px; 20px; }
.item-data .item-photo .block-text p{ font-size: 14px; line-height: 1.4em; }
.remove-photo{ position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    background-color: #ff0000;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 0px 10px #666; }
.remove-photo i{ position: relative; top: 50%; transform: translateY(-50%); }
.remove-photo:hover{ color: #fff; }

.remove-video{ position: relative; display: inline-block; margin: 10px auto; background-color: #ff0000; padding: 8px 20px; color: #fff; border-radius: 5px; transition: all 0.2s linear; }
.remove-video:hover{ color: #fff; text-decoration: none; opacity: .8; }
/*
	VIDEO
 */
.vjs-record .vjs-device-button.vjs-control{
	background-image: url("../../images/icons/btn-start.png");
	background-size: cover;
	background-position: center;
	width: 250px !important;
	height: 80px !important;
	text-align: center;
	left: calc(50% - 125px) !important;
	top: calc(50% - 50px) !important;
	margin: 0 !important;
	border-radius: 0px !important;
}
.vjs-icon-video-perm:before{
	content: '' !important;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 70px;
	height: 60px;
}

/* change player background color */
.box-control{
position: relative;
width: 600px;
height: 450px;
margin: 0 auto;
max-width: 100%;
}
#myImage{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
width: 100%;
height: 100%;
}
#myVideo{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
width: 100%;
height: 100%;
	background-image: url('../../images/bg-video.jpg');
	background-size: cover;
	background-position: center;
}
.play-button{
display: block;
width: 50px;
height: 50px;
position: absolute;
left: 10px;
bottom: 10px;
background-image: url('../../images/icons/play-button.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 10;
}
.pause-button{
display: block;
width: 50px;
height: 50px;
position: absolute;
right: 10px;
bottom: 10px;
background-image: url('../../images/icons/pause-button.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 10;
}
.close-button{
display: block;
width: 50px;
height: 50px;
position: absolute;
right: 10px;
top: 10px;
background-image: url('../../images/icons/close-button.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 10;
}
.camera-button{
display: block;
width: 70px;
height: 70px;
position: absolute;
left: calc(50% - 35px);
bottom: 10px;
background-image: url('../../images/icons/camera-button.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 10;
}

.stop-button{
display: none;
width: 50px;
height: 50px;
position: absolute;
left: 10px;
bottom: 10px;
background-image: url('../../images/icons/stop-button.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 10;
}

.device-ul{
position: absolute;
width: auto;
height: auto;
top: 10px;
left: 10px;
z-index: 10;
}
.change-button{
display: block;
position: relative;
width: 50px;
height: 50px;
background-image: url('../../images/icons/change-button.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 10;
}
.menu-device{
display: none;
background-color: #fff;
font-size: 12px;
}

select {
  margin: 0 0 0.5em 0;
}

.inputSelector {
  margin-top: 30px;
  display: none;
}
.box-form{
position: relative;
width: 60%;
margin-left: 20%;
margin-bottom: 100px;
text-align: center;
}

#output {
display: flex;
position: relative;
margin: 20px auto;
overflow-x: scroll;
text-align: center;
}
.ant-mobile{
	position: relative;
	display: inline-block;
	margin: 0 10px;
}
.select-camera{
display: block;
background-color: #f7f7f7;
padding: 5px;
}
.ant-mobile canvas{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: 2px solid #FF9900;
}
.ant-mobile span{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	display: inline-block;
	z-index: 2;
}
.ant-mobile span i{
	text-shadow: -2px 11px 16px #fff;
	font-size: 30px;
}

.message{
	position: absolute;
	width: 150px;
	background-color: #FF9900;
	color: #fff;
	font-size: 14px;
	line-height: 15px;
	padding: 10px 15px;
}
.play-button .message{
	left: 0;
	bottom: 110%;
}
.pause-button .message{
	right: 0;
	bottom: 110%;
}
#cit .message{
	width: 180px;
	left: -50px;
	bottom: 110%;
}
.close-button .message{
	width: 180px;
	right: 0px;
	top: 110%;
}
.play-button:hover, .pause-button:hover, #cit:hover, .close-button:hover, .device-ul:hover{
	cursor: pointer;
}
.vjs-has-started .vjs-control-bar, .video-js .vjs-control-bar{
	opacity: 0 !important;
}
@media(max-width: 992px){
	.message{
		width: 80px;
		font-size: 12px;
		line-height: 14px;
		padding: 8px;
	}
	#cit .message{
		width: 140px;
		left: -35px;
	}
}
/*
	MENU PAGE
 */
.link-page{
	padding: 20px 0 10px;
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	right: 0;
	box-shadow: 0px 0 3px #000;
	margin-top: 40px;
	background-color: #FF9900;
	z-index: 2;
}
.link-page .prev-link{ min-width: 108px; }
.link-page p{
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #FF9900;
}
.link-page ul{
	padding-inline-start: 0;
	width: 100%;
	text-align: center;
}
.link-page ul li{
	display: inline-block;
	list-style: none;
	width: 100px;
	margin: 0;
	text-align: center;
	padding: 0;
}
.link-page ul li a{
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 54px;
	text-decoration: none;
	font-size: 40px;
	font-weight: 300;
	margin: 0 auto;
	border: 3px solid #FF9900;
	border-radius: 50%;
	color: #FF9900 !important;
	transition: all 0.2s linear;
}
.link-page ul li a.active{
	background-color: #FF9900;
	color: #fff !important;
}
.btn-delete-session{ top: 50%; transform: translateY(-50%); }
/*
.link-page ul li a:hover, .link-page ul li a.active{
	cursor: pointer;
	background-color: #FF9900;
	color: #fff !important;
}
*/
@media(max-width: 991px){
	.link-page ul li{
		width: 70px;
	    margin: 0 auto;
	    height: 70px;
	}
	.link-page ul li a{
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 30px;
	}
}
/*
	STEP VIDEO AND PHOTO - STEP 3
 */
.box-video{
	position: relative;
}
.box-video video{ max-width: 100%; max-height: 500px; }

/*
	STEP RIEPILOGO
 */
.box-riepilogo .title-item{
	max-width: calc(100% - 20px);
	margin: 10px;
	background-color: rgba(255,153,0, 1);
	display: flex;
	padding: 10px;
}
.box-riepilogo .title-item h3{
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	margin: 0;
	width: 100%;
	line-height: 40px;
}
.box-riepilogo .title-item a{
	width: 40px;
	height: 40px;
	float: right;
}
i.custom-icon{
	display: inline-block;
	width: 40px;
	height: 40px;
}
i.custom-icon.edit{
	background-image: url(../../images/icons/edit.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.item-photo{
	position: relative;
	margin-bottom: 20px;
}
textarea.form-control{
	height: unset;
}
.item-photo textarea.description{
	padding: 10px 15px;
	border-radius: 15px;
	font-size: 14px;
	width: 100%;
	border: 2px solid #ff9900;
	margin: 10px 0 !important;
	height: unset !important;
}
.btn-big.type-1 a, .btn-big.type-1 button{
	display: inline-block;
	width: auto;
    padding: 8px 50px;
	background-color: #ff9900;
	color: #fff;
	border: 3px solid #ff9900;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 16px;
	transition: all 0.2s linear;
}
.btn-big.type-1 a:hover, .btn-big.type-1 button:hover{
	cursor: pointer;
	background-color: #fff;
	color: #ff9900;
	text-decoration: none;
}

.btn-big.type-2 a, .btn-big.type-2 button{
	display: inline-block;
	padding: 5px 20px;
	background-color: #000;
	color: #fff;
	border: 2px solid #000;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 300;
	font-size: 14px;
	transition: all 0.2s linear;
}
.btn-big.type-2 a:hover, .btn-big.type-2 button:hover{
	background-color: #000;
	color: #ffffff;
	text-decoration: none;
}
@media(max-width: 767px){
    .btn-big.type-1 button, .btn-big.type-1 a, .btn-big.type-1{ display: block; width: 100%; }
}

/*	RITIRO E CONSEGNA	*/
.form-control{
	border-radius: 0;
	height: 45px;
}
label{
	color: #6c757d;
	font-weight: 300;
}
.box-ritiro-consegna .box .inner{
	padding: 30px;
	background-color: #ff9900;
	margin-bottom: 40px;
}
.box-ritiro-consegna .box .inner input:not([type='checkbox']), .box-ritiro-consegna .box .inner select{
	border: none;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
}
.box-ritiro-consegna .box .inner.bg-white input:not([type='checkbox']){
	border: 1px solid #000;
}
label.big, .big{
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 0px;
}
@media(min-width: 992px){
	.data-end input{
		width: calc(100% - 50px) !important;
		display: inline-block;
		float: right;
	}
}

/* The container */
.container-check {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.container-check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 2px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border: 2px solid #FF9900;
}

/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
	background-color: #fff;
	border: 2px solid #FF9900;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
	left: 6px;
	top: 0px;
	width: 10px;
	height: 17px;
	border: solid white;
	border-width: 0 3px 3px 0;
	border-color: #FF9900;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.info-tooltip{
	position: relative;
	font-size: 8px;
	color: #333;
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1.5px solid #333;
	border-radius: 50%;
	text-align: center;
	line-height: 13px;
	margin-left: 10px;
}
/*
	RIEPILOGO
 */
.table-riepilogo .header-table{
	width: 100%;
	vertical-align: middle;
	background-color: #eaeaea;
	border-radius: 10px;
	align-items: center;
}
.table-riepilogo .header-table .col-photo, .table-riepilogo .header-table .col-descr{
	padding: 10px;
	position: relative;
	font-size: 14px;
	color: #ff9900;
	font-weight: bold;
}
.table-riepilogo .col-photo{
	width: 200px;
}
.col-photo .box-icon-dark{
	background-color: #333;
	max-width: 140px;
	margin: 0 auto;
	border-radius: 10px;
}
.table-riepilogo .header-table .col-descr{
	width: calc(100% - 180px);
	margin-left: 10px;
}
.col-action{
	width: 100px;
	margin-left: 10px;
	text-align: center;
}
.row-body {
    display: inline-block;
	border: 2px solid #ff9900;
	border-radius: 15px;
	margin: 10px 0;
	width: 48%;
	margin-left: 0 auto;
	align-items: center;
    overflow: hidden;
}
.row-body .col-descr{
	font-weight: normal;
}
.row-body .col-action{
	width: 100px;
	align-items: center;
	height: 100%;
}
.box-mobili .inner{ background-color: #f9f9f9 !important; padding: 10px !important; border: none !important; }
.close-div, .open-div{
    display: inline-block;
    width: 300px;
    max-width: 100%;
	padding: 5px 20px;
	color: #fff;
	background-color: #ff9900;
	margin-top: 10px;
	transition: all 0.2s linear;
}
.box-mobili, .close-div{
    display: none;
}
.close-div:hover, .open-div:hover{
	cursor: pointer;
	opacity: .6;
}
.table-riepilogo .box-mobili .col-photo{ width: 100%; overflow: hidden;}
.table-riepilogo .box-mobili .col-photo img{ width: 100%;}
.table-riepilogo .box-mobili .col-descr p{ padding: 15px; }
@media(max-width: 992px){

    .table-riepilogo .header-table .col-photo{
		position: relative;
		width: 100px;
        margin: 0 auto;

	}
    .table-riepilogo .header-table .col-photo img{ width: 50px !important;}
    .table-riepilogo .header-table .col-photo span{
		display: block;
	}
    .table-riepilogo .header-table .col-descr{
		width: calc(100% - 200px);
        margin-left: 0 !important;
	}
    .table-riepilogo .header-table .col-descr h3{
		font-size: 16px;
	}
	.table-riepilogo .col-descr, .table-riepilogo.type-2 .header-table .col-descr{
		width: 100%;
	}

    .close-div, .open-div{ font-size: 12px; padding: 4px 10px;}
}
/*
	AREA TRASPORTATORI
 */
.left-sidebar{
	position: relative;
}
.left-sidebar .inner{
	border: 1px solid #333;
	border-radius: 5px;
	background-color: #fff;
}
.left-sidebar .sidebar-header{
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	background-color: #ff9900;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.left-sidebar .sidebar-body{
	padding: 15px;
}
.left-sidebar .sidebar-body .widget{
	background-color: #f7f7f7;
	padding: 20px;
}
.left-sidebar .sidebar-body .widget:not(:last-child){
	margin-bottom: 20px;
}

.main-content .inner{
	border: 1px solid #333;
	border-radius: 5px;
	background-color: #fff;
	padding: 20px;
}
.nav-tab-bacheca .nav-item{
	font-size: 18px;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
}
.nav-tab-bacheca .nav-item.active{
	border-top: 3px solid #ff9900;
	font-weight: 700;
	color: #ff9900;
}
.bacheca-tasportatore .tab-content{ overflow-x: scroll; }
.table-requests{
	width: 100%;
	max-width: 100%;
	overflow-x: scroll;
}
.table-requests thead{
	background-color: #ff9900;
	border: 1px solid #000;
}
.table-requests thead th{
	padding: 8px 15px;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	text-align: center;
}
.table-requests tbody td{
	font-weight: 300;
	padding: 10px;
	font-size: 14px;
	text-align: center;
}
.table-requests tbody tr:nth-child(even) {background-color: #f7f7f7;}
.do-offerta{
	display: block;
	color: #ff9900;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}
.do-offerta:hover{
	color: #ff9900;
}
.dettaglio-stanza .box-icon-dark{
	width: 80px;
	padding: 10px;
}
.dettaglio-richiesta .table-riepilogo-inner{
	max-width: 100%;
	margin-left: 0;
}
.dettaglio-richiesta .table-riepilogo-inner tr td{
	font-weight: 300;
	font-size: 13px;
}
.offerte-list{
	margin: 30px 0;
}
.offerte-list .item-offerte{
	margin: 0;
	padding: 30px;
	border: 1px solid #ff9900;
	border-radius: 25px;
}
.user-photo{
	max-width: 150px;
	border-radius: 50%;
}
.offerte-list .item-offerte .name-trasporter{
	font-size: 22px;
	font-weight: bold;
}
.offerte-list .item-offerte .price-offer{
	font-size: 35px;
	font-weight: bold;
}
.offerte-list .item-offerte .btn-show-details{
	display: block;
	padding: 5px 20px;
	background-color: #ff9900;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	max-width: 150px;
	margin: 0 auto;
}
.offerte-list .item-offerte .btn-show-details::after{
	content: '';
	position: relative;
	width: 18px;
	height: 18px;
	display: inline-block;
	background-image: url('../../images/icons/arrow-right.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	top: 2px;
}
.offerte-list .item-offerte .btn-show-details:hover{
	text-decoration: none;
}

/* PAGAMENTO */
.riepilogo-costi .item-riepilogo .col-name{
	width: calc(100% - 100px);
	font-size: 20px;
	font-weight: 300;
}
.riepilogo-costi .item-riepilogo .col-price{
	width: 100px;
	font-size: 20px;
	font-weight: 300;
}

@media(max-width: 767px){
    .offerte-list .item-offerte{ padding: 30px 20px; }
}

/*
 BANNER OFFERTE
 */
.banner-vai-offerte{ position: fixed; bottom: 0; left: 0; right: 0; height: 100px; z-index: 10; background-color: green;}
.banner-vai-offerte a{ display: block; line-height: 100px; font-size: 22px; font-weight: 300; color: #fff; text-align: center;}

.opacity-4{ opacity: .5};

/* AGGIORNAMENTO 2024 */
body{ margin-bottom: 120px; }
.btn-custom{ display: inline-block; margin: 0 auto; padding: 7px 20px; background-color: #ff9900; color: #fff; border: 2px solid #ff9900; border-radius: 5px; text-align: center; text-transform: uppercase; margin-bottom: 20px; font-weight: 400; font-size: 16px; transition: all 0.2s linear; }
.btn-custom:hover{
	cursor: pointer;
	background-color: #fff;
	color: #ff9900;
	text-decoration: none;
}
.btn-custom.dark{ background-color: #000; color: #fff; border-color: #000; }
.btn-custom.dark:hover{ background-color: #fff; color: #000;}

.btn-clear-request{ display: inline-block; padding: 5px 20px; font-size: 14px; background-color: #000; color: #fff; border: 2px solid #000; border-radius: 5px; text-decoration: none; transform: all 0.2s linear; }
.btn-clear-request:hover{ background-color: #fff; color: #000; text-decoration: none; }

.step-1 .item p, .list-option .item p{ margin-bottom: 0; }

.box-rooms.d-flex{ flex-wrap: wrap; justify-content: center; }
.list-option .item div{ width: 100%; }

@media(max-width: 992px){
	.intro .row{ height: 400px; }
	.intro h1{ font-size:30px; }

	.step-1 .item div p, .list-option .item div p{ font-size: 16px; line-height:1.3em; }
	.list-option .item{ margin-bottom: 30px; text-align:center; }
	.list-option{ justify-content: center; }

	.link-page .d-flex{ flex-wrap: wrap; justify-content:center; }
	.link-page ul{ margin-bottom: 20px; }
	.link-page ul li{ text-align:center; height: auto; }

	form .row div[class*='col-']{ padding-left: 5px; padding-right:5px; }
	.box-ritiro-consegna .box .inner input:not([type='checkbox']), .box-ritiro-consegna .box .inner select{ padding: 0 10px; line-height:40px; height: 40px; }
	form .row .mb-4{ margin-bottom: 10px !important; }
	form .container-check{ margin-bottom: 0; }
}

@media(max-width: 767px){
	.link-page .d-flex{ flex-wrap:nowrap; align-items: center !important; margin-bottom: 5px; }
	.link-page ul{ margin-bottom: 0px; text-align:left; }
	.btn-clear-request{ padding: 10px; border-radius: 100px; }
}


.col-descr p.description{ word-wrap: break-word; }

/**
 * STEP 5
 * */
.tabs-rooms nav .nav-link{ border-radius: 0; }
.nav-tabs{ border-bottom: 0;}
.tabs-rooms nav .nav-link.active{ background-color: #ff9900; color: #fff; }
.tabs-rooms .tab-pane{ padding: 20px; border: 1px solid #ff9900; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{ border-color: #ff9900; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.text-underline{ text-decoration: underline; }

.label-form-1{ font-size: 14px; margin-bottom: 0; }
.input-text{ font-size: 12px; opacity: .5; }

.btn-nav-step{ display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    padding: 12px 8px 8px;
}

.miglior-offerta{
    display: inline-block;
    background-color: green;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 13px;
}

/**
 * CHAT BOT
 * */
.chetbot{ position: fixed; bottom: 80px; right: 50px; z-index: 1000; overflow: hidden; background-color: #fff; padding: 10px; border-radius: 50%; box-shadow: 0 0 14px #c0c0c0; }
.chetbot .btn-open-chat{ width: 60px; height: 60px; border-radius: 50%; background-color: #fff; box-shadow: 0px 0px 5px #c0c0c0;}
.chetbot .chat-window{ position: fixed;
    width: 500px;
    max-width: 100%;
    right: -500px;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    top: 100px;
    bottom: 70px;
    background-color: #c0c0c0;
    border-radius: 10px;
    background-color: orange;
    box-shadow: 0px 0px 10px #b0b0b0; }
.chetbot .chat-window.open{ right: 20px; }
.btn-close-chat{ position: absolute;
    top: 10px;
    right: 10px; }
.item-chat-avaiable{ padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 20px; }
.chat-window-header{ display: flex; position: relative; height: 60px; align-items: center; justify-content: center; }
.chat-list{ position: absolute; top: 60px; right: 0; bottom: 0; left: 0; overflow: hidden; padding: 20px; }
.item-list-chat-messages-box{ position: absolute; width: 100%; top: 0; right: -100%; bottom: 0; flex-wrap: wrap; background-color: #fff; z-index: 2; padding-top: 20px;
    padding-bottom: 200px; }
.item-list-chat-messages-box.open{ right: 0; }
.row-message{ width: 100%; margin-bottom: 20px; }
.item-list-chat, .close-message-window{display: inline-block;
    font-size: 13px;
    padding: 7px 11px;
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase; }
.row-message{ width: 60%;
    margin-bottom: 20px;
    margin-left: calc(40% - 20px); }
.row-message.row-message-you{ margin-left: 20px; }
.row-message .message-box{ padding: 8px 15px;
    border-radius: 15px;
    border: 1px solid #c0c0c0; font-size: 14px; }
.row-message .who-is{ font-size: 12px; color: #c0c0c0; }
.item-list-chat-messages-box .inner-box .messages-sez{ position: absolute; width: 100%; top: 65px; bottom: 235px; background-color: #fff; overflow-y: scroll; }
.form-send-message{ position: absolute; bottom: 0; width: 100%; padding: 20px; border-top: 1px solid #c0c0c0; background-color: #fff;}
.send-message{ display: inline-block;
    font-size: 13px;
    padding: 8px 11px;
    background-color: #ff9900;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase; }
.chat-single-header{ margin-bottom: 20px; }
.chat-single-header .title{ text-align: center; font-size: 20px; }

@media(max-width: 767px){
    .chetbot{ bottom: 25px; right: 15px; }
    .chetbot .chat-window{ top: 0; bottom: 0; }
    .chetbot .chat-window.open{ right: 0; }
}

.box-valutazione .inner{ padding: 30px 40px;
    background-color: #f7f7f7;
    border: 1px solid #c0c0c0;
    border-radius: 10px;
    margin-bottom: 50px;
}