@import url("brand.css");
@import url("extra-liferay7.css");
@import url("../../../css/cookiebot-custom.css");

:root {
	--eco-green-color: #5DBA27;
}

footer .social .social-item a {
	font-size: 27px;
	line-height: 1em;
}

footer .social .social-item {
	display: inline-block !important;
	vertical-align: middle;
}

.acel .top-header {
	background: #0084c2;
	background: linear-gradient(90deg, #0084c2 0%, #019bd1 100%);
}

.acel .top-header ul {
	border-left: none;
	padding: 0;
	text-align: left;
}

.acel .top-header ul::before {
	background: #606060;
	background: linear-gradient(90deg, #606060 0%, #a8a8a8 100%);
	border-left: 1px solid #FFFFFF;
	display: block;
	height: 39px;
	left: -15px;
	top: -1px;
}

.acel .top-header ul li a {
	display: block;
	padding: 9px 15px;
}

.acel .top-header .top-menu {
	padding: 0;
	text-align: right;
}

.acel .top-header .top-menu::before {
	display: none;
}

.acel .top-header .top-menu li {
	display: inline-block;
	vertical-align: middle;
}

header {
	z-index: 9;
}

header .container.header > .row > .mainMenu {
	position: relative;
}

input.error, textarea.error {
	background-color: rgba(255, 0, 0, .2)!important;
	border: 2px solid red!important;
}

scrollbar > div {
	padding-top: 164px;
}

.icon-zip:before {
	content: "\e90a";
}

[data-cms-role="listItemTemplate"] {
	display: none;
}

[data-cms-role="sendResultBox"] {
	display: none;
}

.abs-bottom {
	bottom: 0;
	position: absolute;
}

.add-field-row-button, 
.remove-field-row-button {
	display: inline-block;
	line-height: 1em;
	margin-top: 1px;
	max-width: 5rem;
	vertical-align: top;
}

.add-field-row-button > .bill-icon, 
.remove-field-row-button > .bill-icon {
	display: inline-block;
	font-size: 27px;
	line-height: 1em;
	margin-top: -.1em;
}

.best-choice-label {
	background-color: var(--whatsapp-color);
	/* background-color: #e47119; */
	border-radius: 10px 0 0 10px;
	color: #ffffff;
	display: block;
	height: 2.4em;
	padding: 5px 20px;
	position: absolute;
	right: 0px;
	text-align: right;
	top: -6px;
}

/* .best-choice-label::before {
	border-bottom: 1.2em solid #e47119;
	border-top: 1.2em solid #e47119;
	border-left: .8em solid transparent;
	content: "";
	position: absolute;
	left: -.8em;
	top: 0;
} */

.best-choice-label-gas {
	background-color: var(--whatsapp-color);
	/* background-color: #189bd7; */
}

/* .best-choice-label-gas::before {
	border-bottom-color: #189bd7;
	border-top-color: #189bd7;
} */

.best-choice-label-power {
	background-color: var(--whatsapp-color);
	/* background-color: #dcdb18; */
}

/* .best-choice-label-power::before {
	border-bottom-color: #dcdb18;
	border-top-color: #dcdb18;
} */

.best-choice-label-offer-page {
	left: 0.5em;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.box-servizi .label {
    color: #FFFFFF;
    background: #0088C7;
	background: linear-gradient(90deg, #0084c2 0%, #019bd1 100%);
}

.links ul li.orange a {
    color: #0088C7;
}

.template-offerte.placet .title-wrapper {
    background: #0088C7;
	background: linear-gradient(90deg, #0084c2 0%, #019bd1 100%);
}

.template-offerte .offerte-slider .swiper-slide .wrapper:hover {
    background: #0088C7;
    background: linear-gradient(90deg, #0088C7 0%, #019bd1 100%);
    color: #FFFFFF;
}

.template-offerte .offerte article h3 {
    color: #0088C7;
}

.bill-number-input {
	display: inline-block;
	max-width: calc(100% - 5.5rem);
	vertical-align: top;
}

.box-servizi ul li:before {
    font-size: 45px;
    left: -12px;
    top: -20px;
    color: #0088C7;
}

.box-servizi ul li.promo {
	color: #0088C7;
	font-weight: bold;
}

.box-servizi ul li.promo::before {
	background-color: #0088C7;
	border-radius: 50%;
	color: #ffffff!important;
	content: "PROMO";
	font-family: 'Titillium Web', sans-serif;
	font-size: 1rem;
	font-weight: bold;
	height: 42px;
	margin-top: 8px;
	padding-top: 15px;
	text-align: center;
	width: 42px;
}

.brand-color-background {
	background: #0088C7;
}

.brand-color-text {
	color: #0088C7;
}

.btn-activate-green {
	height: auto!important;
	line-height: 1.1em;
	padding: 7px 15px;
	width: auto!important;
}

.btn-activate-green > small {
	font-weight: normal;
}

.btn-always-orange {
	background: #e65a24!important;
	background: linear-gradient(90deg, #e65a24 0%, #e37218 100%)!important;
	color: #FFFFFF!important;
}

.btn-cta {
	font-size: 18px;
}

.business a.color {
	color: #606060;
}

.business .other-offers-box a {
	color: #606060;
}

.callback-from-header .more-button {
	right: 300px;
}

.callback-from-header .title {
	padding-left: 310px;
}

.category-label {
	background-color: #ffffff;
	border-radius: 2em;
	color: #0088C7;
	font-size: 18px;
	font-weight: bold;
	min-width: 206px;
	padding: 5px 1em;
	position: absolute;
	right: 46px;
	text-align: center;
	top: 1em;
}
	.image-wrapper .category-label, 
	.single-post  .category-label, 
	.wrapper-news.post .category-label {
		background-color: #606060;
		color: #ffffff;
		display: inline-block;
		margin-bottom: 1em;
		position: static;
	}

.category-label-container {
	margin: 0 -15px;
	padding-top: 1em;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 9;
}

.coupon-offer-single-row {
	border-top: 1px solid #eeeeee;
    display: flex;
    justify-content: center;
    padding: 0.5em 0;
}

.coupon-offer-note {
    color: var(--eco-green-color);
}

.e-mobility-box {
	background-image: url("../../luce-gas-e-servizi/media/box-e-mobility.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero.always-orange {
	background: #e65a24!important;
	background: linear-gradient(90deg, #e65a24 0%, #e37218 100%)!important;
	color: #FFFFFF!important;
}

.hero-slider-full .bg.full-background {
	background-repeat: no-repeat;
	background-size: cover;
}

.home a.color {
	color: #0088C7;
}

.loader-icon-inline {
	display: inline-block;
	height: 1em;
	vertical-align: bottom;
}

.loader-on-empty:empty {
	background-image: url("/luce-gas-e-servizi/media/loading-icon-transp.gif");
	background-size: contain;
	display: inline-block;
	height: 1em;
	width: 1em;
}

.login {
	display: inline-block;
	vertical-align: middle;
}

.login a {
	padding: 11px 0 11px 34px;
	width: 130px;
}  

.login a.dropdown-toggle {
	cursor: pointer;
}

.login .icon-user {
	font-size: 34px;
	margin-top: 4px;
}

.mainMenu nav ul li.offerta-casa a {
	color: #0088C7;
}

.mainMenu nav ul li.offerta-casa a:after {
	background: #0088C7;
	background: linear-gradient(90deg, #0084c2 0%, #019bd1 100%);
}

.mb-5 {
    margin-bottom: 3rem!important;
}

.news-image-container {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 230px;
}

.template-singola-offerta .cta {
    background: #0088C7;
    background: linear-gradient(90deg, #0088C7 0%, #019bd1 100%);
}

.configuratore ul li a:hover {
    color: #FFFFFF;
    background: #0088C7;
    background: linear-gradient(90deg, #0088C7 0%, #019bd1 100%);
}

.other-offers-box {
	background: rgba(255, 255, 255, .7);
	padding: .5em;
	font-size: 1.15em;
	font-weight: bold;
	margin-top: 1em;
	text-align: center;
	text-decoration: underline;
	color:#009FDA;
}

.other-offers-box a {
	color: #0088C7;
}

.page-link-box {
	margin-bottom: 3em;
	margin-top: 3em;
	padding: 2em 3em;
}

.page-link-box-text {
	color: #FFFFFF;
	font-size: 1.6em;
	line-height: 1.2em;
}

.page-link-box-text p {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
}

.page-link-box-title {
	font-size: 1.8em;
	line-height: 1.2em;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
}

.remove-field-row-button {
	padding: 0 5px;
}

select::-ms-expand {
    display: none;
}

.search-container {
	display: inline-block;
	height: 24px;
	margin-left: 10px;
	vertical-align: middle;
	width: 24px;
}

.services-box-hr {
	border-top: 2px solid #ebebeb;
}

.services-li-img-box {
	margin: 2.3em 0;
}

.services-ol-list {
	counter-reset: services-li;
	list-style: none;
	margin: 0;
	padding: 10px 0 20px;
}

.services-ol-list > li {
	margin: 25px 0;
	padding: 0 130px;
	position: relative;
}

.services-ol-list > li::before {
	color: #0088C7;
	counter-increment: services-li;
	content: counter(services-li);
	font-size: 50px;
	font-weight: 700;
	left: 50px;
	line-height: 1em;
	margin-top: -11px;
	position: absolute;
	top: 0;
}

.services-ol-list > li.services-li-num-align-top {
	margin-bottom: 2.3em;
}

.services-ol-list > li.services-li-num-align-top::before {
	line-height: .9em;
	margin-top: -.2em;
	top: 0;
}

.services-text-box {
	font-size: 22px;
	font-weight: 100;
	line-height: 1.2em;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 20px;
}

.services-title-box {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2em;
}

.social-bar {
	border-top: 2px solid #606060;
	padding: 2em 0;
}

.social-bar li {
	display: inline-block;
	font-size: 2rem;
	padding-left: 1em;
	text-transform: uppercase;
	vertical-align: bottom;
}

.social-bar li a {
	color: #606060;
	font-size: 3rem;
	text-decoration: none;
}

.social-bar li * {
	vertical-align: text-bottom;
}

.storeItem {
	cursor: pointer;
}

.store-pin {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 25px;
}

/* .template-singola-offerta .hero-image .intro ul li.promo::before {
	background-color: #0088C7;
	border-radius: 50%;
	color: #ffffff;
	content: "PROMO";
	font-family: 'Titillium Web', sans-serif;
	font-size: 1.2rem;
	font-weight: bold;
	height: 50px;
	padding-top: 19px;
	text-align: center;
	width: 50px;
} */

.template-singola-offerta .hero-image .intro ul li.promo::before {
	background-color: #fff;
	color: #0088C7;
	content: "PROMO";
	font-family: 'Titillium Web', sans-serif;
	font-size: 1.9rem;
	font-weight: bold;
	height: 33px;
	left: 52px;
	padding: 7px 1em;
	position: absolute;
	text-align: center;
	top: -18px;
}

.template-singola-offerta .hero-image .intro ul li.promo {
	background-color: #0088C7;
	border: 2px solid #fff;
	box-shadow: 4px 4px 20px rgb(0 0 0 / 70%);
	font-weight: bold;
	margin: 3em 70px 0px -12px;
	padding: 0.9em;
}

.template-singola-offerta .hero-image .intro ul li.promo a {
    color: var(--white) !important;
}

.template-store-locator .contact-form form .wrapper select.error {
    margin-bottom: 34px;
}

.template-store-locator .locations article:first-child {
	position: relative;
	padding-top: 25px;
	padding-right: 115px;
	margin-top: 27px;
	border-top: 1px solid #ebebeb;
}

.video-box {
	padding: 0 0 2em;
	text-align: center;
}

.video-box > iframe {
	aspect-ratio: 16/9;
	max-width: 500px;
	width: 100%;
	height: calc(100vw * 0.5625);
}

.video-box.video-box-portrait > iframe {
	aspect-ratio: 9/16;
	height: 500px;
	width: calc(500px * 0.5625);
}

.video-list {
	padding: 4em 0;
}

.video-text h2 {
	font-size: 2em;
	line-height: 1.3em;
}

.video-text p {
	font-size: 1.6em;
	font-weight: 100;
	line-height: 1.3em;
}

#form-offerta .btn.btn-block {
	width: 100%!important;
	max-width: 350px;
}

#billNumberList > .custom-upload > h4 {
	display: inline-block;
	vertical-align: top;
	width: 55%;
}

#billNumberList > .custom-upload > .button {
	display: inline-block;
	line-height: 1em;
	margin-top: 1px;
	position: static;
	vertical-align: top;
}

#billNumberList > .custom-upload > .button > label {
	height: 52px;
	line-height: 52px;
}

#categoryFilter {
	display: inline;
	font-size: 1.3em;
	margin-bottom: .5em;
	padding: 0.6em;
	width: auto;
}

#form-offerta > hr {
	border-top: 2px solid;
	margin: 0 -20px 10px;
}

#form-offerta > h1 {
	letter-spacing: .015em;
}

#form-offerta-business-section {
    padding: 2rem 0;
}

#form-offerta-business-section ::placeholder, 
#form-offerta-business-section .form-control, 
#form-offerta-business-section #form-offerta a {
    color: var(--white) !important;
}

#form-offerta-business-section .form-control {
	border-bottom-color: var(--white) !important;
}

#form-offerta-business-section #form-offerta {
	margin-top: 0;
	padding: 0 15px;
}

#form-offerta-business-section #form-offerta p {
    font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.6em;
}

#form-offerta-business-section #form-offerta .callback-from-header {
	border-bottom: none !important;
}

#form-offerta-business-section #form-offerta .callback-from-header > .btn-primary {
    transform: rotate(90deg);
}

#headerSearchBox {
	position: relative;
}

#headerSearchBox.in::after {
	border-bottom: 1px solid #0088C7;
	bottom: -28px;
	content: "";
	position: absolute;
	width: 100%;
}

#headerSearchFormBox {
	margin-top: 15px;
}

#headerSearchFormBox > .form-group {
	margin-bottom: 0;
}

#headerSearchFormBox #headerSearchBtn {
	display: inline-block;
	height: auto;
	line-height: 1.2em;
	padding: 9px;
	width: 100%;
}

#headerSearchFormBox #headerSearchKey {
	border: 1px solid #ebebeb;
	color: #000000;
	font-size: 22px;
	font-weight: 100;
	line-height: 1.2em;
	padding: 0 10px;
}

#loginBox {
	text-align: left;
}

#loginBox ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #606060;
}

#loginBox ::-moz-placeholder { /* Firefox 19+ */
  color: #606060;
}

#loginBox :-ms-input-placeholder { /* IE 10+ */
  color: #606060;
}

#loginBox :-moz-placeholder { /* Firefox 18- */
  color: #606060;
}

#loginBox input.form-control {
	background-color: #ededed;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: #606060;
	font-size: 13px;
	font-weight: 300;
	height: 25px;
	line-height: 1em;
	width: 100%;
}

#loginBox label {
	font-size: 16px;
	line-height: 1em;
	margin-bottom: 2px;
	margin-left: 5px;
}

#loginBox .checkbox {
	margin-bottom: 0;
	margin-top: 0;
}

#loginBox .checkbox input {
	margin-top: 0;
}

#loginBox .checkbox label {
	display: block;
	font-size: 14px;
	font-weight: 300;
	line-height: 1em;
	min-height: auto;
}

#loginBox .form-group {
	margin-bottom: 5px;
}

#loginBox #loginBoxTitle {
	margin: 25px 0 10px;
}

#loginBox #submit-web {
	color: #0088C7;
}

#loginBox.maintenance-mode-box {
	margin-bottom: 3em;
	text-align: center;
}

#loginBox.maintenance-mode-box .h1 {
	font-size: 21px;
	line-height: 1.2em;
	font-weight: 700;
	margin: 1.6em 0 1em;
}

#loginBox.maintenance-mode-box img {
	margin: 0 auto;
}

#loginBox.maintenance-mode-box p {
	margin: 1em 0;
}

#loginBox.maintenance-mode-box  #title {
	margin: 25px 0 10px;
}

#loginBoxDropDown {
	background-color: #0088C7;
	background-clip: border-box;
	border: none;
	border-radius: 0;
	box-shadow: none;
	clear: both;
	color: #FFFFFF;
	cursor: default;
	float: none;
	font-size: 14px;
	font-weight: 400;
	left: auto;
	line-height: 1.2em;
	margin: 0;
	padding: 0 15px;
	right: 15px;
	text-align: center;
	width: 340px;
}

#loginBoxDropDown h4 {
	font-size: 21px;
	line-height: 1em;
	margin: 0 0 2px;
	text-align: center;
}

#loginBoxDropDown h5 {
	font-size: 15px;
	font-weight: 700;
	line-height: 1em;
	margin: 10px 0 2px;
}

#loginBoxDropDown p {
	margin: 2px 0;
}

#loginBoxDropDown .loginHr {
	margin: 20px 0 8px;
}

#loginBoxDropDown .login-box-btn {
	background-color: #fefefe;
	border: none;
	color: #606060;
	display: block;
	float: none;
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
	margin: 7px auto 0;
	padding: 10px 5px;
	width: 85px;
}

#loginBoxDropDown .login-box-btn:hover {
	opacity: 0.8;
	text-decoration: none;
}

#loginBoxDropDown .login-box-link {
	display: inline-block;
	float: none;
	margin-top: 0;
	padding: 0;
	text-align: right;
	text-decoration: underline;
	width: auto;
}

#loginBoxDropDown #privacyCookiesBox {
	margin: 10px 0;
}

#loginBoxDropDown #privacyCookiesBox > * {
	display: inline-block;
	font-size: 13px;
	line-height: 1.2em;
	margin-top: 2px;
	vertical-align: middle;
}

#maintenanceModeModal .modal-dialog {
	width: 340px;
}

#maintenanceModeModal .modal-content {
	border-radius: 0;
	color: #FFFFFF;
}

#maintenanceModeModal .modal-content .modal-body {
	padding: 0 15px 2em;
}

#maintenanceModeModal .modal-content .modal-body h4 {
	font-size: 25px;
	line-height: 1.2em;
	margin: 0 0 1em;
}

#maintenanceModeModal .modal-content .modal-body .h1 {
	font-size: 21px;
	line-height: 1.2em;
	font-weight: 700;
	margin: 1.6em 0 1em;
}

#maintenanceModeModal .modal-content .modal-header {
	border: none;
	padding: 5px 15px;
}

#maintenanceModeModal .modal-content .modal-header .close {
	color: #FFFFFF;
	opacity: 1;
}

#mainWaitBox, 
#persistentWaitBox {
	background-color: rgba(255, 255, 255, .7);
	bottom: 0px;
	left: 0px;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 9;
}

/* .template-homepage #newsContainer h2 {
	text-shadow: 2px 2px 4px rgb(0 0 0);
}

.template-homepage #newsContainer .wrapper-news p {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .6), 2px 2px 2px rgb(0 0 0);
} */

#rangeEMobilityBox {
	margin-top: 25px;
}

#searchIconBtn {
	display: block;
}

#tuttipremiatiBtn {
	padding-bottom: 2px;
	padding-top: 2px;
}

#tuttipremiatiBtn > img {
	display: inline-block;
	margin-right: 5px;
	max-height: 34px;
	vertical-align: middle;
}

/********************* Cookiebot *********************/
/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the widget */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none !important;
}
/********************* Cookiebot *********************/


@media (min-width: 1200px) {
	.hero-slider-full .wrapper-text .text {
		min-height: 300px;
	}
}

@media (min-width: 992px) {
	.news-page .image-wrapper img {
		/* background-color: #E36F18; */
		min-height: 340px;
	}

	.news-read-more-btn {
		min-height: 52px;
	}

	.news-read-more-btn > a {
		bottom: 18px;
		position: absolute;
		right: 18px;
	}

	.no-padding-left .news-read-more-btn > a {
		right: 33px;
	}

	.services-ol-list > li {
		min-height: 52px;
	}
}

@media (min-width: 768px) {
	header .container.header > .row > .mainMenu {
		padding-right: 10px;
	}

	header .container.header > .row > .mainMenu nav ul li a {
		padding: 5px 5px 6px;
	}

	.hero-slider-full .wrapper-text .text h2.header-small {
		font-size: 45px;
		line-height: 1em;
	}

	.services-box-col-dx .services-text-box, 
	.services-box-col-sx .services-text-box {
		padding-top: 50px;
	}

	.services-img-box {
		margin-left: auto;
	}

	#newsContainer .wrapper-news .news-caption-title {
		text-shadow: 2px 2px 4px rgb(0 0 0);
	}
	
	#newsContainer .wrapper-news .news-caption-abstract {
		text-shadow: 2px 2px 4px rgba(0, 0, 0, .6), 2px 2px 2px rgb(0 0 0);
	}
}

@media (max-width: 992px) {
	.login a {
		width: auto;
		padding: 0;
	}
}

@media (max-width: 767px) {
	header .container.header > .row {
		margin: 0;
	}

	header .container.header > .row > [class^="col-"]:not(.header-search-box) {
		padding: 0;
	}

	header .container.header > .row > .mainMenu .toggle-wrapper {
		position: static;
	}

	header .container.header > .row > .mainMenu nav {
		top: 0;
	}

	header .container.header > .row > .mainMenu nav ul li a {
		padding: 8px 0;
	}

	header .container.header > .row > .mainMenu nav ul li.offerta-casa a:after, 
	header .container.header > .row > .mainMenu nav ul li.offerta-business a:after {
		left: 0;
		right: 0;
	}

	header .container.header .login {
		margin-top: .1em;
		position: static;
	}

	scrollbar > div {
		padding-top: 96px;
	}
	
	.mainMenu nav ul {
		padding: 10px 0 0;
	}

	.mainMenu nav ul li a {
		font-size: 20px;
		line-height: 1.1em;
	}
	
	.mainMenu nav #topMenu {
		background: #0084c2;
		background: linear-gradient(90deg, #0084c2 0%, #019bd1 100%);
		margin: 0 -38px;
		padding: 0 38px 10px;
	}
	
	.mainMenu nav #topMenu a {
		color: #FFFFFF;
	}
	
	.page-link-box {
		margin-top: 4em;
		padding: 2em 1.2em;
	}
	
	.page-link-box-title {
		font-size: 1.4em;
		line-height: 1.2em;
	}
	
	.page-link-box-title {
		font-size: 1.6em;
		line-height: 1.2em;
	}

	.services-box, 
	.services-box-col-dx, 
	.services-box-col-sx {
		padding: 20px 0;
	}

	.services-img-box {
		margin: 0 auto;
	}
	
	.services-ol-list > li {
		margin: 40px 0;
		padding: 0 0 0 70px;
	}

	.services-ol-list > li::before {
		left: 20px;
	}

	.template-singola-offerta .hero-image .intro ul li.promo {
		margin-left: 0px;
		margin-right: 14px;
	}
	
	#contact-book-appointment-btn {
		display: block;
		margin: 1em auto!important;
	}

	#headerSearchBox.in::after {
		bottom: -7px;
	}
		
	#loginBoxDropDown {
		right: -35px;
		width: 290px;
	}
}

@media (max-width: 575px) {
	.template-single .image-wrapper .caption {
		background-color: #0088C7;
		padding: 4em 1em 1em 1em;
		position: static;
	}

	.box-servizi ul li.promo::before {
		font-size: 0.75rem;
		height: 30px;
		margin-top: 8px;
		padding-top: 11px;
		width: 30px;
		margin-left: 6px;
	}

	.callback-from-header .more-button {
		right: 0px;
	}
	
	.callback-from-header .title {
		padding-left: 0px;
	}

	.category-label {
		min-width: 250px;
	}

		.wrapper-news.featured .category-label {
			background-color: #0088C7;
			color: #ffffff;
			margin-bottom: 1em;
			position: static;
		}

	.full-background {
		background-position: top center;
	}
	
	#newsContainer {
		margin-left: 0px;
		margin-right: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	html.svg .logo h1 {
		background-size: contain;
		height: auto;
		max-width: 180px;
		width: 100%;
	}

	scrollbar > div {
		padding-top: 145px;
	}
	
	.hero-slider-full .wrapper-text .text {
		min-height: 325px;
	}

	.mainMenu nav ul li.offerta-casa a:after, 
	.mainMenu nav ul li.offerta-business a:after {
		bottom: 0;
		left: 5px;
		right: 5px;
	}

	.services-ol-list > li {
		min-height: 78px;
		padding: 0 30px 0 130px;
	}

	.services-box, 
	.services-box-col-dx, 
	.services-box-col-sx {
		padding: 30px 15px;
	}

	.video-box > iframe {
		height: 195px;
		width: 345px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	header .container.header > .row > .mainMenu {
		padding-top: 3px;
	}

	scrollbar > div {
		padding-top: 134px;
	}
	
	.box-servizi h2 {
		color: #0088C7;
		font-size: 14px;
		margin: 0 0 6px 0;
	}

	.box-servizi ul li {
		color: #636362;
		font-size: 13px;
		line-height: 1.3;
		margin-top: 15px;
		padding-left: 39px;
	}

	.box-servizi ul li:first-child {
		margin: 0;
	}

	.box-servizi .text {
		padding: 22px 27px 0 27px;
	}

	.box-servizi .titolo-offerta {
		font-size: 32px;
	}

	.box-servizi .titolo-offerta small {
		font-size: 35px;
		margin-left: -5px;
	}

	.box-servizi .titolo-offerta span {
		font-size: 15px;
		top: -3px;
	}

	.hero-slider-full .wrapper-text .text {
		min-height: 325px;
	}

	.login a {
		padding: 0;
		width: auto;
	}

	.login .icon-user {
		left: auto;
		position: relative;
		top: auto;
	}

	.login .label {
		display: none;
	}

	.mainMenu nav ul li.offerta-casa a:after, 
	.mainMenu nav ul li.offerta-business a:after {
		bottom: 0;
		left: 5px;
		right: 5px;
	}

	.services-box, 
	.services-box-col-dx, 
	.services-box-col-sx {
		padding: 30px 15px;
	}
	
	.template-homepage .box-servizi article {
		margin-top: 0;
	}

	.video-box > iframe {
		height: 257px;
		width: 455px;
	}
}

@media (min-width: 1200px) {
	header .container.header > .row > .mainMenu nav ul li a {
		padding: 11px 10px;
	}

	.callback-from-header .more-button {
		right: 300px;
	}
	
	.callback-from-header .title, 
	#form-offerta > h1.title {
		padding-left: 310px;
	}

	.hero-slider-full .wrapper-text .text {
		padding: 50px 10px 44px 17px;
	}

	.services-box {
		padding: 30px 55px;
	}
	
	.services-box-col-dx {
		padding: 30px 55px 20px 0;
	}
	
	.services-box-col-sx {
		padding: 30px 0 20px 55px;
	}

	.video-box > iframe {
		height: 282px;
		width: 500px;
	}
}


.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}


/******************** promo *******************/
.template-singola-offerta .hero-image .intro {
	position: relative;
}

/******************** blackWeek *******************/
/* .template-singola-offerta .hero-image .intro ul li.promo::before {
	background-color: #000000;
	color: #009ad1;
} */
/******************** blackWeek *******************/

/* #promoBox {
	position: absolute;
	left: 200px;
	top: -60px;
	width: 60px;
} */

@media (min-width: 480px) and (max-width: 991px) {
	.template-singola-offerta .hero-image .intro {
		margin-top: 6em;
	}

	#acquistiperteBg {
		background-position: 60% 50%;
	}

	/* #promoBox {
		left: 225px;
		top: -100px;
		width: 110px;
	} */
}

@media (min-width: 992px) and (max-width: 1199px) {
	.template-singola-offerta .hero-image .intro {
		margin-top: 6em;
	}

	/* #promoBox {
		left: 225px;
		top: -100px;
		width: 110px;
	} */
}


@media (min-width: 1200px) {
	.template-singola-offerta .hero-image .intro {
		margin-top: 6em;
	}

	/* #promoBox {
		left: 225px;
		top: -100px;
		width: 110px;
	} */
}







.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none!important;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:not(.inactive):hover,
.dropdown-menu > li > a:not(.inactive):focus {
  /* color: #262626; */
  color: #ffffff;
  text-decoration: none;
  /* background-color: #f5f5f5; */
  background-color: #009ad1;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block!important;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0;
  }
  .btn-group > .btn:first-child {
	margin-left: 0;
  }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
  }
  .btn-group > .btn:last-child:not(:first-child),
  .btn-group > .dropdown-toggle:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
  }
  .btn-group > .btn-group {
	float: left;
  }
  .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
	border-radius: 0;
  }
  .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
  }
  
  .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
  }
  .btn-group .dropdown-toggle:active,
  .btn-group.open .dropdown-toggle {
	outline: 0;
  }
  .btn-group > .btn + .dropdown-toggle {
	padding-right: 8px;
	padding-left: 8px;
  }
  .btn-group > .btn-lg + .dropdown-toggle {
	padding-right: 12px;
	padding-left: 12px;
  }
  .btn-group.open .dropdown-toggle {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .btn-group.open .dropdown-toggle.btn-link {
	-webkit-box-shadow: none;
	box-shadow: none;
  }
  .btn .caret {
	margin-left: 0;
  }
  .btn-lg .caret {
	border-width: 5px 5px 0;
	border-bottom-width: 0;
  }
  .dropup .btn-lg .caret {
	border-width: 0 5px 5px;
  }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group,
  .btn-group-vertical > .btn-group > .btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
  }
  
  .input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
	top: auto;
	left: auto;
  }
  
  .nav-justified > .dropdown .dropdown-menu {
	top: auto;
	left: auto;
  }
  .nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
  }
  
  @media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu {
	  position: static;
	  float: none;
	  width: auto;
	  margin-top: 0;
	  background-color: transparent;
	  border: 0;
	  -webkit-box-shadow: none;
	  box-shadow: none;
	}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
	  padding: 5px 15px 5px 25px;
	}
	.navbar-nav .open .dropdown-menu > li > a {
	  line-height: 20px;
	}
	.navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-nav .open .dropdown-menu > li > a:focus {
	  background-image: none;
	}
  }
  .navbar-nav > li > .dropdown-menu {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
  }
  .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
	margin-bottom: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
  }
  
  @media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	  color: #777;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	  color: #333;
	  background-color: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	  color: #555;
	  background-color: #e7e7e7;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	  color: #ccc;
	  background-color: transparent;
	}
  }
  @media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
	  border-color: #080808;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
	  background-color: #080808;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	  color: #9d9d9d;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
	  color: #fff;
	  background-color: transparent;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
	  color: #fff;
	  background-color: #080808;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	  color: #444;
	  background-color: transparent;
	}
  }
  .panel-heading > .dropdown .dropdown-toggle {
	color: inherit;
  }
  

.popover {
	background-clip: padding-box;
	background-color: #009ad1;
	border-radius: 2px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color: #ffffff;
	display: none;
	font-size: 16px;
	left: 0;
	letter-spacing: normal;
	line-height: 1.4;
	line-break: auto;
	max-width: 50%;
	padding: 1px;
	position: absolute;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	top: 0;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	z-index: 1060;
}

  .popover.top {
	margin-top: -10px;
  }
  .popover.right {
	margin-left: 10px;
  }
  .popover.bottom {
	margin-top: 10px;
  }
  .popover.left {
	margin-left: -10px;
  }
  .popover > .arrow {
	border-width: 11px;
  }
  .popover > .arrow,
  .popover > .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
  }
  .popover > .arrow:after {
	content: "";
	border-width: 10px;
  }
  .popover.top > .arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999999;
	border-top-color: rgba(0, 0, 0, 0.25);
	border-bottom-width: 0;
  }
  .popover.top > .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #009ad1;
	border-bottom-width: 0;
  }
  .popover.right > .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999999;
	border-right-color: rgba(0, 0, 0, 0.25);
	border-left-width: 0;
  }
  .popover.right > .arrow:after {
	bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #009ad1;
	border-left-width: 0;
  }
  .popover.bottom > .arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999999;
	border-bottom-color: rgba(0, 0, 0, 0.25);
  }
  .popover.bottom > .arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #009ad1;
  }
  .popover.left > .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999999;
	border-left-color: rgba(0, 0, 0, 0.25);
  }
  .popover.left > .arrow:after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0;
	border-left-color: #009ad1;
  }
  .popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
  }
  .popover-content {
	padding: 9px 14px;
  }

ul.normal {
	list-style: disc;
	padding-left: 1.2em;
}



/* Nuove Offerte */


.btn-whatsapp, .btn-whatsapp:hover, 
.btn-whatsapp:not(:disabled):not(.disabled):active {
	background-color: #33cc33;
	border-color: #33cc33;
	border-radius: 5px;
	color: #ffffff;
	font-size: 1.5em !important;
	font-weight: 700;
	height: auto !important;
	line-height: 1em !important;
	margin: 0 !important;
	padding: 0.35em 2.3em;
	width: auto !important;
}

.btn-whatsapp.focus, .btn-whatsapp:focus, 
.btn-whatsapp:not(:disabled):not(.disabled):active:focus {
	box-shadow: none;
	text-decoration: none;
}

.btn-whatsapp > img {
	border-style: none;
	display: inline;
	vertical-align: middle;
}

.configuratore .corrispettivi-wrapper .item-row {
	height: auto;
}

.more-button {
	color: #ffffff;
}

.text-nowrap {
	white-space: nowrap !important;
}







.flex-column {
	flex-direction: column;
}

.flex-grow-1 {
	flex-grow: 1;
}

.green-offer-note {
	color: green;
	font-size: 12px;
}

.offer-details-measure-unit-display {
	font-size: 12px;
	font-weight: normal;
}

.offer-details-single-row {
	border-top: 1px solid #eeeeee;
	display: flex;
	justify-content: space-between;
	padding: 0.5em 0;
}

.offer-details-label {
	font-size: 15px;
	font-weight: normal;
}