/*! 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;
}
	
/* ==========================================================================
   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 0 0;
	
	_display: none;
	
}

body.ar #bar-utilities {
	_display: block;
}
#bar-utilities a{
	float:left;
	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%;
	border-top:1px solid #FFFFFF;
}
#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;
}
.logo-footer i{
	vertical-align:baseline;
	margin-left:10px;
}
.logo-footer-italy img{
	padding:0 0 0 15px;
}
.logo-footer-italy img:first-child{
	padding:0 15px 0 0;
}
.logo-footer, .logo-footer-italy{
	text-align:center; white-space:nowrap;
	padding:5px 0;
}
.logo-footer i.im-logo-ngi{
	vertical-align: bottom;
}
.copyright-footer{
	text-align:center; white-space:nowrap;
	padding:15px 0;
}
.copyright-footer p{
	margin:0; padding:15px 0;
}
.nav-footer{
	padding: 12px 0px;
}
	/* ============= 
	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;
}


/* ============= 
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;
}
/* 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"] {
	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;
	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:-3px 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;
}
/* 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;
}

/* 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: 350px;
    width: 350px; 
}
.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 0;
}
.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;
}
.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%;
	}	

/* ============= 
17. Help box
================ */
#help-box{
	width:275px;
	position:fixed; top:50%; right:-30px; z-index:10; display:none;
	padding:0 20px; margin-top:-145px;
}
#help-box.small-box{
	width:110px;
	margin-top:-33px;
}
#help-box > img{
	width:130px;
	position:relative; float:right;
	margin-right:45px;
}
#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: /* 192px; */ 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: 186px;
}

/* =============
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;
		border-top:1px solid #FFFFFF; padding-top:0; margin-top:25px;
		width:100%;
		text-align:center;
	}
	#main-footer a{
		float:none; display:inline-block; zoom:1;
		border:0; padding:0 2%; margin:10px 0 0 0;
		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:28px; line-height:40px;
		margin:0 15px 0 0; padding:0;
	}
	#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;
	}	
	
	/* ============= 
	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:80px;
	}
	.conditional-radio .row div {
		height:80px;
		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 30px 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 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 */
	
#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;
		text-align:right;
	}
	#main-footer a{
		float:none; display:inline-block; zoom:1;
		border:0; padding:0 2%; margin:10px 0 0 0;
		width:auto;
		
		-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 100px;
		max-width:570px; max-height:470px;
	}
	.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, #delete-cart .general-wrapper {
		-webkit-box-shadow:0 5px 35px -5px #000;
				box-shadow:0 5px 35px -5px #000;
	}

	/* ============= 
	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;
	}
	
	
	/* ============= 
	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;
	}
}

@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-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-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-bottom-0{
	padding-bottom:0px!important;
}
.padding-left-10{
	padding-left:10px!important;
}
.padding-right-0{
	padding-right:0px!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{
	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;}
}

/* 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 BOX CHANGES 19.08.2015 **/
#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;
}

@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 .chat-privacy-toggler {
	font-size: 14px;
}
#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.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;
}