/* * CUSTOM CSS * Custom CSS code, used to add styles for custom parts, or to overwrite * the default styles of the theme without changing the original files.  * NOTE that some changes might have been made to the original files anyway * (like global color changes, etc.) so this file will NOT contain every customization.*//* ======================================= *              GLOBAL STYLES * ======================================= */
html, body {	font-size:16px;}
img {	max-width:100%;}
span.colored {	color:#00adef;}
label {	font-size:14px;}
.btn {	padding:0.5rem 1.5rem;}
.btn-primary {	background-color:#00adef;	border-color:#00adef;}
.btn-primary:hover {	background-color:#0087bb;	border-color:#0087bb;}
.commonSection {	padding:60px 0px;}/* Styles to have an embedded YouTube video in 16:9 ratio, responsive */
.youtube-video-16-9 {	position:relative;	width:100%;	padding-bottom:56.25%}
.youtube-video-16-9 iframe {	position:absolute;	width:100%;	height:100%;	top:0;	left:0;}
.text-bold-dark {	font-weight:bold;	color:#4f4f4f;}
/* ======================================= *              HEADER AND MENU * ======================================= *//* Menu and logo */
@media (max-width: 575px) {	.mobileMenuBar {		margin:24px 0px;	}	
.mobileMenuBar a span {		display:none;	}	
.mobileMenuBar a i {		margin-left:0px;	}	
.logo_02 img {		width:260px;	}}@media (max-width: 359px) {	.logo_02 img {		width:225px;	}}
/* Info nell'header quando un utente e' loggato */
.header_02 .logged-in-info {	font-weight:bold;	margin-top:24px;	text-align:right;}/* Login button */
.ind_btn_2 {	min-width:auto;	max-width:100%;	width:170px;}/* Topbar sotto il menu (con icone camion e orologio) */
.topbar_02 {	padding:20px 0px;}
.topbar-right .digital-clock-wrapper {	margin-left:50%;}
.topbar-right .digital-clock {	line-height:45px;	margin-left:-39px;	color:#ececec;}
.topbar-left {	text-align:center;}
.topbar-left img.icona-camion {	height:45px;	width:auto;	opacity:0.9;}
@media (max-width: 991px) {	.topbar-right .digital-clock {		line-height:36px;	}	.topbar-left img.icona-camion {		height:36px;	}}@media (max-width: 767px) {	.topbar-left {		display:none;	}	.topbar-right .digital-clock {		line-height:1;	}}/* Sticky header e fascia preventivo sticky *//* Padding e offset di questo codice sono correlati, quindi quando si modifica una dimensione *//* (altezza header o altezza della fascia) bisogna modificare anche le altre (vedi commenti). */body.sticky-header-on {	padding-top:111px; /* header hight */}body.sticky-header-on.fascia-preventivo-sticky-on {	padding-top:247px; /* header hight + fascia height */}.fascia-preventivo-sticky {	position:fixed;	z-index:1;	top:111px; /* header hight */	left:0px;	width:100%;}@media (max-width:991px) {	body.sticky-header-on {		padding-top:111px; /* header hight */	}	body.sticky-header-on.fascia-preventivo-sticky-on {		padding-top:313px; /* header hight + fascia height */	}	.fascia-preventivo-sticky {		top:111px; /* header hight */	}}@media (max-width:575px) {	body.sticky-header-on {		padding-top:98px; /* header hight */	}	body.sticky-header-on.fascia-preventivo-sticky-on {		padding-top:300px; /* header hight + fascia height */	}	.fascia-preventivo-sticky {		top:98px; /* header hight */	}}/* ======================================= *              FORM PREVENTIVO * ======================================= */section.form-preventivo {	padding:60px 0px;}section.form-preventivo hr {	border-color:#ced4da;}section.form-preventivo-home h2 {	font-size:2.5rem;}section.form-preventivo-home p {	font-size:1.25rem;}ol.custom-numbers {	font-size:1.25rem;	line-height:1.3;	list-style-type:none;	padding:0px;	margin-left:40px;	margin-bottom:0px;}
ol.custom-numbers2 {	font-size:1.25rem;	line-height:1.3;	list-style-type:none;	padding:0px;	margin-left:0px;	margin-bottom:0px;}
ol.custom-numbers li {	position:relative;	margin-bottom:14px;}
ol.custom-list li {	position:relative;	margin-bottom:14px;}
ol.custom-numbers2 .number {	position:absolute;	width:30px;	height:30px;	line-height:30px;	border-radius:15px;	text-align:center;	background-color:#ffffff;	color:#00adef;	left:-40px;	top:-2px;}ol.custom-numbers .number {	position:absolute;	width:30px;	height:30px;	line-height:30px;	border-radius:15px;	text-align:center;	background-color:#ffffff;	color:#00adef;	left:-40px;	top:-2px;}section.form-preventivo ul.lista-imballi,section.form-preventivo ul.lista-servizi {	padding-left:20px;	list-style-type:square;}section.form-preventivo ul.lista-soste {	padding-left:20px;	list-style-type:decimal;}section.form-preventivo .narrow-wrapper {	max-width:720px;	margin:0px auto;}section.form-preventivo #map {	z-index:auto;	margin-bottom:1rem;}section.form-preventivo-fascia {	background-color:#00adef;	padding:30px 0px;	text-align:center;}section.form-preventivo-fascia .btn-primary,section.form-preventivo-home .btn-primary {	background-color:#0087bb;	border-color:#0087bb;}section.form-preventivo-fascia .btn-primary:hover,section.form-preventivo-home .btn-primary:hover {	background-color:#006b95;	border-color:#006b95;}.form-preventivo .pulsante-aggiungi-imballo {	display:block;	padding:0.375rem 20px;}.step-graph {	margin-top:17px;}.step-graph .step-graph-line {	height:6px;	background-color:#0087bb;	margin:0px 12.5%;}.step-graph .step-graph-progress {	height:6px;	background-color:#ffffff;}.step-graph .step-graph-progress.step-1 {width:0%;}.step-graph .step-graph-progress.step-2 {width:33.3%;}.step-graph .step-graph-progress.step-3 {width:66.6%;}.step-graph .step-graph-progress.step-4 {width:100%;}.step-graph ul {	list-style-type:none;	padding:0px;	margin:0px;	font-weight:bold;}.step-graph ul li {	float:left;	width:25%;}.step-graph .step-number {	display:block;	width:40px;	height:40px;	line-height:40px;	border-radius:20px;	margin:-23px auto 10px auto;	background-color:#0087bb;	color:#ffffff;}.step-graph .active .step-number {	background-color:#ffffff;	color:#00adef;}.step-graph .step-name {	display:block;}section.form-preventivo .btn-h2 {	display:block;	font-family:'Barlow Condensed', sans-serif;	font-weight:600;	font-size:2rem;	text-align:left;	line-height:1.2;	color:#00adef;	margin:0px 0px 15px;	padding:0px;}section.form-preventivo .btn-h2:hover {	color:#0087bb;}section.form-preventivo .btn-h2:focus {	box-shadow:none;}section.form-preventivo .btn-h2 .fa-plus,section.form-preventivo .btn-h2 .fa-minus {	font-size:0.75em;	vertical-align:3px;	margin-right:10px;} section.form-preventivo .btn-h2.collapsed .fa-minus {	display:none;}section.form-preventivo .btn-h2.collapsed .fa-plus {	display:inline-block;}section.form-preventivo .btn-h2 .fa-minus {	display:inline-block;}section.form-preventivo .btn-h2 .fa-plus {	display:none;}/* ======================================= *       FORM LOGIN E REGISTRAZIONE  * ======================================= */section.form-login, section.form-registrazione {	padding:90px 0px;}section.form-login .narrow-wrapper, section.form-registrazione .narrow-wrapper {	max-width:540px;	margin:0px auto;}/* ======================================= *       BANNER AND CALL-TO-ACTION  * ======================================= */section.banner h2 {	font-size:2.5rem;}section.banner p {	font-size:1.125rem;}section.banner ul {	font-size:1.125rem;	line-height:1.3;}section.banner ul li {	margin-bottom:10px;}section.banner ul.fa-ul {	margin-left:2em;}section.colored {	background-image: url("../images/home-ts.jpg");	color:#ffffff;}section.colored h2 {	color:#ffffff;}/* ======================================= *              ERROR PAGE  * ======================================= */div.error-message {	padding:20px;	background-color:#ff4545;	color:#ffffff;	margin-bottom:1rem;	border-radius:4px;}div.error-message h2 {	color:#ffffff;	position:relative;	padding-left:3rem;}div.error-message h2 i {	position:absolute;	top:0px;	left:0px;	line-height:inherit;}/* ======================================= *              COOKIE BAR  * ======================================= */.cc-window.cc-banner.cc-theme-block,.cc-window.cc-floating.cc-theme-block {	background-color:#000000;	color:#dddddd;	padding:32px 20px;}.cc-window.cc-banner.cc-theme-block a,.cc-window.cc-floating.cc-theme-block a,.cc-window.cc-banner.cc-theme-block a:visited,.cc-window.cc-floating.cc-theme-block a:visited {	color:#00adef;	text-decoration:none;}.cc-window.cc-banner.cc-theme-block a:hover,.cc-window.cc-floating.cc-theme-block a:hover {	color:#dddddd;	text-decoration:none;}.cc-revoke {	display:none;}