* { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}
.right { text-align: right; }

a { text-decoration: none; color:#777; }
a:hover { background-color: #c7d416; padding:0px;  color:#000; }
a.nobg:hover { background-color: transparent;   }
#wrapper {
    overflow: hidden;
    }
body { 
    background: #e4e9ec url('../img/bg.gif') repeat-x;  
    font-family: 'Titillium Web', sans-serif; 
    color: #777; font-size:12px;     line-height: 18px;
    
    

    }

h1 { font-size:24px; font-weight: 400; }


#header {
    /*height: 125px;*/
    height: 75px;
    display: block;
    overflow: hidden;
    }
#logo {
    width: 70%;
    float: left;
    display: none;
    }
a.btn-responsive-menu{
    display: none;    
    float: right;
    padding:0;
    cursor: pointer;
    margin: 20px 20px 0 0;
    text-decoration: none;
    font-size: 30px;
    color:#000;
    }
#actionhome { 
    background: #000; 
    text-align:center; 
    }
#actionimg { 
    width:100%; 
    max-width:1076px; 
    }
#logo-tender-slogan {     
    text-align: right;
    max-width: 195px;
    width: 100%;
    margin: 0px auto;
    font-size: 15px; 
    color:#888; 
    }
#logo-tender-slogan img{    
     margin: 50px auto 0;
    display: block;
    }
#videoimg { 
    max-width: 206px;
    width: 100%;
    margin: 50px auto 0;
    display: block;
    }
nav#menu, nav#menu-home {  
    background: #000;  
    padding: 0;
    }
nav#menu ul, nav#menu-home ul {  
    margin: 0 auto;
    padding: 0;
    }
nav#menu li, nav#menu-home li{   
    width:24%; 
    display: inline-block;
    text-align: center;
    padding:0px 0;
    }
nav#menu li a, nav#menu-home li a{   
   color:#fff;
    text-decoration: none;
    display: block;
    height: 60px;
    line-height: 60px;
    padding:0;
   font-size:16px;
    }
nav#menu li a:hover , nav#menu-home li a:hover{   
    background-color: #c7d416;
    }
/*
 nav#menu li a.active , nav#menu-home li a.active{   
    color: #c7d416;
    }
*/

@media (max-width: 1199px) {
    #logo-tender-slogan img  { margin: 10px auto 0; }
    #videoimg {     margin: 30px auto 0; }
}
@media (max-width: 767px) {
    #logo-tender-slogan {
        display: none;
        }
   a.btn-responsive-menu, #logo{
       display:block;
        }
    #header {
        height: 75px;
        }
    nav#menu, nav#menu-home{
        display: none; background: #222;
        }
    nav#menu ul {
        margin: 0;
        width: 100%;
        max-width: none;
        }
    nav#menu li {
        width: 100%;
        display: block;
        /*border: 1px #888 solid;*/
        }
    #videoimg {     
        margin: 30px auto 30px; 
        }
    .labelnews {
        display: block;
        width: 100%;
        font-size: 30px;
        line-height: 30px;
        color: #000;
    
          background: #ccd2d6;

    margin: 0 auto 20px !important;
    padding: 10px;
        }
    .newsboxhome div {
        margin-bottom: 10px;
        }
    .newsItem {     
        border-bottom: 1px solid #b1b5b7;     
        padding: 10px 0 0 0 !important;
        
        text-align: center;
        background-image:none !important; 
        }
    .newsItem img{    
        margin: 0 auto;
        }
    body { background-image: none; background-color: #eaedef; }
    }
@media (max-width: 374px) {
   a.btn-responsive-menu{
       margin: 10px 0px 0 0;
       
        }
    #logo { 
         width: 80%;
        }
    }
.showmenu { display:block !important; }

#menu{ display:none; }

#news{ margin-top:15px; }

.newsItem {
    padding-left: 15px;
    background: transparent url('../img/bg-news.png') repeat-y top left ; 
   /* height: 100%;   */  width: 100%;
    margin-right: -15px;
}
.newsboxhome:hover .newsItem{
    /*-webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    -webkit-filter: blur(12px);
    filter: blur(12px);*/
    }
.labelnews { float:right; font-size:18px; }
.newsItem:hover {
     -webkit-filter: none !important;
    filter:none !important;
    cursor:pointer;
    background: #bfc6ca;
}
.newsItem{
    padding-top:10px;
}
.newsItem a:hover {
    background: transparent;
}
.newsItem .testo {
    display: block;
    font-size: 12px;
    color:#777;
    padding:10px 0px;
}
.newsItem a.title{
    text-decoration: none;
    display: block;
}
.newsItem a.title span{
    font-size: 13px;
    text-transform: uppercase;
    color:#000;
    display: block;
}
.newsItem a.title:hover{
    /*background-color: #c7d416;
    color:#FFF;*/
}
hr{ display:block; width: 100%;  0 0 5px;border-top: 1px #aebfc6 solid; border-bottom:1px #eceff0 solid;  margin:0px 0;}
#footer { margin-top: 20px;  font-size:12px; line-height: 16px; }
@media (max-width: 575px) {
    #footer *{ text-align: center !important; }
}
#social a { height:25px; width: 25px; padding:0px; margin-right: 5px; display: inline-block;}
#social:hover a{ opacity:0.3;}
#social a:hover { opacity:1;}


/* MODAL */
.ymodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    max-height: 100%; /* Full height */
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content/Box */
.ymodal-content {
    background-color: transparent;
 
/*    margin: 1% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 0px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
   position: absolute;
      top: 50%;
      transform: translateY(-50%);
    left:50%;
     transform: translateX(-50%);
}
.ymodal-content.loaded {
    background-color: #fefefe;
    border: 1px solid #888;
}

/* The Close Button */
.ymclose {
    color: #aaa;
    float: right;
    font-size: 48px;
    font-weight: 400;
    margin: -10px 0 15px;
}

.ymclose:hover,
.ymclose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
body.modal-open {
    overflow: hidden;
}
#page-home .ymodal-content.loaded {background: #0000 !important; border:0;}
#page-home .ymclose { color:#c7d416;}
#page-home .ymclose:hover { color:#FFF;}
/* loader*/
.loader {
    border: 16px solid #e8eaec;/* Light grey */
    border-top: 16px solid #c7d416;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: -60px;
    position: absolute;
      top: 50%;
      transform: translateY(-50%);
    left:50%;
     transform: translateX(-50%);
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


#topbox { min-height: 400px; }
#testibox { margin-top: 130px; }
#page-offerte-creative #testibox { margin-top: 70px; }
#logo-box {     margin-top: 180px; display: block; }
#imagebox {  margin-top: 150px;  display: block; }
.opacity:hover { opacity: 0.5; }
@media (max-width: 767px) {
    #logo-box {     display: none; }
    #testibox { margin-top: 50px; }
    #imagebox {  margin: 50px auto 20px;  widows: 100%; text-align: center; ;display: block; }
      #imagebox img{  margin: 0px auto;  }
    
    .ymodal-content {width: 100%;}
    .categoria, .tipologia, .titoloofferte { text-align: center !important; }
}

.offerte_creative ul {
    padding:0; margin:0;
}
.offerte_creative li {
    list-style-type: none;
    list-style-image: none;
    text-align: center;
    width: 100%;
     margin:0;
}
.offerte_creative li a {
    padding:1px 5px; font-size: 13px; line-height: 20px; text-transform: uppercase;
}
.offerte_creative img {  margin: 0px auto !important; /**/ }
.offertaImg1, .offertaImg2, .offertaImg3, .offertaImg4 {   display: block; width:116px; height:135px; text-align:center; background-repeat:no-repeat; background-position:top; margin:0 auto;    background-position: 0px -10px;  /*     */  }
.offertaImg1 { background-image:url(http://www.tender-adv.it/_fencing/-img/oc_01corporate.png); }
.offertaImg2 { background-image:url(http://www.tender-adv.it/_fencing/-img/oc_02adv.png); }
.offertaImg3 { background-image:url(http://www.tender-adv.it/_fencing/-img/oc_03pack.png); }
.offertaImg4 { background-image:url(http://www.tender-adv.it/_fencing/-img/oc_04multimedia.png); }

.sloganofferte{
    font-size:24px; color:#000;  letter-spacing: 13px; display: block; text-align: center; width: 100%; padding: 20px 0; line-height: 24px;
}
@media (max-width: 575px) { .offerte_creative { margin-bottom: 20px; } }
.sezione { text-align: right;}
.categoria { display: block; width:100%; text-align: right;  font-size: 22px; text-transform: uppercase;  }
.categoria img { display:inline-block;  }
.tipologia { display: block; width:100%; text-align: right; font-size: 14px; text-transform: uppercase; margin-top:10px; }
.tipologia img { display:inline-block;      }


#paginator { margin:20px 0; }
.nunnav { display: inline-block; padding:5px 10px; border: 1px solid #ccc; }
.nunnav:hover{ display: inline-block; padding:5px 10px; border: 1px solid #ccc; }
.currentnav { display: inline-block; padding:5px 10px; border: 1px solid #000; }
.navigate , .navigate:hover { display: inline-block; padding:5px 10px; border: 0px solid #ccc; }
.subtipo { display: block;  width:100%; text-align: right;  font-size: 12px; text-transform: uppercase; margin-top:10px; }
.datiprodotto { position: absolute; top:0; left:0; }

.datiprodotto h2, .datiprodotto h3 {
    margin: 0px !important; text-transform: uppercase  !important; font-weight: 400 !important;
}
.datiprodotto h2 {
    font-size: 1.5em;
    margin-bottom: 0.75em;
    color: #555;
}

@media (max-width: 768px) { 
    .datiprodotto {
     
    top: 30px;
    left: 20px;
    display: block;
    /* text-align: center !important; */
    width: 100%;
        
        
    }
    
      .datiprodotto h2 {   /* background: #ccd2d6;
        width: 90%;*/
         margin: 0 0 10px 0 !important;
       /* padding: 10px;*/
    }
    .datiprodotto iframe { width: 82px; }
   /* .newsItem.last { border:0px; }*/
    .datiprodotto a { padding: 5px 10px; }
    
  .imgprod { 
        margin-top: 80px; 
       /*max-width: 200%;
        left: -60%;
        position: relative;*/
        }
    .hidemob { display: none; }
    
        .datiprodotto2 {
         margin:30px 0px;
    display: block;
       position: relative;
        width: 100%;   
    }
     .datiprodotto2 h2 {    background: #ccd2d6;
        width: 100%;
         margin: 0 0 10px 0 !important;
        padding: 10px;
    }
      .sezione h3 {    background: #ccd2d6;
        width: 100%;
         margin: 20px 0 10px 0 !important;
        padding: 10px;
          text-align: center;
    }
}

.listaClienti ul{ list-style: none;   padding: 0;
  margin: 0; 
    background-image: url(http://www.tender-adv.it/_fencing/-img/bg-news.png);
    background-repeat: repeat-y;
    background-position: left;
}

.listaClienti ul li {
  padding-left: 20px; 
 /* text-indent: -.7em;*/
}

.listaClienti ul li::before {
 /* content: "• ";
  color: #fff;*/
}


.rwd-video {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}


#page-cookie_policy { background: none;}

#page-cookie_policy #logo {
   display:block !important;
}