/*
Theme Name: System Adv
Theme URI: http://www.system24.com
Author: DubbleUp srl
Author URI: http://www.dubbleup.com/
Description: System Adv theme from DubbleUp srl
Version: 1.0
Text Domain: systemAdv
*/

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,900);

html { margin-top: 0!important; padding: 0; }

body { margin: 0; padding: 87px 0 0; padding-top:0;  font-family: 'Roboto Slab', serif;}

a { color: #000; font-family: 'Roboto Slab', serif; text-decoration: none;  font-weight: 400; -webkit-transition-property: all; -webkit-transition-duration: 0.3s;  transition-property: all; transition-duration: 0.3s;  }

img { border: 0; display: block; }
a, a img {outline : none;}
img { border: 0; outline: none; display: block; }

h1, h1>a, h2, h2>a, h3, h3>a  { font-family: 'Roboto', sans-serif; font-weight: 900; text-transform: uppercase; }

h1 { font-size: 38px; line-height: 42px; color: #fff; margin: 0 0; }
h2, h2>a { font-size: 24px; line-height: 30px; color: #000; padding-top:20px; margin-bottom: 10px; }
h3 {font-size: 18px; line-height: 18px; color: #000;   margin: 10px 0; padding: 10px 0px; border-top: 1px solid #000; border-bottom: 1px solid #bfbfbf; }
h4, h4>a {font-size: 14px; line-height: 18px; color: #000;   margin: 0; font-family: 'Roboto', sans-serif; font-weight: 900;  }
h5, h5>a {font-size: 16px; line-height: 18px; color: #000;   margin: 0; padding: 0 0; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 400;  }

h2.type-1, h2.type-1>a { border-top: 1px solid #aaa; margin: 20px 0 0 0; padding: 10px 0;  }
.breadcrumb+h2.type-1 { border-top: 0px; padding-top: 0; }

*:first-child { margin-top: 0px; }
*:last-child { margin-bottom: 0px; }

.clear { clear: both; }

p { font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 16px; line-height: 23px; margin: 13px 0; color: #000000; padding: 0px 0; }

span { font-family: 'Roboto', sans-serif; font-weight: 900; text-transform: uppercase;  color: #000; font-size: 14px; line-height: 16px;  }

p strong { font-family: 'Roboto Slab', sans-serif; font-weight: 700;}

ol, ul { font-family: 'Roboto', sans-serif; font-weight: 400; font-size:15px; line-height: 17px; }
/*article ol, ul { line-height: 23px; }*/

ul { list-style: none; margin: 0; padding: 0; }
ul li {  margin: 0px 0;  padding: 0px 0; }
.clear { clear: both; }
a.read-more { font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 13px;  color: #000; text-transform: uppercase; margin-top: 5px; }
a.read-more.red {  color: #d5000e; text-decoration: underline; }

.btn { background: #e6e6e6; color: #000; font-size: 16px; line-height: 22px; padding: 4px 20px;
-webkit-border-radius: 3px; border-radius: 3px;}

.wrapper { margin: 0 auto; padding: 0 22px; width: 1170px; background: #ffffff; position: relative; z-index: 10; overflow: hidden; }

img {font-size: 10px;}

/*----------------------------------------------------FORM-----------------------------------------------------------*/

input {  float: left; display: block; border: 0; padding: 5px 5px; line-height: 15px; font-size: 12px;}
button { background: none; border: none; cursor: pointer; }

/*----------------------------------------------------FIGURE / FIGCAPTION -------------------------------------------------------------*/

figure {overflow: hidden;}
figure img { width: 100%; height: auto; display: block; border: 0; }
figure figcaption { position: absolute; bottom: 0px; background: url(img/bkg-figcaption.png) repeat-x top; width: 100%; padding-top: 25px; }
figure figcaption .wrapper { background: transparent; }
figure figcaption .caption { margin: 0 0px 60px 0; }
figure figcaption p { color: #fff; font-size: 16px; line-height: 26px; }
figure { margin: 0 0; padding: 0 0; }

ul.thumb figure figcaption { position: absolute; bottom: 0px; background: url(img/bkg-figcaption-small.png) repeat-x top; padding: 30px 0px 0px 0px; width: 100%; }
ul.thumb figure figcaption a { padding: 0 10px 10px 10px; color: #fff; display: block; }

/*---------------------------------------------------- ARROW -------------------------------------------------------------*/

a.arrow {  width: 50px; min-height: 50px; display: block; position: absolute; top: 50%; margin-top: -22px; z-index: 50; border-radius: 50%; }
a.arrow.left  { left: 0px; background: url(img/arrow-left-red-small.png) no-repeat center center;  }
a.arrow.right { right: 0px; background: url(img/arrow-right-red-small.png) no-repeat center center;  }

.content-gallery a.arrow.left  { background: url(img/arrow-none.png) no-repeat center center; }
.content-gallery a.arrow.right { background: url(img/arrow-none.png) no-repeat center center; }

.content-gallery a:hover.arrow.left  { background: url(img/arrow-left-red.png) no-repeat 20px center ;  }
.content-gallery a:hover.arrow.right { background: url(img/arrow-right-red.png) no-repeat 50px center;}

.content-gallery.home a.arrow {  width: 120px; display: block; position: absolute; top: 20px; bottom: 20px; }

.box a.arrow {  width: 50px; height: 50px; display: block; position: absolute; top: 330px; border-radius: 50%; }
.box a.arrow.left  { left: 0px;  }
.box a.arrow.right { right: 0px;  }

#content .box a.arrow { top: 50%; margin-top: -25px;}

.content-digital a.arrow { float: left; position: static; margin-top: 0px; margin-left: auto; margin-right: auto; }

/* SOLE 24 -----------------------------------*/

.header-24 { background: #e8e9eb; margin: 0 auto; height: 40px; width: 100%; border-bottom: 1px solid #bfbfbf; }
.footer-24 { background: #e8e9eb; overflow: hidden;}
.header-24>div, .footer-24>div { margin: 0 auto !important; overflow: hidden; width: 1170px; float: none !important; }

/*---------------------------------------------------------------------------------------------
---------------------------------HEADER & FOOTER-----------------------------------------------
----------------------------------------------------------------------------------------------*/

header { margin: 0 0 20px 0; background-color: #fff; top: 0; z-index: 11; width: 100%; position: relative; }
header .wrapper {background: transparent; overflow: visible; }

.top { text-align: right; }
header .top a.logo { float: left; padding: 20px 20px 20px 0;}
header .top a.logoGroup24 { float: right; padding: 20px 0;}
header .top nav { float: left; height: 87px; }
header .top nav.lan { float: left; padding: 35px 5px; height: auto; }
header .header-menu { }
header  li { float: left; position: relative; }
header .header-menu li a{ color: #000;  font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 18px; text-transform: uppercase; display: block; padding: 36px 10px; }
header .header-menu li a.instagram { padding: 32px 10px; }
header .header-menu li a:hover { color: #d5000e; }
header .header-menu li a.search{ margin: 0 0px 0 10px; clear: both; }

.header-menu .sub-menu{ display: none;  background: #fff; position: absolute; top: 87px; z-index: 100; overflow: auto; padding: 30px 15px; width: 230px; left: -25px;  height: auto; border: 1px solid #bfbfbf;
-webkit-transition-property: all; -webkit-transition-duration: 0.3s;  transition-property: all; transition-duration: 0.3s; }
.header-menu > li > span { display: none; position: absolute; top: 71px; left: 50%; margin-left: -15px; z-index: 200; height: 30px; width: 30px; background: url(img/triangle-menu.png) no-repeat top left;}

.sub-menu {display: none;}
.sub-menu span {display: none;}

header .top nav li:hover > .sub-menu { display: block;  }
li.menu-item-has-children:hover span { display: block; }
ul.sub-menu li{ float: none; }
ul.sub-menu li a{ width: auto; text-align: left; padding: 5px 20px; color: #000; font-family: 'Roboto', sans-serif; font-weight: 900;}

.top .social-box { float: right; display: none;}
.top .social-box a{ width: 52px; height: 43px; border-left: 1px solid #bfbfbf; display: block; background: rgba(0,0,0,0);}
.top .social-box a:hover{ background: rgba(0,0,0,0.1); }
.top .social-box a:first-child{ border-bottom: 1px solid #bfbfbf;  }

 /*--------------------------------------SEARCH-----------------------------------------------------*/

.content-search { top: 70px; right: 74px;  width: 242px; height: 0px;  position: absolute; overflow: hidden; z-index: 40;
-webkit-transition-property: all; -webkit-transition-duration: 0.3s;  transition-property: all; transition-duration: 0.3s; }
.content-search span { position: relative; left: 135px; bottom: -1px; }
.box-search { width: 240px; height: 70px; border: 1px solid #aaa; background: #fff;}
.content-search.show { height: 90px; }

.formSearch { background: #fff; width: 200px; height: 34px; overflow: hidden; margin: 20px auto;
    -webkit-border-radius: 20px; border-radius: 20px; border: 1px solid #ebebeb; }

.formSearch input { background: none; float: left; display: block; padding: 5px 5px;  margin: 5px 0 5px 13px; width: 140px;  }
.formSearch button { float: right; padding: 0 0;  display: block; width: 25px; height: 25px; margin: 5px 5px 5px 0; background: url(img/bkg-red.jpg) repeat; -webkit-border-radius: 50%; border-radius: 50%; }
.formSearch button img { width: 25px; height: 25px; }

.text .formSearch { margin: 20px 0; width: 400px; }
.text .formSearch input {  width: 300px; }

/*--------------------------------------FOOTER-----------------------------------------------------*/

footer { background: #333333;  padding: 0px 25px;  overflow: hidden; border-radius: 4px 4px 0 0; clear: both;}
footer ul { overflow: hidden;}
footer ul li { float: left;}
footer ul li a { display: block;}
footer .top { border-bottom: 1px solid #bfbfbf; overflow: hidden; padding: 10px 0; }
footer .top nav {  float: left; padding: 15px 0; }
footer .top a.logo { float: right; padding: 5px 0px;}

footer .policy { float: left; padding: 14px 35px; color: #fff; }

nav.lan li a  {  border-right: 1px solid #fff; color: #fff; padding: 15px  33px 15px 15px; line-height: 12px; }
nav.lan li:last-child  a {  border-right: none; }

footer .bottom { }
footer .bottom nav { float: left; }
footer .bottom nav li a{ color: #fff; padding: 13px 10px; font-family: 'Roboto', sans-serif; font-weight: 900; text-transform: uppercase; }
footer .bottom nav li:first-child a{ padding: 13px 10px 13px 0px; }

footer .bottom .social-box{ float: right;}
footer .bottom .social-box a{ border-left: none; float: left;}
footer .bottom .social-box a:hover{ background: rgba(255,255,255,0.1); }
footer .bottom .social-box a:first-child{ border-bottom: none; border-right: 1px solid #bfbfbf;  }

 footer a.language { width: 22px; height: 12px; float: left; padding: 20px 0; }
 a.language.english  { background: url(img/england-flag.jpg) no-repeat center center; }
 a.language.italian  { background: url(img/italy-flag.jpg) no-repeat center center; }

/*---------------------------------------------------------------------------------------------
---------------------------------CONTENT--------------------------------------------------------
----------------------------------------------------------------------------------------------*/

#content { float: left;  }
#content h4 { margin-bottom: 10px; }
.home main { float: none;  }
#content { width: 800px; margin: 0 0 20px 0; overflow: hidden; }

/*--------------------------------------GALLERY-----------------------------------------------------*/

.content-gallery { position: relative; margin: 0px 0 30px 0; min-width: 1214px;}
.home .content-gallery {margin-top:-20px;}

ul.gallery-big { position: relative;  height: 630px; overflow: hidden; }
ul.gallery-big li { position: relative;  height: 630px;}
ul.gallery-big li figure { width: 100%; }
ul.gallery-big li figure img { width: 100%; height: auto; }

.play-video > img { opacity: 0.6; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; width: 60px; height: 60px;
-webkit-transition-property: all; -webkit-transition-duration: 0.3s;  transition-property: all; transition-duration: 0.3s;}
.play-video:hover > img { opacity: 0.8; }

ul.bullet { position: absolute; bottom: 30px; right: 50%; margin-right: -585px; z-index: 20; height: 16px; z-index: 50; }
ul.bullet li { float: left; width: 14px; height: 14px; margin: 0 5px;  }
ul.bullet li a { display: block; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;}
ul.bullet li a:hover { border: none; background: #d5000e;   }
ul.bullet li.active a { border: none; background: #d5000e;   }

.side.home { float: left; margin: 0 0 0 30px; }

#ytvideo { position: absolute; top: 110px; width: 1170px; height: 630px; z-index: 30; display: none; }
#ytvideo iframe {  width: 1170px; height: 630px;  }

/*-------------------------------------------------SINGLE TESTATA---------------------------------------------*/

#content h1 { color: #000; padding: 0 0  10px 0; font-size: 30px; line-height: 34px; }

/*-------------------------------------------------GALLERY HOME TESTATE---------------------------------------------*/

.box.content-testate h3 { margin: 0 0 20px 0; }
.box.content-testate ul li h3 { margin: 40px 0 5px 0; padding: 0 0 0 0;}
.box.content-testate   { position: relative; width: 575px; }
.box ul.slider-testate   { overflow: hidden; width: 100%;  padding: 0 0 0 0; }
.box ul.slider-testate li  { padding: 10px 0; overflow: hidden; float: left; }
.box ul.slider-testate a { text-decoration: none; color: #000; }
.box ul.slider-testate figure { float: left; margin: 0px 20px; height: 180px;}
.box ul.slider-testate img { width: auto; max-height: 180px; display: block; max-width: 180px;}
.box ul.slider-testate .info { width: 55%; float: left; }

.content-bullet { width: 455px; padding: 20px 60px; margin: 10px 0 10px 0; }

ul.bullet-testate { padding: 0 0 0 0 !important; }
ul.bullet-testate li { width: 60px; height: 80px; margin: 0 8px; overflow: hidden; float: left; -webkit-border-radius: 0px; border-radius: 0px; }
ul.bullet-testate li img { width: 60px; height: auto; }

/*-------------------------------------------------GALLERY SIDEBAR TESTATE---------------------------------------------*/

#sidebar .content-testate { position: relative; width: 100%; margin: 20px 0; }
#sidebar .content-testate ul { width: 100%; overflow: hidden;  }
#sidebar .slider-testate li { width: 100%; float: left;}
#sidebar .slider-testate li span { display: block; width: 190px; margin: 0 auto 10px auto; height: 3px; background: #d5000e;}
#sidebar .slider-testate li a { display: block;  width: 190px; height: 270px; margin: 20px auto 0 auto;}
#sidebar .slider-testate li a img { width: 190px; height: auto; }
#sidebar .slider-testate p { text-align: center; width: 90%; padding: 0 5%; }
#sidebar>*:first-child {margin-top: 0;}
#sidebar h3 {margin-top: 0;}

/*---------------------------------------------------------------------------------------------
---------------------------------------- BOX & COL-------------------------------------------------
----------------------------------------------------------------------------------------------*/

.box.first {  margin: 0 20px 20px 0; }
.box { float: left; margin: 0 0px 20px 0; width: 575px; position: relative; }
.box a.read-more { float: right; }

.box ul { overflow: hidden; padding: 10px 0 0 0; }
.box ul h3 { border: none; padding: 0 0 10px 0; }
.box ul li { overflow: hidden;}

.box ul figure { overflow: hidden; margin: 0 0 20px 0;}
.box ul figure img{ border: 1px solid #000; }
.box ul .info p { color: #656565; line-height: 21px; margin: 7px 0;}

.home ul.news li { height: 309px;}
ul.news li { padding: 11px 20px; float: left; margin: 0px 0px 10px 14px;}
ul.news li:first-child { margin: 0px 0px 10px 0px;}
ul.news figure { margin: 0 0 10px 0; width: 140px; height: 180px; }
ul.news .info { width: 140px; }
ul.news a { display: block; }
ul.news a.read-more { display: block; float: none; }

.col { float: left; width: 45%; padding: 0px 0; }
.col.first{ margin: 0 10% 0 0; }

.media-section { clear: both; overflow: hidden; margin-bottom: 20px; }


/*--------------------------------------BOX SETTORI MEDIA-----------------------------------------------------*/

h3.settori {padding: 10px 0 10px 0; }

.box-settori { overflow: hidden; padding: 20px 0; }
.box-settori li { float: left; width: 137px;  margin: 0 10px 10px 0;}
.box-settori h4 { color: #fff;}

.box-settori li:last-child { margin: 0 0px 10px 0px; }

.box-settori li a { background: #333; padding: 20px 5px; text-align: center;  border-radius: 4px; display: block; height: 107px;
    font-family: 'Roboto', sans-serif; font-weight: 900; color: #fff; font-size: 14px; line-height: 16px; text-transform: uppercase; text-align: center; }

.box-settori li a:hover { background: #000;
-webkit-transition-property: all; -webkit-transition-duration: 0.3s;  transition-property: all; transition-duration: 0.3s;}

.box-settori li a img { margin: 0 auto; }

#content .box-settori li { margin: 0 15px 0px 15px; width: 170px; }
#content .box-settori li a { padding: 20px 10px; margin: 0 25px 5px 25px; height: 105px;  }
#content .box-settori li p { text-align: center; }
#content .box-settori li span { color: #fff; }

/*-------------------------------------------------------------------------------------------------------
-------------------------------------------------PAGE---------------------------------------------
-------------------------------------------------------------------------------------------------------*/

/*-----Title----*/

.page-template-page-media-php #content h3 { border-top: 1px solid #aaa; border-bottom: 0px; margin: 0 0 10px 0; }
.page-template-page-media-php #content h5 { margin: 0 0 10px 0; text-transform: none; padding: 10px 0; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 900; border-top: 1px solid #aaa; }
.page-template-page-media-php #content h5::first-letter { text-transform: uppercase; }

/*-----Breadcrumb----*/

.breadcrumb { padding: 0 0 20px 0; margin: 0 0 20px 0px;  border-bottom: 1px solid #000; color: #000; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 12px; height: 20px; }
.breadcrumb a{ font-size: 18px;  padding: 0 7px; color: #000; font-family: 'Roboto', sans-serif; font-weight: 400; }
.breadcrumb a:first-child{ padding: 0 7px 0 0px; }
.breadcrumb span{ font-size: 18px; }
.breadcrumb *:last-child{ font-family: 'Roboto', sans-serif; font-weight: 900; padding: 0 0 0 7px; }

a.title-accordion { padding: 10px 0 10px 30px; background: url(img/arrow-down.png)no-repeat left center; display: block; border-top: 1px solid #aaa;}
a.title-accordion.open { background: url(img/arrow-up.png)no-repeat left center; }

.link-pdf { padding: 20px 0 20px 40px; background: url(img/icon_pdf.png)no-repeat left center; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 18px;
  line-height: 36px; }

#content figure {float: left; overflow: hidden; margin: 0 20px 10px 0; }
/* .single-product article figure { width: 300px; } */
.single-product article {overflow: hidden;}
.single-product>.tab {overflow: hidden;}

#content figure img { display: block; height: auto; }
.text { font-family: 'Roboto Slab', serif;  }
.text ul { font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 14px; line-height: 23px; list-style: disc; margin: 0; padding: 0 0 0px 20px; }
.text ul li {  margin: 0px 0;  padding: 2px 0; }
.text a {  color: #d5000e; }
.text a.link-pdf {  color: #000; }

.text a.digital { color:#000; font-size:20px; }

.box-formato { width: 230px; float: left; margin: 0 30px 20px 0; }
.box-formato figure img { width: 230px; height: 310px; }
.box-formato figure { width: 230px; overflow: hidden; margin: 0 0px 10px 0; }

.single-product hr { background: #aaa; height: 1px; border: none; margin-top: 10px; }

#tab_formati { overflow: hidden; }
#tab_premium { overflow: hidden; }
#tab_impact { overflow: hidden; }

.tab-formato { display: none; }

/*----------------------------------------------Table ----------------------------------------------------*/

table { width: 100% !important; margin: 10px 0 20px 0; border: 1px solid rgba(255,255,255,0); border-collapse: collapse;}
table tr:first-child  { background: #e6e6e6; font-family: 'Roboto', sans-serif; font-weight: 900; }
table tr:first-child td { background: #e6e6e6;  }
table td { background: #fff; padding: 10px 10px; border: 1px solid #aaa; font-family: 'Roboto', sans-serif; font-weight: 400; }
table tr td.th { border-right: 1px solid #aaa; background: #e6e6e6; padding: 10px 40px; border-top: 1px solid #aaa; font-family: 'Roboto', sans-serif; font-weight: 900; text-transform: uppercase; }
table tr td.th:last-child {}
table tr td.th p { font-family: 'Roboto', sans-serif; font-weight: 900; text-transform: uppercase; }
table tr td.tc { background: #fff; padding: 10px 10px; border-top: 1px solid #aaa; border-right: 1px solid #aaa; font-family: 'Roboto', sans-serif; font-weight: 400; }
table tr td.tc:last-child  {}


/*-------------------------------------------------PIATTAFORMA---------------------------------------------*/

.box-piattaforma { position: relative; width:100%; height: 250px; background: #000; }

.box-piattaforma h2 { position: relative; border-top: none; padding: 0 0 0px 70px; color: #fff; display: inline-block;  line-height: 42px;
-webkit-transition-property: all; -webkit-transition-duration: 0.3s;  transition-property: all; transition-duration: 0.3s;}
.box-piattaforma h2.print { background: url(img/icon-print.png)no-repeat center left; }
.box-piattaforma h2.digital { background: url(img/icon-digital.png)no-repeat center left; }
.box-piattaforma h2.radio { background: url(img/icon-radio.png)no-repeat center left; }
.box-piattaforma h2.events { background: url(img/icon-events.png)no-repeat center left; }
.box-piattaforma h2.culture { background: url(img/icon-culture.png)no-repeat center left; }
.box-piattaforma h2.tv { background: url(img/icon-tv.png)no-repeat center left; }
.box-piattaforma h2.prodvideo { background: url(img/icon-prodvideo.png)no-repeat center left; }
.box-piattaforma h2.target { background: url(img/icon-target.png)no-repeat center left; }
.box-piattaforma h2.formati { background: url(img/icon-formati.png)no-repeat center left; }
.box-piattaforma h2.specifiche { background: url(img/icon-specifiche.png)no-repeat center left; }
.box-piattaforma h2.audience { background: url(img/icon-audience.png)no-repeat center left; }
.box-piattaforma .bkg { height: 250px; width: auto; opacity: 0.8; }

.text-piattaforma { width: 100%; padding: 30px 0; height: 190px; text-align: center; position: absolute; background: url(img/overlay.png) repeat ; z-index: 10; display: block; }
.text-piattaforma:hover + .bkg { opacity: 0.3;
-webkit-transition-property: all; -webkit-transition-duration: 0.3s;  transition-property: all; transition-duration: 0.3s;}

.text-piattaforma:hover h2 { margin-top: -10px;}

.text-piattaforma img { margin: 20px auto 0 auto;}
.text-piattaforma p { font-style: italic; color: #fff; font-size: 18px; line-height: 24px; }
.text-piattaforma p span { font-style: normal; color: #fff; font-size: 18px; line-height: 24px; font-family: 'Roboto', sans-serif; font-weight: 400; }

/*-------------------------------------------------CHI SIAMO---------------------------------------------*/

.chi-siamo .child {clear: left;}

.rete-vendita span { float: left; font-size: 28px; line-height: 28px; padding: 28px 0px 0 12px; display: block;}
.rete-vendita h2 { padding-left:40px; background: url(img/icon-map-rete.png) no-repeat left 8px; }
.rete-vendita #map { height: 630px; width: 100%; overflow: hidden; margin: 20px 0px; }

.contatti-utili div { float: left; width: 370px; padding: 10px 0 20px 0; border-bottom: 1px solid #aaa; height: 151px;}
.contatti-utili div.first { margin: 0 40px 0 0;}
.contatti-utili div:last-child { border: none; }

/*-------------------------------------------------MONDI---------------------------------------------*/

.content-settore { float: left; overflow: hidden; background: #000; position: relative; z-index: 20; width: 50%; height: 250px;}

.settore  { position: absolute; z-index: 10 ; top: 0px; width: 100%; text-align: center; height: 250px; background: url(img/overlay.png) top left repeat; }
#content .settore h2 { color: #fff; padding-top: 0; padding-bottom: 0; margin: 0 0 0 0;
-webkit-transition-property: all; -webkit-transition-duration: 0.3s;  transition-property: all; transition-duration: 0.3s;}
.settore p {  color: #fff; padding: 0 0 0 0; }

.settore:hover + .bkg  { opacity: 0.3;}
.settore:hover > .icon  { background: rgba(213,0,14,0.9); margin: 50px auto 10px auto;}

.content-settore .bkg {  width: 100%; height: auto; margin: 0 auto; opacity: 0.8;
-webkit-transition-property: all; -webkit-transition-duration: 0.3s;  transition-property: all; transition-duration: 0.3s;}
.settore .icon { z-index: 10;  margin: 60px auto 10px auto; height: 63px; width: 63px; background: rgba(213,0,14,0.7); display: block;
-webkit-transition-property: all; -webkit-transition-duration: 0.3s;  transition-property: all; transition-duration: 0.3s; border-radius: 50%; -webkit-border-radius: 50%;}

.box-info {width: 760px; padding: 0px 40px 0 0; position: relative; height: 0px; background: #fff; z-index: 60; overflow: hidden;
-webkit-transition-property: all; -webkit-transition-duration: 0.3s;  transition-property: all; transition-duration: 0.3s;}
.box-info.open { height: auto; padding: 20px 40px 20px 0; overflow: visible; clear: both;}
.box-info span { position: absolute; top: -15px; left: 185px;  z-index: 70; height: 15px; width: 30px; background: url(img/triangle-menu.png) no-repeat top left; }
.box-info .close { height: 20px; padding: 0px 0px; width: 20px; background: url(img/close.png) no-repeat top left; position: absolute; top: 10px; right: 10px; z-index: 60; }

.box-info.right span {  right: 185px; left: auto; }

/*-------------------------------------------------ARCHIVIO NEWS---------------------------------------------*/

.archivio-news ul.news li { width: 95%; margin: 0 0 10px 0; padding: 20px 5% 20px 0; float: none; overflow: hidden; border-bottom: 1px solid #aaa; }
.archivio-news ul.news li:first-child { margin: 0 0 10px 0; }

.archivio-news ul.news figure { width: 20%; height: auto; float: left; margin: 0 5% 0 0; }
.archivio-news ul.news figure img { width: 100%; height: auto; }
.archivio-news ul.news .info { width: 70%; height: auto; float: left; }
.archivio-news ul.news .info p { margin: 0 0 10px 0; }
.archivio-news ul.news .info h4>a { font-family: 'Roboto', sans-serif; font-weight: 900; text-transform: uppercase; font-size: 18px; }
.archivio-news ul.news span { margin: 0 0 10px 0; display: block; }

/*-------------------------------------------------PRINT---------------------------------------------*/

.print-list li { overflow: hidden; padding: 10px 0; }
.print-list.stampa li { overflow: hidden; padding: 10px 0; height:135px }
.print-list img { width: 50px; margin: 0px 10px 0px 0; float: left; }
.print-list h4 { font-size: 20px; }
.print-list h3 { background: #f1f1f1; }

/*-------------------------------------------------DIGITAL---------------------------------------------*/

.post-type-archive-digital h4 { font-size: 20px; }
.content-digital { overflow: hidden; position: relative; }
.content-digital.first  { padding-bottom: 40px; }
.slider-digital > li  { overflow: hidden; }

.content-digital ul.slider-digital {  overflow: hidden;  }

.pagination-digital { overflow: hidden; position: absolute; bottom: 0px; right: 0; }
.pagination-digital li { float: left;  }
.pagination-digital li a{ padding: 6px 11px; display: block; font-family: 'Roboto', sans-serif; font-weight: 900; background: #fff; color: #000; }
.pagination-digital li a:hover{ background: #e6e6e6; }
.pagination-digital li.active a{ background: #d4d4d4; }

.text.app {  float: left; width: 32%; margin: 0 2% 0 0; }
.text.app.last { margin: 0 0 0 0; }
.text.app figure {  width: 90px; }
.text.app figure img {  width: 90px; }

.text.contact { overflow: hidden; margin: 20px 0 0 0; border-top: 1px solid #aaa; }
.text.contact div { float: left; margin: 0 40px 0 0 ; width: 250px; }

.specifiche-tecniche { overflow: hidden; }
.specifiche-tecniche .btn { background: #333; color: #fff; float: left; display: block; margin: 0 20px 20px 0; width: 124px; padding: 5px 10px; height: 90px; font-size: 18px; line-height: 20px; font-family: 'Roboto', sans-serif; font-weight: 900;}
.specifiche-tecniche .btn.last { margin: 0 0 20px 0; }

/*-------------------------------------------------FORMATI---------------------------------------------*/

/*.format_content {position: absolute; top: 115px; width: 480px; margin-left: -245px; left: 50%;}*/
.format_content {margin-left: -50px;}
.format_content.fixed {/*position: fixed;*/ top: 112px;}

/*-------------------------------------------------------------------------------------------------------
-------------------------------------------------SIDEBAR---------------------------------------------
-------------------------------------------------------------------------------------------------------*/

#sidebar { float: right; width: 330px; }
#sidebar.testata { margin: 40px 0 0 0; }

.menu-page { overflow: hidden; padding: 10px 0; margin: 0 0 10px 0; }
.menu-page a { padding: 5px 0 5px 35px; background: url(img/arrow-right-small.png) no-repeat left center; display: block; text-transform: lowercase; font-family: 'Roboto', sans-serif; font-weight: 900;}
.menu-page a.open-accordion { background: url(img/arrow-right-small.png) no-repeat 5px center #e6e6e6; border-radius: 15px; -webkit-border-radius: 15px; margin: 0 0 5px 0; }

#sidebar .menu-side { width: 330px; float: none; }
#content .menu-side { width: 300px; float: left; }
.menu-side { background: #fbfbfb; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ebebeb; margin: 0 0 30px 0;  }
.menu-side a {display: block;  }
.menu-side li a { padding: 3px 0 3px 15px; line-height: 22px; color: #7b7b7b; font-family: 'Roboto', sans-serif; font-weight: 400; }
.menu-side h4 {  padding: 4px 0 4px 10px !important; cursor: pointer; margin-bottom: 0 !important;}
.menu-side h4 a {  font-family: 'Roboto', sans-serif; font-weight: 900; text-transform: uppercase; font-size: 18px; }
.single-product .menu-side li:last-child h4{margin-bottom: 0 !important;}
.menu-side h5 {  padding: 4px 0;}

.menu-side ul li a{ margin: 0px 0 0px 15px; }
.menu-side ul li li a{ margin: 0px 0 0px 30px; }
.menu-side ul li li li a{ margin: 0px 0 0px 45px; }
.menu-side ul li li li li a{ margin: 0px 0 0px 60px; }
.menu-side ul li li li li li a{ margin: 0px 0 0px 75px; }

.menu-side li a + ul { height: 0px; overflow: hidden; -webkit-transition-property: all; -webkit-transition-duration: 0.3s;  transition-property: all; transition-duration: 0.3s;}
.menu-side li a + ul.open { height: auto; }
.menu-side a.less { background: url(img/less.png) no-repeat left center; color: #000; font-weight: bold; }
.menu-side a.more { background: url(img/more.png) no-repeat left center; }
.menu-side .cat a.less { background: url(img/lessFolder.png) no-repeat left center; color: #000; font-weight: bold; }
.menu-side .cat a.more { background: url(img/moreFolder.png) no-repeat left center; }
.menu-side li a:hover { color: #d5000e; }

.menu-side .cat {background: #E1DFE0;}
.menu-side .cat a {padding-left: 23px;}
.menu-side .child {background: #EBEBEB;}


#sidebar .box-download { clear: both; padding: 30px 0px 0 0; border-top: 1px solid #aaa;  }
#sidebar .box-download .btn {  padding: 10px 20px;  }
#sidebar .box-download a { padding: 0px 0px 0px 20px; margin: 5px 0; color:#000; text-transform: uppercase; background: url(img/icon-pdf.png) no-repeat top left; font-family: 'Roboto', sans-serif; font-weight: 900; display: block; font-size: 14px; }

#sidebar .text { padding: 30px 0 20px 0; border-bottom: 1px solid #aaa; }
#sidebar .text h3 { border: none; padding: 10px 0px 0 0; }

#sidebar .news li { width: 290px; padding: 20px; margin: 10px 0 0 0; overflow: hidden;  }
#sidebar .news li:first-child {margin: 0px 0 0 0; }
#sidebar .news li .info { float: left; margin: 0 0 0 20px; width: 185px;}
#sidebar .news li .info p { line-height: 21px; }
#sidebar .news li figure { float: left; width: 80px; height:auto; border: 1px solid #000; }
#sidebar .news li figure img {width: 100%; height: auto; }

#sidebar .prodotto-side { overflow: hidden; width: 100%; height: 140px; background: #333; margin: 0px 0 10px 0; position: relative;
    -webkit-border-radius: 3px; border-radius: 3px; clear: both; }

#sidebar .content-prodotti-side .prodotto-side:first-child { margin: 20px 0 10px 0; }
#sidebar .content-prodotti-side .prodotto-side:last-child { margin: 0px 0 20px 0; }

#sidebar .prodotto-side div, #sidebar .prodotto-side figure { float: left; width: 50%; text-align: center; overflow: hidden; display: block; position: relative; height: 100%;  }
#sidebar .prodotto-side figure img { width: auto; width: 100%; height: auto; min-height: 140px;  opacity: 0.6; position: relative;
-webkit-transition-property: all; -webkit-transition-duration: 0.2s;  transition-property: all; transition-duration: 0.2s;}
#sidebar .prodotto-side div > img { margin: 15px auto 5px auto;  }
#sidebar .prodotto-side div span{ margin: 0px auto 0 auto; color: #fff; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 900; }
#sidebar .prodotto-side div.overlay { background: url(img/overlay.png) repeat; position: absolute; top: 0; left: 0; height: 100%; z-index: 20; }

#sidebar .prodotto-side a:hover > figure img  { opacity: 0.8; width: 110%;  margin-top: -10px; margin-right: -10px;  }
#sidebar .prodotto-side div img:last-child  {margin: 5px auto; }

/* PAGINAZIONE --------------------------------------------------*/
.pagination {clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; overflow: hidden;}
.pagination span, .pagination a {display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto;
  color:#fff; background: #666; line-height: 15px;}
.pagination a:hover{color:#fff; background:#D5000E;}
.pagination .current{background: none; color: #666;}

/*-------------------------------------------------------------------------------------------------------
-------------------------------------------------MOBILE---------------------------------------------
-------------------------------------------------------------------------------------------------------*/

header.mobile { position: relative; overflow: hidden; background: #333; height: 85px; display: none; margin: 0 0 0 0;
-webkit-transition-property: all; -webkit-transition-duration: 0.3s;  transition-property: all; transition-duration: 0.3s;}
header.mobile.open { height: auto; border-bottom: 3px solid #d5000e; }

header.mobile .explode .sub-menu {display: block;}
header.mobile .explode .sub-menu li a {line-height: 20px;}

header.mobile .content-top { background: #fff; }

header.mobile .top { overflow: hidden; padding: 0 5% 0px 5%; width: 90%; background: #fff;  }
header.mobile .top .logo  { float: left; }

.menu-icon { position: relative; height: 30px; padding: 25px 0px; display: block; float: right;  }
.menu-icon:hover span { background: #aaa;  }
.menu-icon span { text-align: right; height: 2px; width: 30px; background: #333; margin: 5px 0 0 0; display: block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.menu-icon.close { height: 20px; padding: 25px 0px; width: 50px; }

.menu-icon.close span:nth-child(2) { display: none; }
.menu-icon.close span:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 30px; left: 20px;  }
.menu-icon.close span:last-child { -webkit-transition-delay: 0s; transition-delay: 0s; -ms-transform: rotate(-45deg);  -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  position: absolute; top: 30px; left: 20px; }

header.mobile .group24 { clear: both; padding: 0px 5%; width: 90%; background: #e8e9eb; overflow: hidden;   }
header.mobile .group24 a { display: block;  }
header.mobile .group24 a.logo { width:  120px; float: left; padding: 6px 0; }
header.mobile .group24 a img { display: block;  }

header.mobile .social-box { float: right; overflow: hidden;  }
header.mobile .social-box a { float: left; background: url(img/border-social-mobile.jpg) no-repeat center right;  }
header.mobile .social-box a.language.english { padding: 8px 0 8px 20px; width: 22px; height: 12px; background: url(img/english-flag.jpg) no-repeat right bottom; }
header.mobile .social-box a.language.italian { padding: 8px 0 8px 20px; width: 22px; height: 12px; background: url(img/italian-flag.jpg) no-repeat right bottom; }

header.mobile .box-search { width: 90%; background: #333; padding: 20px 0; margin: 0 5%; border: none; border-bottom: 1px solid #aaa; height: 30px; }
header.mobile .formSearch { margin: 0 auto; width: 100%;}
header.mobile .formSearch input { width: 75%; }

header.mobile nav.main { text-align: left; width: 90%; margin: 0px 5%; padding: 20px 0; }
header.mobile nav.main li { float: none; }
header.mobile nav.main a { display: block; color: #fff; font-size: 20px; line-height: 40px; font-family: 'Roboto', sans-serif; font-weight: 900; text-transform: uppercase;}
header.mobile nav.main a:hover { color: #aaa;}

header.mobile nav.second { text-align: left; width: 90%; margin: 0px 5%; padding: 20px 0;  }
header.mobile nav.second a { display: block; color: #fff; font-size: 16px; line-height: 28px; font-family: 'Roboto', sans-serif; font-weight: 400; }
header.mobile nav.second a:hover { color: #aaa;}
nav.second a.wishlist {  background: url(img/icon-folder-white.png) no-repeat center right 12px; padding: 0 35px 0 0px; width: 55px; }

footer .bottom p { display: none; color: #fff; float: left; text-transform: uppercase; padding: 10px 0 0 0; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 10px;}

/*-------------------------------------------------------------------------------------------------------
-------------------------------------------------MEDIA QUERY---------------------------------------------
-------------------------------------------------------------------------------------------------------*/

/***for 600px or less *********/
@media screen and (max-width: 600px) {

/*----------------- Home -----------------*/

    header { display: none; }
    .header-24 { display: none; }
    header.mobile { display: block; }
	
	.content-gallery {margin-top: 0; min-width: 100%;}
	.gallery-big figure figcaption .caption {margin: 10px;}

    h1{ font-size: 20px; line-height: 22px; }
    h4 { font-size: 13px; line-height: 16px; }

    figure figcaption a { padding: 0 5% 10px 5%; }
    figure figcaption p, a.read-more, ul.bullet { display: none; }
	
    .wrapper { width: 100%;  margin: 0 auto; padding: 0 0; }
    a.arrow {  }

    ul.gallery-big { width: 100%; height: 280px; }
    ul.gallery-big li { height: 280px; background: #333;}

    .box-settori { padding: 20px 0; border-bottom: none; }
    .box-settori li { width: 44%; margin: 0 2% 3% 2%; }
    .box-settori li:last-child { margin: 0 2% 3% 2%; }

    .box{ width: 100%; }

    ul.news { width: 100%;   margin: 10px 0 0 0; overflow: hidden;}
    .home ul.news li { width: 100%; padding: 20px 0 20px 0;  margin: 0 0 10px 0; float: none; height: auto; }
    ul.news li:first-child { margin: 0 0 10px 0;  }
    ul.news li .info { float: left; margin: 0 0 0 10px; width: 50%; }
    ul.news li figure { float: left; height: 110px; width: 100px; }

    .box.content-testate { width: 100%; }
    .box ul.slider-testate li { float: none; }

    .box ul.slider-testate figure { margin: 20px 10px; height: 130px; }
    .box ul.slider-testate figure img { height: 130px; }
    .box ul.slider-testate .info { width: 50%; }
    .box ul.slider-testate .info h3 { margin: 0 0 0 0; }

    .content-bullet { display: none;}

    footer .top nav { display: none; }
    footer .top { border: none; }
    footer .top .logo { float: left; }
    .bottom nav a { display: block; padding: 5px 0 !important; margin: 0 0; }
    footer .bottom nav li { float: none;}
    footer .bottom nav { float: none; text-align: left; position: static; margin: 10px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #aaa;}

    footer .bottom p { display: block;}
    footer .top a.logo { float: left; }

    /*-----------------------PAGE---------------------------*/

    #content, .home main { width: 90%; margin: 0 5%; }
    .page-template-templatessettori-php #content, .page-template-templatestemplate-empty-php #content { width: 100%; margin: 0 0; }

    #content .menu-side { width: 100%;}
	
    .menu-inside { display: block; }

    #content figure img { width: 100%; height: auto;  }
    #content figure { margin: 0 auto 10px auto; float: none; width: 100%; }

    .text.contact-siamo div { width: 100%; height: auto; float: none; }

    table, table p { font-size: 14px;  }

    .col { float: none; width: 100%; margin: 0 0; padding: 0px 0; overflow: hidden; position: relative; top: 0 !important;}
    .col.first{ margin: 0 0; }

    .org-map span { display: none; }

    .breadcrumb { display: none; }

    .box-settori { padding: 20px 0 10px 0; border-bottom: none; }
    .box-settori li, #content .box-settori li  { width: 46%; margin: 0 2% 3% 2%; }
    .box-settori li:last-child { margin: 0 2% 3% 2%; }
    #content .box-settori li a {margin: 0 5px 5px 5px; padding: 10px; }

    .box-formato { margin: 0 auto 20px auto; float: none; }

    .format_content {margin-top: 0 !important; margin-bottom: 40px;}

    .tab { margin: 0 0; }

    /*---Digital---*/

    .text.app {  float: none; width: 100%; margin: 0 0 0 0; }
    #content .text.app figure { width: 50px; height: auto;  margin: 10px 0;}

    .specifiche-tecniche .btn { width: 35%; margin: 0 2% 10px 2%; padding: 10px 5%; }
    .specifiche-tecniche .btn.last { margin: 0 2% 10px 2%; }

    /*---Mondi---*/

    .content-settore { width: 100%; float: none; }

    .box-info { padding: 0px 5%; position: relative; width: 90%;  top: 0px !important;}
    .box-info.open { padding: 40px 5% 20px 5%; width: 90%; }

    /*---------------------SIDEBAR---------------------------*/

    #sidebar { width: 90%; margin: 0 5%; }
    #sidebar.testata h3:first-child, #sidebar .menu-page { display: none; }
    #sidebar.testata { margin: 0 5%; }

    #sidebar .news li { margin: 0 0 10px 0; }
    #sidebar .news li:first-child { margin: 10px 0; }

    #sidebar .news li figure { height: auto; width: auto; }
    #sidebar .news li figure img { width: 100px; }

    #sidebar .menu-side { display: none; }

}
 div.faq p.risposta { display:none; }


 img.alignleft { float: left; margin-right:1em; }

 img.alignright { float: right; margin-left:1em; }

 img.aligncenter { display:block; margin-left:auto; margin-right:auto; }

 .cookiebar-ok img { display: inline; }

 .jp-carousel-close-hint span {
        font: 12px "Helvetica Neue", sans-serif !important;
        width: 200px;
 }
 
 .jp-carousel-info {
        position: absolute;
        bottom: 0;
        display:none;
        text-align: left !important;
        -webkit-font-smoothing: subpixel-antialiased !important;
 }

/*----------------------- Piccole modifiche radio ---------------------------*/
.radio-list img{
	width:80px;
}

.radio-list li{
	
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
}