body {
  font-family: 'Montserrat', sans-serif; !important;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}
body{
	overflow-x: hidden;
	overflow-y: auto;
}

a {
    color: var(--main-pr-color);
}
.promo .voci li .voce {
    color: var(--main-pr-color);
}
.header, .header2 {
    background-color: var(--main-pr-color) !important;
}


.test span{font-size:21px;}
.promo, .prezzo, .primary_price, .cta-green{}
.promo .fa, .promo .fas {
    font-size: 25px;
    color: #1e73b9;
    color: var(--main-pr-color);
}
.qtn-box{
	display: none;
}
.qtn-box.active{
	display: block;
}
.section-content p{padding:0px 5px;}
.fas{font-size:25px;}
.ribbon, .evidenziatore-viola {
    color: #47ac8b !important;
}

.acc {
  /* display: flex; */
  /* min-height: 600px; */
  max-height: 576px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}

.acc li {
  flex: 0.9;
  /* display: flex; */
  /* align-items: stretch; */
  padding: 0px;
  border-bottom: 2px solid gainsboro;
  background-color: #2d3d9b;
  background-image: linear-gradient(141deg, #035c8f 0%, #5d66b5 51%, #6e7ab1 75%);
  cursor: pointer;
  transition: all .5s ease;
}
.acc li:hover {
  background-color: #2d3d9b;
  background-image: linear-gradient(141deg, #035c8f 0%, #5d66b5 51%, #6e7ab1 75%);
}
.acc li.active {
  /* flex: 5; */
  background: #fff;
  cursor: default;
}


.acc li.active h2, .section-title .active i , .fa-arrow-circle-left, .fa-arrow-circle-right {
  color: #f7831f;
}
.section-title i{color:#fff }


.acc li.active .section-content,.acc li.active .section-title i {
  /* flex: 5; */
  font-size: 20px;
  opacity: 1;
  /* transform: scaleX(1); */
  color: #5b7794;
  height: auto;
}
.acc li .section-title {
  flex: 0.9;
  display:inline-grid;
  /* align-items: center; */
  /* width: 0px; */
  /* margin: -30px; */
  padding: 8px;
  /* text-align: center; */
}
.acc li .section-title, .acc li .section-content{color:#fff;}
.acc li .section-title h2 {
  /* margin: 0; */
  /* transform: rotate(-90deg); */
  white-space: nowrap;
  font-weight:700;
  font-size: 1.5rem;
}
.acc li .section-content {
  flex:3 !important;
  display: flex;
  align-items: center;
  margin: 0;
  opacity: 0;
  transition: all .25s .1s ease-out;
  background-color: #f5f5f5;
  padding:0;
  height: 10px;
}
.section-title i{
    font-size: 20px;
}
.section-content p{
    font-size:16px !important;
}

.numb{color:#fff;
  border-radius: 50%;
  padding: 10px 23px;
  text-align: center;
  background-color: #ff6b6d;
}
.preventivo_num{
    /* padding-top: 20px; */
}
.fa-arrow-circle-left, .fa-arrow-circle-right{font-size:24px;}

.fa-map-marker{color: #fe8821;}
.fa-map-marker{
  color: var(--main-sc-color);
}

.cliente p, .cliente h4{
    font-size: 16px;
}
.disp{
    display:-webkit-inline-box
}
.test p{
    font-size: 14px !important;
    text-align: center;
}
.step{
    padding: 20px 0px 12px;
}
.step h1{
    font-size:2rem;
}
.steps{
    padding: 0px 0px 13px;
}
#carouselExampleControls{
    border-bottom:2px solid #fff;
}
.hr{
    margin-top:1px
}
.sliderimage{
    margin:0px;
}
.promo{
    padding-top:10px;
}
#accordion{
    width:100%;
}

.fa-plus{
    margin-right:20px;
}
 .cam p{
     font-size:14px !important;
 }
 .promo .voci_desk .fa , .promo .voci_desk .fas{
     color: #1e73b9;
     color: var(--main-pr-color);
 }
 .card{
     border:none;
 }
 .promo{
     padding-bottom:0px;
 }
 .promo .voci li{
     padding:7px 0px;
 }
 .prevdesk{
     margin:0px auto;
     padding:0px
 }
.infogen{
    box-sizing: border-box;
    font-weight: bolder;
}
.box{
    box-sizing: border-box
}
.box2{
    box-sizing: border-box;
    font-weight: bolder;}






@media only screen and (max-width:800px){
    .mobile, .sliderimage{
        display:none !important;
        }
    .off{
        text-shadow:none;
    }
    .fissa-cta{
        padding: 0px;
    }
    .fissa-cta .col-3{
        font-size:11px;
        padding-top:15px;
        background-color:#fff;
    }
    .fissa-cta .col-9{

        text-shadow:none;
    }
    .fa-arrow-circle-left, .fa-arrow-circle-right, .fa-arrow-circle-left:hover, .fa-arrow-circle-right:hover {
    color: #fff !important
    }
    .fissa-cta .br-mobile{
        font-size:18px;
        color:#fff;
    }
    .fissa-cta .fa{
        color:#ff6b6d;
        font-size:25px;
    }
    .fissa-cta .fa-phone{
        color: #1a4252;
        font-size:35px;
    }
    .oft {
        margin-bottom:5px
    }
    .oft a{
        color:#fff;
        font-size:
        }
    .voci_desk{
        display: flex !important;
    }
    .promo .voci_desk li{
        width: 100%;
        padding: 0px 5px;
    }
    .step h1{
		font-size: 16px;
		line-height: 1.5;
		padding-left: 10px;
	}
	.color{
		background-color:#f5f5f5;
		display: inline-flex;
	}

    .dettagli{
        padding: 0px 10px;
    }
    .cta-green{
        font-size:1.1rem;

    }
    .page-footer{
        margin-bottom: 50px;
    }
    .preventivo_num, .col-md-3{
        text-align:center !important
        }
    .tit{
        color:#ff6b6d;
        font-weight:600;
        padding-top:10px;
        letter-spacing: 0px;
    }
    .header .preventivo_num p{
        color:#fff;
        font-size:17px;
        padding-top:0px;
        width:100%;
        margin:0px auto;
    }
    .header{
        padding:5px 0px;
    }
    .qtn-box{
        margin-top:0px;
    }
    .cliente{
        margin-bottom:10px;
    }
    .test{
        background-color: #035c8f;
        padding: 5px 0px 0px 0px;
    }
    .test span, .test p{
        color:#fff;
    }
    .fa-arrow-circle-left, .fa-arrow-circle-right, .fa-arrow-circle-left:hover, .fa-arrow-circle-right:hover{
        color:#fff;
    }
    .col-md-12{
        /* text-align:center; */
    }
    .step{
        padding:0px;
    }
    .numb{
        padding: 6px 18px;
		font-size: 1.7rem;
    }
    .promo{
        padding: 10px;
    }
   .promo .voci li .voce {
        color: #1e73b9;
        color: var(--main-pr-color);
    }
    .promo h1{padding-top:5px;}
    .color{
        padding:10px 0px 3px;
    }
    .color .col-2{
        padding-top:10px;
    }
    .color .col-10{
        padding-top: 10px;
    }
    .colors{
        padding: 2px 0px 3px;}
    .bd-lr {
        border-left: 0;
        border-right: 0;
        padding: 0px;
    }
    .prime{
        padding-top:0px;
    }
    .allinclusive{
    display: inline-flex;
}

}

@media screen and (min-width:800px) and (max-width:1200px){
            .fa-arrow-circle-left, .fa-arrow-circle-right{
                font-size:22px;}
            .test span {
            font-size: 17px;
          }
        }

@media only screen and (min-width:801px){
    .desktop{
        display:none;
        }
}
a:hover{
    text-decoration:none;

}

* {
  box-sizing: border-box;
  /*   border: 1px solid black; */
}


@media print{
	.row{
		display:table !mportant;

	}
	.carousel{
		display: none;
	}

	.container.header, .container.header div{
		color: grey;
		background-color:white;

	}

	.banner-ok{
		background-color: transparent;
		border: none;

	}

	body{
		zoom: 80%;
	}
}

.map.map_single{
  min-height: 300px;
}





/* Show more */
.show-more {
	max-height: 300px;
	min-height: 180px;
	overflow: hidden;
	position: relative;
	transition: max-height 1s;
}

.show-more:after {
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 180px;
	display: block;
	background: linear-gradient(rgba(255,255,255,0), #fff 88%);
	z-index: 9;
	opacity: 1;
	visibility: visible;
	transition: all 1s;
}

.show-more.visible {max-height: fit-content;}

.show-more.visible:after,
.show-more.visible .show-more-button { opacity: 0; visibility: hidden; }

.show-more-button {
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 100%;
	z-index: 10;
	text-align: center;
	display: block;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s;
	padding: 10px 0px;
}

.show-more-button i { margin-left: 3px; }



.step2 .servizio_aggiuntivo .btn {
    background-color: #fce700;
    color: #2b2b2b;
    box-shadow: 0px 0px 6px #e0e2e0;
    cursor: pointer;
}
.step2 .servizio_aggiuntivo .btn.rm_opt_rate {
    background-color: #7b243b;
    color: #fff;
    box-shadow: none;
}

body {
    background-color: #f5f5f5 !Important;
    color: #3d3d3d;
    font-family: 'Montserrat', sans-serif;
}

.input[type="email"], input[type="text"], input[type="number"], input[type="password"], textarea, select, .multiselect{

    border: 2px solid #eee;
    border-radius: 4px;
}


.form-control {
    height: auto !important;
}

.header, .header2 {
    background-color: #035C8F !important;
    background-image: none;
}