/*! 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:-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;
}
#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;
}
.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;
}
.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; height:42px;
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: NeoSansPro-Medium, arial, 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;
}