html{overflow-x: hidden !important;}
body{font-family:'Ubuntu', sans-serif;background:#eef1f4;color: #3f444a; overflow-x: hidden;font-weight: 300; font-size: 15px;line-height: 1.7;}

h1, h2, h3, h4, h5, h6, .navbar-nav>li>a, figcaption{font-family: 'Libre Baskerville', serif;  margin:10px 0 15px 0;font-weight:700; line-height: 1.4;}
h2{font-size: 22px;}
h3.spip{margin-top:25px; margin-bottom:10px;font-size:19px;}
p, li{color:#5c6873;}
.tag, time, .price{color:#32c5d2;font-size:13px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .navbar-nav>li>a{color: #3f444a!important;}
a:hover, a:focus, a:visited, a:active{opacity: 0.8; transition: all .5s;text-decoration: none;}

.top-page i{position:fixed; bottom:10px; right:10px;background:#5c6873;height:40px; width:40px; text-align:center;color:#fff;padding-top: 13px; z-index:5; border-radius: 50%;}
.top-page:hover{z-index:5; opacity: 1;}
.inline-block{display:inline-block;}
.nascondi{display:none;}

.spip_documents{display:block; margin:25px;}
.spip_documents img{ height:auto; width: 100%; }
.spip_documents_center{text-align:center;}
.articolo iframe{width:100%;}

table.spip td{border:1px solid #eee;padding:15px;}
table.spip td .spip_documents {margin:0px;}
table.spip td .spip_documents img{min-height:auto;}

/*BUTTON RULES*/
.button-xs{display:inline-block;padding:3px 8px;background:#eef1f4; border-radius:3px;color:#3f444a; font-weight:bold;text-transform:uppercase;font-size:12px;margin:10px 0;}
.button-xs:hover{color:#fff;background:#32c5d2;}

.navbar-brand{width:50%;}
.logo-xs{margin-top:-35px; width:100px;}

.amazonBox .price{display: block;float: none;width: 100%;text-align: left;}

@media (max-width:992px){
.navbar-toggle .icon-bar{background:#3f444a;transition: all 0.2s;}
.navbar-toggle {display: inline-block;top:-3px;right:0;height: 44px;width: 44px;z-index: 5;}
.navbar-toggle.close-nav{z-index: 1000;}

.cd-primary-nav {left: 0;top: 0;height: 100%;width: 100%;padding: 80px 5%;z-index: 999;visibility: hidden;opacity: 0;-webkit-transition: visibility 0s, opacity 0.3s;-moz-transition: visibility 0s, opacity 0.3s;transition: visibility 0s, opacity 0.3s;padding-top:20%;position: fixed;}
.nav{margin: 0;}
.cd-primary-nav .nav>li>a{text-align: center;font-size:15px;padding:15px;opacity:0.3;color:#fff !important;z-index: 999;}
.cd-primary-nav.fade-in {visibility: visible;opacity: 1;display:block;text-transform: uppercase; margin: 0;}

.cd-overlay-nav, .cd-overlay-content {
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {z-index: 2;}
.cd-overlay-nav span {background-color: #5c6873;}
.cd-overlay-content {z-index: 4;}
.cd-overlay-content span {background-color: #fff;}

.navbar-toggle.collapsed .top-bar, .navbar-toggle.collapsed .top-bar{-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0); transform: rotate(0);}
.navbar-toggle.collapsed .middle-bar {opacity: 1;}
.navbar-toggle.close-nav .top-bar {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%; -moz-transform-origin: 10% 10%;  -ms-transform-origin: 10% 10%;  -o-transform-origin: 10% 10%;  transform-origin: 10% 10%; background: #fff;}
.navbar-toggle.close-nav .middle-bar {opacity: 0;}
.navbar-toggle.close-nav .bottom-bar {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);
-webkit-transform-origin: 10% 90%; -moz-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; -o-transform-origin: 10% 90%; transform-origin: 10% 90%; background: #fff;}
}

.breadcrumb-article{padding:0;}
.breadcrumb-wrap{position:relative;overflow:hidden;display:inline-block; padding:20px 30px 0;margin:50px 0 15px; border-top:1px solid #5c6873; font-size: 13px;}
.breadcrumb-wrap:before{content:""; width:20px; height:20px; border:1px solid #5c6873;position:absolute;top:-10px; left:50%;border-radius:50%;margin-left:-10px;}
.breadcrumb-item{list-style-type:none; display:inline-block;}
.breadcrumb-item a{margin:5px;color:#3f444a;}
.active-item{color:#999;}

/*pagination*/
.pagination .lien_pagination, .on{border-radius:50%!important;color:#32c5d2!important; border:0;height: 40px; width:40px;transition: all 1s; background:#fff;margin:5px;}
.pagination{width:100%;padding-top:25px;text-align:center;}
.on{background:#32c5d2; font-weight:600;}
.on, .pagination .lien_pagination:hover{transition: all .3s;background:#32c5d2;color:#fff!important;}
.pagination .lien_pagination:hover{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5); font-weight:600;}
.pagination .lien_pagination, .on{padding:10px;display:inline-block;}
.sep{display:none;}

/*cerca*/
#cse-search-results iframe{width:100%}
#search-wrap{margin:20px 0 0 0;}
.form-group {margin:0;}
.search-input, .search-submit {border:0;height:50px;transition: all .2s;}
.search-input{width:75%;float:left;border-radius:0 !important;box-shadow:0px 0px 5px transparent;}
.form-control:focus:focus{border:#32c5d2; box-shadow:0px 0px 5px transparent;color:#32c5d2; font-weight:700;}
.search-submit{width:20%}
.search-submit:hover{background:none;color:#32c5d2; transition: all .2s;}

.container{padding-left: 5px; padding-right: 5px;}
.title-news-small{font-size:18px;}

.box-news{background:#fff;overflow-x:hidden;margin-bottom:0px;border-top: 1px solid #eee;}
.box-content-wrap{position:relative; padding:15px;}
.box-content-wrap:before{content: " ";position: absolute;top: -10px;left: -1%;width: 103%;height: 30px;-webkit-transform: rotate(2deg); -moz-transform: rotate(2deg);-ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg);background: #fff;}
.tag{font-weight:700;}
.info-content-wrap{border-top:1px solid #5c6873; padding-top:15px;margin-top:30px;overflow:hidden;}
.small-news time{margin-left:5px;}
.small-news{border-left:none; ;padding-bottom:5px;position: static;}
.small-news:before{display: none;}
.small-news:not(:last-child){border-bottom:1px solid #eee;}

/*social share*/
.btn-info, .btn-info.active, .btn-info:active, .btn-info:visited, .open>.dropdown-toggle.btn-info{border-radius:0;color: #fff;}
.btn-info, .btn-info:hover, .btn-info:focus{background:#32c5d2;border-color: transparent;}
.btn-group{float:right;}
.share-group .dropdown-menu>li, .share-group .dropdown-menu>li>a{display:inline; padding:4px;color:#ddd;}
.share-group .dropdown-menu>li>a:hover{background:none; color:#32c5d2;}
.share-group .dropdown-menu{border:none; box-shadow:none;display:inline;right:-100px; transition:all .4s; min-width: 100px;border-radius:0;margin:0;}
.share-group.open .dropdown-menu{display:block;z-index:100;position:absolute; top:0px;height:34px;left:0;background:#fff; transition:all .4s;}

/*box-sidebar*/
.box-category-wrap{width:47%;text-align:center;padding:25px 0;margin: 3px; background:#32c5d2;float: left;}
.sidebar a:first-child .box-category-wrap, .sidebar a:nth-child(4) .box-category-wrap{background:#5c6873;}
.box-category-wrap p{font-weight:700;margin-top:10px;margin-bottom:0;color: #fff;font-size: 13px;}
.box-category-wrap img{opacity:0.5;width: 70px;}

.title-sidebar{position:relative;margin-bottom: 10px;}
.title-sidebar:before{content:""; position:absolute;background:url(../images/icon-orologio.png)no-repeat;height:35px; width:17px;top:-8px;background-origin:border-box;left:-30px;}
.top-news-wrapper{padding:10px 0 25px;}
.top-news-wrapper:not(:last-child){border-bottom: 1px solid #eee;}
.top-news-wrapper figure{margin-bottom:20px;max-width: 300px;}
.top-news-wrapper .content-top-wrap{width:70%;padding-left:15px; border-left:1px solid;margin-bottom: 5px;}
.top-news-wrapper time{color:#5c6873;}
.price{float:left; width:25%;font-weight:700;padding-right: 10px; }
.title-orologio-sidebar{font-size:16px;}
.box-news-wrap figure{overflow-y:hidden; }
.box-notizie-grandi figure{height:200px;}
/*.articolo img{min-height:200px;object-fit: cover;}*/
.top-news-wrapper img{object-fit:cover; width:100%;}

ul{padding-left:18px; list-style-type: circle;}
.lista-categorie{color:#3f444a;padding:15px 0;}
.counter-articoli{background:#32c5d2; color:#fff; border-radius:50%; font-weight:700;height:25px; width:25px;text-align:center;margin-top:-5px;}

.sidebar-menu-recensioni{padding:15px 0 0;}
.sidebar-menu-recensioni .small-news-footer{padding-top:15px;border-bottom: 1px solid #eee; display: block;}
.sidebar-menu-recensioni .title-footer a{color:#5c6873 !important;}

/*brandbook*/
#marche{margin-left:15px; margin-right:15px;width: 96%; padding:30px;text-align:center;}
.title-brandbook{border-bottom:2px dotted #eee;padding-bottom:15px;}

/*complementary-nav*/
#complementary-nav .box-news{border-top: none;margin-top: 0;}
#complementary-nav figcaption{padding:20px 0 5px; margin:5px 20px 20px; text-align:center;border-bottom:2px dotted #eee;}
#complementary-nav img{-webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0%, transparent 20%, transparent 100%);
box-reflect: below 0px linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0%, transparent 20%, transparent 100%);}

footer{background:#3f444a; color:#fff;margin-top:25px;padding:25px;}
.title-footer a, .footer-menu li a , footer p, .footer-info p{color:#ddd!important;}
footer .col-xs-12{margin-bottom: 55px;}
.footer-menu.categorie li{color:#ddd;line-height: 1.9;}
footer h1{font-size:18px;}
.footer-info{padding:15px 15px 8px; background:#282c2f;text-align:center;}
.footer-info a{color:#32c5d2;}

/*rubrique*/
.heading{margin-bottom: 20px;}
.heading .title-rubrique{position:relative;font-size:22px; margin:20px 0 10px;display: inline-block;font-weight: 700;font-family: 'Libre Baskerville', serif; color: #3f444a;}
.heading .title-rubrique:before, .heading .title-rubrique:after {content:" • "; position:absolute; font-size: 70%;top:15%;}
.heading .title-rubrique:before{left:-20px;}
.heading .title-rubrique:after{right:-20px;}

.parola-chiave a{font-size:12px; background:#32c5d2; border-radius:3px; padding:2px 5px;display:inline-block;color:#fff;margin: 5px 2px;}

/*article*/
.news-correlate .title-news{margin:30px 30px 0px 30px;border-bottom:1px solid #eee;}
.news-correlate .title-news-small{font-size: 15px;}
.news-correlate figure{width:100px; margin-right:15px;float:left;}
.news-correlate time{margin-left:0;}
.news-correlate .content-wrapper{width:50%;}
.logo-pagina-articolo{width:100%;margin-top:-25%;}

.content-article-wrap a{color:#32c5d2; font-weight:500;}

/*tablet + piccoli*/
@media (min-width:480px){
    footer .col-xs-12{margin-bottom:5px;}
    .small-news{float:left; width:47%; border-bottom:0px!important; min-height: 200px;padding: 10px;}
    .brandbook-wrap li{width:23%;padding:10px;}
    .news-correlate .content-wrapper{width:45%;}
    .small-news figure{float:left;margin:10px 10px 10px 0;max-height: 100px; max-width: 100px; overflow-y: hidden;}
    .small-news img, .small-news-footer img{object-fit:cover;min-height: 100px;}
    .logo-footer{float:left;margin:0 20px 20px 0;}
}

@media (min-width:480px) and (max-width:767px){
    .cd-primary-nav{padding:3%;}
    .box-news-wrap .btn-group{float:none;margin-top:10px;width: 100%;}
}

@media (min-width:480px) and (max-width:992px){
    .top-news-wrapper.box-news-wrap{width:31%; padding:0; border-bottom:none;}
    .price{float:none;width:100%;}
    .top-news-wrapper .content-top-wrap{padding-left:0; border-left:0;width:100%;}
    .box-news-wrap, .small-news{width: 47%; margin:5px; float:left;padding:10px;}
    footer .box-news-wrap:first-child{width:100%;}
    .pagina-articolo, .news-correlate{width:100%;}
    .second-link-wrapper{width:50%;padding:5px;}
}

@media (min-width:768px){
    .heading .title-rubrique{font-size: 32px;}
    .price{text-align: right;}
    .brandbook-wrap li{height:115px;padding:10px; width: auto;}
    .pagina-articolo figure{ height:200px;}
}

/*ipad*/
@media (min-width: 768px) and (max-width:992px){
    .navbar-header, .navbar-nav>li, .navbar-nav{float:none!important;}
    .cd-primary-nav .nav>li>a{font-size: 22px;padding:55px;}
    .small-news figure{float:left; margin-top: 10px; margin-right: 15px;padding-bottom:15px;}
    .sidebar-menu-recensioni .small-news-footer{width:48%;}
    .box-content-wrap{min-height: 400px;}
}

/*md*/
@media (min-width:992px){
    .navbar>.container .navbar-brand{margin-left: -65px;background:#fff;height:130px;width:130px; border-radius:100%;position: absolute;left: 50%;text-align: center;}
    .navbar{margin:15px 0 50px;}
    .logo-illustrato{width:180%;margin-left:-40%;margin-top:-15px;position:ralative;}
    .logo{position:absolute; bottom:20px; left:0;}
    .nav{padding-left:0;width:45%;width: calc(50% - 130px);}
    .navbar-nav>li{width: 50%; text-align: center;}
    .navbar-nav>li a{font-size:14px;opacity:1;padding:20px;margin:0;position:relative;overflow-y:hidden;}
    .navbar-nav>li a:hover, .navbar-nav>li a:focus, .navbar-nav>li a:visited{background:transparent;}
    .navbar-nav>li a:before, .navbar-nav>li.active a:before{content:"";position:absolute; height:17px; width:35px; left:50%;margin-left:-18px; background:url('../images/icon-orologio-menu.png')no-repeat;opacity:0;transition:all .5s;top:-17px;}
    .navbar-nav>li a:hover:before, .navbar-nav>li.active a:before{opacity:1;transition:all .3s;top:0;}
    .navbar-collapse{background:#fff;padding:0; margin-top:40px;}
    
    .box-news{box-shadow:0px 0 10px #ccc;margin:5px 0 15px;}
    .box-content-wrap{padding:30px 30px 30px;}
    #complementary-nav{margin:30px 0;}
    .brandbook-wrap a img{margin:0 20px;opacity:.3;transition:all .5s;}
    .brandbook-wrap a:hover img{opacity:1;transition:all .1s;}
    .zoom-link-wrap{position:relative;}
    .second-link-wrapper figure .zoom-link-wrap .overlay{position:absolute; width:100%; height:100%;top:0; left:0;background:rgba(0,0,0,0.3);z-index:-1;padding:40% 44%;font-size:50px;color:rgba(255,255,255,0.8); opacity:0; transition: all .3s;}
    .second-link-wrapper figure:hover .zoom-link-wrap .overlay{z-index:3;opacity:1; }
    #complementary-nav a{opacity:1;}
    .pagination{margin:35px 15px;}
    
    .min-height-content{min-height:330px;}
    .sidebar a:hover .box-category-wrap{opacity:0.8;}
}

@media (min-width:992px) and (max-width:1200px){
    .navbar-nav>li a{padding:20px 10px;}
    .footer-menu{padding-right:30px;}
}