@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Neucha&display=swap');
@import url('style.css');

html, body {height:100%;}
body {font-family: "Roboto", Helvetica, Arial, serif;padding-top:187px;}
body.home {padding-top:0px;}
a {color:inherit;}

.visibile-desktop {}
.visibile-mobile {display: none;}
@media only screen and (max-width: 680px) {
    .visibile-desktop, .btn-comic.visibile-desktop {display: none;width: 100%; background-size: 100% !important; text-align: center; margin-top: 15px;line-height: 35px;}
	.visibile-mobile {display: block;}
	
}


.btn-comic {/*background:url(../img/svg/bg_bottone.svg) no-repeat;*/
	background-color:#e42321;
	border-radius:22px;
background-size:contain;
	color:#fff;
	
    font-family: 'Neucha', cursive;
    /*font-weight: bold;*/
    /*width: 100%;*/
    text-align: right;
    display: inline-block;
    padding: 5px 35px;
    font-size: 18px;
	line-height: 22px;
}
.btn-comic:hover {color:#fff;}
.btn-comic.btn-comic-dark {background-image:url(../img/svg/bg_bottone_dark.svg);background-color: transparent;}

.btn-continua {background:url(../img/svg/bg_continua.svg) no-repeat;
background-size:contain;
	color:#fff !important;
	text-transform: uppercase;
    font-family: 'Neucha', cursive;
    /*font-weight: bold;*/
    /*width: 100%;*/
    text-align: center;
    display: inline-block;
    padding: 10px 20px;
    font-size: 24px;
	line-height: 21px;
}

.btn-comic-xxl {background:url(../img/svg/bg_bottone_xxl.svg) no-repeat !important;padding: 5px 50px 5px 45px;
    line-height: 22px;} 
@media only screen and (max-width: 680px) {
	.btn-comic-xxl {width:100%;background-size: 100% !important;text-align: center; margin-top: 15px;line-height: 35px;}
}

.btn-bordered {border:solid 1px #0000001a;}

.input {border-radius:15px 15px 15px 15px !important;padding:20px;margin-bottom:10px;}
.alert-pieralisi {font-size:24px;font-weight:200;font-family: 'Neucha', cursive;display:inline-block;border-radius:30px;}
.alert-pieralisi.alert-danger {background-color: rgba(237, 20, 91, 0.7);color:#fff;}


.logopieralisi {
	display:flex;
	justify-content: center;
	align-items: center;
	font-family: 'Neucha', cursive;
    
    /*
	position: absolute;
    margin: 0;
    left: auto;
    */
    font-size: 50px;
    color: rgba(30, 30, 30, 1.0);
    text-align: left;
    line-height: 20.0px;
	margin-bottom:25px;
}
.logopieralisi img {height:80px;transition:all 0.2s;}
.logopieralisi img.menu {height:38px;}
.logopieralisi.home img {height:80px;transition:all 0.2s;}

@media only screen and (max-width: 680px) {
	.logopieralisi img {height:auto;width:100%;}
}

.navber.sticky.is-sticky .logopieralisi img {height:60px;}
.navber.sticky.is-sticky .logo {height:60px;}
.navber.sticky.is-sticky .logopieralisi  {margin-bottom:10px;}
.navber.sticky.is-sticky .ricercaautocomefu {line-height:40px;}


@media only screen and (max-width: 680px) {
	.logo {width:70%;height:50px;}
	
	.navber.sticky.is-sticky .logopieralisi img {height:50px;}
}

 .logopieralisi .span1 {
	 display:inline-block;
    line-height: 50px;
	 padding-top:15px;
}

 .logopieralisi .span2 {
    font-size: 35px;
    line-height: 35px;
}


.ribbon.V01 {background-color:#7FCB6E;}
.ribbon.V05 {background-color:#7F072E;}
.ribbon.V03 {background-color:#ed125a;}/*D45B1F*/
.ribbon.V02 {background-color:#F7B500;}
.ribbon.V04 {background-color:#DD0515;}
.ribbon.V00 {background-color:#D45B1F;}

.home .blog img {border-top-left-radius: 45px;border-top-right-radius: 45px;}

.catalogo {display:grid;grid-template-columns: repeat(3, 1fr); grid-column-gap: 25px;}
.catalogo .item {box-shadow: 0px 0px 10px #f0f0f0;
    border-radius: 20px;position:relative;margin-bottom:25px;}
.catalogo .item .ribbon {/*position:absolute;*/top:0px;left:0px;font-family: 'Neucha', cursive;color:#fff;font-size:16px;text-transform: uppercase;
padding:0px 20px;/*border-radius: 0px 15px 15px 0px;*/width:100%;text-align: center; z-index:99;}

.catalogo .item:hover {box-shadow:rgba(80, 80, 80, 0.15) 0px 6px 6px 0px, rgba(0, 0, 0, 0.15) 0px 10px 20px 0px}

.catalogo .item a {color:inherit;text-decoration: none;}
.catalogo .item .immagine {min-height: 215px;display:flex;align-items: center;position:relative;}
.related .catalogo .item .immagine {overflow:hidden;}
.catalogo .item .immagine img {width:100%;transition:all 1s;position:absolute;top:0;left:0;}

.catalogo .item .immagine img.img1 {opacity:1;}
.catalogo .item .immagine img.img2 {opacity:0;}
.catalogo .item:hover .immagine img.img1 {opacity:0;}
.catalogo .item:hover .immagine img.img2 {opacity:1;}

.catalogo .item .titolo {padding:25px 15px;display: flex;justify-content: space-between;position:relative;z-index:5;}
.catalogo .item .titolo h4 {font-size:14px;font-weight:bold;flex: 0 0 48%;}
.catalogo .item .titolo h4 small {font-size:12px;display: block; font-weight:normal;margin-top:2px;}
.catalogo .item .titolo .prezzo {color:#4C8FDE;font-weight: 900;font-size:26px;text-align:right;margin-top:-4px;white-space: nowrap;}
.catalogo .item .titolo .prezzo span {font-size:16px;}
.catalogo .item .titolo .prezzo label {color:#F7B500;text-transform: uppercase;font-size:9px;display:block;font-weight:900;}
.catalogo .item .titolo .prezzo label.promo {color:#4C8FDE;font-weight:900;}
.catalogo .item .titolo .prezzo strike {font-size:14px;font-weight: 400;color:#212529;display:block;margin:0px 0px -10px;}

.catalogo .item .info {column-count: 2;padding:0px 25px 15px;}
.catalogo .item .info ul {font-size:11px;font-weight:300;}
.catalogo .item .info li {list-style-type: circle;list-style-position: inside;white-space: nowrap;}

@media only screen and (max-width: 680px) {
	.catalogo .item {min-height: 180px;max-width:90%;}
	.catalogo {display:grid;grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px;}
	.catalogo .item .titolo {display:block;}
	.catalogo .item .info {column-count: 1;}
	.catalogo .item .immagine {min-height: 115px;}
}

.paginazione ul {display:flex;align-items: center;justify-content:center;}
/*.paginazione ul::before {content: '< Precedente';}
.paginazione ul::after {content: 'Successivo >';}*/
.paginazione ul li {margin:0px 10px;}
.paginazione ul li.current {color:#ED145B;font-size:24px;background-color:#FEF3F7;padding:25px;}
.paginazione ul li a {color:#1A1A1A;font-size:14px;background-color: #fff;display:block;width:100%;height:100%;padding:25px;white-space: nowrap;}
@media only screen and (max-width: 680px) {
	.paginazione ul {/*display:inline-block;*/}
	.paginazione ul li {}
	.paginazione ul::before {content: '';}
	.paginazione ul::after {content: '';}
	.paginazione ul li.mobilehide {display:none;}
	.paginazione ul li.current {font-size:10px;padding:10px;}
	.paginazione ul li a {width:auto;height:auto;padding:10px;}
}



.owl-car-main .item {border-radius:20px;/*border-top-left-radius: 20px;*/}
.owl-car .item {/*height:15vh;*/margin: 0px 8px;}

.owl-car-navigator {margin:15px auto 0 auto;width:90%;}
.owl-carousel.owl-car-main item {z-index:5}
.owl-carousel.owl-car  {z-index:10}
.owl-carousel.owl-car-main .owl-nav {position: absolute;top: 50%;right: 0;left: 0;margin-top: -32px;width: 100%;z-index:11;opacity:0;transition:all 0.2s;}
.immagini:hover .owl-carousel.owl-car-main .owl-nav {opacity:1;}
.owl-carousel.owl-car-main .owl-nav button.owl-next, .owl-carousel.owl-car-main .owl-nav button.owl-prev, .owl-carousel.owl-car-main button.owl-dot{
    width: 50px;height: 50px;border-radius: 50%;position: absolute;box-shadow: 0px 0px 10px #f0f0f0;transform: rotate(20deg);}

.owl-carousel.owl-car .owl-nav button.owl-next, .owl-carousel.owl-car .owl-nav button.owl-prev,
.owl-carousel.owl-car-main .owl-nav button.owl-next, .owl-carousel.owl-car-main .owl-nav button.owl-prev {background-image:url(../img/frecciadx_hover.svg);} 
.owl-carousel.owl-car .owl-nav img {transition:all 0.2s;}
.owl-carousel.owl-car .owl-nav button.owl-next img:hover, .owl-carousel.owl-car .owl-nav button.owl-prev img:hover,
.owl-carousel.owl-car-main .owl-nav button.owl-next img:hover, .owl-carousel.owl-car-main .owl-nav button.owl-prev img:hover {opacity:0.1;}
.owl-carousel.owl-car .owl-item img,
/*.owl-carousel.owl-car-main .owl-item img {transform: scale(2) translate(0, 10%);}*/
.owl-carousel.owl-car-main .owl-nav button.owl-next {right: 0px;}
.owl-carousel.owl-car-main .owl-nav button.owl-prev {left: 0px;transform: rotate(-20deg) scaleX(-1);}
.owl-carousel.owl-car-main .owl-nav button.owl-prev:focus, .owl-carousel.owl-car-main .owl-nav button.owl-next:focus {  outline: none;}


.scheda .descrizione {position:relative;}
.scheda .descrizione h1  {font-size:32px;font-weight:700;}
.scheda .descrizione h1 small {font-size:24px;display: block; font-weight:300;color:#1C1C1C;}
.scheda .descrizione .prezzo {color:#4C8FDE;font-size:24px;font-weight:900;}
.scheda .descrizione .prezzo_desc {position:absolute;top:55px;right:0px;font-size:20px;font-weight:500;}
.scheda .descrizione .ribbon {position:absolute;top:10px;right:0px;font-family: 'Neucha', cursive;color:#fff;font-size:20px;text-transform: uppercase;
padding:0px 20px;border-radius: 8px 0px 0px 8px;}
.scheda .descrizione .prezzo strike {font-size:16px;font-weight: 400;color:#212529;margin:0px 15px 0px 0px;}


.scheda .descrizione .prezzo.prezzomultiplo {display:flex;}
.scheda .descrizione .prezzo.prezzomultiplo div:last-child {margin-left:30px;}

.scheda .descrizione .ribbon.commercianti {top:55px;font-size:12px;text-transform: uppercase;color:#F7B500;font-weight:700;text-align:right;max-width:115px;line-height: 12px;font-family: "Roboto", Helvetica, Arial, serif;padding:0px 15px 0px 0px;}
.scheda .descrizione .ribbon.promo {top:95px;font-size:12px;text-transform: uppercase;color:#4C8FDE;font-weight:700;text-align:right;font-family: "Roboto", Helvetica, Arial, serif;padding:0px 15px 0px 0px;}
.scheda .descrizione .ribbon.preferiti {top:125px;text-align:right;color:#757575;font-size:14px;text-transform: uppercase;display:flex;font-weight: 500;line-height:14px;font-family: "Roboto", Helvetica, Arial, serif;padding:0px 15px 0px 0px;white-space: nowrap;}
.scheda .descrizione .ribbon.preferiti img {height:20px;float:left;margin-right:10px;}

.scheda .descrizione .bottoni {display:flex;justify-content: space-between;}
.scheda .descrizione .chiamaci img, .scheda .descrizione .trattativa img {height:24px;width:auto;}
/*
.scheda .descrizione .chiamaci {background: url(../img/svg/bg_chiamaci.svg) no-repeat;background-size:100%;color:#367128;font-family: 'Neucha', cursive;font-size:24px;text-transform: uppercase;padding: 10px 30px;text-align:center;font-weight:200;line-height: 26px;}
*/
/*
.scheda .descrizione .chiamaci,
.scheda .descrizione .trattativa {background: url(../img/svg/bg_trattativa.svg) no-repeat;background-size:100%;color:#fff;font-family: 'Neucha', cursive;font-size:24px;text-transform: uppercase;padding: 10px 30px;text-align:center;font-weight:200;line-height: 25px;}
*/
.scheda .descrizione .chiamaci,
.scheda .descrizione .trattativa {background-color:#e42321;border-radius:25px;color:#fff;font-family: 'Neucha', cursive;font-size:24px;text-transform: uppercase;padding: 10px 30px;text-align:center;font-weight:200;line-height: 25px;}

.scheda .descrizione .chiamaci.chiamaci-lg {padding:10px 18px;line-height: 40px;}

@media only screen and (max-width: 680px) {
.scheda .descrizione .chiamaci img, .scheda .descrizione .trattativa img {height:20px;width:auto;}
.scheda .descrizione .chiamaci {font-size:20px;padding: 10px 20px;line-height: 20px;white-space: nowrap;}
.scheda .descrizione .trattativa {font-size:20px;padding: 6px 20px 10px 20px;line-height: 20px;white-space: nowrap;}
.scheda .descrizione .chiamaci.chiamaci-lg {line-height:24px;font-size:18px;}
.scheda .descrizione .chiamaci.chiamaci-lg.bg_alto {/*background: url(../img/svg/bg_trattativa_alta.svg) no-repeat;*/background-size: 100%;}
}

.modale-trattativa {}
.modale-trattativa .modal-header {display:flex;position:relative;background-color:#F4F4F4;}
.modale-trattativa .modal-header .close {position:absolute;right:15px;font-size:12px;font-weight:200;padding:10px;}
.modale-trattativa .modal-header .modal-image {}
.modale-trattativa .modal-header .modal-image img {width:100%;}
.modale-trattativa .modal-header .modal-desc {flex: 0 0 55%;padding-left:50px;}
.modale-trattativa .modal-header .modal-desc h4 {font-size:18px;font-weight:600;}
.modale-trattativa .modal-header .modal-desc small {font-weight:400;display:block;}
.modale-trattativa .modal-header .modal-desc .prezzo {font-size:20px;font-weight:600;color:#4C8FDE;}
.modale-trattativa .modal-header .modal-desc .caratteristiche {margin-top:25px;}
.modale-trattativa .modal-header .modal-desc .caratteristiche td {font-size:14px;font-weight:300;line-height:30px;}
.modale-trattativa .modal-body p {font-size:14px;font-weight:300;padding:0 80px;line-height: 20px;}
.modale-trattativa .modal-body p.lead {font-size:24px;font-weight:400;padding:0 80px;line-height: 25px;}


.scheda.call2action {box-shadow: rgba(80, 80, 80, 0.05) 0px -1px 2px 0px, rgba(0, 0, 0, 0.05) 0px -6px 12px 0px;
	padding:25px 0px;background-color:#fff;transition: all 0.2s;}
.scheda.call2action.fixed-bottom {opacity:0;}
.scheda.call2action.is-sticky {opacity:1;}
.scheda.call2action .descrizione.call2action {display:flex;align-items: center;align-content: space-between;justify-content: center;}
.descrizione.call2action {    max-width: 1200px;margin:0px auto;}
.scheda.call2action .descrizione.call2action .h1 {font-size:18px;}
.scheda.call2action .descrizione.call2action table {width:auto;min-width: unset;transform:scale(0.7);margin-left: -15%;margin-top:-7%;}
.scheda.call2action .descrizione.call2action .prezzo {font-size: 36px;margin-right:80px;}
.scheda.call2action .descrizione.call2action .prezzo span {font-size:18px;}
.scheda.call2action.fixed-bottom[data-ricpic="fine"] {height:0px;padding:0px;}
@media only screen and (max-width: 680px) {
		.scheda.call2action[data-ricpic="durante"] {padding:25px 20px !important;}
	.scheda.call2action.fixed-bottom[data-rpmobile="fine-mobile"] {height:auto;padding:20px;position:inherit;}
	.scheda.call2action .descrizione.call2action {justify-content: space-between;}
	.scheda.call2action .descrizione.call2action .bottoni {display:block;float:right;}
	.scheda.call2action .descrizione.call2action .prezzo {font-size: 24px;margin-right:0px;}
	.scheda.call2action .descrizione.call2action table {display:none;}
	.scheda.call2action .descrizione.call2action .h1 {margin-bottom:0px;}
.scheda.call2action .descrizione.call2action .prezzo small {font-size:14px;}
	/*.scheda.call2action .descrizione.call2action .bottoni a.visibile-mobile {margin-right: 0px !important;display: inline;padding:6px 20px 10px 20px;}*/
	.scheda.call2action .descrizione.call2action .bottoni {padding-top:15px;}
	.scheda.call2action {padding:25px 20px;}
	
}


.comefunziona {font-family: 'Neucha', cursive;font-style:italic;}
@media only screen and (max-width: 680px) {
	.comefunziona form .text-right {text-align:center !important;}
	.comefunziona img, .comefunziona .pull-right {display:none;}
	.comefunziona form button {display:block;margin:0px auto 10px auto;}
	
}

.chiamaadesso {font-size:12px;margin-top: -20px;}
.blurme {
    filter: blur(8px);
    -webkit-filter: blur(8px);
}

.required {border:solid 1px rgba(237, 20, 91, 1.0);}



.footer .conlogo {display:flex;align-items: flex-end;width: 100%;justify-content: space-between;}
	.footer .conlogo h5 img {height:100px;}
	.footer .conlogo ul {font-size:16px;}
	.footer .conlogo p {font-size:16px;}
	.footer .conlogo .c1 {display:flex;}
	.footer .conlogo p b {font-size:18px;font-weight:normal;}
	.footer .conlogo .links {}
	.footer .conlogo .links a {display:inline-block;margin-right:10px;}
	.footer .conlogo .orari {line-height: 20px;font-size:15px;}
	.footer .conlogo .orari b {font-size:20px;display:block;margin-bottom: 5px;}
	.footer .conlogo .footer_contatti {line-height: 5px;}
	.footer .conlogo .footer_contatti img {margin-right:0px;}
	.footer .conlogo img {display: inline-block;margin-right:10px;}
	
	.footer .conlogo .login_button {padding: 5px 20px;
    border: 1px solid rgba(237, 20, 91, 1.0);
    border-radius: 20px;
    font-size: 1rem;
    width:auto;
    text-align: center;
    display: inline-block;margin-top:15px;}
	
.footer .orari {font-size:12px;display:flex;justify-content: space-between;}
.footer .links {display:inline-block;margin-right:15px;}
.footer .links a {display:inline-block;margin-right:15px;}
.footer .align-bottom {align-self: flex-end;}

	@media only screen and (max-width: 680px) {
		.footer .conlogo h5 img {height:60px;}
		.footer .conlogo {display:block;}
		.footer .conlogo .c1 {display:block;}
		.footer .conlogo .ml-5 {margin-left:0px !important;}
		.footer .conlogo .mr-5 {margin-right:0px !important;}
		.footer .conlogo > div {margin-top:25px;}
		.footer .links {width:100%;margin:15px 0px;}
		.footer .links a {display:block;margin-top:10px;text-align:center;}
		.footer .social {text-align:center;}
	}

#smplbtt-cmfnz {float:left;padding-top:10px;font-size:12px;}



.filtrimenu {display:block;}
@media only screen and (min-width: 800px) {
	.filtrimenu {display:block !important;}
}
@media only screen and (max-width: 680px) {
	.filtrimenu {display:none;}
}

.pieralisi_form .input-group label {position: absolute;
    top: -8px;
    left: 25px;
    font-size: 12px;
    z-index: 2;
    background-color: #fff;
    padding: 0px 5px;} 

.modale-trattativa .pieralisi_form {padding: 0px 70px;}



.contact-big-icons a {display:inline-block;font-size: 10vh;
    width: 16vh;
    height: 16vh;
    line-height: 16vh;
	border-radius:18vh;border:solid 1px #fc001e;color:#fc001e;}

.contact-big-icons .mobile-title {margin: 15px 0px; font-size:16px;}



#chiusi-per-ferie .modal-dialog {max-width:900px;}
#chiusi-per-ferie .modal-dialog img {width:100%;}

.view-mobile {display:none;}
.view-desktop {display:block;}


@media only screen and (max-width: 768px) {

.view-mobile {display:block;}
.view-desktop {display:none;}
}



#modale-cerchi-altro .modal-body {
	background-image:url(/img/popup/bg_car.png);background-repeat:no-repeat;background-size:contain;
	background-position: center right;
	padding:30px;
}
#modale-cerchi-altro .modal-body .riga {display:flex;}
#modale-cerchi-altro .modal-body .riga .col1 {width:30%;}
#modale-cerchi-altro .modal-body .riga .col2 {width:70%;}
#modale-cerchi-altro .logo-cerca {height:40px;}


#modale-cerchi-altro  .pieralisi_form.pieralisi_cerca {
	padding:30px; padding-top:0px;
	background-color:rgba(255,255,255,0.5);
}
#modale-cerchi-altro  .pieralisi_form.pieralisi_cerca {}
#modale-cerchi-altro  .pieralisi_form.pieralisi_cerca input {border-radius:0px;}

#modale-cerchi-altro  .pieralisi_form .input-group label {position:unset;background-color:transparent;display: block;
    width: 100%;
    text-align: left;}

@media only screen and (max-width: 768px) {

	#modale-cerchi-altro .dog-cerca {width:200px;}
	#modale-cerchi-altro .logo-cerca {display:none;}
	
	#modale-cerchi-altro .modal-body .riga .col2 {width:80%;padding-top:120px;}
}