#bpm_box {
    padding: 30px 60px 45px;
}

@media (max-width: 767px) {

    #mobileTop {
        padding: 20px 0 25px;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 999;
        background: #0b3d68;
    }

    .page-content {
        padding-top: 105px;
    }

    #bpm_box {
        padding: 15px 30px 30px;
    }
}

html.mm-opening .mm-slideout,
html.mm-opening.mm-columns-0 .mm-slideout,
html.mm-opening.mm-columns-1 .mm-slideout,
html.mm-opening.mm-columns-2 .mm-slideout,
html.mm-opening.mm-columns-3 .mm-slideout,
html.mm-opening.mm-columns-4 .mm-slideout,
html.mm-opening.mm-columns-5 .mm-slideout,
html.mm-opening.mm-columns-6 .mm-slideout {
  /* -webkit-transform: translate3d(80%,0,0);
  transform: translate3d(80%,0,0); */
  -webkit-transform: none;
  transform: none;
}

.proposals-loader {
    min-height: 430px;
    padding-top: 30px;
    font-size: 4em;
}

#proposals-city {
    clear: both;
    max-width: 1000px;
    margin: 0 auto;
}
    .city-carousel .sproposta {
        padding: 15px;
    }

    .title-description-block-style_6 .city-header {
        text-transform: none !important;
    }
        .title-description-block-style_6 .city-title1 {
            margin-bottom: 15px;
            font-size: 30px; 
            font-style: italic; 
            letter-spacing: 0;
        }

        .title-description-block-style_6 .city-title2 {
            font-size: 18px;
        }
            .title-description-block-style_6 .city-title2 i {
                margin-left: 8px;
            }

    .btn-city-box {
        margin: 0 auto 60px;
        max-width: 70%;
    }
        .btn-city {
            padding: 13px 36px;
            border-radius: 50px;
            margin: 5px;
        }
            .btn-city i {
                margin-right: 8px;
            }

@media (max-width: 767px) {

    #proposals-city {
        margin: 0 -30px;
    }

    .btn-city-box {
        margin-top: 45px;
    }

    .btn-city {
        display: block;
        margin-bottom: 15px;
    }

    .city-carousel .sproposta {
       width: 70%;
       margin: 0 auto;
    }

    .sgallery .item:hover,
    .sgallery:hover .esclusivo-list {
        transform: translateY(0)
    }

}


.bi_logo_box2 div,
.con_camera_title,
.psdetails .ps-title,
.service-box div,
.soff {
    text-overflow: ellipsis;
    overflow: hidden
}

.badge-bisogni,
.badge-board,
.badge-prenotazione,
.bi_logo_box2 div,
.service-box div,
.soff {
    white-space: nowrap
}

::placeholder {
    color: #aab0b5 !important
}

.box-right ::placeholder {
    color: #fff !important;
    opacity: .6 !important
}

.btn-scegli-camere:before,
.planbut button:after {
    font-family: budicon;
    opacity: 0;
    transition: margin .3s, opacity .3s
}

#leggiprima finger {
    margin: 0 3px 0 -6px
}

#daterange_in,
#daterange_out {
    color: #fff;
    text-shadow: 0 0 6px #fff;
    font-weight: 700
}

div .hsim {
	display: inline-block;
	margin: 0;
	font-size: 12px;
}
	span .h2sim {
		font-weight: bold;
		color: #fff;
	}
	
	span .h3sim {
		font-size: 14px;
		font-weight: 400;
	}

#block-camere-scegli {
	font-size: 30px;
	line-height: 1.1;
	color: #359b40;
	font-weight: bold;
	margin: 90px 0 45px;
}
	#block-camere-scegli i {
		font-size: .6em;
	}

.soff {
    margin: 0 0 30px;
    max-width: 75%
}

#titolo_proposta {
    margin-bottom: 10px;
    width: 80%
}

#con_logobox {
    display: flex;
    align-items: center;
    height: 160px
}

#con_logobox img {
    max-width: 80%;
    max-height: 100px;
    margin: 0 0 0 auto
}

.con_camera_title {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.3em
}

.col-label-right,
.col-out-dx {
    padding-left: 0
}

.bi_line_box,
.bi_logo_box,
.modal-open .modal {
    display: grid
}

.bi_line_box2 h6 {
    font-size: 16px;
    font-weight: bold;
}

.mb-box {
    text-align: left;
    margin-top: 45px
}

.btn-metour-bisogni {
    border-radius: 50px;
    padding: 22px 28px;
    line-height: 1em;
    background: 0 0;
    color: #0b3d68;
    border-color: #d3caa7
}

.btn-metour-bisogni:hover {
    background: #0b3d68;
    border-color: #d3caa7 !important
}

.bi_logo_box {
    margin: -20px 0 15px 31%;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 100px
}

.bi_line_box1,
.bi_logo_box1,
.fancybox-navigation .fancybox-button--arrow_right {
    margin-right: 15px
}

.bi_line_box1 img,
.bi_logo_box1 img {
    max-width: 100px
}

.bi_logo_box2 {
    grid-column: 2/7;
    align-items: center
}

.bi_logo_box2 h6,
.proposta-info {
    margin: 15px 0 0
}

.bi_logo_box2 div {
    margin: 3px 0 40px;
    font-size: 13px;
    max-width: 75%
}

@media (max-width:1380px) {
    .bi_logo_box {
        margin-left: 0
    }
}

.bi_line_box {
    margin: 0;
    /* grid-template-columns: repeat(12, 1fr) */
}

.dd__primaryButton svg,
.fancybox-thumbs,
.modal-footer,
.search-tutte,
.bi_line_box1 {
    display: none
}

.bi_line_box2 {
    /* grid-column: 2/22; */
    align-items: center
}

.bi_line_box2 h6 {
    margin: 0;
}

.bi_line_box2 div {
    margin: 3px 0 40px;
    font-size: 13px
}

.modal.in .modal-dialog {
    display: grid;
    align-items: center
}

.modal-content {
    padding: 60px;
    border-radius: 24px
}

:root {
	--dd-overlay: rgba(0, 0, 0, .75);
	--dd-background: #FFFFFF;
	--dd-text1: #333333;
	--dd-text2: #FFFFFF;
	--dd-primary: #FD4741;
	--dd-gradient: #0b3d68;
	--dd-radius: .35em;
	--dd-shadow: 0 0 2.5em rgba(0, 0, 0, 0.1);
	--dd-range: rgba(0, 0, 0, 0.05)
}

.dd__primaryButton::after {
	content: "Ok";
	color: #fff;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: auto;
	line-height: 56px;
	font-weight: 700;
	font-size: 20px
}

#datedropper.dd-theme-dark {
	--dd-background: #0b3d68;
	background-image: #0b3d68;
	--dd-text1: #ffffff;
	--dd-text2: #ffffff;
	--dd-primary: #9bcc89;
	--dd-range: rgba(255, 255, 255, .2);
	--dd-borderColor: rgba(255, 255, 255, 0.05);
	--dd-radius: 10px;
	box-shadow: 0 15px 30px #7e8f9d;
	margin-top: -5px
}

.style1 {
	--dd-primary: #359b40;
	--dd-text1: #0b3d68;
	--dd-monthBackground: #0b3d68;
	--dd-confirmButtonBackground: #359b40;
	--dd-selectedBackground: #359b40
}

#datedropper .dd__calendar>div {
	padding: 3rem
}

.dd__block[data-key="m"] .dd__view>div {
	font-weight: 700
}

.dd__block .dd__nav.dd-hidden {
	pointer-events: auto;
	visibility: visible;
	opacity: .5
}

.dd__view {
	padding: .35em .35em .85em
}

.dd__dropdown>.dd__footer {
	padding-top: 15px
}

.dd__dialog {
	padding: .5em
}

.dd__dialog .dd__item,
.image-grid.free-grid img {
	border-radius: 10px
}

.dd__dialog.dd-shown {
	background: #0b3d68
}

.fancybox-thumbs,
.fancybox-toolbar .fancybox-button {
	background-color: transparent
}

.dd__dialog.dd-shown .dd__item {
	background-color: rgba(0, 0, 0, .15)
}

.dd__dialog.dd-shown .dd__item:hover {
	background-color: rgba(0, 0, 0, .2)
}

.fancybox-image,
.fancybox-spaceball {
    border-radius: 12px
}

.bisogno-image,
.fancybox-button {
    border-radius: 100%
}

.fancybox-navigation {
    line-height: 50px
}

.fancybox-navigation .fancybox-button {
    width: 50px;
    height: 50px
}

.fancybox-navigation .fancybox-button--arrow_left,
.fancybox-navigation .fancybox-button--arrow_right {
    padding: 0
}

.fancybox-navigation .fancybox-button--arrow_left {
    margin-left: 15px
}

.fancybox-thumbs__list a {
    border-radius: 6px;
    margin: 6px 0 6px 6px;
    width: 90%;
    height: 90px;
    max-height: calc(100% - 8px);
    max-width: calc(100% - 4px)
}

@media(min-width:768px) {
    .fancybox-thumbs__list a {
        height: 130px;
        width: 92%;
        margin: 6px 0 6px 6px;
    }
}

.sweet-alert .text-muted {
    font-size: 20px;
    line-height: 1.4em;
    padding: 0 60px;
    color: #0b3d68;
    font-weight: 400;
}

.galFirst .new,
.image-grid .new {
    font-size: 14px;
    line-height: 60px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.sweet-alert .icon.custom {
    /* margin-bottom: 0; */
    width: 120px !important;
    height: 120px !important
}

@media(max-width:767px) {
    .sweet-alert .text-muted {
        padding: 0 30px
    }
}

.gd-blue .loader-3::after {
    background: #fff
}

.gd-blue .loader-3::before {
    box-shadow: 0 0 0 2px #fff;
    background: radial-gradient(transparent 0, transparent 4px, #fff 4px)
}

.bisogno-image {
    border: 2px solid #359b40;
    width: 60px;
    height: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    overflow: hidden
}

.bisogno-image img {
    border-radius: 100%;
    display: grid;
    align-items: center;
    max-width: 100%
}

.bisogno-desc {
    display: grid;
    align-items: center;
    min-height: 50px;
    padding-left: 10px
}

.sgallery .item,
.sgallery .esclusivo-list {
    transition: all 300ms ease
}

.sgallery .item:hover {
    transform: translateY(-12px)
}

.sgallery:hover .esclusivo-list {
    transform: translateY(-12px)
}

.sgallery:hover .esclusivo-list:hover {
    transform: translateY(0)
}

#search-box,
.product-content-single {
    margin-bottom: 0;
}

.galFirst {
    background: #72787d;
    border-radius: 16px 16px 0 0
}

.block_proposta .galFirst {
    border-radius: 16px
}

.galFirst img,
.galFirst.avatar,
.image-grid.free-grid.big {
    border-radius: 16px 16px 0 0
}

.galFirst.avatar {
    max-height: 489px;
    overflow: hidden
}

.galFirst .new,
.galFirst .new2,
.image-grid .new,
.image-grid .new2 {
    border-radius: 100%;
    width: 60px;
    height: 60px
}

.galFirst.avatar img {
    margin-top: -23%
}

.block_proposta .galFirst img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover
}

.image-grid {
    display: grid;
    align-content: center;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 18px;
    box-shadow: 0 15px 30px #a6b1bb;
    transition: .3s ease-in-out;
    transform: translateZ(0)
}

#rp-ic-dx,
#rp-ic-sx,
.badge-prenotazione,
.transparent {
    display: inline-block
}

.image-grid:hover {
    box-shadow: 0 30px 30px #a6b1bb
}

.image-grid:hover img {
    -webkit-transform: scale(1.08, 1.08);
    scale: 1.08
}

.image-grid.free-grid.small {
    border-radius: 16px;
    max-height: 300px
}

.image-grid>a {
    color: rgba(255, 255, 255, .3)
}

.image-grid img {
    aspect-ratio: 1/1;
    width: 100%;
    height: 100%;
    transition: .6s !important
}

.image-grid.free-grid.big:hover img {
    -webkit-transform: scale(1.06, 1.06);
    scale: 1.06
}

.image-grid .new2 {
    background: #f9b000;
    position: absolute;
    top: 29px;
    right: -3px
}

.image-grid .new {
    color: #fff;
    background: #0b3d68;
    position: absolute;
    top: 25px;
    right: -5px
}

.image-grid.free-grid {
    box-shadow: none
}

.image-grid.free-grid.big img {
    max-height: none;
    width: auto;
    height: auto;
    border-radius: 16px 16px 0 0;
    aspect-ratio: unset
}

.rel_sx_sapere {
    margin: -60px -60px 30px
}

.line-migliore {
    font-size: 24px;
    letter-spacing: -1px;
    background: rgba(0, 0, 0, .2);
    padding: 14px 12px 19px;
    border-radius: 10px;
    text-align: center;
    filter: grayscale(100%)
}

.galFirst #valutazione_proposta_nessuna {
    z-index: 9
}

.galFirst .new2 {
    background: #f9b000;
    position: absolute;
    top: 29px;
    left: -3px
}

.galFirst .new,
.psdetails {
    background: #0b3d68;
    color: #fff
}

.galFirst .new {
    position: absolute;
    top: 25px;
    left: -5px
}

.psdetails {
    padding: 45px;
    border: 1px solid #4375a0;
    border-radius: 16px;
    margin-top: 30px
}

.psdetails .ps-title {
    margin-bottom: 24px;
    color: #fff;
    font-size: 1.3em;
    line-height: 1em;
    max-width: 100%;
    white-space: nowrap
}

.desc_small,
.psdetails .ps-box {
    margin-bottom: 15px
}

.psdetails .ps-box .checkbox {
    margin-top: -5px
}

.psdetails .ps-box .ps-label {
    line-height: 1em;
    font-size: 15px
}

.psdetails .ps-box textarea {
    background: #fff;
    color: #0b3d68;
    border: 1px solid #4375a0;
    width: 94%;
    font-weight: 400;
    border-radius: 9px !important
}

.psdetails .ps-box textarea:focus {
    border-width: 2px;
    border-color: #359b40 !important
}

.planbut button {
    transition: .3s;
    box-shadow: 0 0 1px 1px #0000001a;
    position: relative;
    padding: 6px 20px
}

.planbut button:after {
    content: "\e0e2";
    margin-left: -10px;
    vertical-align: bottom;
    font-size: 11px
}

.planbut button:hover:after {
    margin-left: 5px;
    opacity: 1
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 #002240
    }

    100% {
        box-shadow: 0 0 0 20px transparent
    }
}

pre {
    color: #05ff43;
    background-color: #222;
    border: 1px solid #ccc
}

.btn-scegli-camere,
.btn-scegli-camere:visited {
    font-size: 16px;
    line-height: 1.5em;
    padding: 15px;
    border-radius: 50px;
    background: #359b40;
    border-color: #359b40;
    color: #fff !important;
    margin-top: 45px;
    display: inline-block;
    width: 100%
}

.btn-scegli-camere:hover {
    background: #388f41;
    border-color: #388f41;
    color: #fff !important
}

.btn-scegli-camere:before {
    content: "\e00d";
    margin-right: -10px;
    vertical-align: middle;
    font-size: 13px
}

.btn-scegli-camere:hover:before {
    margin-right: 9px;
    opacity: 1
}

.btn-scegli-camere:active,
.btn-scegli-camere:active:focus,
.btn-scegli-camere:focus,
.btn-scegli-camere:hover:active {
    background: #05ca19;
    border-color: #05ca19;
    color: #fff !important
}

.btn-mappa {
    padding: 3px 5px;
    background: #e9eef0;
    border-color: #e9eef0;
    color: #0b3d68 !important;
    font-size: 12px;
    line-height: 1;
    vertical-align: baseline;
    height: 21px;
    transition: .3s
}

.badge-bisogni,
.badge-board,
.badge-prenotazione,
.daivoto,
.preferiti-line i,
.tip_html i {
    vertical-align: middle
}

.btn-mappa i {
    margin: 0 1px 0 4px;
    color: #ee5253;
    transition: .3s
}

.btn-mappa:hover {
    background: #ee5253;
    border-color: #ee5253;
    color: #fff !important
}

.btn-mappa:hover i {
    color: #fff
}

.btn-scegli {
    font-size: 15px;
    border-radius: 30px;
    background: #359b40;
    border-color: #359b40;
    color: #fff !important
}

.badge-prenotazione {
    border: none;
    background: #e5eaec;
    color: #6c8397;
    border-radius: 10px;
    padding: 5px 9px 6px;
    font-weight: 700;
    font-size: 11px;
    line-height: 1.5em;
    margin-bottom: 10px
}

#buttonModificaRicerca,
#buttonModificaRicercaData,
#buttonRiepilogoPrenotazione {
    border-radius: 50px;
    text-transform: none;
    color: #fff !important
}

.badge-bisogni {
    background: #36648f;
    padding: 6px 12px 7px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 12px
}

.badge-bisogni i {
    margin-left: 5px
}

.totimg {
    position: absolute;
    left: 30px;
    bottom: 30px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 9px 12px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1
}

.totimg i {
    margin: 0 7px 0 0
}

.badge-board {
    background: #00a1d2;
    padding: 6px 8px 7px;
    font-size: 12px;
    border-radius: 16px
}

.badge-board.ro {
    background: #427bac;
    color: #fff
}

@media (min-width:1199px) {
    .badge-board {
        margin-left: 15px
    }
}

@media (min-width:1399px) {
    .badge-board {
        margin-left: 30px
    }
}

@media (min-width:1499px) {
    .badge-board {
        margin-left: 90px
    }
}

@media (min-width:1699px) {
    .badge-board {
        margin-left: 120px
    }
}

#bpm_box {
    padding: 15px 45px 30px
}

.bpm_box_camera {
    margin-bottom: 12px
}

.bpm_box_camera .transparent {
    padding: 3px 12px
}

.canc_gratuita {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.3em
}

.canc_gratuita>div.ti {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #ffe581
}

.canc_gratuita>div.de {
    margin-bottom: 5px;
    opacity: .6
}

@media (min-width:992px) {

    .modal-content {
        font-size: 15px
    }

    .box-left {
        padding-right: 10px
    }

    .title-line .tl-box h1 {
        font-size: 48px
    }

    .site-content-inner {
        padding: 0 30px
    }

    .panel-bisogno .panel-heading {
        padding: 20px 25px
    }
}

@media (min-width:768px) {
    .modal-dialog {
        width: 900px
    }
}

.modal #confirm-btn {
    margin-top: -10px;
    margin-right: -15px
}

.modal-body {
    padding: 0 0 30px
}

.modal-body h4 {
    font-size: 24px !important;
    margin-top: -15px;
    text-align: center
}

.daPagareLabel {
    font-size: 16px;
    line-height: 1.4em
}

.modal ol,
.modal ul {
    padding: 0 20px;
    list-style-type: disclosure-closed;
    font-size: 18px;
    line-height: 1.4em
}

#rp-ic-sx {
    width: 150px
}

#daPagareLabel finger,
#remarks finger {
    font-size: 1.5em
}

.tl-logo-big {
    margin: 30px 0 90px
}

#transparent-box {
    margin: 25px 0 0
}

.transparent {
    margin: 0 2px 10px;
    padding: 10px 30px;
    color: #fff;
    background: #36648f;
    border-radius: 12px;
    transition: .6s;
    font-size: 13px;
    font-weight: 700
}

.transparent:hover {
    background: #0b3d68;
    color: #fff
}

.panel-group .panel.panel-bisogno+.panel {
    margin-top: 15px
}

.c-page .dropdown-menu>li>a:focus,
.c-page .dropdown-menu>li>a:hover {
    color: #0b3d68;
    background: rgba(0, 0, 0, .05)
}

.c-page .bootstrap-select .dropdown-menu {
    min-width: 100% !important;
    color: #0b3d68;
    background: #fff;
    border-radius: 9px
}

.c-page .bootstrap-select>.dropdown-toggle {
    height: 45px;
    line-height: 30px;
    padding: 6px 15px;
    color: #fff;
    background: #0b3d68;
    border-color: #4375a0
}

.c-page .bootstrap-select>.dropdown-toggle.btn {
    color: #fff !important;
    border-color: #4375a0;
    background: #0b3d68;
    font-weight: 700
}

.c-page .bootstrap-select>.dropdown-toggle.btn:hover {
    border-color: #4375a0;
    background: #0b3d68
}

.c-page .bootstrap-select.sp-psdetails>.dropdown-toggle.btn {
    color: #fff !important;
    border-color: #359b40;
    background: #359b40;
    font-weight: 700
}

.c-page .bootstrap-select.sp-psdetails>.dropdown-toggle.btn:hover,
.c-page .planbox .bootstrap-select>.dropdown-toggle.btn:hover {
    border-color: #359b40;
    background: #359b40
}

.result-item .bootstrap-select>.dropdown-toggle,
.result-item .btn.btn-success {
    height: 33.8px;
    line-height: 19px;
    font-size: 16px;
    font-weight: 700
}

.c-page .planbox .bootstrap-select>.dropdown-toggle {
    background: #359b40;
    border-color: #359b40;
    color: #fff
}

.daivoto {
    margin-left: 10px;
    color: #009fe3;
    font-size: 13px;
    font-weight: 700
}

.preferiti-line {
    margin-top: 25px
}

#butAggiungiPreferiti {
    text-transform: none;
    border-radius: 6px;
    padding: 0 !important;
    background: 0 0;
    border-color: transparent;
    font-weight: 700
}

#butAggiungiPreferiti:hover {
    background: 0 0;
    color: #f9b000 !important;
    border-color: transparent
}

#frmDisponibilita .btn-group>.btn:first-child {
    color: #0b3d68 !important;
    padding: 9px 25px 10px 15px;
    font-size: 13px;
    border-radius: 4px
}

#date_closed {
    padding: 0 15px;
    font-size: 15px;
    line-height: 1em
}

#date_closed_in,
#date_closed_out {
    line-height: 1.5em;
    margin: 0 0 10px;
    font-weight: 700;
    text-transform: capitalize
}

#date_closed_in span,
#date_closed_out span {
    margin: 0;
    font-weight: 400
}

#date_closed_in br,
#date_closed_out br {
    display: block !important
}

#quantita_closed {
    line-height: 1.8em;
    margin: 5px 0 0;
    padding: 0 15px;
    font-weight: 700
}

#buttonModificaRicerca,
#buttonModificaRicercaData {
    border-color: transparent;
    background: rgba(0, 0, 0, .3);
    padding: 13px 26px
}

#buttonModificaRicerca i
, #buttonModificaRicercaData i {
    margin-right: 0
}

#buttonRiepilogoPrenotazione {
    background: #359b40;
    border: none;
    padding: 9px 22px 11px 44px;
    margin-top: 25px;
    position: relative;
    transition: .2s
}

#buttonQuoteCreate {
    /* background: rgba(0, 0, 0, .3);
    color: #fff !important; */
    border: none;
    border-radius: 50px;
    padding: 9px 22px 11px;
    margin-top: 25px;
    position: relative;
    text-transform: none;
    transition: .2s;
}
    #buttonQuoteCreate .text,
    #buttonQuoteCreate .loader {
        display: inline-block;
        height: 19.5px;
    }
        #buttonQuoteCreate i.car {
            margin: 0 3px 0 0
        }

        #buttonQuoteCreate i.car-last {
            margin: 0 10px 0 0
        }

        #buttonQuoteCreate i.car-first {
            margin: 0 3px 0 10px
        }

        /* #buttonQuoteCreate span {
            font-size: 20px;
            position: absolute;
            top: 5px;
            margin-left: -25px
        } */

        #buttonQuoteCreate:hover {
            background: rgba(0, 0, 0, .2);
            color: #fff !important;
        }

#box_quote_create_disponibile button {
    background: rgba(0, 0, 0, .3);
    color: #fff !important;
    border: none;
    border-radius: 50px;
    padding: 9px 22px 11px;
    margin-top: 15px;
    position: relative;
    text-transform: none;
    transition: .2s;
}
    #box_quote_create_disponibile button .text {
        display: inline-block;
        height: 19.5px;
    }

    #buttonQuoteCreate:hover {
        background: rgba(0, 0, 0, .3);
        color: #fff !important;
    }

.block_proposta,
.block_proposta_main {
    padding: 0;
    border-radius: 16px;
    background: #fff;
    color: #0b3d68
}

#buttonRiepilogoPrenotazione i.car {
    margin: 0 3px 0 0
}

#buttonRiepilogoPrenotazione i.car-last {
    margin: 0 10px 0 0
}

#buttonRiepilogoPrenotazione i.car-first {
    margin: 0 3px 0 10px
}

#buttonRiepilogoPrenotazione span {
    font-size: 20px;
    position: absolute;
    top: 5px;
    margin-left: -25px
}

#buttonRiepilogoPrenotazione:hover {
    background: #388f41;
    color: #fff !important
}

#remarks,
#remarks ul {
    font-size: 13px;
    line-height: 1.6em
}

#remarks ul {
    padding: 0;
    list-style: none
}

@media (max-width:1365px) {

    #date_closed,
    #quantita_closed {
        font-size: 13px
    }
}

@media (max-width:991px) {
    #con_logobox img {
        margin: 15px auto 45px;
        max-height: 90px
    }

    .row-label-right {
        display: flex
    }

    .col-label-right {
        padding-right: 0;
        padding-left: 15px
    }

    .con_camera_title {
        margin-bottom: 3px;
        margin-top: 3px
    }

    .soff {
        max-width: 100%
    }

    #titolo_proposta {
        width: 100%
    }

    .room-desc-row {
        padding-bottom: 3px
    }

    #buttonModificaRicerca
    , #buttonModificaRicercaData {
        padding: 12px
    }

    #buttonRiepilogoPrenotazione {
        padding: 12px 16px 12px 44px;
        margin-top: 60px
    }

    .col-riepilogo-header {
        padding: 0
    }

    .crh-title {
        margin-bottom: 5px
    }
}

.ombra {
    box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, .4)
}

loaderd-box {
    display: flex;
    justify-content: center;
    align-items: center
}

.block_proposta {
    margin-top: 60px
}

.block-proposta h3 {
    margin: 0 0 10px
}

.rel_sx_header {
    padding: 19px 45px 18px;
    border-radius: 16px 16px 0 0;
    background: #e9eef0
}

.box-right,
.rel_sx_body {
    padding: 45px
}

.rel_sx_header h4 {
    margin: 0;
    color: #0b3d68;
    line-height: 1.3em;
    font-weight: 700
}

.result-item {
    color: #fff;
    margin: 0 auto;
    border-radius: 0 0 16px 16px
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    color: #0b3d68;
    background-color: #f2f4f7;
    border-color: #ae8623
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: #0b3d68;
    background-color: #eadcbb;
    border-color: #ae8623
}

.leggi-tutto {
    border-color: #c0cace;
    color: #c0cace !important;
    background-color: #fff !important
}
    .leggi-tutto:active,
    .leggi-tutto:focus,
    .leggi-tutto:hover {
        background-color: #f2f4f7 !important
    }

.leggi-tutto.blue {
    color: #0b3d68 !important;
}
    .leggi-tutto.blue:active,
    .leggi-tutto.blue:focus,
    .leggi-tutto.blue:hover {
        background-color: #e9eef0 !important;
        color: #0b3d68 !important;
    }

.form-dx input[type=date],
.form-dx input[type=email],
.form-dx input[type=tel],
.form-dx input[type=text] {
    height: 45px;
    line-height: 45px;
    color: #fff;
    background: #0b3d68;
    border-color: #4375a0;
    font-size: 13px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 9px !important
}

.form-dx input[type=date]:focus,
.form-dx input[type=email]:focus,
.form-dx input[type=tel]:focus,
.form-dx input[type=text]:focus {
    border-width: 1px
}

.form-dx textarea {
    width: 100%;
    border-width: 1px;
    margin: 0 -1px;
    border-color: #b9bdc3;
    background: #fff;
    color: #0b3d68;
    float: left;
    width: calc(100% + 2px)
}

.form-dx textarea:focus {
    border-width: 1px;
    border-color: #f9b000;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none
}

label {
    font-size: 13px
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline {
    color: red
}

.has-error label {
    color: #0b3d68 !important
}

.has-error .form-control {
    border-color: red
}

.checkbox label,
.radio label {
    line-height: 1.4em
}

.form-horizontal .control-label {
    font-size: 13px;
    margin-bottom: 0;
    text-align: right;
    font-weight: 300
}

.form-group {
    margin-bottom: 5px
}

.form-control-static {
    font-weight: 300;
    line-height: 1.2em;
    min-height: 0
}

.box-right {
    color: #0b3d68;
    border-radius: 16px
}

.box-right .form {
    color: #0b3d68;
    margin-bottom: 0
}

#frmDisponibilitaClosed,
#frmDisponibilitaClosedLoader {
    color: #fff;
    border: none;
    padding: 45px 30px;
    font-size: 13px;
    line-height: 1em;
    margin-bottom: 30px;
    border-radius: 16px
}

#frmDisponibilitaClosedLoader {
    display: grid;
    align-content: center
}

.single-product-content {
    padding-left: 0 !important;
    margin-top: 30px
}

.scegli-line {
    color: #fff;
    padding: 0 15px;
    font-size: 28px
}

.boxcolor {
    padding: 60px;
    font-size: 15px;
    border-radius: 16px
}

.boxcolor.light-blue {
    background: #e9eef0;
    color: #0b3d68
}

.boxcolor.yellow {
    background: #ffe9b4;
    color: #0b3d68
}

.line-piano-box {
    padding: 40px 55px 55px 46px;
    border-radius: 16px
}

.line-piano {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dotted #2c68a2
}

.line-piano .badge {
    min-width: 97px;
    text-align: left;
    border-radius: 10px
}

.line-piano .badge-board .badge {
    min-width: 120px
}

.text-align-seleziona {
    text-align: left;
    padding-top: 7px;
    padding-left: 0
}

.planbox {
    text-align: right
}

.planbox .bootstrap-select {
    max-width: 130px;
    margin-right: 5px
}

.planbut {
    max-width: 155px;
    float: right
}

.tip_html {
    padding: 3px 0;
    line-height: 1.6em
}

.tip_html i {
    margin-right: 6px
}

.col-in-sx {
    padding-right: 15px
}

.content-altri {
    margin-bottom: 30px;
}

.service-box-camera {
    font-size: 13px;
    line-height: 1.7em
}

.boxcolor .service-box-camera {
    font-size: 18px
}

@media (max-width:1419px) {
    .box-right {
        padding: 45px 30px
    }
}

@media (min-width:1200px) {
    .box-left {
        padding-right: 15px
    }

    .text-align-line-piano {
        width: 54.33333333%
    }

    .text-align-seleziona {
        width: 29%
    }
}

@media (min-width:1460px) {
    .text-align-line-piano {
        width: 51.33333333%
    }

    .col-price {
        width: 23.66666667%
    }

    .text-align-seleziona {
        width: 25%
    }

    .col-price .strut {
        text-align: right
    }
}

@media (min-width:992px) {
    .header-nav {
        padding-right: 50px
    }
}

@media (min-width:768px) {
    .slider-wrap .content-area h1.mini {
        font-size: 48px;
        margin-bottom: 15px
    }

    finger {
        font-size: 1.8em
    }

    .closed_gutter {
        padding: 0 15px
    }

    .modal #confirm-btn {
        margin-right: -25px
    }

    .form-horizontal .form-group.fg-children {
        margin-left: -30px
    }

    .text-align-seleziona {
        text-align: left
    }
}

@media (max-width:1199px) {
    .col-price {
        text-align: left
    }

    .text-align-line-piano {
        padding-bottom: 5px
    }

    .line-piano-box {
        padding: 30px 40px 45px 31px
    }

    .bpm_box_camera {
        margin-top: 22px
    }
}

#secondary {
    padding-top: 82px
}

.product-name {
    font-weight: 700 !important;
    margin-top: 15px;
    color: #0b3d68;
    line-height: 1.2em
}

.products-list .product-item .product-name {
    font-size: 22px;
    line-height: 28px
}

span.price-old {
    margin-left: 3px;
    font-size: .8em
}

.badge-promo {
    padding: 4px 7px 4px 5px;
    border-radius: 6px;
    font-size: 9px;
    background: #854eff;
    color: #fff;
    margin-right: 9px;
    vertical-align: top
}

.badge-promo::before {
    content: "✨";
    margin-right: 2px
}

.line-piano .badge.badge-promo {
    min-width: auto
}

.proposta-info .tab-content>.tab-pane {
    padding: 15px
}

.nav-tabs>li>a {
    border-radius: 0;
    color: #0b3d68
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #f9b000
}

.product-desc {
    color: #0b3d68;
    font-size: 18px;
    line-height: 1.5em
}

.product-desc.product-desc-main {
    margin-top: 10px
}

.product-desc.product-desc-rel {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.5em
}

.desc_big {
    height: 190px;
    overflow: hidden
}

.desc_big hr {
    border: none
}

.block_proposta .desc_big {
    height: 135px
}

.desc_big_box {
    position: relative;
    font-size: 13px;
    margin-bottom: 12px
}

.desc_big_box_overlay {
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: 50px;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(99%, #fff), to(#fff));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, #fff 99%, #fff 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 99%, #fff)
}
    .desc_big_box_overlay.blue {
        background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(99%, #e9eef0), to(hsla(0, 0%, 100%, 0)));
        background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, #e9eef0 99%, hsla(0, 0%, 100%, 0) 100%);
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #e9eef0 99%, hsla(0, 0%, 100%, 0))
    }

.desc_big_box_link {
    margin-top: 10px;
    line-height: 13px
}

.title-description-block-style_6::before {
    top: 40%
}

.product-item a {
    text-transform: uppercase
}

.title-line {
    position: relative
}

.title-line .elem.normal {
    white-space: normal
}

.title-line-back {
    margin-bottom: -40px;
}

.title-line-back a {
    padding: 8px 16px;
    border-radius: 50px
}

.title-line .label-esclusivo-title {
    margin: 0 0 0 10px;
    padding: 4px 6px;
    color: #ffe581;
    background: #0b3d68;
    border-radius: 6px;
    display: inline-block
}

.title-line .label-esclusivo-title i {
    margin-right: 3px
}

#row-altri-box {
    margin: 0 auto
}

.row-altri {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

@media (max-width:767px) {
    .mb-box {
        text-align: center;
        margin: 0 0 15px
    }

    #bpm_box .transparent,
    #transparent-box,
    .bi_logo_box {
        margin: 0
    }

    .bi_logo_box1 {
        grid-column: 1/3
    }

    .bi_logo_box1 img,
    .psdetails .ps-box textarea {
        width: 100%
    }

    .bi_logo_box2 {
        grid-column: 3/10
    }

    .bi_line_box2 h6 {
        font-size: 13px;
        line-height: 1.4em;
    }

    .modal-content {
        padding: 30px;
        border-radius: 16px
    }

    img.img-responsive {
        min-width: 100%
    }

    .image {
        height: auto !important
    }

    .psdetails .ps-box {
        display: block;
        margin-right: 0;
        margin-top: 20px
    }

    .block_proposta .galFirst,
    .ps-box-select {
        margin-bottom: 15px
    }

    .canc_gratuita,
    .ps-textarea {
        margin-top: 15px
    }

    .ps-textarea button.btn-success {
        width: 100%;
        margin-top: 6px
    }

    .c-page .bootstrap-select.sp-psdetails {
        width: 100% !important;
        margin-bottom: 5px
    }

    .transparent {
        display: block;
        margin: 15px 0 10px;
        text-align: left;
        font-size: 16px;
        line-height: 40px
    }

    .modal-body {
        padding: 0
    }

    .daPagareLabel {
        font-size: 12px
    }

    .tl-logo-big {
        margin: 45px 0 90px
    }

    #bpm_box .transparent,
    .bpm_box_camera .transparent {
        padding: 0 10px 0 0;
        background: 0 0;
        color: #36648f;
        display: inline-block
    }

    .col-price {
        margin-top: 18px
    }

    .ombra {
        box-shadow: 0 10px 20px rgba(163, 174, 184, .3)
    }

    .bpm_box_camera {
        margin-top: 0
    }

    .form-dx input[type=email],
    .form-dx input[type=tel],
    .form-dx input[type=text] {
        line-height: 30px;
        padding: 0 15px
    }

    .inout {
        font-size: 14px
    }

    .col-in-sx {
        padding-right: 7px
    }

    .col-out-dx {
        padding-left: 7px
    }

    .content-altri {
        margin: 105px -15px 15px;
    }

    #bpm_box {
        padding: 25px 30px 45px
    }

    .proposta-info {
        margin: 15px 0 0
    }

    .bpm_box_camera .transparent {
        margin: 10px 0 0;
    }

    .rel_sx_body {
        padding: 30px 30px 60px;
    }

    .box-left h4 {
        font-size: 28px;
        line-height: 1.3em;
    }

    .box-right {
        margin-top: 0;
    }

    .boxcolor {
        padding: 30px;
    }

    .boxcolor ul {
        padding: 15px 0 15px 15px;
    }

    .line-piano-box {
        padding: 30px 30px 45px;
    }

    .line-piano {
        margin-bottom: 45px;
        padding-top: 0;
        border-top: none;
    }

    .line-piano-dotted {
        padding-top: 15px;
        border-top: 1px dotted rgba(255, 255, 255, .3);
    }

    .text-align-seleziona {
        padding-top: 25px
    }

    .line-piano .badge {
        min-width: 0
    }

    .line-piano .badge.badge-board {
        min-width: 0;
        padding: 6px 8px 7px
    }

    #quantita_closed {
        margin-top: 5px
    }

    .list4mobile {
        padding: 0 15px
    }

    .title-line-back {
        margin-bottom: 7px;
        text-align: center;
    }

    .boxcolor .service-box-camera,
    .title-line-back a {
        font-size: 13px
    }

    #row-altri-box {
        max-width: 260px
    }

    .rel_sx_header {
        padding: 19px 35px 18px
    }
}

.urlspan {
    word-break: break-all;
}

/* #leggiprima > .boxcolor {
    overflow-y: hidden;
} */