/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,
button,
input,
select,
textarea {
    color:#222;
}
html {
    font-size:1em;
    line-height:1.4;
}
::-moz-selection {
    background:#b3d4fc;
    text-shadow:none;
}
::selection {
    background:#b3d4fc;
    text-shadow:none;
}
hr{
	float:left; clear:both; display:block;
	width:100%; height:0;
	background-color:transparent;
	border:0; border-top:1px solid #E5F5FB; margin-bottom:10px; margin-top:10px; padding:0;
}
audio,
canvas,
img,
video {
    vertical-align:middle;
}
fieldset {
    border:0;
    margin:0;
    padding:0;
}
textarea {
    resize:vertical;
}
*:focus {
    outline:0;
}
.browsehappy {
    margin:0.2em 0;
    background:#ccc;
    color:#000;
    padding:0.2em 0;
}
a, a:hover, a:focus{
	text-decoration:none;
}

.fLeft{float:left;}
.fRight{float:right;}

.greenPhone{margin:30px 0px 0px 50px;}
.greenPhone .titleNumber{margin-bottom:7px;}
.greenPhone .valueNumber{margin-bottom:15px;}

.uppercase{text-transform:uppercase !important;}

.noPaddingLR {padding-left:0px !important;padding-right:0px !important;}

/* http://css-tricks.com/snippets/css/make-pre-text-wrap/ */
pre {
 	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-word;
}

/* TWITTER BOOTSTRAP CUSTOMIZATIONS */
.btn-eolo-white { color: #01AEF0 !important; border-color: #FFF; background-color: #FFF;}
.btn-eolo-white:hover, .btn-eolo-white:active { border-color: #01AEF0; color: #FFF !important; background-color: #01AEF0;}
.col-md-1dot5, .col-lg-1dot5 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .col-md-1dot5 {
    width: 12.5%;
  }
  .col-lg-1dot5 {
    width: 12.5%;
  }
}
	
/* ==========================================================================
   Author's custom styles

	CSS Index
	00. Main Structure
	01. Color Styles
	02. Header & Footer
		02a. Menu
			02a1. Mobile/Tablet Menu
			02a2. Desktop Menu
	03. Buttons
	04. Form elements
	05. Slider (flexslider)
	06. Banners
	07. Bars
	08. Sections
	09. Product slider
	10. Form elements
	11. Tooltip
	12. Product rich accordion
	13. Sidebar
	14. General elements
	15. Tables
	16. Box offer
	17. Help box
	18. Pagination
	19. Search page
	20. Google Maps
   ========================================================================== */


/* ============= 
00. Main Structure
================ */
body{
	padding:0; margin:0;
}
#homepage #main-area{
    /* 
    background-image:url("../img/bkg/bkg-gradient.jpg"); background-position:left bottom; background-repeat:repeat-x;
    */
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,fefefe+100 */
background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(top,  #eaeaea 0%, #fefefe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eaeaea 0%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
    
}
#main-area{
	min-height:500px;
}
/*
#main-container{
	position:relative;
	margin:0; padding:103px 0 0 0; 
	overflow:hidden;
}
*/

#content-wrapper{
	position:relative; z-index:1;
}
.general-wrapper{
	padding:0 10px;
}
#bar-header-menu{
	height:43px;
	padding:0;
}
img{
	max-width:100%; height:auto; /* !important; */
}

/* ============= 
01. Color Styles 
================ */

#bar-header-top {
	/* Main Style color */
	background-color:#01AEF0;
	color:#FFFFFF;
}
#bar-header-menu {
	background-color:#FFFFFF;
	color:inherit;
}

/* ============= 
02. Header & Footer
================ */

.header-wrapper{
	position:relative;
}
#header-main{
	position:fixed; top:0; z-index:3; left:0;
	width:100%;
	-webkit-backface-visibility:hidden; -webkit-transform:translateZ(0);
	
	-webkit-transition:all 0.4s ease;
			transition:all 0.4s ease;
}

/* FIXED MOBILE HEADER*/
.mobile-menu-opened #header-main{
	left:80%;
}
@media (min-width:550px){
	.mobile-menu-opened #header-main{
		left:440px;
	}
}

#eolo-logo{
	float:left;
	width:70px;
	padding:11px 0;
	
	-webkit-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
}
#eolo-logo img{
	width:100%;
}
#eolo-logo.active{
	width:70px;
}
#payoff{
	display:none;
	
	-webkit-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
}
#bar-utilities{
	float:right;
	margin:15px 0;
	_display: none;
}

body.ar #bar-utilities {
	_display: block;
}
#bar-utilities a{
	margin-left:1px;
}
#bar-utilities span active{
	display:block;
}
/* layer help */
#help-layer h3{
	font-size: 24px;
}
.help-layer.mm-menu.mm-top {
	background-color:#01AEF0;
}
.help-layer.mm-menu.mm-top .general-wrapper {
	background-color:#01AEF0;
	text-align:center;
}
.help-layer.mm-menu.mm-top a.close-layer i {
	color: #66CBFF;
}
.help-layer.mm-menu.mm-top a.close-layer:hover i {
    color: #ffffff;
}
.help-layer.mm-menu i {
    display: inline-block;
    float:none;
    font-size: 26px;
    margin-right:0px;
}
.help-layer .btn{
	margin-bottom:20px;
	width:100%;
}

.help-layer .btn.back {
	
	color: white;
	text-transform: uppercase;
}
.help-layer .btn.back span {
	color: #66CBFF;
}
/* layer login */
.mm-menu.mm-top {
	/* max-height:416px; height:85%; */
	height:100%;
	padding:0;
	background-color:#FFFFFF;
}
.mm-menu.mm-top .general-wrapper {
	position:relative;
	width:100%; height:100%;
	padding:20px;
	background-color:#FFFFFF;
}
.mm-menu.mm-top a.recover-password {
	display:block;
	margin:10px 0;
}
.mm-menu.mm-top span.error {
	margin-bottom:10px;
}
.mm-menu.mm-top input[type="submit"], .mm-menu.mm-top button[type="submit"] {
	margin:0; padding:9px 15px;
}
.mm-menu.mm-top a.close-layer {
	position:absolute; top:10px; right:15px;
	display:block;
	width:32px; height:32px;
}
.mm-menu.mm-top a.close-layer i {
	display:block; float:left;
	width:32px; height:32px;
	margin:0;
	text-align:center; font-size:32px; line-height:32px; color:#656B73;
	-webkit-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
}
.mm-menu.mm-top a.close-layer:hover i {
	color:#00AEEF;
}
.mm-menu.mm-top ::-webkit-input-placeholder {color:#AAAAAA; line-height:normal;}
.mm-menu.mm-top :-moz-placeholder {color:#AAAAAA; line-height:normal;}
.mm-menu.mm-top ::-moz-placeholder {color:#AAAAAA; line-height:normal;}
.mm-menu.mm-top :-ms-input-placeholder {color:#AAAAAA; line-height:normal;}

/* footer */
#main-footer {
	padding:20px 0; margin-top:25px;
	background-color:#ECECEC;
}
#main-footer a {
	position:relative; float:left;
	width:100%;
}
#main-footer a:focus {
	background: none;
	outline-color: transparent;
}
#main-footer p {
	margin: 0px;
}
#main-footer .logo-footer a{
	float:none;
	vertical-align:bottom;
	border:0; padding:0; margin:0;
}
.logo-footer img, .logo-footer i{
	display:inline-block; zoom:1;
}
.logo-footer img{
	vertical-align:bottom;
	margin-right:10px;
	max-width: 200px;
	float:left;
}
.logo-footer i{
	vertical-align:baseline;
	margin-left:10px;
}
.logo-footer-italy img {
	padding:0 0 0 15px;
	float:left;
}
.logo-footer-italy img:first-child{
	padding:0 15px 0 0;
}
.logo-footer i.im-logo-ngi{
	vertical-align: bottom;
}
.copyright-footer{
	padding:15px 0;
}
.copyright-footer p{
	margin:0; padding:0;
}
.nav-footer{
	padding: 12px 0px;
	text-align: center;
}
	/* ============= 
	02a. Menu
	================ */
	#menu-switch{
		display:block;
		line-height:43px; font-size:30px;
	}
	#main-menu-desktop{
		display:none!important;
	}
	#search-trigger{
		cursor:pointer;
	}
	#search-wrapper{
		position:absolute; top:43px; right:0; display:none; z-index:2;
		height:43px; width:224px;
		background-color:#0264AD;
		padding:8px;
			
		-webkit-transition:all 0.2s ease-out;
				transition:all 0.2s ease-out;
	}
	#search-wrapper.active{
		display:block;
	}
	#search-wrapper input.form-control{
		background-color:#FFFFFF;
		padding:3px 12px; border-radius:0; border:0;
		height:27px;
	}
	#bar-header-menu #search-wrapper button[type="submit"]{
		position:absolute; top:0; right:20px;
	}
	#bar-header-menu #search-wrapper button[type="submit"], #bar-header-menu #search-wrapper button[type="submit"] i{
		padding:0; margin:0;
		font-size:22px!important; color:#00ADEF;
		background-color:transparent;
	}
	#bar-header-menu i{
		font-size:30px; line-height:43px;
	}
	#toolbar-menu{
		float:right; overflow:hidden;
		margin:0;
		height:43px;
	}
	#toolbar-menu li{
		float:left;
		padding-right:12px; border-right:1px solid #01AEF0;
	}
	#toolbar-menu.list-inline>li{
		padding-left:7px;
	}
	#toolbar-menu li:last-child{
		border:0; padding-right:0;
	}
	#toolbar-menu li a{
		display:inline-block; zoom:1;
		width:100%; height:100%;
	}
	#toolbar-menu div{
		margin:0 0 0 5px;
	}
	#toolbar-menu .help-button div{
		margin:17px 0 0 5px;
	}
	#toolbar-menu .help-button div strong{
		font-weight:normal;
	}
	.help-button i, .help-button div, .help-button span{
		float:left;		
	}
		/* push down sub-menues */
		.push-down .text-center{
			text-align:left;
		}
	
	/* Mobile menu */
	html.mm-opened.mm-modal, html.mm-opened.mm-modal body{
		overflow:visible;
	}
	.mm-menu{
		background:#12466B;
	}
	.mm-menu i{
		display:inline-block; zoom:1; float:left;
		font-size:24px; line-height:27px;
		margin-right:15px;
	}
	.mm-menu .mm-list{
		padding:0 0 20px 0;
	}
	.mm-menu .mm-list li:first-child{
		background-color:#002A4A;
	}
	.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{
		margin-left:0; border-color:#002A4A;
	}
	.mm-menu .mm-list > li > a.mm-subopen:before {
		border-color:#002A4A;
	}
	.mm-list a.mm-subopen{
		width:50px;
	}
	.mm-list a.mm-subclose:before{
		width:10px; height:10px;
	}
	.mm-list a.mm-subopen:after{
		right:22px; top:16px;
		width:15px; height:15px;
	}
	.mm-list > li > a, .mm-list > li > span, .mm-menu .mm-list > li > a.mm-subclose{
		color:#DFEDFA;
	}
	.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before{
		border-color:#DFEDFA;
	}
	div .mm-list a.mm-subclose{
		margin-top:-40px;
	}

/* =============
03. Buttons & icons
================ */
/* go top arrow */
#go-top{
	position:fixed; right:-40px; bottom:-40px; z-index:4;
	line-height:40px; font-size:20px; 
	width:40px; height:40px;
	font-size:19px; line-height:40px; text-align:center;
}
#go-top.active{
	right:15px; bottom:15px;
}
#go-top .btn-round{
	opacity:0;
	border-radius:50%;
	width:40px; height:40px;
	font-size:19px; line-height:34px; text-align:center;
	
	-webkit-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
}
#go-top.active .btn-round{
	opacity:1;
}
.btn{
	border:0; padding:9px 15px;
}
.btn.btn-lg{
	border:0; padding:13px 21px;
}
#bar-utilities .btn{
	display:inline-block; zoom:1;
	padding:0 10px;
}
#bar-utilities .btn{
	padding:0 7px;
	font-size:11px;
}
#bar-utilities .btn-lg{
	line-height:35px;
}
#bar-utilities .btn-lg.iconBtn i{
	display:none;
}
.btn-transparent, .btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active, .btn-transparent.active, .open>.dropdown-toggle.btn-transparent, .btn-transparent:active:focus, .btn-transparent.active:focus{
	background-color:transparent;
	border:0;
	outline:0; outline-offset:0;
	box-shadow:none; -webkit-box-shadow:none;
}
.btn-round{
	display:inline-block; zoom:1;
	width:40px; height:40px;
	padding:0; border-radius:50%; border:2px solid #FFFFFF;
	color:#FFFFFF; text-align:center; font-size:20px; line-height:40px;
}
.btn-round .icon-ico-service-check{
	font-size:27px;
}
#bar-utilities .btn{
	border:0;
}

/* ============= 
04. Form elements
================ */

input, .form-control, textarea, button{
	box-shadow:none;
	-webkit-box-shadow:none;
}

#flow-form input,
#save-cart input {
	margin-bottom:15px;
}

#flow-form .rowerror input {
	margin-bottom:46px;
}

#flow-form .error input {
	margin-bottom: 4px !important;
	border: 1px solid #D40402;
}

#flow-form input[disabled], #flow-form input[readonly]{
	background-color: #eeeeee;
	opacity: 0.50;
	cursor: default;
}

#flow-form legend {
	margin-top: 20px;
}

#flow-form span.optionLabelWrapper p {
	display: inline;
}

/* ============= 
05. Slider (flexslider)
================ */
.flexslider .slides > li:first-child {display:block; -webkit-backface-visibility:visible;} /* faster 1st img loading */
.flexslider{
	position:relative; zoom:1;
	background-color:transparent;
	margin:0; border:0;
	-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;
	-webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;
}
.flexslider li.with-link {
	cursor: pointer;
}
.flex-control-nav li{
	padding:0 7px;
}
.flex-control-nav {
	bottom:10px; z-index:2;
}
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover{
	background:#FFFFFF; background:rgba(255,255,255,0.9);
}
.flex-control-paging li a{
	background:#01AEF0; background:rgba(0,103,181,1);
    -webkit-box-shadow:2px 2px 2px 0px #000000;
	box-shadow:2px 2px 2px 0px #000000;	
}
.flex-direction-nav a{
	display:none;
}
.flex-captions-wrapper{
	position:absolute; top:0; left:0;
	margin:0;
	width:100%; height:100%;
}
.flex-captions-wrapper > div{
	position:relative;
}
.flex-captions{
	position:absolute; top:35px; left:15px;
	width:55%;
}
.flex-captions h2, .flex-captions p{
	margin:0; padding:0 0 20px 0;
	font-size:22px;
}
.flex-captions p{
	display:none;
}

/* section top slider */
.section-top-slider .flex-captions{
	top:20px; left:20px;
	width:50%;
}
.section-top-slider .flex-captions h2{
	font-size:18px; line-height:18px;
}


/* ============= 
06. Banners
================ */

	.product-focus{
		overflow:visible!important;
		max-width:450px;
		margin:70px auto 25px auto; padding:0;
		background-color:transparent; background-position:55% top; background-repeat:no-repeat;
	}
	.product-focus a{
		display:block;
	}
	.product-focus header:after{
		display:none;
	}
	.product-focus header{
		height:106px;
		text-align:center;
		margin-left:-10px; padding:0 0 0 25px;
		background-color:transparent;
	}
	.product-focus header h3{
		position:relative; top:-50px;
		line-height:34px;
		color:#01AEF0;
		margin:0; padding:0;
	}
	.product-focus .cta span{
		border-top-right-radius:0; border-top-left-radius:0;
		width:100%; height:70px;
		line-height:70px; font-size:18px;
		padding-top:0; padding-bottom:0;
	}


/* ============= 
07. Bars 
================ */

#services-bar{
	border:0; padding:0; border-top:1px solid #E4E4E4; border-bottom:1px solid #ffffff;
	margin:0 0 -24px 0;
	/*background-color:#D6EFF9;*/
	background-color:#ECECEC;
	box-shadow: 0px 4px 10px -7px #000000;
}
#services-bar nav ul{
	width:100%;
}
#homepage #services-bar{
	background-color:#ECECEC;
	margin:20px 0;
	box-shadow:none;
	border-bottom:1px solid #E4E4E4;
}
#services-bar a{
	display:table; float:left;
	width:100%;
	padding:15px 0; border-top:1px solid #FFFFFF;
			
	-webkit-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
}
#services-bar .list-inline>li{
	float:left;
	padding:0;
}
#services-bar i{
	float:left;
	margin-right:7px;
}
#services-bar h3 small, #services-bar h4{
	vertical-align:middle;
	height:100%;
	margin:0; padding:0;
	text-align:left;
}
#services-bar h4{
	display:inline-block; zoom:1;
	max-width:100%;
	margin-top:13px;
	padding-right:2px;
}
#services-bar h3 small{
	max-width:inherit;
	float:left;
	width:100%;
}
#services-bar nav{
	float:left;
}
#services-bar h3{
	float:left;
	margin:0 0 20px 0; padding:17px 15px 0 15px;
}
#services-bar ul{
	margin:0; padding:0;
}


/* ============= 
08. Sections 
================ */
.fb-like-box, .fb-like-box iframe, .fb-like-box div, .fb-like-box span{
	width:100%!important; max-width:620px;
	background-color:#FFFFFF;
}
#corporate article{
	text-align:center;
}
.fb-like-box{
	text-align:center;
}
.fb-like-box{
	padding:0;
}
#corporate aside > div > span{
	background-color:#FFFFFF;
}
#corporate .corporate-teasers{
	float:left;
	margin:50px 0 25px 0;
}
.corporate-teasers{
	float:left;
	margin:10px 0 25px 0;
}
#corporate .corporate-teasers article{
	text-align:left;
	margin:5px 0;
}
.corporate-teasers a{
	float:left; display:block;
	width:100%; height:100%;
	background-color:#ECECEC;
}
.corporate-teasers img{
	vertical-align:middle;
	margin-right:10px;
	max-width:170px;
}
.corporate-teasers h5{
	display:inline-block; zoom:1;
	max-width:90px;
}
.corporate-teasers article{
	float:left;
	margin:15px 0; padding:0;
}
.teaser-slider {
}
.teaser-slider-item {
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}
.teaser-slider-item .teaser-text {
	background: white;
	height: 220px;
	padding: 10px 20px;
}
.teaser-slider-item .teaser-text h3 {
	font-size: 22px !important;
	font-weight: bold !important;
}
.teaser-slider-item .teaser-text h4 {
	color: #656b73 !important;
	font-family:"NeoSansPro-Regular",arial,sans-serif;
	font-size:14px !important;
	line-height:22px;
}
.teaser-slider-item .teaser-text .price {
	position: absolute;
	bottom: 55px;
	font-size: 12px;
}
.teaser-slider-item .teaser-text .price .integer {
	font-weight: bold;
	font-size: 26px;
}
.teaser-slider-item .teaser-text .price .decimal {
	font-weight: bold;
	font-size: 20px;
}
.teaser-slider-item .teaser-text .btn {
	position: absolute;
	bottom: 10px;
	font-size: 12px;
}
.teaser-slider-item .sticker {
	right: 5px;
	bottom: -25px;
    width: 55px;
    position: absolute;
    float: left;
}
.teaser-slider-item .promo {
	right: 0px;
    width: 55px;
    position: absolute;
    top: 0px;
    float: left;
}
.teaser-slider-item .teaser-image {
	position: relative;
}
.teaser-slider .slick-dots {
	bottom: -40px;
}
.teaser-slider .slick-dots li button {
	background-color: #019cd7;
    border: none;
    border-radius: 50%;	
    width: 10px;
    height: 10px;
}
.teaser-slider .slick-dots li.slick-active button {
	background-color: #ffffff;
    border: 2px solid #019cd7;
    border-radius: 50%;	
}
.teaser-slider .slick-dots li button:before {
	font-size: 0px;
}
.teaser-slider .slick-next {
	width: 25px;
	height: 40px;
	right: -35px;
}
.teaser-slider .slick-prev {
	width: 25px;
	height: 40px;
	left: -35px;
}
.teaser-slider .slick-next:before, .teaser-slider .slick-prev:before {
	content: none;
}
.teaser-slider .slick-next:after {
	content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 40px;
    color: #66CBFF;
    top: 50%;
    left: 0;
    pointer-events: none;
}
.teaser-slider .slick-prev:after {
	content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 40px;
    color: #66CBFF;
    top: 50%;
    right:0;
    pointer-events: none;
}

.teaser-slider .slick-prev:hover, .teaser-slider .slick-next:hover {
    background: none;
    cursor:  pointer;
}

/* cart */
aside.flowExtras > div{
	padding: 0px;
}

#shopping-cart a.cart-full-icon, .shopping-cart-button a.cart-full-icon {
	color:#ff8a00 !important;
}
.cart-layer-wrapper{
	float:left;
	width:100%;
	border-bottom:2px solid #ffffff;
}
.scrolled .cart-layer-wrapper{
	top:103px;
}
.cart-total{
	width:100%;
	padding:12px; margin:25px 0 8px 0;
	text-align:center;
	background-color:#E5F5FB;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
.cart-total .price{
	clear:both; display:inline-block; zoom:1;
	padding-top:8px;
}
.cart-price-list .price strong{
	display:inline-block; zoom:1;
	text-align:right;
}
.cart-layer-wrapper .price{
	color:inherit; text-align:right;
}
.cart-price-list > div{
	line-height:24px;
	border-bottom:1px solid #E5F5FB; margin-bottom:5px; padding-bottom:5px;
}
.cart-total-box{
	text-align:right;
	margin-top:25px;
}
.cart-total-box .item-title{
	display:inline-block; zoom:1;
	width:46%;
	padding-bottom:10px;
}
.cart-total-box .price{
	display:inline-block; zoom:1;
	width:52%;
	padding-bottom:10px;
}
.cart-total-box .item-title.cart-total-transaction, .cart-total-box .cart-total-transaction.price{
	width:100%;
}
	/* cart - steps */
	h3.mobile-steps{
		margin:10px 0;
		color:#898C91; font-size:14px; line-height:14px;
	}
	.mobile-steps .step-active, .mobile-steps .step-total {
		color:#01AEF0;
	}
	.mobile-steps .step-active {
		font-size:28px;
	}
	.mobile-steps .step-total {
		font-size:18px;
	}
	#shop-step-wrapper {
		float:left;
		width:100%;
		text-align:center;
	}
	.shop-steps-container{
		padding:0 4%;
		background-color:#ECECEC;
	}
	#shop-step-wrapper ul {
		display:inline-block;
		width:108%; height:75px;
		margin:0 0 0 -4%; padding:0;
		list-style:none;
	}
	#ar-shop-step-wrapper {
		float:left;
		width:100%;
		text-align:center;
	}
	#ar-shop-step-wrapper ul {
		display:inline-block;
		width:108%; height:75px;
		margin:0 0 0 -4%; padding:0;
		list-style:none;
	}
	.shop-step {
		position:relative;
		display:block; float:left;
		height:75px;
		margin:0; padding:0;
	}
	.shop-step:before {
		content:"";
		position:absolute; left:-5px; top:27px;
		display:block;
		width:10px; height:10px;
		margin:-5px 0 0 0;
		background-image:url(../img/steps-separator.png); background-position:left top; background-repeat:no-repeat;
		z-index:1;
	}
	.step-element {
		position:relative;
		float:left;
		width:100%; height:27px;
		margin:13px 0 0 0;
		text-align:center;
		overflow:hidden;
	}
	.step-element span {
		position:relative;
		display:inline-block;
		width:27px; height:27px;
		background-image:url(../img/step-point.svg); background-position:left top; background-repeat:no-repeat; background-size:27px 27px;
	}
	.no-svg .step-element span{
		background-image:url(../img/step-point.png);
	}
	.step-element span:after, .step-element span:before {
		position:absolute; top:9px;
		content:"";
		display:block;
		width:400px; height:9px;
		background-color:#898C91;
	}
	.step-element span:after {
		left:25px;
	}
	.step-element span:before {
		right:25px;
	}
	.shop-step:last-child .step-element span:after, .shop-step:first-child .step-element span:before {
		content:none;
	}
	.shop-step p{
		display:block; float:left;
		width:100%; height:35px;
		padding:7px 15px 0 15px; margin:0;
		box-sizing:border-box;
		text-align:center; line-height:14px; color:#898C91; font-family:"NeoSansPro-Medium", arial, sans-serif; font-size:14px; word-break:break-all;
	}
	.shop-step.active p, .shop-step.complete p {
		color:#01AEF0;
	}
	.active .step-element span {
		background-image:url(../img/step-point-active.svg); background-size:27px 27px;
	}
	.no-svg .active .step-element span {
		background-image:url(../img/step-point-active.png);
	}
	.complete .step-element span {
		background-image:url(../img/step-point-complete.svg); background-size:27px 27px;
	}
	.no-svg .complete .step-element span {
		background-image:url(../img/step-point-complete.png);
	}
	.active .step-element span:after, .active .step-element span:before,
	.complete .step-element span:after, .complete .step-element span:before {
		background-color:#01AEF0;
	}
#cart-details{
	position:absolute; z-index:3; bottom:0; right:15px;
	margin:0; padding:0;
	height:12px;
	text-align:right; font-family:arial, sans-serif; font-size:12px; line-height:12px;
}
#close-cart-details{
	position:absolute; z-index:3; bottom:3px; right:10px;
	margin:0; padding:0;
	height:12px;
	text-align:right; font-family:arial, sans-serif; font-size:12px; line-height:12px;
}
.save-cart-btn{
	float:left;
}
#close-cart-details img{
	display:block; float:left;
	width:12px; height:12px;
	margin-right:5px;
	vertical-align:middle;
}
.cart-layer-wrapper.uncompressed{
	display:none;
}
.cart-layer-wrapper.compressed{
	display:block;
}
.scrolled .cart-layer-wrapper.uncompressed{
	/*display:none;/*
}
.scrolled .cart-layer-wrapper.compressed{
	/*display:block;*/
}
#updatingCartBlockUI{
	padding:40px 20px;
}

/* ============= 
Cookie policy 
================ */
#bar-header-cookie {
	background-color:#818286;
	color:#E3E4E6;
    width: 100%;
    z-index: 10000000;
}
/*
.cookie-policy-active #main-container {
    padding-top: 244px;
}
*/
.cookie-policy-active #push-menu-wrapper {
	top: 244px;
}
#bar-header-cookie .box-text {
	text-align:center; 
	color:#E3E4E6; 
	font-size:16px; 
	line-height:18px;
	margin-top: 5px;
}

#bar-header-cookie .box-text p,
#bar-header-cookie .box-text div.textContainer {
	color:#E3E4E6; 
	font-size:16px; 
	line-height:18px;
	text-align:justify;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#bar-header-cookie .box-text p {
	display:inline;
}

#bar-header-cookie .btn {
	color: #00AEEF;
	padding: 4px 12px;
	margin: 8px 0px;
    font-size:16px;
    clear:left;
}
#bar-header-cookie .box-text a {
	color:#FFFFFF; 
	text-decoration: underline;
}  

/* ============= 
09. Product slider 
================ */
.teaserHomeContainer{
	background-color:transparent; 
	background-repeat:no-repeat;
	background-position:center 80px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;		
	background-size:0%;
}
.teaserHome{
	width:100%;
    margin: 0px auto 40px auto;
}
.teaserHome a{
	width:100%;
	float:left;
    background-color: #FFF;
    transition: all 0.5s ease-out 0s;
	padding:0px 0px 30px 0px;  
	border-radius: 5px; 
}
.teaserHome a .img-wrapper {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.teaserHome a img{
	-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;	
}
.teaserHome a:hover img{
	transform: scale(1.1);
}
.product-slider {
	display:none; float:left; overflow:hidden;
	width:100%;
	margin-top:20px;
}
#product-slider-mobile.product-slider{
	display:block;
}
.product-slider ul {
	display:block; float:left;
	width:100%;
	margin:0; padding:0;
	list-style:none;
}
.product-slider .product-slider-box {
	position:relative; overflow:hidden; display:block; float:left;
	width:25%; height:580px;
	padding-bottom:0;
	background-color:#FFFFFF;
	
	-webkit-transition:all 0.5s ease-out;
			transition:all 0.5s ease-out;
}
.product-slider .product-slider-box a{
	float:left;
	height:100%; width:100%;
}
.product-slider .product-slider-box:first-child{
	width:50%;
}
.product-slider .box-img {
	position:relative; float:left;
	width:100%; height:193px;
	background-position:center top; background-repeat:no-repeat;
}
.product-slider .product-slider-box:after{
	content:""; position:absolute; top:-5%; left:-55px; display:block;
	width:55px; height:110%;
	
	-webkit-box-shadow:25px 0 25px -25px #000;
			box-shadow:25px 0 25px -25px #000;
}
.product-slider-box:first-child:after{
	-webkit-box-shadow:none;
			box-shadow:none;
}
.product-slider .box-img i.hidden-xs {
	position:absolute; top:50%; left:50%; display:block;
	width:120px; height:120px;
	margin:-60px 0 0 -60px; border-radius:50%;
	color:#00AEEF; text-align:center; line-height:120px; font-size:70px;
	background-color:rgba(255,255,255,0.8); background-clip:padding-box;
}
.product-slider .box-title, .teaserHome .box-title{
	float:left;
	width:100%; height:80px;
	text-align:center; line-height:80px; color:#FFFFFF; white-space:nowrap;
	background-color:#00ADEF;
	border-radius:5px 5px 0px 0px;
}
.product-slider .box-title .im-logo-eolo, .teaserHome .box-title .im-logo-eolo{
	font-size:40px;
	padding-right:15px;
	vertical-align:sub;
}
.teaserHome .box-title .im-logo-eolo{
	font-size:60px;
	vertical-align:middle;
	padding-right:0px;
}
.teaserHome .box-title span.titleHeader{
	vertical-align:middle;
	margin-left:10px;
}
.product-slider .box-title h3, #homepage .product-slider .box-title h3 {
	display:inline-block;
	color:#FFFFFF; line-height:83px; font-size:14px;
	margin:-20px 0 0 0; padding:0;
	vertical-align:middle;
}
.product-slider .box-text, .teaserHome .box-text {
	float:left;
	width:90%;
	margin:0 5%;
	text-align:center; color:#656B73; font-size:18px; line-height:24px;
}
.product-slider .box-text h4, .teaserHome .box-text h4 {
	margin:0; padding:25px 0 10px 0;
}
/*
.product-slider .box-text p.price {
	display:none;
}
*/
.product-slider .product-slider-box:first-child .box-text p.price {
	display:block;
}
.product-slider .box-text span, .teaserHome .box-text span {
	font-weight:normal; color:#00ADEF; font-size:36px;
}
.product-slider .box-text span .decimal, .teaserHome .box-text span .decimal {
	font-size:24px;
}
#product-slider-mobile.product-slider .product-slider-box i.service-icon{
	margin:10px 15px 0 15px;
	font-size:34px; line-height:60px;
	text-align:center;
}
#product-slider-mobile.product-slider .product-slider-box, #product-slider-mobile.product-slider .product-slider-box:first-child {
	width:100%; height:auto;
	padding-bottom:0;

	-webkit-transition:all 0.7s ease-out;
			transition:all 0.7s ease-out;
}
#product-slider-mobile.product-slider .product-slider-box:after {
	display:none;
}
#product-slider-mobile.product-slider .box-title {
	text-align:left;
	cursor:pointer; position:relative;
	background-color:#01AEF0; border-bottom:1px solid #FFFFFF; /* gradient background background-image:-webkit-linear-gradient(top, #15B4F0, #0065AE); background-image:linear-gradient(to bottom, #15B4F0, #0065AE); */
}
#product-slider-mobile.product-slider .product-slider-box .service-icon {
	display:block; float:left;
	width:60px; height:60px;
	margin:12px 0; border-radius:50%;
	color:#00AEEF;
	background-color:rgba(255,255,255,0.6); background-clip:padding-box;
}
#product-slider-mobile.product-slider .arrow-product{
	position:absolute; top:0; right:0;
	width:20px; height:20px;
	margin:32px 10px 32px 8px; border-radius:0;
	color:#FFFFFF; font-size:20px; text-align:right;
	background-color:transparent;
}
#product-slider-mobile.product-slider .box-text {
	height:0;
	overflow:hidden;

	-webkit-transition:all 0.7s ease-out;
			transition:all 0.7s ease-out;
}
#product-slider-mobile.product-slider .product-slider-box:first-child .box-text {
	height:360px;
}
#product-slider-mobile.product-slider .box-text p.price {
	display:block;
}


/* ============= 
10. Form elements
================ */

input {
	display:block; float:left;
	width:100%; height:40px;
	padding:0 15px; margin-bottom:15px; border:1px solid #DDDDDD;
	background-color:#EBEBED;
	font-family:"NeoSansPro-Regular", arial, sans-serif; font-size:16px; line-height:normal; color:#333333;
}
table td>input {
	margin-bottom: 0px;
}
input:hover {
	border:1px solid #00ADF1;
}
input:focus {
	border:1px solid #00ADF1;
	background-color:#FFFFFF;
}
textarea {
	width:100%;
}
.error input {
	margin-bottom:4px; border:1px solid #D40402;
}
label {
	display:block;
	margin-bottom:6px;
	font-family:"NeoSansPro-Regular", arial, sans-serif; font-size:16px; font-weight:normal;
}
label.txt24 {
	font-size:24px;
}
span.error {
	display:block; float:left;
	width:100%;
	margin-bottom:20px;
	font-size:14px; color:#D40402;
}
legend {
	float:left;
	padding:0 0 10px 0; margin-bottom:20px!important;
}
input[type="submit"], button[type="submit"], button[type="reset"] {
	width:auto; height:inherit;
	padding:9px 15px; margin-top:35px; margin-bottom:15px;
	border-radius:5px; border:0 none;
	line-height:22px; font-size:14px; font-family:"NeoSansPro-Medium", arial, sans-serif; font-style:normal;
	-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
}
input[type="submit"]:hover, button[type="submit"]:hover, button[type="button"]:hover {
	background-color:#66CBFF;
}
input[type="submit"].no-btn:hover, button[type="submit"].no-btn:hover {
	background-color:transparent;
}
input[type="submit"].no-btn i, button[type="submit"].no-btn i{
	font-size: 25px;
}
input[type="submit"]:active, button[type="submit"]:active {
	background-color:#66CBFF; background-image:none;
	outline:0;
	-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);
}
input[type="radio"], input[type="checkbox"]{
	height:28px;
	margin:0 25px 0 0;
}
input[type="radio"]{
	width:28px;
}
input[type="checkbox"]{
	width:33px;
}
.field-icon input{
	width:70%;
	margin-right:12px;
}
.field-icon i{
	line-height:40px; font-size:26px;
}
.conditional-radio {
	float:left;
	width:100%;
	/* margin:50px 0 35px 0; */
	margin:15px 0 15px 0;
	border-bottom:2px solid #CCCCCC;
}
.conditional-radio .row {
	position:relative;
	display:inline-table; float:left;
	width:100%; height:auto;
}
.conditional-radio .row div {
	position:relative;
	float:left; display:list-item;
	height:100%; height:auto;
	padding-bottom:0; margin-bottom:10px;
	list-style-type:none;
}
.conditional-radio .row div.active label {
	color:#00ADEF;
}
.conditional-radio .row div:after {
	display:none;
}
.conditional-radio .row div.active:after {
	display:block;
}
/* Checkbox and radio button */
.row div.ez-checkbox, .row div.ez-radio, .row div.ez-checked, .row div.ez-selected {
	float:left;
	height:28px;
	margin:8px 25px 4px 0;
	background-color:transparent; background-position:left top; background-repeat:no-repeat;
}
.row div.ez-checkbox, .row div.ez-checked {
	width:33px;
	background-image:url('../img/form-checkbox.svg');
}
.no-svg .row div.ez-checkbox, .no-svg .row div.ez-checked{
	background-image:url('../img/form-checkbox.png');
}
.row div.ez-radio, .row div.ez-selected  {
	width:28px;
	background-image:url('../img/form-radio.svg');
}
.no-svg .row div.ez-radio, .no-svg .row div.ez-selected{
	background-image:url('../img/form-radio.png');
}
.row div.ez-checked, .row div.ez-selected {
	background-position:left bottom;
}
#whsflow-right-box .row div.ez-checkbox, .row div.ez-radio, .row div.ez-checked, .row div.ez-selected {
	float:left;
	height:28px;
	margin:-3px 10px 4px 0;
	background-color:transparent; background-repeat:no-repeat;
}
/* Select */
.dk-select, .dk-select-multi {
	display:block; float:left;
	width:100%; height:40px;
	margin-bottom:15px;
}
.dk-selected {
	display:block; float:left;
	width:100%; height:40px;
	padding:0 45px 0 15px; border:1px solid #DDDDDD;
	border-radius:0;
	font-family:"NeoSansPro-Regular", arial, sans-serif; font-size:16px; line-height:40px; color:#333333; font-style:italic;
	background-color:#FFF;
}

div.gestione-documento .dk-selected {
	background-color:#FFF!important;
}

body.ar .dk-selected {
	background-color:#EBEBED;
}

.error .dk-select, .error .dk-select-multi {
	margin-bottom:4px;
}
.dk-select.no-margin-bottom, .dk-select-multi.no-margin-bottom {
	margin-bottom: 0px; 	
}
.error .dk-selected {
	border:1px solid #D40402;
}
.dk-selected:before {
	border-width:5px 6px 0;
	border-top-color:#767A82;
	margin:-2px 15px 0 0;
}
.dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before {
	border-width:0 6px 5px;
	border-top-color:#3297FD;
}
.dk-select-open-down .dk-selected {
	border:1px solid #00ADF1;
	background-color:#FFFFFF;
}
.dk-selected:after {
	border-left:0 none;
	margin:0 15px 0 0;
}
.dk-select-open-down .dk-select-options {
	border-radius:0;
}

/* SUCCESS & DANGER */
.box-message {
	float:left;
	width:100%;
	padding:20px 20px; margin:15px 0;
	text-align:center; font-family:"NeoSansPro-Medium", arial, sans-serif; font-size:24px; line-height:30px;
}
.box-message i {
	font-size:26px; line-height:30px;
	margin-right:15px;
}
.box-message.box-form input {
	width:100%;
	margin:0;
	background-color:#FFFFFF;
}
.box-message.box-form button {
	float:right;
	width:100%;
	margin:10px 0 0 0;
}
.box-message ul {
	text-align:left;
}

.coverageFailedMessage li{	
	list-style: none;
    padding: 10px;
    color: #D40402;
}

/* LIST OPTION */
.list-option li {
	display:block; float:left;
	width:100%;
	margin:20px 0; padding:0;
}
.list-option li label {
	width:80%;
	display:block; float:left;
}
.list-option li span {
	display:block; float:left;
}
.list-option li span.txt24 {
	margin:0 15px 7px 0;
}
.list-option li span.txt24:first-child {
	width:100%;
}
.list-option li span.txt16 {
	width:100%;
	margin-top:-2px;
}
span.promo-tag {
	width:91px; height:26px;
	padding-left:30px;padding-top:3px;
	font-size:14px; line-height:26px; color:#ff8a00; text-align:left;
	background-image:url('../img/tag.svg');
}
.no-svg span.promo-tag{
	background-image:url('../img/tag.png');
}


/* ============= 
11. Tooltip
================ */

i.info-tooltip{
	display:block;
	width:20px; height:20px;
	background-color:#36C36C;
}
.tooltip-inner{
	padding:10px 14px;
	font-size:14px; color:#FFFFFF;
	max-width: 800px;
    /*
    width: 1200px;
    */
}

.tooltip > .tooltip-inner {
  background-color: #193755 !important;
  border-radius: calc(0.3rem - 1px) calc(0.3rem - 1px) .3rem .3rem !important;
  padding: 12px 12px 8px 12px !important;
  width: auto !important;
  max-width: 450px !important;
  font-family: Halcyon-Regular, sans-serif !important;
  opacity: 1 !important;
  color: white !important;
  text-align: justify !important;
  font-size: 14px !important;
  line-height: 25px;
}

.blue-tooltip + .tooltip > .tooltip-inner{
	background-color:#0063AD;
}
.blue-tooltip + .tooltip > .tooltip-arrow{
	border-top-color:#0063AD;
}
.tooltip.top .tooltip-arrow{ /* fix to multi-lines tooltip */
	top:initial!important;
}


/* ============= 
12. Product rich accordion
================ */

.product-accordion {
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
.product-accordion ul {
	display:block; float:left;
	width:100%;
	list-style:none;
	margin:0; padding:0;
}
.product-accordion ul li {
	display:block; float:left;
	width:100%;
	margin:0; padding:0;
}
.product-accordion .element-header {
	float:left; position:relative;
	width:100%;
	margin:0; padding:0; border-bottom:1px solid #FFFFFF;
	cursor:pointer;
	text-align:center;
} 
.product-accordion .element-content {
	display:none; float:left;
	width:100%;
	margin:0; padding:0; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; border-bottom:1px solid #ECECEC;
	overflow:hidden;
} 
.product-accordion .element-content-wrapper {
	float:none;
	width:100%; max-width:1030px; height:auto;
	margin:0 auto 40px auto; padding:20px;
}
.table-accordion .row {
	background-color:#FFFFFF;
}
.table-accordion .row.active {
	background-color:#999999;
}
.table-accordion p{
	padding:0; margin:0;
	text-align:right;
}
.table-accordion .txt24{
	font-size:18px;
}
.table-accordion .txt18{
	font-size:12px;
}
.product-accordion .table-accordion ul li{
	border-top:1px solid #CCCCCC; padding:15px 0 10px 10px;
}
.product-accordion .table-accordion ul li label, .product-accordion .table-accordion ul li p{
	line-height:22px;
	margin:0; padding:0 0 5px 0;
}
.product-accordion .table-accordion ul li label i{
	padding:0 0 0 10px;
}
.product-accordion .table-accordion ul li:first-child{
	margin-top:25px;
}
.product-accordion .table-accordion ul li:last-child{
	border-bottom:1px solid #CCCCCC;  /*margin-bottom:45px;*/
}
.element-header .btn-round{
	display:inline-block;
	margin:20px 0 10px 0;
	font-size:40px; line-height:75px;
	height:75px; width:75px;
}
.element-header h4 {
	display:block;
	vertical-align:middle; font-size:22px;
}
.label-accordion{
	float:left;
	width:auto;
	padding:0; margin:0;
}
.arrow-accordion{
	float:left;
	width:auto;
	padding:4px 10px 0 6px;
}
.accordion-open-close{
	position:absolute; right:0; top:50%;
	height:25px;
	text-align:right;
	margin-top:-13px;
}
.additional-price p {
	padding-top:0; margin-top:0;
}
.additional-price p:last-child{
	margin-bottom:20px;
}
.element-header p{
	padding-top:0;
}

.action-wrapper{
	float:left;
	width:6.310679611650485%; /* 65 / 1030 */ min-width:45px;
}
.label-wrapper{
	float:left;
	width:81.31068%;
}
.price-wrapper{
	float:right; width:100%;
}
.action-amount-wrapper{
	float:left;
	width:34%;
	min-width:45px;
}
.action-amount-wrapper .dk-select {
	width: 50%;
	float:right;
	text-align:center;
}
.action-amount-wrapper .dk-select ul li {
	border: none;
	padding: 0px;
}

.label-amount-wrapper{
	float:left;
	width:33%;
}
.price-amount-wrapper{
	float:right; 
	width:33%;
}
.cloud-accordion h4 {
	height: 40px;
	margin-left: 10px;
}
.cloud-accordion .txt24 {
	font-size: 18px;
}
.cloud-accordion .table-accordion ul li.amount:first-child {
	margin-top: 0px;
}
.cloud-accordion .table-accordion ul:last-child li.amount {
	margin-bottom: 50px;
}
.cloud-accordion .table-accordion ul li.amount {
	border-top: none;
	padding: 15px 0 10px 0;
}

/* ============= 
13. Sidebar
================ */

aside > article, aside > div{
	padding:20px;
	margin-bottom:25px;
}
aside > article:last-child, aside > div:last-child{
	margin-bottom:0;
}
.spot-on p{
	padding-bottom:25px;
}


/* ============= 
14. General elements
================ */
.wrapper-text-image{
	float:left;
	width:100%;
} 

	#breadcrumb{
		font-size:14px;
	}
	#breadcrumb li{
		position:relative; float:left;
		padding-right:15px; margin-right:5px;
		color:#767A82;
	}
	#breadcrumb li:after{
		content:"/"; position:absolute; top:0; right:0;
		color:#00AEEF;
	}
	#breadcrumb li:last-child:after{
		content:"";
	}
	#breadcrumb li a{
		color:#767A82;

		-webkit-transition:all 0.3s ease-out;
				transition:all 0.3s ease-out;
	}
	#breadcrumb li a:hover{
		color:#00AEEF;
	}

.anchor-list li{
	display:inline-block; zoom:1; float:none; position:relative;
	margin:0; padding:0;
	width:100%;
}
.anchor-list li a{
	display:inline-block; zoom:1; float:left; position:relative;
	width:100%; height:100%;
	margin:0 1px; padding:0 40px 0 16px;
	text-align:center; line-height:35px;
	background-color:#ECECEC;
		
	-webkit-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
	
	background-clip:padding-box;
	overflow:hidden;
}
.anchor-list li a:hover{
	color:#00AEEF;
}
.anchor-list li a i{
	display:inline-block; zoom:1; position:absolute; right:16px; top:2px;
	margin-top:0;
	font-size:12px; line-height:35px;
}
.bkg-grey .anchor-list li a{
	background-color:#FFFFFF;
}
.componentTextImage img{
	margin-bottom:20px;
}
.componentTextImage ul.base-list{
	margin:0px 0px 20px 0px;
}
.contactBox {
	background-color: #FFFFFF;
	padding: 8px;
	border-radius: 4px;
	min-width: 360px;
}
.contactBox .bg-primary {
	background-color:#ff8a00;
}
.contactBox a {
	width:100%;
}
.contactBoxText {
	text-align:center;
	padding: 10px;
} 
.contactBoxText .green-number p {
    color:#3FB25B;
}
.contactBoxButton a {
	padding: 20px 10px;
}
.base-list{
    float:left; display:block;
    font-family:"NeoSansPro-Regular",arial,sans-serif; color:#656b73;
    font-size:16px; line-height:22px; list-style:outside none none;
    margin:0; padding:0; width:100%;
}
.base-list li {
	float:left; width:100%; display:inline-block; zoom:1; position:relative;
    margin:5px 0; padding-left:18px;
}
.base-list li:before {
    content:"\f111"; position:absolute; left:0; top:0;
    color:#00a0e5; font-family:"FontAwesome"; font-size:6px;
}

.no-bullets li {
	list-style:outside none none;
}
.no-bullets li:before {
	content: "";
}

.check-list {
	display:block; float:left;
	width:100%;
	margin:0; padding:0;
	list-style:none;
	font-family:"NeoSansPro-Regular", arial, sans-serif; color:#656B73; font-size:16px; line-height:22px;
}
.check-list li{ 
	position:relative; float:left;
	width:100%;
    padding:0 0 0 30px; margin:5px 0;
}
.check-list li:before {
	position:absolute; top:0; left:0;
    content:"\f00c"; font-family:"FontAwesome";
    color:#00A0E5;
}
.icon-page-list .fa-caret-right{
	color:#00aeef;
	margin-right:7px;
}
.icon-page-list{
	display:block; float:left;
	width:100%;
	margin:0; padding:0;
	list-style:none;
}
.icon-page-list ul{
	padding:0px 0px 0px 20px;
}
.icon-page-list li{ 
	float:left;
	width:100%;
    padding:0; margin:0;
}
.icon-page-list li a{
	width:100%;
	font-family:"NeoSansPro-Regular", arial, sans-serif; color:#656B73; font-size:16px; line-height:28px;
}
.icon-page-list li a:hover{
	text-decoration:none;
	color:#00aeef;
}
.icon-page-list li a.strong{
	font-weight:bolder;
}
.icon-list{
	display:block; float:left;
	width:100%;
	margin:0; padding:0;
	list-style:none;
}
.icon-list li{ 
	float:left;
	width:100%;
    padding:0; margin:0;
}
.icon-list li a{
	float:left; display:block; position:relative;
	margin:0; padding:10px 0; border-bottom:1px solid #dfdfdf;
	width:100%;
	font-family:"NeoSansPro-Regular", arial, sans-serif; color:#656B73; font-size:16px; line-height:18px;
		
	-webkit-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
}
.icon-list li:last-child a{
	border-bottom:0; padding-bottom:0;
}
.icon-list li a:hover{
	color:#00AEEF;
}
.icon-list li a span{
	float:left; display:inline-block; zoom:1;
	padding-left:35px;
}
.icon-list li a i{
	position:absolute; left:0; top:10px;
	font-size:20px; line-height:18px;
	padding:0;
}
.icon-list li a em{
	font-size:12px;
}

	/* ACCORDION */
	.accordion, .accordionTitle, .accordionTitle .accordion {
		float:left;
		width:100%;
		margin:20px 0;
	}
	.accordionTitle .accordion{
		margin:0px 0px 10px 0px;
	}
	.accordionTitle {margin:0px;}
	.accordion ul, .accordionTitle ul, .accordionTitle ul .accordion ul {
		display:block; float:left;
		width:100%;
		margin:0; padding:0;
		border-bottom:1px solid #DFDFDF;
	}
	.accordionTitle ul{border-bottom:0px;}
	.accordion ul li, .accordionTitle ul li, .accordionTitle ul li .accordion ul li{
		display:block; float:left;
		width:100%;
		padding:0; margin:0; border-top:1px solid #DFDFDF; text-indent:0;
		box-sizing:border-box;
	}
	.accordionTitle ul li{border-top:0px;}
	.accordion ul li:before, .accordionTitle ul li:before {
		content:"";
	}
	.accordion .element-header, .accordionTitle .element-header, .accordionTitle .element-header .accordion .element-header,  .accordionTitle .accordion .element-header, .accordionTitle .element-header{
		float:left;
		width:100%; min-height:40px;
		padding:0 20px;
		box-sizing:border-box;
		background-color:#FFFFFF;
		cursor:pointer;
	}
	.accordionTitle .element-header{padding:0px;min-height:60px;}
	.accordion .element-header:hover, .accordionTitle .element-header:hover {
		background-color:#D7EFF9;
	}
	.accordion .element-content, .accordionTitle .element-content {
		display:none; float:left;
		width:100%;
		padding:8px 20px 32px 20px;
		box-sizing:border-box;
	}
	.accordion .element-header h4, .accordionTitle .element-header h2 {
		display:block; float:left;
		width:auto;
		margin:8px 0;
		line-height:24px;
		color:#767A82;
	}
	.accordionTitle .element-header h2{
		margin:12px 0;
	}
	.accordionTitle .accordion .element-header h4{
		color: #01AEF0;	
	}
	.accordion .element-header i.arrow-accordion, .accordionTitle .element-header i.arrow-accordion, .accordionTitle .accordion .element-header i.arrow-accordion{
		display:block; float:right;
		margin:11px 0;
		color:#00ADEF;
	}
	.accordionTitle .element-header i.arrow-accordion{
		float:left;
		font-size:20px;
		margin:20px 0px 0px 6px;
	}
	.accordion .element-content p:last-child, .accordionTitle .element-content p:last-child {
		margin:0; padding:0;
	}
	.element-content.element-content-title.open-slide{
		padding:0px 20px 12px 20px;
	}

/* ============= 
15. Tables
================ */
.table-ngi td p{
	padding-bottom: 0px;
	padding-top: 0px;	
}
.table-default thead{
	background-color:#D6EFF9;
}
.table-default th{
	color:#01AEF0; font-size:14px; font-family:"NeoSansPro-Medium", arial, sans-serif;
	border-right:1px solid #FFFFFF!important;
}
.table-default th:last-child, .table-default tr td:last-child{
	border-right:0!important;
}
.table-default tr td{
	color:#656B73; font-size:16px; font-family:"NeoSansPro-Regular", arial, sans-serif;
	border-right:1px solid #FFFFFF!important;
}
.table-default tr td i.fa-check, .table-default tr td i.fa-times {
	font-size:20px;
}
.table-default tr td strong{
	font-family:"NeoSansPro-Bold", arial, sans-serif; text-align:left; font-weight:normal;
}
.table-striped{
	position:relative;
	border-bottom:1px solid #DEDEDE;
}
.table-default.table-striped > tbody > tr:nth-child(2n+1) > td, .table-default.table-striped > tbody > tr:nth-child(2n+1) > th{
	background-color:#FFFFFF;
}
.table-default.table > thead > tr > td, .table-default.table > tbody > tr > td, .table-default.table > tfoot > tr > td{
	background-color:#ECECED;
}
.table-default.table > thead > tr > th, .table-default.table > tbody > tr > th, .table-default.table > tfoot > tr > th, .table-default.table > thead > tr > td, .table-default.table > tbody > tr > td, .table-default.table > tfoot > tr > td{
	border-color:transparent;
    padding:10px 20px;
}
.table-default.table > thead > tr > th{
    padding:15px 20px;
}
.table-border-top:before{
	content:"";
	position:absolute; top:-1px; left:0;
	display:block;
	width:100%; height:1px;
	background-color:#DEDEDE;
}
.table-2-cols td:first-child {
	width: 40%;
}

/* miscellaneous utilities */
.padding-top-25-xs{
	padding-top:25px;
}
.bkg-image{
	background-color:transparent; background-repeat:repeat; background-size:inherit; background-position:center top;
}

/* ============= 
16. Box offer
================ */

.box-offer{
	float:left;
	width:100%;
	padding:20px 20px 30px 20px; margin-top:30px;
	background-color:#FFFFFF;
}
.box-offer .box-logo{
	/*width:160px*/; width:auto; height:auto;
	margin:0 0 8px 0;
}
.box-offer h3{
	min-height:55px;
}
.box-offer .img-box-offer{
	display:block;
	margin:12px auto 16px auto;
}
.box-offer ul{
	display:block; float:left;
	width:100%; min-height:130px;
	text-align:left;
}
.box-offer .price span{
	font-size:36px;
}
.box-offer .price span .decimal{
	font-size:24px;
}
.offer-price{
	float:left;
	width:100%;
	margin-top:25px; padding-top:15px;
}
	.icon-title-box{
		background-color:#00AEEF; background-repeat:no-repeat; background-position:left top;
		color:#FFFFFF;
		height:74px;
		padding-left:84px;
	}
	.icon-title-box i{
		color:#FFFFFF; font-size:44px; vertical-align:middle; line-height:74px;
		margin:0; padding:0; padding-right:10px;
	}
	.icon-title-box h3{
		display:inline-block; zoom:1;
		color:#FFFFFF; vertical-align:middle; line-height:74px; font-size:18px;
		margin:0; padding:0;
	}
	.product-focus-on{
		float:none; display:inline-block; zoom:1;
		max-width:370px;
	}
	.product-focus-on .rounded5 img{
		width:100%;
	}	

.box-offer-highlight {
	border:2px solid #FFB966 !important;
}
.box-offer-highlight-top {
	border-top:1px solid #FFB966 !important;
}
.box-offer .offer-highlight-label {
	position: absolute; right: 5px; top: 12px; z-index:10
}
.product-highlights .offer-highlight-label {
	position: absolute; right: 5px; top: -20px; z-index:10;
}

/* ============= 
17. Help box
================ */
#help-box{
	width:275px;
	position:fixed; top:50%; right:-30px; z-index:10; display:none;
	padding:0 20px; margin-top:-145px;
}

/* TODO - remove old code if chat works correctly */
/*
#help-box.small-box{
	width:110px;
	margin-top:-33px;
}
#help-box > img{
	width:100px;
	position:relative; float:right;
	margin-right:45px;
	top: 13px;
}
#help-box img.imgTitle{
	z-index:10;
}
#help-box > div{
	position:relative; z-index:2;
	margin:0; padding:2px;
	width:240px;
	-webkit-box-shadow:0 0 15px 0 #999;
			box-shadow:0 0 15px 0 #999;
}
#help-box #help-box-small{
	width:70px;
}
#help-box > div > div > div{
	float:left;
	padding:0 0 0 5px; margin:0 5px;
}
#help-box > div > div > div:first-child, #help-box > div > div > div:last-child{
	padding:0; margin:0;
}
#help-box > div > div > div, #help-box > div > div > div:first-child, #help-box > div > div > div:last-child{
	padding:inherit; margin:inherit;
}
#help-box h3{
	font-size:24px;
	margin-top:0; padding-top:0;margin-bottom:5px;
}
#help-box > div a{
	float:left; display:block;
	width:100%;
	padding:5px 0; border-left:0;
	color:#666b74;	
}
#help-box i{
	float:left;
	font-size:28px;
	padding-right:15px;
	width:40px;
}
#help-box span{
	display:block; float:left;
	width:130px;
	font-family:"NeoSansPro-Medium", arial, sans-serif; line-height:16px;
}
#help-box span.chatbtn{
	line-height:30px;
}
#help-box .border-white{
	border: 1px solid #ffffff;
}
#help-box .bg-primary{
	background-color:#ff8a00;
}	
#help-box .bg-primary.title{
	padding:15px 0px 0px 10px;
}
#help-box.small-box .bg-primary.title{
	padding:15px 0px 5px 10px;	
}
#help-box .bg-primary.title a{
	width:10px;
	float:right;
	margin-right:40px;margin-top:-10px;
}
#help-box .bg-primary.title a i{
	color:#ffc580;
	font-size:18px;
}	
#help-box.small-box .bg-primary.title a i{
	font-size:26px;
	color:#ffffff;
}
#help-box .bg-primary.title a:hover i{
	color:#ffffff;
	transition: all 0.3s ease-out 0s;
}	
#help-box.small-box .bg-primary.title a:hover i{
	color:#ffc580;
	transition: all 0.3s ease-out 0s;
}		
#help-box div.item div a{
	padding:10px 0px 10px 10px;
}
#help-box div.item div a:hover{
	color:#ff8a00;
	transition: all 0.3s ease-out 0s;
}
#help-box div.item div a span{
	color:#ffc580;
	width:14px;
	line-height:22px;
}
#help-box div.item .bottomBorder{
	width:100%;
	padding:0px 0px 0px 0px;margin:0px 0px 0px 10px;
	height:1px;
	background-color:#dfdfdf;
}
.mobile-menu-opened #help-box{
	display:none;
}
*/

/* animations and customizations after TSA/CS/TS introduction */
/*
#help-box.loading #help-box-full .item{
	opacity: 0.6;
}

#help-box #help-box-loading {
	display: none;
}

#help-box.loading #help-box-loading {
	display: block;
	width: 32px; 
	height: 32px;
	background: transparent url("../img/ajax-loader.gif") no-repeat; 
	position: absolute;
	top: 62px;
	right: 10px;
	opacity: 1;
}

#help-box #help-box-full {
	position: relative;
	height: 142px;
}

#help-box.with-back #help-box-full {
	_height: 232px;
}

#help-box .item {
	position: absolute; top: 53px;
}

#help-box.small-size #help-box-full {
	_height: 98px;
}

#help-box.small-size.with-back #help-box-full {
	_height: 148px;
}

#help-box div.back a{
	text-transform: uppercase;
	font-size: 13px;
}

#help-box.for-state2_0 #help-box-full,
#help-box.for-state2_1 #help-box-full {
	height: 232px;
}

#help-box.for-state2_2 #help-box-full{
	height: 186px;
}

#help-box.for-state2_3 #help-box-full {
	height: 186px;
}

#help-box.for-state1_0 #help-box-full {
	height: 148px;
}
#help-box.for-state1_1 #help-box-full {
	height: 148px;
}
*/

/* =============
18. Pagination
================ */
.pagination{
	float:right;
}
.pagination > li > a, .pagination > li > span {
	padding:3px 10px; border:1px solid #FFFFFF;
	background-color:#EDEBEC;
}
.pagination > li > a:hover, .pagination > li > span:hover {
    border:1px solid #FFFFFF;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	border-color:#FFFFFF;
    color:#656B73;
    background-color:#CCCCCC;
}

/* ============= 
19. Search page
================ */
#search-page .icon-list{
	border-bottom:1px solid #DEDEDE;
}
#search-page .icon-list a{
	border-bottom:0 none;
}
#search-page .icon-list span.page{
	color:#01AEF0; font-family:"NeoSansPro-Medium",arial,sans-serif; font-weight:normal; font-size:24px;
}
#search-page .icon-list p{
	padding-left:35px;
}
#search-page .icon-list a:hover p, #search-page .icon-list a:hover span{
	text-decoration:underline;
}
#search-page .icon-list span.document{
	color:#01AEF0;
}


/* ============= 
19. Google Maps
================ */
.googleMaps{
	-webkit-transform:none!important;
}
.googleMaps img{
	max-width:none;
}
.googleMaps label{
	display:inline;
    font-family:arial, sans-serif; font-size:12px; font-weight: normal;
    margin-bottom:0px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
   
@media (max-width: 767px) {
  .noPaddingLR-xs {padding-left:0px !important;padding-right:0px !important;}
  #main-area .noPaddingB-xs, .noPaddingB-xs{padding-bottom:0px !important;}
  .v-margin-25-xs{margin-top:25px;margin-bottom:25px;}
  h1 {padding-bottom: 10px;}  
  .padding-top-15-xs{padding-top:15px !important;}
  .margin-b-15-xs{margin-bottom:15px;}
  #main-area .v-padding-25, .v-padding-25{padding-top:5px !important;padding-bottom:5px !important;}
  .teaserHome{margin-top:10px;}
  .teaserHome a {margin-bottom: 20px;}  
  .accordion .element-header h4, .accordionTitle .element-header h2, h2.simpleAccordion-title, h2.accordionAccordion-title {font-size: 24px;}
  .accordion .element-header h4 {font-size: 18px;}
  .teaserHome .box-title {height:50px;line-height:50px;}
  .teaserHome .box-title span.titleHeader {margin-left:0px;}
  .teaserHome a .box-text h4 {font-size:20px !important;line-height: 24px !important;}
  .greenPhone{margin:30px 0px 0px 0px;text-align:center;}
}  
@media (max-width: 1024px) {
	.noPaddingLR-sm {padding-left:0px !important;padding-right:0px !important;}
}
@media (min-width: 768px) {
  .v-padding-20-sm {
    padding-top:20px !important;
	padding-bottom:20px !important;
  }
  .v-padding-25-sm{
    padding-top:25px !important;
	padding-bottom:25px !important;  	
  }
}
@media (width: 1024px) {
	#services-bar .btn-round {width: 40px !important;height: 40px !important;font-size: 18px !important;line-height: 40px !important;}  
	#services-bar h4 {font-size: 12px !important;}		
}

@media only screen and (min-width:480px){
	/* ALTERNATIVE SMARTPHONE MEDIA QUERY  */
	
	/* =============
	03. Buttons & icons
	================ */
	#bar-utilities .btn{
		padding:0 10px;
		font-size:14px;
	}
	
	
	/* ============= 
	08. Sections 
	================ */
	
	.corporate-teasers img{
		max-width:inherit;
	}
	.corporate-teasers h5{
		max-width:inherit;
	}
	
	/* ============= 
	09. Product slider 
	================ */
	.product-slider .box-title h3 {
		font-size:30px;
		margin:0;
		vertical-align:sub;
	}
}
@media (min-width:550px){
	
	/* ============= 
	10. Form elements
	================ */
	.box-message {
		padding:20px 100px;
	}
	.box-message.box-form input {
		width:65%;
	}
	.box-message.box-form button {
		width:30%;
		margin:0;
	}
}

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

	/*
	#main-container{
		padding-top:131px;   
	}
	body.scrolled #main-container{
		padding-top:113px;
	}
	*/
/* ============= 
00. Main Structure
================ */

	/* TABLET MEDIA QUERY */
	#eolo-logo{
		width:121px;
	}
	#payoff{
		float:left; display:block;
		padding:25px 0 0 25px;
	}
	
	/* ============= 
	02. Header & Footer
	================ */

	#main-footer nav{
		float:left;
		padding-top:0;
		width:100%;
		text-align:center;
	}
	#main-footer a{
		float:none; display:inline-block; zoom:1;
		border:0; padding:0 2%;
		width:auto;
	}
	#main-footer nav a:last-child:after{
		content:""; padding:0; margin:0;
	}
	#main-footer nav a:after{
		position:absolute; right:-2%;
		content:"|";
	}
	/* layer login */
	.mm-menu.mm-top .general-wrapper{
		margin:0 auto;
		max-width:500px;
	}
	
	
	/* =============
	03. Buttons & icons
	================ */
	#bar-utilities .btn-lg{
		line-height:40px;
	}
	#bar-utilities .btn-lg.iconBtn i{
		float:left; display:block;
		font-size:20px; line-height:40px;
		padding:0;
		padding-right: 10px;
	}
	#bar-utilities .btn-lg.iconBtn i.no-margin{
		margin:0 15px 0 0!important;
	}
	.btn-round{
		width:60px; height:60px;
		border-radius:30px;
		font-size:29px; line-height:60px;
	}
	#services-bar .btn-round{
		width:50px; height:50px;
		font-size:20px;
		line-height:50px;
	}
	#bar-social .btn-lg.iconBtn i {
		float:left; display:block;
		font-size:28px; line-height:40px;
		margin:0 15px 0 0; padding:0;
	}
	#bar-social .btn-lg.iconBtn i.no-margin {
		margin:0px !important;
	}
	#bar-social	 .btn{
		padding:0 24px !important;
	}
	
	/* ============= 
	05. Slider (flexslider)
	================ */
	.flex-captions{
		top:30px;
	}
	.flex-captions h2{
		font-size:48px; line-height:48px;
		padding-bottom:25px;
	}
	.flex-captions p{
		display:block;
		line-height:28px; font-size:24px;
		padding-bottom:25px;
	}
	/* section top slider */
	.section-top-slider .flex-captions{
		top:35px; left:35px;
	}
	.section-top-slider .flex-captions h2{
		font-size:28px; line-height:28px;
	}
	
	/* ============= 
	06. Banners
	================ */
	.product-focus{
		overflow:hidden!important;
		max-width:inherit;
		padding:0 25px; margin:25px 0;
		background-position:right top; background-repeat:no-repeat; background-color:#FFFFFF;
	}
	.product-focus header{
		height:106px;
		text-align:left;
		margin-left:-10px; padding:0 0 0 25px;
		background-color:#01AEF0;
		
		-webkit-transition:all 0.3s ease-out;
				transition:all 0.3s ease-out;
	}
	.product-focus a:hover header{
		/*background-color:#66CBFF;*/
	}
	.product-focus a:hover header:after{
		/*border-left-color:#66CBFF; border-top-color:transparent; border-bottom-color:transparent;*/
	}
	.product-focus header:after{
		content:""; position:absolute; right:-30px; top:0; display:block;
		width:0; height:0; 
		border-top:53px solid transparent; border-bottom:53px solid transparent; border-left:30px solid #01AEF0;
		
		-webkit-transition:all 0.3s ease-out;
				transition:all 0.3s ease-out;
	}
	.product-focus header h3{
		position:relative; top:inherit;
		color:#FFFFFF; font-size:26px!important; line-height:106px; margin:0; padding:0;
	}
	.product-focus .cta span{
		border-top-right-radius:5px; border-top-left-radius:5px;
		width:auto; height:inherit;
		line-height:40px; font-size:14px;
		padding-top:0; padding-bottom:0; margin-top:35px;
	}
	.product-focus header img{
		width:100px; margin-right:25px; margin-top:-15px;
	}
	
	
	/* ============= 
	07. Bars 
	================ */
	#services-bar{
		padding:15px 0 30px 0
	}
	#services-bar a{
		padding:15px; border:0;
	}
	#services-bar h3 small{
		text-align:center;
	}
	#services-bar h3{
		text-align:center;
	}
	#services-bar h4{
		display:table-cell; zoom:1;
		max-width:110px;
		margin-top:0;
		font-size:13px;
	}
	
	
	/* ============= 
	08. Sections 
	================ */
	
	#corporate article{
		text-align:left;
	}
	#corporate .corporate-teasers article, .corporate-teasers article{
		text-align:center;
		background-color:transparent;
		padding-left:10px; padding-right:10px;
	}
	#corporate .corporate-teasers article:first-child, .corporate-teasers article:first-child{
		padding-left:0;
	}
	#corporate .corporate-teasers article:last-child, .corporate-teasers article:last-child{
		padding-right:0;
	}
	.corporate-teasers{
		width:100%;
	}
	.corporate-teasers a{
		float:none;
		background-color:#ECECEC;
		margin:0 auto;
		max-width:228px;
	}
	.corporate-teasers img{
		margin:0;
	}
	.cart-total{
		margin-top:0;
	}
	.cart-total-box .item-title.cart-total-transaction{
		width:46%;
	}
	.cart-total-box .cart-total-transaction.price{
		width:52%;
	}
	.cart-price-list .price strong{
		min-width:80px;
	}
	.cart-layer-wrapper .price{
		text-align:left;
	}
	.cart-price-list > div{
		border-bottom:0;
		margin-bottom:0; padding-bottom:0;
	}

	
	/* ============= 
	09. Product slider 
	================ */
	
	#product-slider.product-slider{
		display:block;
	}
	#product-slider-mobile.product-slider{
		display:none;
	}
	/*
	.product-slider .box-text p {
		display:none;
	}
	*/
	.product-slider .product-slider-box:hover .box-text p {
		display:block;
	}
	

	/* ============= 
	10. Form elements
	================ */
	
	.conditional-radio .row {
		height:65px;
	}
	.conditional-radio .row div {
		height:65px;
		margin-bottom:0;
	}
	.conditional-radio .row div:after {
		content:"";
		position:absolute; left:75px; bottom:-2px;
		display:none; float:left;
		width:32px; height:17px;
		background-image:url('../img/form-tab.svg');
	}
	.no-svg .conditional-radio .row div:after{
		background-image:url('../img/form-tab.png');
	}
	.row div.ez-checkbox, .row div.ez-radio, .row div.ez-checked, .row div.ez-selected {
		height:28px;
	}
	/* LIST OPTION */
	.list-option li label {
		width:auto;
	}
	
	/* ============= 
	12. Product rich accordion
	================ */
	
	.action-wrapper{
		min-width:inherit;
	}
	.price-wrapper{
		float:left;
		width:37.37864077669903%; /* 385 / 1030 */
	}
	.label-wrapper{
		width:56.31067961165048%; /* 580 / 1030 */
	}
	.action-amount-wrapper{
		min-width:inherit;
		width:34%;
	}
	.price-amount-wrapper{
		float:left;
		width:33%;
	}
	.label-amount-wrapper{
		width:33%;
	}
	.table-accordion .txt24{
		font-size:24px;
	}
	.table-accordion .txt18{
		font-size:18px;
	}
	.product-accordion .table-accordion ul li label, .product-accordion .table-accordion ul li p{
		line-height:32px;
		padding-bottom:0;
	}
	.element-header .btn-round{
		float:left;
		margin:10px 20px 10px 0;
		font-size:29px; line-height:60px;
		height:60px; width:60px;
	}
	.element-header h4{
		float:left;
		margin-top:25px;
		font-size:18px;
	}
	.element-header h4.variation{
		float:left;
		margin-top:25px;
		font-size:16px;
		display: inline-block;
	}
	.element-header h4.longTitle{
		float:none;
		text-align: left;
	}
	.element-header p{
		float:left;
		margin-top:29px; padding:0;
		text-align:left;
	}
	.element-header p.label-accordion{
		margin-top:0;
	}
	.additional-price p{
		/*padding-right:100px;*/
	}
	.element-header .additional-price p{
		font-size:30px; color:#00AEEF;
	}
	.element-header .additional-price p small{
		font-size:18px;
	}
	.cloud-accordion .noicon-element {
		top: 50%;
		margin-top: -13px;
	}
	.cloud-accordion .txt24 {
		font-size: 18px;
	}
	
	
	/* ============= 
	14. General elements
	================ */
	.anchor-list li{
		width:auto;
	}
	
	/* miscellaneous utilities */
	.padding-top-25-xs{
		padding-top:0;
	}
	.padding-top-25-sm{
		padding-top:25px;
	}
	
	
	/* ============= 
	16. Box offer
	================ */
	
	.icon-title-box{
		padding-left:45px;
	}
	.icon-title-box h3{
		font-size:22px;
	}
}

@media only screen and (min-width:992px){
	/* DESKTOP MEDIA QUERY */

.logo-footer img{
	max-width: 100px;
}
	
#shop-step-wrapper{
	padding-top:144px;
}
.scrolled #shop-step-wrapper{
	padding-top:43px;
}

#ar-shop-step-wrapper{
	padding-top:50px;
}
.scrolled #ar-shop-step-wrapper{
	padding-top:0px;
}
	
.save-cart-btn{
	float:none;
}
.cart-layer-wrapper.uncompressed{
	display:block;
}
.cart-layer-wrapper.compressed{
	display:none;
}
.scrolled .cart-layer-wrapper.uncompressed{
	/*display:none;*/
}
.scrolled .cart-layer-wrapper.compressed{
	/*display:block;*/
}
	/* ============= 
	00. Main Structure
	================ */
	.general-wrapper{
		max-width:1170px; width:100%;
		margin:0 auto;
	}
	.header-wrapper{
		z-index:11;
	}
	
	/* ============= 
	01. Color Styles 
	================ */
	#bar-header-menu #main-menu-desktop > ul > li > a{
		float:left;
	}
	
	a .blue-gradient:hover, #services-bar a:hover .blue-gradient{
	  background-color:#00ACEE;
	  background-image:-webkit-linear-gradient(top, #00ACEE, #00ACEE);
	  background-image:       linear-gradient(to bottom, #00ACEE, #00ACEE);
	}
	
	/* ============= 
	02. Header & Footer
	================ */
	#main-footer nav{
		border-top:0; margin-top:0;
	}
	#main-footer a{
		float:none; display:inline-block; zoom:1;
		border:0; padding:0 2%;
		width:auto;
		line-height: 30px;
		-webkit-transition:all 0.3s ease-out;
				transition:all 0.3s ease-out;
	}
	#main-footer a:first-child{
		padding-left:0;
	}
	#main-footer a:last-child{
		padding-right:0;
	}
	
	/* layer login */
	.mm-menu.mm-top {
		padding:16px 0;
		max-height:80%; height:100%;
		background-color:#0065AD;
	}
	.mm-menu.mm-top .general-wrapper {
		padding:40px 50px;
		max-width:570px; max-height:600px;
	}
	#variation-failure .general-wrapper {
		height:300px !important;
	}
	.mm-menu.mm-top ::-webkit-input-placeholder {color:transparent;}
	.mm-menu.mm-top :-moz-placeholder {color:transparent;}
	.mm-menu.mm-top ::-moz-placeholder {color:transparent;}
	.mm-menu.mm-top :-ms-input-placeholder {color:transparent;}
	.mm-menu > .mm-panel, .mm-menu.mm-top{
		padding-top:0; background-color:transparent!important;
	}
	.mm-menu.mm-top{
		box-shadow:none!important;
	}
	#help-layer .general-wrapper, #login-clienti .general-wrapper, #login-partners .general-wrapper, #save-cart .general-wrapper, #saved-cart .general-wrapper, #variation-failure .general-wrapper, #delete-variation .general-wrapper, #try-and-buy .general-wrapper, #delete-cart .general-wrapper, #sendContractViaMail-cart .general-wrapper, #alert-flow-cart .general-wrapper, #fiscal-code-flow-cart .general-wrapper, #doubleOpt-flow-cart .general-wrapper, #ewg-flow-disable .general-wrapper, #ewg-flow-enable .general-wrapper, #userinfo-messages .general-wrapper {
		-webkit-box-shadow:0 5px 35px -5px #000;
				box-shadow:0 5px 35px -5px #000;
	}
	
	#alert-flow-cart .general-wrapper, #userinfo-messages .general-wrapper {
		max-height: fit-content;
	}

	/* ============= 
	02a. Menu
	================ */
	#menu-switch{
		display:none;
	}
	#search-wrapper{
		float:right;
		width:100%;
	}
	#toolbar-menu, #toolbar-menu li{
		float:right;
		width:100%;
	}
	.loaded #main-menu-desktop{
		display:block!important;
	}
	#bar-header-menu #search-wrapper button[type="submit"], #bar-header-menu #search-wrapper button[type="submit"] i{
		font-size:18px!important;
	}
	#bar-header-menu{
		/*overflow:hidden;*/
	}
		/* ============= 
		02a2. Desktop Menu
		================ */
		#main-menu-desktop{
			display:block!important;
		}
		#main-menu-wrapper ul{
			margin:0; padding:0;
		}
		#main-menu-wrapper ul.list-inline li{
			float:left; position:relative;
		}
		
		/* hide shadow active menu pushdown item
		#main-menu-wrapper ul.list-inline li.submenu.active:after{
			position:absolute; bottom:-7px; left:0; content:"";
			width:100%; height:7px; background-color:#D7EFF9;
		}*/
		.push-down{
			position:relative;
			width:100%;
		}
		
		#main-menu-desktop > ul > li:first-child > a{
			padding:0 10px 0 0;
		}
		#main-menu-desktop > ul > li{
			padding:0;
		}
		#main-menu-desktop > ul > li > a{
			display:block; line-height:45px;
			padding:0 15px; margin:0;
			height:43px;
			text-decoration:none; text-transform:uppercase;
			
			-webkit-transition:all 0.3s ease-out;
					transition:all 0.3s ease-out;
		}
		#main-menu-desktop > ul > li > a:hover{
			text-decoration:none;
		}
		#main-menu-desktop > ul > li.active > a{
			color:#656b73;
		}
		#main-menu-desktop > ul > li:last-child > a{
			padding:0 10px 0 5px;
		}
		#bar-header-menu i{
			font-size:27px;
		}
		/*
		#search-wrapper{
			position:relative; top:0; right:inherit; opacity:1;display:block;
			padding-right:0;
			background-color:#FFFFFF;
		}
		*/
		#toolbar-menu li{
			border:0; padding:0;
		}
		#search-wrapper input.form-control{
			background-color:#E6E6E6;
		}
	
	
		/* Push down menu 
		#push-menu-wrapper{
			background-color:#D7EFF9;
			padding:0; margin:0; border-bottom:0;
		}	
		*/
		/* absolute menu */
		#push-menu-wrapper{
            position:absolute; top:131px; left:0; z-index:11;
			background-color:#D7EFF9;
			padding:0; margin:0; border-bottom:0;
			width:100%;
		}
		.scrolled #push-menu-wrapper{
            top:101px;
		}
		/* push down cart
		#cart #push-menu-wrapper{
			z-index:15; position:relative;
			-webkit-box-shadow:0 25px 25px -25px #000;
				  box-shadow:0 25px 25px -25px #000;
		}*/
		.scrolled #push-menu-wrapper{
			border-bottom:0;
		}
		.push-down{
			padding:20px 0 30px 0;
		}
		.push-down ul{
			margin:0; padding:0;
		}
		.push-down > ul > li{
			float:left;
			margin:0; padding:0 15px;
			width:25%;
		}
		.push-down > ul > li.list-new-line{
			padding-top:15px;
		}
		.push-down > ul > li:first-child, .push-down > ul > li.list-new-line-first{
			padding-left:0;
		}
		.push-down > ul > li.list-new-line-first{
			clear:left;
		}
		/*.push-down > ul > li:last-child{
			padding-right:0;
		}*/
			/* push down sub-menues */
			.push-down > ul > li ul li{
				margin:0; padding:0;
			}
			.push-down > ul > li ul li a{
				display:block; float:left;
				width:100%;
				margin:0; padding:10px; /* border-bottom:1px solid #9EE0F6 */;
				line-height:20px;
				
				-webkit-transition:all 0.2s ease-out;
						transition:all 0.2s ease-out;
			}
			.push-down > ul > li ul li:last-child a{
				border-bottom:0;	
			}
			.push-down > ul > li ul li a i{
				display:inline-block; zoom:1;
				width:28px;
				color:#01AEF0; font-size:20px;
			}
			.push-down > ul > li ul li:hover a, .push-down > ul > li ul li:hover a i{
				color:#01AEF0;
			}
			.push-down .menu-title{
				float:left;
				width:100%; min-height:57px;
				padding:5px 10px; border-top-right-radius:5px; border-top-left-radius:5px;
				background-color:#01AEF0;
			}
			.push-down .menu-unstyled{
				border-bottom:1px solid #9EE0F6; padding-bottom:15px;
				float:left;
				width:100%;	
				font-size:18px;
				
				-webkit-transition:all 0.2s ease-out;
						transition:all 0.2s ease-out;
			}
			.push-down .menu-text{
				cursor:default;
			}
			.push-down .menu-text:hover{
				color:#00AEEF;
			}
			.push-down .menu-title.menu-text:hover{
				color:#FFF;
			}
			.push-down .menu-title.text-center{
				font-size:24px;
			}
			.push-down .menu-title .product-title{
				margin-top:-15px;
				line-height:18px;
			}
			.push-down .menu-title i{
				display:inline-block; top:-5px; position:relative; zoom:1;
				width:75px;
				font-size:40px; line-height:32px;
				margin-right:5px;
				vertical-align:text-top;
			}
			.push-down .menu-title i.ico-round{
				float:left; top:0;
				background-color:#81D7F8;
				width:45px; height:45px;
				margin-right:10px;
				line-height:47px; text-align:center; color:#01AEF0; font-size:28px;
			}
			.push-down .text-center{
				text-align:center;
			}
			.push-down > ul > li img{
				display:inline-block; zoom:1;
				margin-bottom:10px;
			}

	/* ============= 
	03. Buttons & icons
	================ */
	.btn, .btn-sm, .btn-xs, .btn-lg{
		cursor:pointer;
	}
	#bar-utilities .btn{
		padding:0 24px;
	}
	.btn, .btn i{
		-webkit-transition:all 0.3s ease-out;
				transition:all 0.3s ease-out;
	}
	.ico-round{
		overflow:hidden;
		border-radius:50%;
		background-clip:padding-box;
	}
	#bar-utilities span.active{
		display:none;
	}
	#bar-utilities .btn-lg.iconBtn i.no-margin{
		margin:0!important;
	}
	
	/* ============= 
	05. Slider (flexslider)
	================ */
	.flex-direction-nav a{
		display:inherit;
		color:#0063AD; text-shadow:1px 1px 3px #000000
	}
	.flex-direction-nav a:hover{
		color:#FFFFFF;
	}
	.flex-captions{
		top:20px; left:53px;
		width:38%;
		
  		-webkit-transition:all 0.3s ease-out;
				transition:all 0.3s ease-out;
	}
	.flex-control-nav li{
		padding:0 6px;
	}
	.flex-captions h2, .flex-captions p{
		padding-bottom:10px;
		
  		-webkit-transition:all 0.3s ease-out;
				transition:all 0.3s ease-out;
	}
	/* section top slider */
	.section-top-slider .flex-captions{
		top:55px; left:55px;
		width:38%;
	}
	.section-top-slider .flex-captions h2{
		font-size:30px; line-height:30px;
	}
	
	/* ============= 
	06. Banners
	================ */
	
	.product-focus header h3{
		font-size:30px;
	}
	.product-focus{
		background-position:right top;
	}
	
	
	/* ============= 
	07. Bars 
	================ */
	
	#services-bar{
		padding:0;
	}
	#services-bar:hover{
		/*background-color:#bce1f1;*/
	}
	#services-bar > div{
		background-image:url(../img/bkg/services-bar.png); background-position:15% top; background-repeat:no-repeat;
	}
	#services-bar ul{
		float:left;
		margin-left:20px;
	}
	#services-bar a{
		padding:19px 9px 19px 9px;
	}
	#services-bar h3 small{
		text-align:left;
	}
	#services-bar h3{
		text-align:left;
	}
	#services-bar h3{
		float:left;
		margin:0; padding:23px 15px 0 15px;
	}
	#homepage #services-bar a:hover{
		background-color:#D9D9D9;
	}
	#services-bar a:hover{
		background-color:#D9D9D9;
		/*background-color:#bce1f1;*/
	}	
	
	
	/* ============= 
	08. Sections 
	================ */
	.cart-layer-wrapper{
		position:fixed; top:131px; left:0; z-index:10;
	}
	.cart-layer-wrapper:before{
		content:""; position:absolute; display:block; z-index:1;
		top:-100px; left:0;
		width:100%; height:100px;
		background-color:#D7EFF9;
	}
	.corporate-teasers a{
		float:left;
		max-width:168px;
		
		-webkit-transition:all 0.3s ease-out;
				transition:all 0.3s ease-out;
	}
	#corporate aside{
		margin-top:25px;
	}
	.fb-like-box{
		padding:1px;
		background-color: #01AEF0; /* #ECECEC; */
		margin: 20px;
	}
	.corporate-teasers a:hover{
		background-color:#01AEF0;
		color:#FFFFFF;
	}
	.corporate-teasers a:hover h5{
		color:#FFFFFF;
	}
	
	/* ============= 
	09. Product slider 
	================ */
	.product-slider .box-text p {
		display:block;
	}
	.teaserHomeContainer{background-size:auto;}  


	/* ============= 
	14. General elements
	================ */
	.internal-sidebar{
		padding-top:0;
	}
	.anchor-list li:first-child a{
		border-top-left-radius:5px; border-bottom-left-radius:5px;
	}
	.anchor-list li:last-child a{
		border-top-right-radius:5px; border-bottom-right-radius:5px;
	}
	
	/* miscellaneous utilities */
	.padding-top-25-xs{
		padding-top:0;
	}
	.padding-top-25-sm{
		padding-top:0;
	}
	.padding-top-25-md{
		padding-top:25px;
	}
	
	
	/* ============= 
	16. Box offer
	================ */
	.product-focus-on{
		float:left; display:block; zoom:inherit;
		max-width:inherit;
	}
	.box-offer:hover{
		border:2px solid #01AEF0;
	}
	.box-offer-highlight:hover{
		border:2px solid #FF8A00 !important;
	}
	
	
	/* ============= 
	17. Help box
	================ */
	#help-box{
		display:block;
	}
}

@media only screen and (min-width:1200px){
	/* WIDE DESKTOP MEDIA QUERY */
	
	/* ============= 
	00. Main Structure
	================ */
	.general-wrapper{
		padding:0;
	}
	
	/* ============= 
	05. Slider (flexslider)
	================ */
	.flex-captions h2, .flex-captions p{
		padding-bottom:25px;
	}
	
	/* ============= 
	08. Sections 
	================ */

	.corporate-teasers a{
		max-width:188px;
	}
	
	/* miscellaneous utilities */
	.padding-top-25-xs{
		padding-top:0;
	}
	.padding-top-25-sm{
		padding-top:0;
	}
	.padding-top-25-md{
		padding-top:0;
	}
	.padding-top-25-lg{
		padding-top:25px;
	}
	.bkg-image{
		background-repeat:no-repeat; background-size:cover; background-position:center center;
	}
	.product-highlights .offer-highlight-label {
		position: absolute; right: -11px; top: -20px; z-index:10;
	}
}

@media only screen and (min-width:1350px){
	.flex-captions{
		top:70px;
	}
	
	/* ============= 
	08. Sections 
	================ */
	.corporate-teasers a{
		max-width:208px;
	}
}
@media only screen and (min-width:1400px){
	/* WIDE DESKTOP++ MEDIA QUERY */
	
	/* ============= 
	08. Sections 
	================ */

	#corporate{
		position:relative
	}
	#corporate aside, #corporate article{
		position:relative; z-index:2;
	}
	#corporate:after{
		content:""; position:absolute; left:55%; top:-15px; z-index:1;
		width:887px; height:500px;
		background-image:url(../img/bkg/bkg-facebook.jpg); background-position:right top; background-repeat:no-repeat;
	}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.relative{
	position:relative;
}
.anchor{
	position:absolute; display:block; top:-103px; left:0;
}
.anchorFaq{
	position:relative; display:block; top:-150px; left:0;
}
	/* responsive iframes */
	.iframe-container{
		position:relative; overflow:hidden;
		padding-bottom:56.25%; padding-top:35px;
		height:0;
	}
	.iframe-container iframe{
		position:absolute; top:0; left:0;
		width:100%; height:100%;
		border:0;
	}
	/* responsive iframes end */
.bkg-grey{
	background-color:#ECECEC;
}
.bkg-white{
	background-color:#FFFFFF;
}
.bkg-blue{
	background-color:#01AEF0;
}
.bkg-darkblue{
	background-color:#193755;
}
.bkg-lightblue{
	background-color:#D7EFF9;
}
.border-lightblue-2px {
	border: 2px solid #D7EFF9;
}
.bkg-extralightblue{
	background-color:#e6f5fb;
}
.light-grey-gradient{
	background-color:#EDEDED;
	background-image:-webkit-linear-gradient(top, #EDEDED, #E3E3E3);
	background-image:		 linear-gradient(to bottom, #EDEDED, #E3E3E3);
}
.orange-gradient{
	background-color:#F0C009;
	background-image:-webkit-linear-gradient(top, #F0C009, #ff8a00);
	background-image:		 linear-gradient(to bottom, #F0C009, #ff8a00);
}
.blue-gradient{
  background-color:#00ACEE;
  background-image:-webkit-linear-gradient(top, #00ACEE, #0569B1);
  background-image:       linear-gradient(to bottom, #00ACEE, #0569B1);
}
.padding-10{
	padding:10px;
}
.padding-15{
	padding:15px;
}
.padding-20{
	padding:20px;
}
.padding-25{
	padding:25px;
}
.v-margin-top-5{
	margin-top:5px!important;
}
.v-margin-top-10{
	margin-top:10px!important;
}
.v-margin-top-30{
	margin-top:30px!important;
}
.v-margin-top-0{
	margin-top:0px!important;
}
.v-margin-bottom-10{
	margin-bottom:10px!important;
}
.v-margin-bottom-20{
	margin-bottom:20px!important;
}
.v-margin-bottom-25{
	margin-bottom:25px!important;
}
.v-margin-bottom-40{
	margin-bottom:40px!important;
}
.v-margin-10{
	margin-top:10px!important; margin-bottom:10px!important;
}
.v-margin-15{
	margin-top:15px!important; margin-bottom:15px!important;
}
.v-margin-20{
	margin-top:20px!important; margin-bottom:20px!important;
}
.v-margin-25{
	margin-top:25px!important; margin-bottom:25px!important;
}
.v-margin-0{
	margin-top:0px!important; margin-bottom:0px!important;
}
.v-margin-5 {
	margin-top:5px!important; margin-bottom:5px!important;
}
.v-margin-35 {
	margin-top:35px!important; margin-bottom:35px!important;
}
.v-margin-top-15 {
	margin-top:15px!important;
}
.v-margin-top-20 {
	margin-top:20px!important;
}
.v-margin-top-40 {
	margin-top:40px!important;
}
.v-margin-top-60 {
	margin-top:60px!important;
}
.v-margin-bottom-35 {
	margin-bottom:35px!important;
}
.v-margin-bottom-55 {
	margin-bottom:55px!important;
}
.v-margin-bottom-100 {
	margin-bottom:100px!important;
}
.v-padding-10{
	padding-top:10px!important; padding-bottom:10px!important;
}
.v-padding-15{
	padding-top:15px!important; padding-bottom:15px!important;
}
.v-padding-20{
	padding-top:20px!important; padding-bottom:20px!important;
}
.v-padding-25{
	padding-top:25px!important; padding-bottom:25px!important;
}
.v-padding-top-10{
	padding-top:10px!important;
}
.v-padding-top-15{
	padding-top:15px!important;
}
.v-padding-top-20{
	padding-top:20px!important;
}
.v-padding-top-25{
	padding-top:20px!important;
}
.v-padding-top-0{
	padding-bottom:0px!important;
}
.v-padding-bottom-10{
	padding-bottom:10px!important;
}
.v-padding-bottom-15{
	padding-bottom:15px!important;
}
.v-padding-bottom-20{
	padding-bottom:20px!important;
}
.v-padding-bottom-25{
	padding-bottom:25px!important;
}
.v-padding-40 {
	padding-top:40px!important; padding-bottom:40px!important;
}
.v-padding-bottom-0{
	padding-bottom:0px!important;
}
.padding-left-10{
	padding-left:10px!important;
}
.padding-right-0{
	padding-right:0px!important;
}
.margin-left-20{
	margin-left:20px!important;
}
.hideloading{
	display:none!important;
}
.box-shadow{
  -webkit-box-shadow:0 4px 7px -7px #000;
          box-shadow:0 4px 7px -7px #000;
}
.box-shadowExtraMenu{
  -webkit-box-shadow:0 10px 7px -7px #666;
          box-shadow:0 10px 7px -7px #666;
}
.shadow-separator-container{height:65px;}
.shadow-separator{
	float:left;
	width:100%; height:20px;
	margin-bottom:35px; margin-top:10px;
  -webkit-box-shadow:0 9px 12px -7px #ccc;
          box-shadow:0 9px 12px -7px #ccc;
}
.box-shadowLayerMenu{
	/*
  -webkit-box-shadow:0px 20px 20px -25px #666;
          box-shadow:0px 20px 20px -25px #666;
          */
  -webkit-box-shadow:0 20px 20px -25px #000;
          box-shadow:0 20px 20px -25px #000;          
}
.box-shadow25{
  -webkit-box-shadow:0 25px 25px -25px #000;
          box-shadow:0 25px 25px -25px #000;
}
.box-shadow20{
  -webkit-box-shadow:0 15px 20px -20px #666;
          box-shadow:0 15px 20px -20px #666;
}
.squared{
	border-radius:0;
}
.no-shadow{
	box-shadow:none;
	-webkit-box-shadow:none;
}
.no-margin{
	margin:0!important;
}
.no-margin-top{
	margin-top:0!important;
}
.no-top{
	padding-top:0!important; margin-top:0!important;
}
.rounded5{
	overflow:hidden;
	border-radius:5px;
	background-clip:padding-box;
}
.rounded5top{
	overflow:hidden;
	border-radius:3px 0px 0px 0px;
	background-clip:padding-box;
}
.transition3{
  -webkit-transition:all 0.3s ease-out;
          transition:all 0.3s ease-out;
}

.ir {
    background-color:transparent;
    border:0;
    overflow:hidden;
    *text-indent:-9999px;
}

.ir:before {
    content:"";
    display:block;
    width:0;
    height:150%;
}

.hidden {
    display:none !important;
    visibility:hidden;
}

.visuallyhidden {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto;
}

.invisible {
    visibility:hidden;
}

.clearfix:before,
.clearfix:after {
    content:" ";
    display:table;
}

.clearfix:after {
    clear:both;
}

.clearfix {
    *zoom:1;
}

.border-primary {
	border:2px solid #CBEDFB;
}
.border-primary-top {
	border-top:1px solid #CBEDFB;
}

body.scrolled.editMode{
	padding-top:0;
}
body.scrolled.editMode #header-main{
	display:none;
}
.bkg-grey input, .bkg-lightblue input, .bkg-blue input{
	background-color:#FFFFFF;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }

    a,
    a:visited {
        text-decoration:underline;
    }

    a[href]:after {
        content:" (" attr(href) ")";
    }

    abbr[title]:after {
        content:" (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }

    pre,
    blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }

    thead {
        display:table-header-group;
    }

    tr,
    img {
        page-break-inside:avoid;
    }

    img {
        max-width:100% !important;
    }

    @page {
        margin:0.5cm;
    }

    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }

    h2,
    h3 {
        page-break-after:avoid;
    }
}

/** autocomplete **/
.ui-autocomplete-loading {
	background: transparent url("../img/ajax-loader.gif") no-repeat;
	background-position: right 10px center;
}

/** system-wide button style **/
.component .btn {
	min-width: 100px;
}

@media (max-width:1024px){
	#bar-utilities .ar span {display:none;}
	#bar-utilities .ar .btn {padding:8px 24px 8px 24px !important;}
	#bar-utilities .ar .btn-lg.iconBtn i {margin:0px !important;display: block !important;}
	#bar-utilities .ar .btn-lg.iconBtn i {font-size:20px;}
} 


@media (max-width:640px){
	#bar-utilities .ar .btn {padding:4px 12px 4px 12px;}
	.empty-cart {
		float: left !important;
  		clear: both;
 		margin-bottom: 10px !important;
	}
}

@media (max-width:320px){
	#bar-utilities .ar .btn {padding:2px 6px 2px 6px;}
}

@media (max-width:480px){
	#toolbar-menu li{
		padding-right:8px;
	}
	#toolbar-menu.list-inline>li{
		padding-left:4px;
	}
}

/* fix flex slider breakpoints */

@media (min-width: 480px){
	#homepage .flex-captions p {
		display: block;
		font-size: 16px;
		line-height: 20px;
	}
	
	#homepage .flex-captions h2{
		font-size: 24px;
		line-height: 24px;
	}
}

@media (min-width: 768px){
	#homepage .flex-captions p {
		display: block;
		font-size: 16px;
		line-height: 20px;
	}
}
@media (min-width: 992px){
	
	#homepage .flex-captions {
		top: 30px;
	}

	#homepage .flex-captions h2{
		font-size: 36px;
		line-height: 36px;
	}
	
	#homepage .flex-captions p {
		font-size: 18px;
		line-height: 24px;
		margin: 0 0 10px;
	}
}

@media (min-width: 1450px){
	
	#homepage .flex-captions h2{
		font-size: 48px;
		line-height: 48px;
	}
	
	#homepage .flex-captions {
		top: 70px;
	}
	
	#homepage .flex-captions p {
		font-size: 24px;
		line-height: 24px;
		margin: 0 0 20px;
	}
}

/** QUICK FIX for "naviga libero e veloce" **/

.flexslider li a[href='\#'] {
cursor: default;
}


.flexslider li a[href='\#']:hover h2,
.flexslider li a[href='\#']:hover p{
color: #0063AD;
}

.flexslider li a[href='\#']:hover .txt-white h2,
.flexslider li a[href='\#']:hover .txt-white p{
color: #FFF;
}

.flexslider li a[href='\#']:hover .txt-blue h2,
.flexslider li a[href='\#']:hover .txt-blue p{
color: #0063AD;
}

#login-clienti .remember-credentials-toggler {
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
}

#login-clienti .remember-credentials-toggler i {
	display: inline-block;
	margin: 0px 5px;
	font-size: 20px;
	color: rgb(90, 200, 253);
}

#login-clienti hr, 
#login-partners hr {
	border-top: 1px solid #DDD;
}

#login-clienti .login-form-bottom,
#login-partners .login-form-bottom {
	margin-top: 15px;
}

#login-clienti .login-form-bottom a,
#login-partners .login-form-bottom a {
	font-size: 14px;
	display: inline-block;
	margin: 0px;
}

#login-clienti .login-submit-btn,
#login-partners .login-submit-btn {
	margin-top: 15px;
}

#login-clienti {
	max-height: 470px;
}

/** LOGIN BOX CHANGES Ottobre 2018 **/
.header-login-button {
	background-color: #e6f7fe;
	color: #01AEF0;
	border-radius: 5px;
	margin-right: 10px;
	line-height: 18px !important;
	min-width: 120px;
	text-align: left;
	width: 140px;
}
.header-login-button:hover {
	background-color: #ffffff !important;
	color: #01AEF0 !important;
}
.header-login-button:hover i {
	color: #01AEF0 !important;
}
.header-login-button span {
	font-weight: bold;
}
.header-logged-button {
	background-color: #e6f7fe;
	color: #01AEF0;
	border-radius: 5px;
	margin-right: 10px;
	min-width: 120px;
	text-align: left;
}
.header-logged-button:hover {
	background-color: #ffffff !important;
	color: #01AEF0 !important;
}
.header-logged-button:hover i {
	color: #01AEF0 !important;
}
.header-logged-button span {
	font-weight: bold;
}
a.webmail {
	background: none !important;
	color: #e6f7fe !important;
}
a.webmail i {
	color: #e6f7fe !important;
}
a.webmail:hover {
	background: none !important;
	color: #ffffff !important;
}
a.webmail:hover i {
	background: none !important;
	color: #ffffff !important;
}
@media (max-width: 767px) {
	.header-login-button {
		background:none !important;
		color: #e6f7fe !important;
		padding: 0px;
		line-height: 14px !important;
		min-width: auto !important;
		width: auto !important;
		text-align: center !important;
	}
	.header-login-button:hover {
		background:none !important;
		color: #ffffff !important;
	}
	.header-login-button i {
		display:block !important;
		font-size:22px !important;
		color: #e6f7fe !important;
	}
	.header-login-button:hover i {
		color: #ffffff !important;
	}
}


@media only screen and (min-width: 992px) {
	
	#login-clienti {
		max-height: 530px;
	}
	
	#login-clienti.mm-top .general-wrapper {
		max-height: 530px;
	}
	

}

#login-clienti .login-form-bottom p, 
#login-clienti .login-form-bottom p span, 
#login-partners .login-form-bottom p, 
#login-partners .login-form-bottom p span {
	line-height: 20px;
    font-size: 14px;	
}

/** inline login **/
.component.inline-login .form-group {
	padding: 8px;
}
.component.inline-login button {
    margin-top: 28px;
}

.component.inline-login a {
	margin: 15px 0px;
}    
   
/** help-modal **/

#chatModal .info-privacy-container {
	margin-top: 4px;
}

#chatModal .chat-privacy-toggler {
	font-size: 14px;
	float: left;
    width: 30px;
    display: inline-block;
}

#chatModal span.info-privacy-text {
	font-size: 11px;
    line-height: 16px;
    display: inline-block;
    float: left;
    width: 90%;
}
#chatModal .chat-privacy-toggler i {
	margin-right: 8px;
}

@media (min-width: 768px) {
	#chatModal .chat-privacy-toggler i {
		margin-right: 4px;
	}
}

#chatModal .glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

#chatModal .box-message p {
	padding-bottom: 0;
	margin-bottom: 0;
}

#chatModal .modal-title {
	color: #00AEEF;
}

#chatModal form p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 28px;
}
#chatModal .modal-body {
	padding: 0px 20px;
} 
@media (min-width: 768px) {
		
	#chatModal .modal-title {
		font-size: 26px;
	}

	#chatModal .modal-body {
		padding: 20px;
	} 
} 

#chatModal .modal-header {
	border-bottom: none;
	padding-bottom: 0px;
	
	background-color: #01AEF0;
	background-image: url('../img/eolo-logo-2018.svg');
	background-position: 10px 5px;
	background-repeat: no-repeat;
	background-size: 72px 46px;
    padding: 10px;
	
} 
#chatModal .modal-body {
	padding-bottom: 0px;
}

#chatModal .modal-header h4 {
	color: #FFF;
	text-align: right;
	font-size: 18px;
    margin-right: 34px;
    text-transform: uppercase;
}

#chatModal .row-last {
	margin-left: -20px;
	margin-right: -20px;
	background-color: #01AEF0;
	
	padding: 5px;
	margin-top: 15px;
}

#chatModal .row-last button[type="submit"] {
	margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 0;
    
    transition: none;
    
}

#chatModal .chat-privacy-hint {
	background-color: #d7eff9;
}

#chatModal .row-last button[type="submit"]:hover,
#chatModal .row-last button[type="submit"]:focus,
#chatModal .row-last button[type="submit"]:link,
#chatModal .row-last button[type="submit"]:active   {
	color: #01AEF0;
    background-color: #FFFFFF;
}

#chatModal .chat-privacy-toggler i {
	display: inline-block;
    margin: 0px 5px;
    font-size: 20px;
    color: rgb(90, 200, 253);
}


/** copertura **/

.list-group-noborder .list-group-item {
	border: none;
}

.list-group-whiteborder .list-group-item {
	border-color: #FFF;
}

.copertura {
	border-bottom: 2px solid #FFF;
}
.copertura .list-group .list-group-item {
	border-top: none;
	border-left: none;
	border-right: none;
	
	margin-bottom: 0px;
	
	padding-left: 0px;
}

.copertura .list-group .list-group-item a.hover,
.copertura .list-group .list-group-item a.hover i {
	color: #0065AD;
}
	
.copertura .accordion .element-header {
	background-color: inherit !important;
	padding-left: 0px;
}

.copertura .accordion ul {
	border-bottom: none;
}
.copertura .accordion ul li {
	border-top: none;
	border-left: none;
	border-right: none;
	
	border-bottom: 1px solid #FFF;
	
}

.copertura .accordion .element-header span {
	display: inline-block;
	padding-top: 10px;
}

.copertura .mappaCopertura {
	width: 510px; 
	height: 660px;
	background-image: url('../img/copertura/mappa.png');
	background-position: 0px 0px;
}
.copertura .mappaCopertura img {
	width: 510px !important;
	height: 660px !important;
}

.copertura .mappaCopertura.vuota {background-position: 0px 0px;}
.copertura .mappaCopertura.abruzzo {background-position: -510px 0px;}
.copertura .mappaCopertura.basilicata {background-position: -1020px 0px;}
.copertura .mappaCopertura.calabria {background-position: -1530px 0px;}
.copertura .mappaCopertura.campania {background-position: -2040px 0px;}
.copertura .mappaCopertura.emilia-romagna {background-position: -2550px 0px;}
.copertura .mappaCopertura.friuli-venezia-giulia {background-position: -3060px 0px;}
.copertura .mappaCopertura.lazio {background-position: -3570px 0px;}
.copertura .mappaCopertura.liguria {background-position: -4080px 0px;}
.copertura .mappaCopertura.lombardia {background-position: -4590px 0px;}
.copertura .mappaCopertura.marche {background-position: -5100px 0px;}
.copertura .mappaCopertura.molise {background-position: 0px -660px;}
.copertura .mappaCopertura.piemonte {background-position: -510px -660px;}
.copertura .mappaCopertura.puglia {background-position: -1020px -660px;}
.copertura .mappaCopertura.sardegna {background-position: -1530px -660px;}
.copertura .mappaCopertura.sicilia {background-position: -2040px -660px;}
.copertura .mappaCopertura.toscana {background-position: -2550px -660px;}
.copertura .mappaCopertura.trentino-alto-adige {background-position: -3060px -660px;}
.copertura .mappaCopertura.umbria {background-position: -3570px -660px;}
.copertura .mappaCopertura.valle-d-aosta {background-position: -4080px -660px;}
.copertura .mappaCopertura.veneto {background-position: -4590px -660px;}

.copertura .accordion li.active {
	background-color: #F3F9FB;
}

.copertura .accordion {
	margin: 0px;
}

.copertura .localita {
	color: #656b73;
}

/** C021-corporate-title **/

p.small {font-size: 14px;}
p.medium {} /* 16px */
p.large: {font-size: 18px;}

span.small {}
span.medium {}
span.large {}

h1.small {font-size: 24px;}
h1.medium {} /* 36px */
h1.large {font-size: 48px;}

@media (min-width: 480px) {
	h1.small {font-size: 36px;}
	h1.medium {} /* 48px */
	h1.large {font-size: 60px;}
}

h2.small {font-size: 28px;}
h2.medium {} /* 36px */
h2.large {font-size: 44px;}

h3.small {font-size: 24px;}
h3.medium {} /* 30px */
h3.large {font-size: 36px;}

h4.small {font-size: 12px;}
h4.medium {} /* 14px */
h4.large {font-size: 16px;}

h5.small {font-size: 12px;}
h5.medium {} /* 14px */
h5.large {font-size: 16px;}

h6.small {}
h6.medium {}
h6.large {}

h7.small {}
h7.medium {}
h7.large {}

/** HOME SLIDER **/

.flex-captions-var01 h2 span.small {font-size: 18px; color: #0065AD; /* override bootstrap [h1 .small] rule */ }
.flex-captions-var01 h2 span.medium {} /* 22px */
.flex-captions-var01 h2 span.large {font-size: 26px;}

.flex-captions-var01 p span.small {} /* not visible */
.flex-captions-var01 p span.medium {} /* not visible */
.flex-captions-var01 p span.large {} /* not visible */

.flex-captions-var05 h2 span.small {font-size: 14px; color: #0065AD; /* override bootstrap [h1 .small] rule */ }
.flex-captions-var05 h2 span.medium {} /* 18px */
.flex-captions-var05 h2 span.large {font-size: 22px;}

.flex-captions-var05 p span.small {} /* not visible */
.flex-captions-var05 p span.medium {} /* not visible */
.flex-captions-var05 p span.large {} /* not visible */

@media (min-width: 480px) {

	.flex-captions-var01 h2 span.small {font-size: 20px; color: #0065AD; /* override bootstrap [h1 .small] rule */ }
	.flex-captions-var01 h2 span.medium {} /* 24px */
	.flex-captions-var01 h2 span.large {font-size: 28px;}
	
	.flex-captions-var01 p span.small {font-size: 14px;}
	.flex-captions-var01 p span.medium {} /* 16px */
	.flex-captions-var01 p span.large {font-size: 20px;}
	
	.flex-captions-var05 h2 span.small {font-size: 14px; color: #0065AD; /* override bootstrap [h1 .small] rule */ }
	.flex-captions-var05 h2 span.medium {} /* 18px */
	.flex-captions-var05 h2 span.large {font-size: 22px;}
	
	.flex-captions-var05 p span.small {} /* not visible */
	.flex-captions-var05 p span.medium {} /* not visible */
	.flex-captions-var05 p span.large {} /* not visible */

}

@media (min-width: 768px) {
	
	.flex-captions-var05 h2 span.small {font-size: 24px; color: #0065AD; /* override bootstrap [h1 .small] rule */ }
	.flex-captions-var05 h2 span.medium {} /* 28px */
	.flex-captions-var05 h2 span.large {font-size: 32px;}
	
}
	
@media (min-width: 992px) {

	.flex-captions-var01 h2 span.small {font-size: 30px; color: #0065AD; /* override bootstrap [h1 .small] rule */ }
	.flex-captions-var01 h2 span.medium {} /* 36px */
	.flex-captions-var01 h2 span.large {font-size: 42px;}
	
	.flex-captions-var01 p span.small {font-size: 16px;}
	.flex-captions-var01 p span.medium {} /* 18px */
	.flex-captions-var01 p span.large {font-size: 22px;}
	
	.flex-captions-var05 h2 span.small {font-size: 26px; color: #0065AD; /* override bootstrap [h1 .small] rule */ }
	.flex-captions-var05 h2 span.medium {} /* 30px */
	.flex-captions-var05 h2 span.large {font-size: 36px;}
	
	.flex-captions-var05 p span.small {font-size: 14px;}
	.flex-captions-var05 p span.medium {} /* 18px */
	.flex-captions-var05 p span.large {font-size: 22px;}

}

@media (min-width: 1450px){
	
	.flex-captions-var01 h2 span.small {font-size: 42px; color: #0065AD; /* override bootstrap [h1 .small] rule */ }
	.flex-captions-var01 h2 span.medium {} /* 48px */
	.flex-captions-var01 h2 span.large {font-size: 54px;}
	
	.flex-captions-var01 p span.small {font-size: 20px;}
	.flex-captions-var01 p span.medium {} /* 24px */
	.flex-captions-var01 p span.large {font-size: 28px;}
	
}

.dettaglio-ordine-blue-bold{
	color: #01AEF0 !important;
}

/* TEASER var06 */
.component.teaser.var06 {
	margin-top: 15px;
}

.component.teaser.var06 .teaserBox {
	background-size: cover;
	width: 100%;
	position: relative;
}

.component.teaser.var06 .teaserBox .blue-layer {
	background-color: rgba(8, 70, 110, 0.4);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    
    z-index: 1;
}

.component.teaser.var06 a:hover .teaserBox .blue-layer {
	background-color: rgba(8, 70, 110, 0.8);
}

.component.teaser.var06 .teaserBox .title {
	padding-top: 50px;
	margin-bottom: 10px;
	font-size: 1.75em;
}

.component.teaser.var06 .teaserBox .description {
	padding: 0 30px;
}

.component.teaser.var06 .teaserBox .button-container {
	padding: 30px 0;
}

.component.teaser.var06 .teaserBox .description p {
	font-size: 14px;
	line-height: 20px;
}

@media (min-width: 480px) {
	.component.teaser.var06 .teaserBox .title {
		padding-top: 25%;
		font-size: 2em;
	}
}

/* ============= 
 Assistenza 
================ */
.side-menu {
    display:block; float:left;
    width:100%;
    border:1px solid #D7EFF9;
    border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
    background-color:#01AEF0;
}
.side-menu li {
    display:block; float:left;
    width:100%;
}
.side-menu li a {
    display:block; float:left;
    width:100%;
    padding:14px 18px;
    border-bottom:1px solid #FFFFFF;
    color:#FFFFFF; line-height:18px;
}
.side-menu li a.active {
    color:#01AEF0;
    background-color:#D7EFF9;
}
aside .dk-select.side-select {
    padding:0; margin-bottom:30px;
}


.accordion.assistance-accordion {
    margin:0;
}
.accordion.assistance-accordion .element-header {
    padding:0 10px 0 0;
}
.accordion.assistance-accordion ul {
    border-bottom:0 none;
}
.accordion.assistance-accordion ul li {
    border-top:1px solid #EBEBEB;
}
.accordion.assistance-accordion h4 {
    width:84%;
    padding:0; margin:17px 0;
    font-size:22px; font-family:"NeoSansPro-Regular", arial, sans-serif; color:#01AEF0; text-align:left;
}
.accordion.assistance-accordion .element-header i.arrow-accordion {
    margin:20px 0; padding:0 10px 0 6px;
}
.accordion.assistance-accordion .element-header:hover {
    background-color:transparent!important;
}
.accordion.assistance-accordion .element-content {
    padding:0 0 22px 0;
}

.row.guide-box-wrapper {
    margin-left:-5px; margin-right:-5px;
}
.row.guide-box-wrapper > div {
    padding-left:5px; padding-right:5px;
}
.guide-box {
    display:block; float:left;
    width:100%; /*min-height:255px;*/
    margin-top:10px;
    border:1px solid #EBEBEB;
    border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
    text-align:center;
    background-color:#FFFFFF;
}
.guide-box h5 {
    display:block; float:left;
    width:100%; min-height:105px;
    padding:10px;
    border-top:1px solid #EBEBEB;
    color:#757981; font-size:18px; line-height:24px; font-family:"NeoSansPro-Regular", arial, sans-serif; text-align:center;
}
.guide-box h5, .guide-box img {
    transition:all 0.2s ease-out;
}
.row.servizi-digitali-wrapper {
	margin-left:-5px; margin-right:-5px;
}
.row.servizi-digitali-wrapper > div {
    padding-left:5px; padding-right:5px;
}
.row.servizi-digitali-wrapper-slim {
	margin-left:-0px !important; margin-right:-0px !important;
}
.row.servizi-digitali-wrapper-slim > div {
	padding-left:0px !important; padding-right:0px !important;
}
.servizi-digitali {
    display:block; float:left;
    width:100%; /*min-height:255px;*/
    margin-top:10px;
    border:1px solid #EBEBEB;
    border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
    text-align:center;
    background-color:#FFFFFF;
}
.servizi-digitali .news-label {
	z-index: 100;
	padding: 0 10px;
	position: absolute;
	right: 35px;
	top: 20px;
	background: #ff8a00 none repeat scroll 0% 0%;
	font-weight: bold;
	font-size: 12px;
	height: 22px;
	line-height: 20px;
	text-align: center;
	color: white;
	text-transform: uppercase;
}
.servizi-digitali-slim {
	margin: 0px !important;
}
.servizi-digitali-slim .news-label {
	z-index: 100;
	padding: 0 10px;
	position: absolute;
	right: 5px;
	top: -8px;
	background: #ff8a00 none repeat scroll 0% 0%;
	font-weight: bold;
	font-size: 12px;
	height: 22px;
	line-height: 20px;
	text-align: center;
	color: white;
	text-transform: uppercase;
}
 .servizi-digitali h5.inner {
 	background: #01AEF0;
    color: white;
    margin: 0px !important;
    min-height: auto;
    padding: 20px;
    border: none;
 }
.servizi-digitali-wrapper .slick-dots {
	bottom: -40px;
}
.servizi-digitali-wrapper .slick-dots:only-child {
	display: none;
}
.servizi-digitali-wrapper .slick-dots li button {
	background-color: #019cd7;
    border: none;
    border-radius: 50%;	
    width: 10px;
    height: 10px;
}
.servizi-digitali-wrapper .slick-dots li.slick-active button {
	background-color: #ffffff;
    border: 2px solid #019cd7;
    border-radius: 50%;	
}
.servizi-digitali-wrapper .slick-dots li button:before {
	font-size: 0px;
}
.servizi-digitali-wrapper .slick-next {
	width: 25px;
	height: 40px;
	right: -35px;
}
.servizi-digitali-wrapper .slick-prev {
	width: 25px;
	height: 40px;
	left: -35px;
}
.servizi-digitali-wrapper .slick-next:before, .servizi-digitali-wrapper .slick-prev:before {
	content: none;
}
.servizi-digitali-wrapper .slick-next:after {
	content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 40px;
    color: #66CBFF;
    top: 50%;
    left: 0;
    pointer-events: none;
}
.servizi-digitali-wrapper .slick-prev:after {
	content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 40px;
    color: #66CBFF;
    top: 50%;
    right:0;
    pointer-events: none;
}
.servizi-digitali-wrapper .slick-prev:hover, .servizi-digitali-wrapper .slick-next:hover {
    background: none;
    cursor:  pointer;
}
.highlight-mode-up .servizi-digitali {
    border: solid;
    border-width: 0.5px;
    border-color: lightgray;
    border-radius: initial;
}

.highlight-mode-up .servizi-digitali .news-label {
	top: 0px;
	border-radius: 15px;
}

/*
.highlight-mode-up .servizi-digitali img {
	max-width: 75%;
}
*/

.highlight-mode-up .servizi-digitali h5 {
	border-top: none;
	min-height: 0px;
    font-weight: bold;
    padding: 0px 0px 15px 0px;
}

.highlight-mode-up .servizi-digitali h6 {
    display: block;
    float: left;
    width: 100%;
    padding: 10px;
    color: #757981;
    font-size: 18px;
    line-height: 20px;
    font-family: "NeoSansPro-Regular", arial, sans-serif;
    text-align: center;
    margin-bottom: 10px;
}

.highlight-mode-down .servizi-digitali {
    border: none;
}

.highlight-mode-down .servizi-digitali h5 {
	border-top: none;
}

.highlight-mode-down .servizi-digitali img {
	max-width: 70%;
}

.highlight-mode-down .servizi-digitali .news-label {
	top: -10px;
	border-radius: 15px;
}
@media (max-width: 480px) {
	.servizio-digitale-item {
		padding-left: 5px;
		padding-right: 5px;
	}	
}

.overlay-container {
  position: relative;
}
.overlay-container .overlay-image {
  display: block;
  width: 100%;
  height: auto;
}
.overlay-container .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}
.overlay-container:hover .overlay {
  opacity: 0.95;
}
.overlay-container .overlay-text {
  color: white;
  font-size: 14px;
  position: absolute;
  top: 50%;
  width: 100%;
  line-height: 16px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.servizi-digitali-wrapper .slide {
	padding: 0px;
}
.servizi-digitali h5 {
    display:block; float:left;
    width:100%; min-height:105px;
    padding:10px;
    border-top:1px solid #EBEBEB;
    color:#757981; font-size:18px; line-height:24px; font-family:"NeoSansPro-Regular", arial, sans-serif; text-align:center;
}
.servizi-digitali h5.wide {
	min-height:152px;
}
.servizi-digitali h5, .servizi-digitali img {
    transition:all 0.2s ease-out;
}
.noborder {
    border: none !important;
}

.contact-box {
    position:relative;
    height:100%;
    padding:75px 20px 40px 20px; margin-top:45px;
    text-align:center;
    border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
    background-color:#EBEBEB;
}
.contact-box > i {
    position:absolute; top:-30px; left:50%;
    width:76px; height:76px;
    margin-left:-38px;
    border-radius:38px; -webkit-border-radius:38px; -moz-border-radius:38px;
    font-size:36px; line-height:76px; text-align:center; color:#FFFFFF;
    background-color:#01AEF0;
}
.contact-box h4 {
    padding:0;margin-bottom:24px;
    font-size:36px; line-height:42px; font-family:"NeoSansPro-Regular", arial, sans-serif;
}
.contact-box p {
    padding:0;
}
.contact-box .green-number {
    margin-bottom:12px;
}
.contact-box .green-number p {
    color:#3FB25B;
}
.contact-box .green-number p.txt30 {
    margin-top:8px;
}
.contact-box .green-number p strong {
    font-family:"NeoSansPro-Bold", arial, sans-serif;
}
.contact-box p.txt12 {
    margin-bottom:20px;
    line-height:14px;
}
.contact-box p.mobile {
    margin-top:2px;
    font-size:24px; line-height:28px; font-family:"NeoSansPro-Bold", arial, sans-serif;
}
.contact-box p.mobile i {
    margin-right:12px;
    font-size:28px; line-height:28px; color:#01AEF0;
}
.contact-box .btn {
    padding:9px 30px; margin-top:35px;
    font-size:16px; font-family:"NeoSansPro-Regular", arial, sans-serif;
}

.hours-text {
    margin-top:45px;
}
.hours-text p {
    padding:0;
}
.hours-text p.txt18 {
    padding-bottom:3px;
}


@media (min-width:768px){
    
    .accordion.assistance-accordion h4 {
        /*width:100%;*/
    }
    .contact-box {
    	padding:75px 20px 0px 20px;
        margin-top:15px;
    }
    .row.guide-box-wrapper {
        margin-left:-15px; margin-right:-15px;
    }
    .row.guide-box-wrapper > div {
        padding-left:15px; padding-right:15px;
    }
    .guide-box {
        margin-top:30px;
    }
    .guide-box h5 {
        padding:20px 20px 35px 20px;
    }
    .row.servizi-digitali-wrapper {
        margin-left:-15px; margin-right:-15px;
    }
    .row.servizi-digitali-wrapper > div {
        padding-left:15px; padding-right:15px;
    }
    .servizi-digitali {
        
    }
    .servizi-digitali h5 {
        padding:20px 20px 35px 20px;
    }     
    .row-eq-height {
      display:-webkit-box;
      display:-webkit-flex;
      display:-ms-flexbox;
      display:flex;
    }
}

@media (min-width:992px){
    .side-menu li a.activeFaqMenu {
        background-color:#D7EFF9;
        color:#01AEF0;
    }
    .side-menu li a:hover {
        color:#01AEF0;
        background-color:#D7EFF9;
    }
    .accordion.assistance-accordion .element-header:hover h4 {
        color:#66CBFF;
    }
    .guide-box:hover h5 {
        color:#01AEF0;
    }
    .guide-box:hover img {
        opacity:0.60;
    }
    
}

.product-menu-offer {
	padding:0px;
}
.product-menu-offer.vertical-align {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.product-menu-offer-img {
	padding:0px !important;
}
.product-menu-offer-img img {
	margin-bottom:0px !important;
	float:right !important;
}

#hp-green-number h2, #hp-green-number h3, #hp-green-number p {
	color:#3FB25B;
}
#hp-green-number-img {
	text-align: center
}
#hp-green-number-img img {
	max-width: 80%;
}

.dof-container{
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: justify;
}

/* WIDE VERSION ------------------------------------------------------------------------------------------------------ */

#help-box.chat-layer-wide {
    position:fixed; bottom:0; left:0; top:inherit; right:0;
    display:block;
    width:100%; height:62px;
    padding:10px 20px;
    margin-top:0;
    background-color:#FFFFFF;
    -webkit-box-shadow:0 -4px 6px 0 #DDDDDD; box-shadow:0 -4px 6px 0 #DDDDDD;
}
#help-box.chat-layer-wide .row {
    margin-left:0; margin-right:0;
}
#help-box.chat-layer-wide > div {
    position:relative;
    margin:0 auto; padding:0;
    width:100%;
    -webkit-box-shadow:none; box-shadow:none;
    z-index:2;
}
#help-box.chat-layer-wide i {
    width:24px;
    padding-right:0;
}
#help-box.chat-layer-wide .call-text, #help-box.chat-layer-wide .green-number-text, #help-box.chat-layer-wide .number-text, #help-box.chat-layer-wide .chat-text, #help-box.chat-layer-wide .question-text {
    position:relative;
    display:block; float:left;
}
#help-box.chat-layer-wide .call-text {
    padding:0 0 0 10px;
}
#help-box.chat-layer-wide .logo-operator img {
    /*position:absolute; left:-25px; bottom:-10px; height: 90px;*/
    position:absolute; right: 25%; bottom: 25%; top: -50px; height: 90px;
}
#help-box.chat-layer-wide .call-text p, #homepage #help-box.chat-layer-wide .call-text p {
    display:block; float:left;
    width:160px;
    padding:0;
    line-height:20px;
    color: #656b73;
    font-size: 13px;
}
#help-box.chat-layer-wide > div .call-text .btn {
    display:block; float:left;
    height:42px; width: auto;
    padding:0 12px;
    line-height:42px; font-size:14px; color:#656B73;
    background-color:#E5E5E5;
    font-weight: bold;
}
#help-box.chat-layer-wide > div .call-text .btn:hover {
    color:#656B73;
    background-color:#D9D9D9;
}
#help-box.chat-layer-wide .call-text .btn i {
    display:block; float:left;
    margin-right:10px;
    line-height:42px; font-size:22px; color:#FF8A00;
}
/* #help-box.chat-layer-wide .call-text .btn:hover i {
    color:#FFFFFF;
} */
#help-box.chat-layer-wide .green-number-text {
    padding:0 0 0 10px;
}
#help-box.chat-layer-wide .green-number-text a {
    padding:0!important;
}
#help-box.chat-layer-wide .green-number-text p, #homepage #help-box.chat-layer-wide .green-number-text p {
    display:block; float:left;
    width:95px;
    margin-right:10px; padding:5px 0;
    font-size:13px; line-height:16px; color:#3FB15B;
}
#help-box.chat-layer-wide .green-number-text p.number, #homepage #help-box.chat-layer-wide .green-number-text p.number {
    width:auto;
    margin-right:0; padding:0;
    font-size:24px; line-height:42px; font-family:'NeoSansPro-Bold';
}
#help-box.chat-layer-wide .green-number-text a:hover p.number {
    color:#2E9930;
}
#help-box.chat-layer-wide .number-text {
    padding:0 0 0 10px;
}
#help-box.chat-layer-wide .number-text a {
    padding:0!important;
}
#help-box.chat-layer-wide .number-text p, #homepage #help-box.chat-layer-wide .number-text p {
    display:block; float:left;
    width:60px;
    margin-right:10px; padding:5px 0;
    font-size:13px; line-height:16px; color:#878991;
}
#help-box.chat-layer-wide .number-text p.number, #homepage #help-box.chat-layer-wide .number-text p.number {
    width:auto;
    margin-right:0; padding:0;
    font-size:24px; line-height:42px; font-family:'NeoSansPro-Bold';
}
#help-box.chat-layer-wide .number-text a:hover p.number {
    color:#878991;
}
#help-box.chat-layer-wide .number-text p.number {
    color:#656b73;
}
#help-box.chat-layer-wide .chat-text {
    padding:0 0 0 48px;
}
#help-box.chat-layer-wide .chat-text p, #homepage #help-box.chat-layer-wide .chat-text p {
    display:block; float:left;
    width:102px;
    margin-right:10px; padding:5px 0;
    font-size:13px; line-height:16px;
    color: #656b73;
}
#help-box.chat-layer-wide > div .chat-text .btn {
    display:block; float:left;
    height:42px; width:auto;
    padding:0 14px;
    line-height:42px; font-size:14px; color:#656B73;
    background-color:#E5E5E5;
    font-weight:bold;
}
#help-box.chat-layer-wide > div .chat-text .btn:hover {
    color:#656B73;
    background-color:#D9D9D9;
}
#help-box.chat-layer-wide .chat-text .btn i {
    display:block; float:left;
    margin-right:10px;
    line-height:42px; font-size:22px; color:#FF8A00;
}

#help-box.chat-layer-wide .question-text {
    padding:0 0 0 30px;
}
#help-box.chat-layer-wide .question-text p, #homepage #help-box.chat-layer-wide .question-text p {
    display:block; float:left;
    width:110px;
    margin-right:10px; padding:5px 0;
    font-size:13px; line-height:16px;
    color: #656b73;
}
#help-box.chat-layer-wide > div .question-text .btn {
    display:block; float:left;
    height:42px; width:auto;
    padding:0 14px;
    line-height:42px; font-size:14px; color:#656B73;
    background-color:#E5E5E5;
    font-weight:bold;
}
#help-box.chat-layer-wide > div .question-text .btn:hover {
    color:#656B73;
    background-color:#D9D9D9;
}
#help-box.chat-layer-wide .question-text .btn i {
    display:block; float:left;
    margin-right:10px;
    line-height:42px; font-size:22px; color:#FF8A00;
}

@media (min-width: 1200px) {
    #help-box.chat-layer-wide .call-text {
        padding:0 0 0 20px;
    }
    #help-box.chat-layer-wide .call-text p, #homepage #help-box.chat-layer-wide .call-text p {
        width:144px;
        margin-right:12px;
        font-size:13px;
    }
    #help-box.chat-layer-wide .call-text img {
        left:0;
    }
    #help-box.chat-layer-wide > div .call-text .btn {
        padding:0 10px;
    }
    #help-box.chat-layer-wide .green-number-text {
        padding:0 0 0 20px;
    }
    #help-box.chat-layer-wide .green-number-text p, #homepage #help-box.chat-layer-wide .green-number-text p {
        margin-right:20px;
    }
    #help-box.chat-layer-wide .green-number-text p.number, #homepage #help-box.chat-layer-wide .green-number-text p.number {
        font-size:30px;
    }
    #help-box.chat-layer-wide .number-text {
        padding:0 0 0 20px;
    }
    #help-box.chat-layer-wide .number-text p, #homepage #help-box.chat-layer-wide .number-text p {
        margin-right:12px;
    }
    #help-box.chat-layer-wide .number-text p.number, #homepage #help-box.chat-layer-wide .number-text p.number {
        font-size:30px;
    }
    #help-box.chat-layer-wide .chat-text {
        padding:0 0 0 100px;
    }
    #help-box.chat-layer-wide .chat-text p, #homepage #help-box.chat-layer-wide .chat-text p {
        margin-right:0px;
    }
    #help-box.chat-layer-wide > div .chat-text .btn {
        padding:0 10px;
    }
}

@media (max-width:1199px) and (min-width:768px) {
	.left-button-sm-md a {
        float:left !important;
    }
    .right-button-sm-md a {
        float:right !important;
    }
    .center-button-sm-md {
        text-align:center !important;
    }
    .center-button-sm-md a{
        display:inline-block !important;
        float:none !important;
    }
}

@media (min-width:1200px) {
	.left-button-lg a {
        float:left !important;
    }
    .right-button-lg a {
        float:right !important;
    }
    .center-button-lg {
        text-align:center !important;
    }
    .center-button-lg p{
    	text-align:initial !important;
    }
    .center-button-lg a{
        display:inline-block !important;
        float:none !important;
    }
}

/* COMPACT VERSION ------------------------------------------------------------------------------------------------------ */

#homepage #help-box p {
    margin-bottom:0;
}

#help-box.chat-layer-compact {
    position:fixed; bottom:0; top:inherit; right:70px;
    display:block;
    width:300px; height:196px;
    padding:0; margin:0;
    background-color:transparent;
    transition:height 0.4s ease-out;
}
#help-box.chat-layer-compact > div {
    position:relative;
    width:300px;
    margin:0; padding:0;
    -webkit-box-shadow:none; box-shadow:none;
    z-index:2;
}
#help-box.chat-layer-compact.closed {
    height:56px;
    transition:height 0.3s ease-out;
}
#help-box.chat-layer-compact.last-step-new {
    height:352px;
}
#help-box.chat-layer-compact.last-step-client {
    height:356px;
}
#help-box.chat-layer-compact .chat-layer-btn {
    position:relative;
    display:block; 
    width:100%; height:40px;
    padding:0 25px 0 85px; margin-top:16px;
    border:1px solid #FF8900; border-radius:6px 6px 0 0;
    background-color:#FFFFFF;
}
#help-box.chat-layer-compact .chat-layer-btn img {
    position:absolute; 
    left:10px; 
    bottom: -1px;
    height: auto;
    width: 60px;
}
#help-box.chat-layer-compact .chat-layer-btn p {
    display:block; 
    padding:0;
    color:#FF8900; 
    line-height:40px;
    font-weight: bold;
    font-size: 18px;
}
#help-box.chat-layer-compact .chat-layer-btn i {
    position:absolute; top:12px; right:12px;
    width:15px; height:15px;
    padding:0;
    color:#FFC580;
}
#help-box.chat-layer-compact .chat-layer-btn:hover i {
    color:#FF8900;
}
#help-box.chat-layer-compact .chat-layer-btn i:before {
    display:block; 
    font-size:15px; line-height:15px;
}
#help-box.chat-layer-compact.closed .chat-layer-btn {
    background-color:#FF8900;
}
#help-box.chat-layer-compact.closed .chat-layer-btn p, #help-box.chat-layer-compact.closed .chat-layer-btn:hover i {
    color:#FFFFFF;
}
#help-box.chat-layer-compact.closed .chat-layer-btn .chat-layer-open, #help-box.chat-layer-compact .chat-layer-btn .chat-layer-close {
    display:none;
}
#help-box.chat-layer-compact.closed .chat-layer-btn .chat-layer-close, #help-box.chat-layer-compact .chat-layer-btn .chat-layer-open {
    display:block;
}

#help-box.chat-layer-compact .chat-layer-wrapper {
    display:block; 
    width:300px; height:auto;
    padding:0; 
    border:1px solid #FF8900; border-top:0 none;
    background-color:#FFFFFF;
    overflow:hidden;
    -webkit-box-shadow:none; box-shadow:none;
}
#help-box.chat-layer-compact.closed .chat-layer-wrapper {
    /*display:none;
    height:0;*/
    border-bottom:0 none;
}

/* STEP 1 */
#help-box.chat-layer-compact .chat-layer-step-1 {
    display:block;
    height:auto; width:100%;
    padding:25px 10px 20px 10px;
    overflow:hidden; 
}
#help-box.chat-layer-compact.closed .chat-layer-step-1 {
   /* display:none;
    height:0;
    padding:0;*/
}
#help-box.chat-layer-compact .chat-layer-step-1.closed {
    display:none;
    height:0;
    padding:0;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn {
    display:block; 
    height:42px; width:100%;
    padding:0 12px;
    background-color:#FF8A00;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn:hover {
    background-color:#FFB966;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn span {
    display:inline-block; float:none;
    width:100%;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn i {
    display:inline-block; 
    width:24px;
    margin-right:15px; padding-right:0;
    line-height:42px; font-size:22px; color:#FFCD91;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn p {
    width:auto;
    padding:0;
    line-height:42px; font-size:14px; color:#FFFFFF;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn i, #help-box.chat-layer-compact .chat-layer-step-1 .btn p {
    display:inline-block; 
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn:hover i {
    color:#FFFFFF;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn.chat-layer-new {
    margin-bottom:10px;
}

/* STEP 2 */
#help-box.chat-layer-compact .chat-layer-step-2.open {
    display:inline-block; 
    width:100%; height:auto;
    padding:18px 10px 20px 10px;
    overflow:hidden; 
}
#help-box.chat-layer-compact .chat-layer-step-2 {
    /*display:none;
    height:0;
    padding:0;*/
}
#help-box.chat-layer-compact .green-number-text a {
    padding:0!important;
}
#help-box.chat-layer-compact > div > div > div > div.call-text, #help-box.chat-layer-compact > div > div > div > div.call-text:first-child, #help-box.chat-layer-compact > div > div > div > div.call-text:last-child,
#help-box.chat-layer-compact > div > div > div > div.green-number-text, #help-box.chat-layer-compact > div > div > div > div.green-number-text:first-child, #help-box.chat-layer-compact > div > div > div > div.green-number-text:last-child,
#help-box.chat-layer-compact > div > div > div > div.number-text, #help-box.chat-layer-compact > div > div > div > div.number-text:first-child, #help-box.chat-layer-compact > div > div > div > div.number-text:last-child,
#help-box.chat-layer-compact > div > div > div > div.chat-text, #help-box.chat-layer-compact > div > div > div > div.chat-text:first-child, #help-box.chat-layer-compact > div > div > div > div.chat-text:last-child {
    display:inline-block;
    padding:0; margin:0;
}
#help-box.chat-layer-compact > div > div > div > div.call-text, #help-box.chat-layer-compact > div > div > div > div.call-text:first-child, #help-box.chat-layer-compact > div > div > div > div.call-text:last-child {
    margin-bottom:12px;
    margin-top: -10px;
}
#help-box.chat-layer-compact > div > div > div > div.green-number-text, #help-box.chat-layer-compact > div > div > div > div.green-number-text:first-child, #help-box.chat-layer-compact > div > div > div > div.green-number-text:last-child,
#help-box.chat-layer-compact > div > div > div > div.number-text, #help-box.chat-layer-compact > div > div > div > div.number-text:first-child, #help-box.chat-layer-compact > div > div > div > div.number-text:last-child {
    padding-bottom:8px; margin-bottom:14px;
    border-bottom:1px solid #ECECED;
}

.chat-layer-compact .separator-field {
    padding-bottom:8px !important; margin-bottom:14px;
    border-bottom:1px solid #ECECED;	
}
#help-box.chat-layer-compact > div .call-text .btn {
    display:inline-block;
    /*height:42px;*/ width:100%;
    padding:0 12px; margin-top:5px;
    text-align:center;
    background-color:#FF8A00;
}
#help-box.chat-layer-compact > div .call-text .btn:hover {
    background-color:#FFB966;
}
#help-box.chat-layer-compact > div .call-text .btn span {
    display:inline-block;
    width:auto;
}
#help-box.chat-layer-compact .call-text .btn i {
    display:inline-block;
    width:24px;
    margin-right:10px; padding:0;
    line-height:42px; font-size:22px; color:#FFCD91;
}
#help-box.chat-layer-compact .call-text .btn p {
	display:inline-block;
    width:auto;
    line-height:42px; font-size:17px; color:#FFFFFF;
    font-weight: bold;
}
#help-box.chat-layer-compact .call-text .btn:hover i {
    color:#FFFFFF;
}
#help-box.chat-layer-compact .green-number-text p, #homepage #help-box.chat-layer-compact .green-number-text p {
    display:inline-block;
    width:100%;
    margin:0; padding:0;
    line-height:0.8; text-align:center; color:#3FB15B; font-size: 14px;
}

#help-box.chat-layer-compact .number-text p.number, #homepage #help-box.chat-layer-compact .number-text p.number {
    display:inline-block;
    width:100%;
    margin:0; padding:0;
    line-height:0.8; text-align:center; color:#656b73; font-size: 14px;
}

#help-box.chat-layer-compact .green-number-text p.number, #homepage #help-box.chat-layer-compact .green-number-text p.number, #help-box.chat-layer-compact .number-text p.number, #homepage #help-box.chat-layer-compact .number-text p.number {
    width:100%;
    margin-right:0; padding:0;
    font-size:30px; /*line-height:32px;*/ font-family:'NeoSansPro-Bold'; text-align:center;
}
#help-box.chat-layer-compact .green-number-text a:hover p.number {
    color:#2E9930;
}
#help-box.chat-layer-compact .chat-text p, #help-box.chat-layer-compact .call-text p, #help-box.chat-layer-compact .number-text p{
    display:inline-block;
    width:100%;
    margin:0; padding:0;
    font-size:14px; 
    /*line-height:16px;*/ 
    text-align:center; 
    color:#878991;
}
#homepage #help-box.chat-layer-compact btn .chat-text p {
	font-weight: bold;
	font-size: 17px;
}
#help-box.chat-layer-compact > div .chat-text .btn {
    display:inline-block;
    /*height:42px;*/ width:100%;
    padding:0 12px; margin-top:5px;
    text-align:center;
    background-color:#E5E5E5;
}
#help-box.chat-layer-compact > div .chat-text .btn:hover {
    background-color:#D9D9D9;
}
#help-box.chat-layer-compact > div .chat-text .btn span {
    display:inline-block;
    width:auto;
}
#help-box.chat-layer-compact .chat-text .btn i {
    display:inline-block;
    width:24px;
    margin-right:10px; padding:0;
    line-height:42px; font-size:22px; color:#FF8A00;
}
#help-box.chat-layer-compact .chat-text .btn p {
	display:inline-block;
    width:auto;
    line-height:42px;
    font-size:17px;
    color:#656B73;
}


#help-box p{
  font-family: Halcyon-SemiBold, sans-serif;
	color: white;
}

#help-box .im-user-o, #help-box .fa-user {
	float: left;
}

#help-box.chat-layer-compact > div > div > div > div.chat-text {
    padding-bottom: 8px;
    margin-bottom: 14px;
	border-bottom: 1px solid #ECECED;
	margin-top: -11px;
}

#help-box .back-step-choose p {
	display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 11px;
    /* line-height: 16px; */
    text-align: center;
    color: #878991;
}


.mr-20 {
	margin-right: 20px;
}

.mr-40 {
	margin-right: 40px;
}
#green-number-box {
	text-align: center;
}
#green-number-box div {
	z-index: 100;
    position: relative;
    top: -10px;
	border: 2px solid white;
    padding: 10px;
    border-radius:30px;
    display: inline-block;
	background-color: #3FB25B;
	float: none;
}
#green-number-box a {
	float:left;
	width: 100%;
}
#green-number-box img {
	width: 80px;
    position: absolute;
    bottom: -12px;
    left: -6px;
}
#green-number-box p {
	color: #ffffff;
	margin: 0px;
	padding: 0px 20px;
}
#green-number-box span.number {
	font-size: 36px;
    font-family: 'NeoSansPro-Bold';
    padding-left: 65px;
    float: left;
}
#green-number-box span.text {
	font-size: 18px;
    float: right;
    line-height: 35px;
}
#green-number-box strong {
	font-family: 'NeoSansPro-Bold';
}
@media (min-width: 768px) {
	.green-number-container{min-width: 680px;}
}
.home-slide {
	display:none;
}
.slick-slide .home-slide, .home-slide:first-child {
	display:block;
}
.home-slider-wrapper.slick-dotted.slick-slider {
	margin-bottom: 0px;
}
.home-slider-wrapper .slick-dots {
	margin-top: -50px;
    bottom: auto;
}
.home-slider-wrapper .slick-dots li button {
	background-color: #019cd7;
    border: none;
    border-radius: 50%;	
    width: 10px;
    height: 10px;
    box-shadow: 0px 2px 3px 0px rgba(25, 25, 85, 0.7);
}
.home-slider-wrapper .slick-dots li.slick-active button {
	background-color: #ffffff;
    border: 2px solid #019cd7;
    border-radius: 50%;	
}
.home-slider-wrapper .slick-dots li button:before {
	font-size: 0px;
}
.home-slide img {visibility: hidden;}
.home-slide .col-img {float:right;}
.home-slide .title-text-btn h2 {font-size: 24px;}
.home-slide .title-text-btn p {font-size: 16px;}
.home-slide .title-text-btn  {padding-left: 30px;}
.home-slide.bkg-darkblue .slide-title, .home-slide.bkg-darkblue .slide-subtitle {
	color: #FFFFFF;
}
.home-slide.bkg-lightblue .slide-title, .home-slide.bkg-lightblue .slide-subtitle {
	color: #FFFFFF;
}
.home-slide.bkg-blue .slide-title, .home-slide.bkg-blue .slide-subtitle {
	color: #FFFFFF;
}
.home-slide.bkg-white .slide-title {
	color: #01aef0;
}
.home-slide.bkg-white .slide-subtitle {
	color: #193855;
}
.home-slider-wrapper .slick-arrow {
	opacity: 0;
}
.home-slider-wrapper .slick-next {
	width: 25px;
	height: 40px;
	right: 60px;
	z-index: 100;
	text-shadow: 2px 2px 2px rgba(25, 25, 85, 0.7);
}
.home-slider-wrapper .slick-prev {
	width: 25px;
	height: 40px;
	left: 60px;
	z-index: 100;
	text-shadow: 2px 2px 2px rgba(25, 25, 85, 0.7);
}
.home-slider-wrapper .slick-next:before, .home-slider-wrapper .slick-prev:before {
	content: none;
}
.home-slider-wrapper .slick-next:after {
	content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 40px;
    color: #66CBFF;
    top: 50%;
    left: 0;
    pointer-events: none;
}
.home-slider-wrapper .slick-prev:after {
	content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 40px;
    color: #66CBFF;
    top: 50%;
    right:0;
    pointer-events: none;
}
.home-slider-wrapper .slick-prev:hover, .home-slider-wrapper .slick-next:hover {
    background: none;
    cursor:  pointer;
}
@media (max-width: 991px) {
	.home-slide img {visibility: visible;}
	.home-slide .col-img {float:none;}
	.home-slide {
		padding-bottom: 80px;
	}
	.home-slider-wrapper .slick-dots {
		margin-top: -85px;
	    bottom: auto;
	}
	#green-number-box {
	    margin-top: -30px;
	}
}
@media (max-width: 767px) {
	.home-slider-wrapper {
		text-align: center;
	}
	.home-slide .title-text-btn {
   	 padding-left: 0px;
	}
	.home-slide .with-link {
		margin-bottom: 20px; 
	}
	.teaser-slider-item .teaser-text .price {
		position: inherit;
	}
	.teaser-slider-item .teaser-text .btn {
   	    position: relative;
    	font-size: 12px;
    	top: 45px;
	}
	.teaser-slider-item .teaser-text {
    	text-align: center;
	}
}
@media (max-width: 767px) {
	#green-number-box div {
		 border-radius:60px;
		 padding: 0px;
		 border: none;
	}
	#green-number-box a {
		padding: 0px;
    	border: 2px solid #ffffff;
    	border-radius: 75px;
	}
	#green-number-box p {
		line-height: 1em;
		text-align: left;
		padding-left: 85px;
	}
	#green-number-box span.text {
    	float: none;
    	font-size: 18px;
	}
	#green-number-box span.number {
	    float: none;
	    padding-left: 0px;
	    font-size: 22px;
	}
	#green-number-box img {
	    width: 104px;
    	position: absolute;
   		bottom: -5px;
    	left: -6px;
	}
	#green-number-box {
	    margin-top: -40px;
	}
}
@media (max-width: 480px) {
	#green-number-box p {
	    line-height: 1em;
	    text-align: left;
	    padding-left: 75px;
	}
	#green-number-box span.text {
	    line-height: 30px;
	    font-size: 15px;
	}
	#green-number-box span.number {
    	font-size: 20px;
	}	
}
@media (max-width: 320px) {
	#green-number-box p {
	    padding-left: 90px;
	}
}
@media (min-width: 992px) {
	.home-slide .col-sm-5 {width: 47%;}
	.home-slide .col-sm-7 {width: 53%;}
	.home-slide .title-text-btn h2 {font-size: 36px;}
	.home-slide .title-text-btn p {font-size: 24px;}
	.home-slide .title-text-btn  {padding-top: 30px;}
}
@media (min-width: 1199px) {
	.home-slide .title-text-btn {width: 510px; float: right;}
	.home-slide .title-text-btn h2 {font-size: 48px;}
	.home-slide .title-text-btn  {padding-top: 70px;}
	/*.home-slide .title-text-btn  {padding-left: 0px;}*/
	.home-slider-wrapper:hover .slick-arrow {
	  	opacity: 1;
	  	-webkit-transition: opacity 400ms linear;
	  	transition: opacity 400ms linear;
	}
}
@media (min-width: 1450px) {
	.home-slide .title-text-btn  {padding-left: 0px;}
}
.container-desktop {
	display:none;
}
.container-mobile {
	display:none;
}
.container-mobile .componentTextImage {
	text-align:center;
}
@media (min-width: 768px) {
	.container-desktop {
		display:block;
		margin-top: 35px;
	}
}
@media (max-width: 767px) {
	.container-mobile {
		display:block;
	}
	.general-wrapper h2 {
		text-align: center;
	}
}
.footer-line-1 {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 20px;
    margin-bottom: 20px;
}
.footer-line-2 {
	width: 50%;
}
.social-footer {
}
.social-footer span {
    color: #193755;
    text-align: right;
    width: 40%;
    float: left;
    font-size: 16px;
    line-height: 50px;
}
.social-footer ul {
    float: right;
    width: 60%;
}
.social-footer li {
    display: inline-block;
    width: 16%;
}
.social-footer li a {
    display:block; float:left;
    width:40px; height:40px; border:none !important;
    text-decoration:none; background:none; line-height:40px; font-size:40px; 
}
.social-footer li a:hover {
    background:none !important;
}
.social-footer li a i {
    display:block; float:left;
    width:40px; height:40px;
    font-size: 28px; line-height: 40px;
    color: #193755 !important;
}
.social-footer li a:hover i {
	color:#01aef0 !important;
}
@media (max-width: 768px) {
	.social-footer span {
		float: none;
	}
	.social-footer li {
	    width: 20% !important;
	}
}
@media (max-width: 1023px) {
	.copyright-footer {
		width: 100%;
    	text-align: center;
    	float: left;
	}
	.logo-footer {
		width: 100%;
    	text-align: center;
    	float: left;
	}
	.logo-footer img {
    	float: none;
    	max-width: 120px;
	}
	.social-footer {
		width: 100%;
    	text-align: center;
	}
	.social-footer ul {
		float: none;
		width: 100%;
		margin-top: 15px;
	}
	.social-footer li a {
		padding: 0px !important;
	}
	.social-footer li {
		float: left;
		width: 10%;
	}
	.social-footer span {
		font-size: 20px;
	}
	.footer-line-1 {
		border-bottom: none;
	}
	.footer-line-2 {
		width: 100%;
	}
	.nav-footer a {
		font-size: 20px !important;
	}
}

.detail-additional-info {
	font-size: 10px !important;
    margin-top: -5px;
}

/*home slide*/
@media (max-width: 767px) {
	.home-slider-wrapper {
		margin-top: 20px;
	}
	.home-slide .title-text-btn p {
		margin: 0 0 10px !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.home-slide .title-text-btn {
		padding-left: 0;
		text-align: center;
		padding-bottom: 20px;
	}
	.home-slide .title-text-btn h2 {
		font-size: 30px;
	}
	.home-slide .title-text-btn p {
		font-size: 16px;
		width: 70%;
		display: inline-block;
		margin: 0 15% 10px !important;
	}
}
@media (min-width: 992px) and (max-width:1365px) {
	.home-slide .title-text-btn p {
		font-size: 16px !important;
		line-height: 24px !important;
	}
}
@media (min-width: 992px) {
	.home-slide .title-text-btn.abs {
		padding-top: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		min-width: 420px;
		padding-bottom: 20px;
	}
	.home-slide .title-text-btn h2 {
		font-size: 36px;
	}
}	
@media (min-width: 1280px) {
	.home-slide .title-text-btn {
		/*1280*/
		min-width: 100% !important;
		left: 15%;
	}
	.home-slide .title-text-btn h2 {
		font-size: 40px;
	}
}		
@media (min-width: 1366px) {
	.home-slide .title-text-btn {	
		/*1281*/
		left: 15%;
	}
}		
@media (min-width: 1440px) {
	.home-slide .title-text-btn {	
		/*1440*/
		left: 20%;
		padding-left: 0;
		min-width: 90% !important;
	}
	.home-slide .title-text-btn h2 {
		font-size: 48px;
	}
}	
@media (max-width: 991px) {
	.home-slide .title-text-btn {
		padding-top: 20px;
	}
	.bck-image-teaser, .col-payoff {
		height: auto !important;
	}
}

.subdescription-menu {
	margin: 0px !important;
	padding: 0px !important;
    font-weight: bold;
    line-height: 14px !important;
    font-size: 13px;
}

.attention {
    border: 1px solid #0d2bff !important;
}

.error-border {
    border: 1px solid red !important;
}

.tick{
	
	right: 0;
	margin-top: 1%;
	position: absolute;
	color: #3fb25b;
	
}

.error-label {
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 13px;
	font-family: Halcyon-Bold;
	color: #D40402 !important;
	letter-spacing: 0;
	transform: translateY(-75%);
}

.fatturazione-error-label{
	display: block;
	float: left;
	width: 100%;
	margin-top: -7%;
	font-size: 13px;
	line-height: 13px;
	font-family: Halcyon-Bold;
	color: #D40402 !important;
	letter-spacing: 0;
}

.green-border-color{
	border-color: #3fb25b !important;
}
.grey-border-color{
	border-color: #D6D6D6 !important;
}
.red-border-color{
		border-color: #D40402 !important;
}
#reserveNetworkTable tbody tr td {
	vertical-align: middle;
}

#geo-testo-mobile{
		display: none;
	}
	
#geo-testo-desktop{
		display: block;
	}

@media ( max-width : 774px) {
	#geo-header h1 {
		font-size: 1.4rem;
	}
	#geo-testo-mobile{
		display: block;
	}
	
	#geo-testo-desktop{
		display: none;
	}
}

.geo-button div button{
  background-color: orange;
  padding: 10px 40px;
  margin-top: 0;
  clear:both;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.geo-button div button{
  background-color: #FF9800 !important;
}
ul.ui-widget-content{
	background-image:none;
}
#content-wrapper input.default-radio, .modal-funnel input.default-radio{
	-webkit-appearance: auto !important;
	-moz-appearance: auto !important;
	appearance: auto !important;
	width: 24px;
	height: 44px;
}

input.default-radio[type='radio']:after {
	width: 25px;
	height: 25px;
	border-radius: 15px;
	top: 8px;
	left: 0px;
	position: relative;
	content: '';
	background-color: #FFFFFF;
	display: inline-block;
	visibility: visible;
	border: 2px solid white;
	box-shadow: 0 0 0 1px gray;
}

input.default-radio[type='radio']:checked:after {
	width: 25px;
	height: 25px;
	border-radius: 15px;
	top: 8px;
	left: 0px;
	position: relative;
	background-color: #000000;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid white;
	box-shadow: 0 0 0 1px gray;
}


#content-wrapper label.forceFWA {
	font-size: 20px;
	line-height: 22px;
}
#content-wrapper label.forceFWA span{
	font-size: 16px;
	font-weight: 400;
}
.forceFWAAllTechnology-pt-2{
	padding-top: 0.5rem !important;
}
.copertura-eolo-form input[type=text]{
	padding: 16px 15px 14px 15px;
	height: 50px;
	border-radius: 5px;
	font-size: 20px;
	background-color: white;
}
.copertura-eolo-form button{
	width: 25%;
	margin-top: 20px;
	background-color: #FF8A00 !important;
	padding: 15px 26px 17px 26px;
	font-size: 18px;
	margin-right: -15px;
}

.copertura-eolo-form .dk-select{
	height: 55px;
}
.copertura-eolo-form .dk-selected{
	height: 100%;
	font-size: 20px;
	padding: 8px 10px;
	border-radius: 5px;
}

.copertura-eolo-form .dk-selected:before{
	content: "";
	right: 15px;
	margin: 0;
	border: 0 none;
	color: #FF8A00;
	font-family: 'icomoon-eolo';
	transform: translateY(-50%);
}
.copertura-eolo-form .dk-option{
	padding: 0 0.5em;
	padding: 13px 10px 8px 10px;
	border-bottom: 1px solid #F7F7F7;
	font-size: 16px;
	line-height: 16px
}
.copertura-eolo-form .dk-option.dk-option-selected,
.copertura-eolo-form .dk-option.dk-option-highlight{
	color: #333333;
	background-color: rgba(255, 138, 0, 0.15);
}
.copertura-eolo-form .form-step-content .row{
	padding-top: 40px;
	background: white;
}
.bg-gray-wrapper{
	position: relative;
	width: 100%;
	background-color: #F7F7F7;
	background-position: left 0;
	background-repeat: no-repeat;
	background-image: url(../img/eolo-graphic.png);
}
.white-row{
	padding-top: 25px;
	background: white;
	border-radius: 5px 5px;
}

.offer-transparency-container * {
	color: #193755 !important;
}

.offer-transparency-container.offer-transparency-container-max-w {
	/*max-width: 260px;*/
}

.offer-transparency-container a {
	text-decoration: underline;
}

.offer-transparency-container p {
	font-size: 9px !important;
	font-family: Halcyon-Medium, sans-serif !important;
	line-height: 1 !important;
	margin-top: 8px !important;
}

.offer-transparency-container.all-white-text * {
	color: white !important;
}


.offer-index-tooltip {
	background-color: transparent;
}

.offer-index-tooltip, .offer-index-tooltip .tooltip-inner {
	max-width: 450px;
	border: 0;
}

.offer-index-tooltip .tooltip-inner {
	background-color: #193755;
	border-radius: calc(0.3rem - 1px) calc(0.3rem - 1px) .3rem .3rem;
	padding: 12px 12px 8px 12px;
}

.offer-index-tooltip .arrow::before {
	border-top-color: rgb(61, 61, 61);
	border-bottom-color: rgb(61, 61, 61);
}

.offer-index-tooltip .tooltip-inner p {
	color: white;
	text-align: justify;
	font-size: 14px;
	line-height: 1.6em;
	padding: 0;
}

.acc-rete-statica {
  background-image: url("../img/fwaftth/icon-outline-accessori-e-opzioni-rete-statica-1-ip.svg");
  width: 45px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 45px;
}
.acc-eolo-router-evo {
  background-image: url("../img/fwaftth/icon-outline-eolo-router-evo.svg");
  width: 45px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 45px;
}

.acc-linee-telefoniche {
  background-image: url("../img/fwaftth/icon-outline-linee-telefoniche.svg");
  width: 45px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 45px;
}

.acc-ultra-speed {
  background-image: url("../img/fwaftth/icon-outline-velocit-banda.svg");
  width: 45px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 45px;
}