@charset "UTF-8";
/* CSS Document gesta-bold.ttf*/
@font-face {
    font-family: 'oswaldbook';
    src: url('font/oswald-regular-webfont.eot');
    src: url('font/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/oswald-regular-webfont.woff') format('woff'),
         url('font/oswald-regular-webfont.ttf') format('truetype'),
         url('font/oswald-regular-webfont.svg#oswaldbook') format('svg');
     font-style: normal;

}
@font-face {
    font-family: 'Oswald-DemiBold';
         src: url('font/Oswald-DemiBold.ttf');
}
@font-face {
    font-family: 'Oswald-MediumItalic';
         src: url('font/Oswald-MediumItalic.ttf');
}
@font-face {
    font-family: 'gesta';
         src: url('gesta/gesta.ttf');
}
@font-face {
    font-family: 'gesta-bold';
         src: url('gesta/gesta-bold.ttf');
}
img {
  border: none;
}
img{border: 0px;}
ul{margin: 0px;padding:0px; list-style: none}

body {
    font-family: 'oswaldbook';
    background-color: #EFEFEA;
}


 /* VIDEO BG  */

video {
   object-fit: fill;
	/*
	-webkit-transform: scaleX(2); 
  -moz-transform: scaleX(2);
	-ms-transform: scaleX(2);
	width: 100%    !important;
  
	height: 600px   !important;*/
  background-color: #333;
}

.video-wrap: {
	
height:600px;
	
}

@media screen and (max-width: 980px) {
     #videocont {
        display: none;
    } 
    }




header{height: 100px !important; overflow: hidden}

a.linguaCol  {color:#ffffff; text-decoration:none;}
a.linguaCol:hover  {color:#f9eb43; text-decoration:none;}

textarea:focus, input:focus, select:focus{
    outline: none;
}
select:focus !important{
    outline: none;
}
*:focus {
    outline: none;
}
.gesta-bold{
       font-family: 'gesta-bold';
       font-size: 18px;
}

.overflow{
    overflow: hidden;
}
.img-100{
    width: 100%;
}
.container-full{
    position: relative;
   height:600px;
   
}
.wrap-header-position{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
}
.wrap-header-interno{
    position: relative;
}
.wrap-header-position-interno{
    position: absolute;
    width: 100%;
    height: 130px;
    top:0px;
    background-color: #e30412;
}
.home-servizi{
    margin-top: 15px;
}

.info-preventivi{
    overflow:hidden;
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    font-style: italic;
    
}
.box-telefono{
    float: right;
    margin-top: 4px;
    font-family: 'Oswald-MediumItalic';
}
.preventivi a {
    background-color: #fff;
    width: 180px;
    height: 34px;
    font-family: 'oswaldbook';
    font-size: 15px;
    float: right;
    text-align: center;
    line-height: 34px;
    color: #1b1819;
    text-transform: uppercase;
    font-style: italic;
	background-image: linear-gradient(to right, #f2ff29, #f2ff29 50%,transparent 50%,transparent);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .2s ease-in;
}

.preventivi a:hover {
    color: #e30412;
    height: 34px;
    font-family: 'oswaldbook';
    font-size: 15px;
    float: right;
    text-align: center;
    line-height: 34px;
    background-color:#f2ff29;
    text-transform: uppercase;
    font-style: italic; text-decoration:none;  background-position: 0 0;
}
.menu-istituzionale{ 
    overflow: hidden;
    margin-top: 15px;
    width: 600px;
}
.menu-istituzionale ul{
    margin: 0px;
    padding: 0px;
    float: right;
    /*border-bottom: 1px solid #fff;*/
}
.menu-istituzionale ul li{
    display: inline-block;
    font-size: 22px; /*font-size: 24px;*/
    color:#fff; 
    margin-left: 25px;
}
.menu-istituzionale ul li a{
    color:#fff; 
    text-decoration: none;
    /*font-style: italic;*/
    margin-right: 0px;
}
.menu-istituzionale ul li a:hover{
    color:#f9ff21; 
    text-decoration: none;
}
a.menu-active{
    color:#f9ff21 !important; 
    cursor: default;
}
.menu-istituzionale ul li:first-child{
    margin-left: 0px;
}
.caption-banner {
    width: 599px;
    height: 160px;
    background-image: url(../img/bg-caption.png);
    position: absolute;
    top: 10%;
    margin-top: 10%;
 
}
.testo-caption {
    font-family: 'oswaldbook';
    font-size: 26px;
    color: #fff;
    text-align: right;
    margin-right: 50px;
    margin-top: 10px;
}
.linea-caption {
    width: 200px;
    height: 5px;
    margin-right: 50px;
    background-color: #f9ff21;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}
.testo-archimede {
    font-family: 'oswaldbook';
    font-size: 18px;
    color: #fff;
    text-align: right;
    margin-right: 50px;
}
.titoli-aree-grey {
    font-size: 34px;
    font-family: 'oswaldbook';
    color: #242021;
    margin: 0 auto;
    padding: 0px;
    text-align: left;
    margin-top: 30px;
}
.linea-rossa-titoli {
    text-align: left;
    margin: 0 auto;
    padding: 0px;
    margin-top: -13px; margin-bottom:15px;
}
/* box float*/

.border-right{
      border-right:1px solid #fff; 
}
.bordo-inf-categorie{
    position: absolute;
    height: 6px;
    background-color: #E20411;
    bottom:0px;
    width: 100%;
    z-index:999;
}
.box-50{
  width: 50%;  
  float: left;
  position: relative;
}
.box-50-img{
  width:100%; 
  height:341px;
}
.box-25{
  width: 25%; 
  float: left;
  position: relative;
}
.box-25-img{
  height: 341px;
  width: 100%;
}
.border-top{
    margin-top: 1px;
}
.img-categorie{
    width:65px; 
    height:60px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block; background-image:url(../img/button-categorie.jpg);
}

.link-categoria:hover .img-categorie {
    width:65px; 
    height:60px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block; background-image:url(../img/button-categorie-hover.jpg);
    z-index: 999;
}
.titolo-categorie {
    color: #fff;
    font-family: 'oswaldbook';
    font-size: 26px;
    padding-left: 20px;
    display: block;
    position: absolute;
    bottom: 20px;
    line-height: 24px;
    z-index: 999;
}
.titolo-categorie:hover{
    color:#F2FF29; transition:color 0.3s ease;
}
.home-formazione-box{
    position: relative;
}
a.formazione-testo {
    background-image: url(../img/trasparente-img.png);
    background-repeat: no-repeat;
    background-position: -1px -137px;
    color: #fff;
    font-family: 'Oswald-MediumItalic';
    font-size: 24px;
    line-height: 45px;
    padding-left: 65px;
    width: 364px;
    z-index: 10;
    cursor: pointer;
    display: block;
    text-decoration: none;
    margin: 0px auto;
}

a.formazione-testo:hover {color: #f9ff21;
    text-decoration:none; 
    background-image: url("../img/trasparente-img.png");
    background-repeat: no-repeat;
    background-position: -1px -184px;
}

.linea-gialla-formazione {width:200px; height:5px; margin-right:50px; background-color:#f9ff21; float:right; margin-top:-24px; margin-right:50px;}
a.archivio-news {
    width: 200px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: left;
    font-family: 'Oswald-MediumItalic';
    display: block;
    margin-top:28px;
    background-color: transparent;
    font-size:24px;
    background-image:url(../img/pulsante-archivio.png);
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

a.archivio-news:hover {
	color: #f9ff21;
    transition:color 0.3s ease;
    text-decoration:none !important;
    background-image:url(../img/pulsante-archivio-hover.png);
}
.box-news{position: relative}
.titolo-news {
    width: 100%;
    color: #231f20;
    font-family: 'oswaldbook';
    /*font-size: 24px;*/font-size: 22px;
    margin-top: 15px;
    
}
.testo-news {
    width: 100%;
    color: #231f20;
    font-family: "gesta",sans-serif;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    text-align: justify;
    padding-bottom: 15px;
    height: 120px;
}
.testo-news-interno {
    width: 100%;
    color: #231f20;
    font-family: "gesta",sans-serif;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    text-align: justify;
    padding-bottom: 15px;
    height: auto;
}
.bordo-inferiore-news{
    width:100%; 
    height:1px; 
    background-color:#e20411; 
    bottom: 0px;
}
.etichetta-leggi {
    width: 126px;
    height: 34px;
    line-height: 35px;
    color: #fff;
    float: right;
    text-align: center;
    font-family: 'gesta-bold';
    background-image: url(../img/pulsante-more.png);
    font-size: 16px;
    cursor: pointer;
}
.etichetta-leggi:hover {color: #f9ff21;
    transition:color 0.3s ease; text-decoration:none;}
a.etichetta-leggi {
    width: 126px;
    height: 34px;
    line-height: 35px;
    color: #fff !important;
    float: right;
    text-align: center;
    font-family: 'gesta-bold';
    background-image: url(../img/pulsante-more.png);
    font-size: 16px;
    cursor: pointer;
}
a.etichetta-leggi:hover {color: #f9ff21 !important;
    transition:color 0.3s ease; text-decoration:none !important;}
footer{
    background-color: #e30412;
    border-top: 5px solid #e8f700;
    padding-bottom: 15px;
    font-family: "gesta",sans-serif;
    color: #fff;
}
.follow-us-on {
    font-family: 'oswaldbook';
    color: #fff;
    font-size:26px;
    padding-top: 130px;
}
.facebook {
    margin-right: 20px;
    margin-top: 10px;
    float: left;
    margin-left: 0px;
}
.youtube{
    margin-right:20px; margin-top:10px; float:left;
}
/*menu mobile*/
/* menu */
.header{
      display: none;
}
.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 29px 20px 28px 20px;
  position: relative;
  margin-top:20px;
  user-select: none;
    
}

.header .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}
.menu-important{
    color:#f9ff21 !important;
    border-bottom:1px solid #f2ff29 !important;
}

 
       
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 240px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
.menu-responsive{
    position:absolute;
    z-index:9999; 
    width:100%; 
    background-color:#E20411; 
    top:100px; 
    display:none;
    margin: 0px;
    padding: 0px;
    list-style: none !important;
    padding: 10px 0px;

}
.menu-responsive li a{
    line-height: 30px;
    color: #fff;
    display: block;
    font-size: 17px;
    font-family: 'oswaldbook';
    padding: 8px 20px;
    text-decoration: none;    
}
.menu-responsive li a:hover{
    background-color: #fff;
    color: #000;
    }
.opacita{ opacity: 0.7;
          filter:alpha(opacity=70); /* For IE8 and earlier */}
.home-iscriviti a{
    line-height: 50px; 
    background-color: #e30412;
    text-align: center;
    font-size: 28px;
    color: #fff;
    display: block;
    background-position: right 10px center;
    font-family: 'Oswald-DemiBold';
}

.home-iscriviti:hover a{
    color: #f9ff21;
    text-decoration: none;
}

 .scroll{
    height:480px; 
    overflow-y: scroll;
          }
.home-video-sx{
    width: 80%;
    float:left;
}
.home-video-dx{
    float:right; 
    width:220px; 
    height:551px; 

}
.spessore-news{display: none;}
.home-certificazione{
    position: relative;
    margin-bottom: 30px;
    margin-bottom:97px; 
    margin-top:72px
}

.mappa-mezzi-operativi {width:100%; margin-top:50px; clear:both; position:relative;}

.van-service {width:100%; clear:both; position:relative;}
.van-service img{
   /* max-width:400px; */
}
.loghi-certificazioni{
    float: left;
    width: 70%;
}
.loghi-certificazioni img{
    display: block;
    float: left;
    width: 100px;
    margin-left: 40px;
}
.logo{
    cursor: pointer;
    float:left; 
    margin-top:20px;
    width: 270px; height:67px;
}
.logo-footer{
    text-align: right;
    margin-top: 20px;
    cursor: pointer;
}
.logo-footer img{
    margin-bottom: 15px;
    width: 270px; height:67px;
    float: none;
}
.indirizzo{ margin-top: 10px; color: #e30412; font-family:'gesta';}
.indirizzo span{ display: block}
.footer-sx{position: relative; width: 37%; float: left}
.footer-dx{position: relative; width: 530px; float: right;}
/*pagina servizi*/
.servizi-wrap{
    height:100px; 
    background-color:#e30412
}
.banner-servizi{
    position: relative;
    margin-bottom: 10px;
}
.banner-servizi-img{
    border-bottom: 5px solid #e30412;
	max-height:500px;
	object-fit: cover;
}
.didascalia-linea{
    position: absolute;
    bottom: 40px;
    left: 37px;
}
.didascalia-testi{
    position: absolute;
    top: 90px;
    left: 2px;
    color: #fff;
    padding-right:50px;
    font-family: 'gesta'; 
    font-size: 17px;
    line-height: 22px;
}
.menu-servizi{
    overflow: hidden;
    margin-bottom: 50px;
    margin-top: 15px;}
.menu-servizi-ul{

}
.menu-servizi-ul li{
    display: block;

}
.menu-servizi-ul li a{
    display: block;
    float: left;
    border: 1px solid #e30412;
    width: 24.869%;
    margin-left: 0.176%;
    margin-bottom: 2px;
    font-size: 17px;
    color: #e30412;
    padding-left: 15px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
	background-image: linear-gradient(to right, #e30412, #e30412 50%,transparent 50%,transparent);
    background-position: 100% 0;
    background-size: 330% 100%;
    transition: all .2s ease-in;
}

.menu-servizi-ul li a:hover{
    color:#f2ff29; background-position: 0 0;	
}
/*menu servizi new*/
.menu-servizi-new{
    overflow: hidden;
    margin-bottom: 22px;
    margin-top: 15px;}
.menu-servizi-ul-new{

}
.menu-servizi-ul-new li{
    display: block;

}
.menu-servizi-ul-new li a{
    display: block;
    float: left;
    border: 1px solid #e30412;
    width: 32.5%;
    margin-left: 1.25%;
    margin-bottom: 2px;
    font-size: 18px;
    color: #e30412;
    padding-left: 20px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
   background-image: linear-gradient(to left,transparent 50%,#e30412 50%);
    background-position: 100% 0;
    background-size: 300% 100%;
    transition: all .2s ease-in;
}

.menu-servizi-ul-new li a:hover{
    color:#f2ff29; background-position: 0 0;	
}
.menu-servizi-ul-new li:first-child a{
    margin-left: 0px;
}
.menu-servizi-ul-new  li:nth-child(4) a{
    margin-left: 0px;
}
.menu-servizi-ul-new  li:nth-child(7) a{
    margin-left: 0px;
}

.menu-servizi-ul-new li a.active{
     color:#f2ff29; background-color: #e30412;	
    cursor: default;
}
/* fine menu servizi new*/


.menu-servizi-ul li a.active{
     color:#f2ff29; background-color: #e30412;
    cursor: default;
}

.menu-servizi-ul li:first-child a{
    margin-left: 0px;
}
.menu-servizi-ul li:nth-child(5) a{
    margin-left: 0px;
}



.miniature-servizi-box{
    position: relative;
    cursor: pointer;
}

.miniature-servizi-didascali{
    position: absolute; 
    display: block;
    left: 15px;
    bottom: 65px;
    font-size: 26px;
    color: #fff;
    text-decoration: none;
     border-bottom:1px solid #fff;
    z-index: 999;

}
a.didascali-4{
    bottom: 60px;
    font-size: 18px;
}

.miniature-servizi-box .hover{
    color: #f2ff29;
    border-bottom:1px solid #f2ff29;
    text-decoration: none;
}
.miniature-servizi-box .hover-2{
    color: #f2ff29;
    border-bottom:1px solid #f2ff29;
    text-decoration: none;
}

.after-img:after {
    content:'';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.4);
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.after-img:hover:after {
      opacity:1;
}
.after-img-active:after {
    content:'';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.4);
    opacity:1;
    z-index: 1;
}


a.miniature-servizi-titolo{
    position: absolute;
    background-image:url(../img/freccia-orizzontale.png);
    background-repeat: no-repeat;
    background-position: 90%; 
    display: block;
    left: 15px;
    bottom: 65px;
    width: 100%;
    font-size: 22px;
    color: #fff;
    text-decoration: none;
    padding-right: 10px;
}
a.miniature-servizi-titolo a:hover{
    color: #f2ff29;
    text-decoration: none;
}
.content-servizi{
    margin-bottom: 0px;
    font-family: 'gesta';
    font-size: 16px;
    margin-top:32px;
}
.content-servizi h4{text-transform: uppercase; font-size: 18px; margin-top: 20px;font-family: 'gesta-bold'; margin-bottom: 0px;}
.content-servizi img{margin-top: 10px;}
.content-servizi-titolo{
    color: #e30412;
    font-size: 56px; font-family: 'oswaldbook';
}

.content-servizi-testo-accordion{
    color: #333;
    font-size: 16px; font-family: 'gesta';
}

.content-servizi-box{
    position: relative;
    padding-top: 20px;
}

.scarica-scheda{
    font-family: 'gesta-bold';
}
a.scarica-scheda{
    display: block;
    line-height: 50px;
    background-color: #e30412;
    background-image:url(../img/freccia-scarica.png);
    background-repeat: no-repeat;
    background-position: 94%;
    color: #fff;
    font-family: 'gesta-bold';
    font-size: 20px;
    padding-left: 15px;
}
a.scarica-scheda:hover{
    color: #f2ef1a;
    font-family: 'gesta-bold'; transition:color 0.3s ease; text-decoration:none; 
    
}
#autogru-content-1{
    display: none;
}
#autogru-content-2{
    display: none;
}
#autogru-content-3{
    display: none;
}
#autogru-content-4{
    display: none;
}
.img-hover{display: none}
.altri-video-box{ height: 567px; overflow: hidden}
.menu-footer {width: 590px; float: right;}
.menu-footer ul li a{ font-size: 18px !important; font-family: 'oswaldbook';}
.didascalia-video{
    color: #e30412;
    font-weight: normal;
    font-size: 18px;
    padding-bottom: 3px;
    border-bottom: 1px solid #e30412;
    font-family: 'gesta-bold';
    margin-bottom: 8px; padding-bottom:8px; line-height:14px;
}
.altri-video-box a{text-decoration: none}
.altri-video-box a:hover{text-decoration: underline; color:#e30412;}

.dimensioni-player {width:100%; margin-left:0%; clear:both;} 

.link-categoria:hover img {transition:color 0.3s ease;}

.menu-formazione {
    display: block;
}

.menu-formazione a{
    display: block;
    float: left;
    border: 1px solid #e30412;
    width: 24.869%;
    margin-left: 0.176%;
    margin-bottom: 2px;
    font-size: 18px;
    color: #e30412;
    padding-left: 20px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
	background-image: linear-gradient(to right, #e30412, #e30412 50%,transparent 50%,transparent);
    background-position: 100% 0;
    background-size: 300% 100%;
    transition: all .2s ease-in;
}
.menu-formazione a:hover{
    color:#f2ff29; background-position: 0 0;	
}

.box-archivio-case-history {
    width:100%; 
    height:37px;background-image:url(../img/bg-repeat-archivio-case-history.png); background-repeat:repeat-x; 
    margin-top:25px; 
    height: 46px; 
}

a.archivio-case-history {
    width:364px; 
    height:46px; 
    text-align:left; 
    line-height: 44px; 
    color:#fff; 
    margin: 0 auto; 
    padding: 0px;
    padding-left: 63px;
    display: block;
    font-size: 24px;
    background-image: url("../img/trasparente-img.png");
    background-position: -1px -137px;
    background-repeat: no-repeat;
    font-family: 'Oswald-MediumItalic';
    text-decoration: none;
}

a.archivio-case-history:hover   {
    background-image: url("../img/trasparente-img.png");
    background-position: -1px -184px;
    background-repeat: no-repeat;
    color: #F9EB43 !important;
}

.sottotitolo-richiesta-info {color:#e30412; font-family: 'gesta-bold'; font-size:24px; text-transform:uppercase; margin-top:-30px;}

.campi-obbligatori-richiesta-info {color:#000; font-family: 'gesta-bold'; font-size:20px;}

.campo-seleziona-corso {border:1px solid #e30412; color:#323232; font-family: 'gesta-bold'; font-size:20px; height:50px; width:60%; line-height:50px; margin-top:25px;}

.dichiarazione-privacy  {color:#323232; font-family: 'gesta-bold'; font-size:16px; margin-top:25px;}

.accetto {color:#323232; font-family: 'gesta-bold'; font-size:20px; margin-top:25px;}

.invia-richiesta {
    background-color: #00a756;
    font-size: 26px;
    color: #fff;
    text-align: center;
    width: 235px;
    line-height: 50px;
    margin-top: 25px;
    border: 0px;
    padding: 0px;
    text-align: left;
    padding-left: 10px;
    background-image: url(../img/freccia-invio.png);
    background-position: 185px center;
    background-repeat: no-repeat;
}

.campo-selezione-preventivo {border:1px solid #e30412; color:#323232; font-family: 'gesta-bold'; font-size:20px; height:50px; width:28%; margin-right:4%; float:left; line-height:50px; margin-top:25px;}

.no-margin-right {margin-right:0%;}

.menu-formazione-corsi {width: 24.869%; float: left; border:1px solid #e30412; text-align:center; height:40px;  margin-left: 0.176%;}

.first {margin-left:0%;}

.menu-formazione-corsi a {font-size:18px; color:#e30412 !important; background-image: linear-gradient(to right, #e30412, #e30412 50%,transparent 50%,transparent); background-position: 100% 0; background-size: 300% 100%; transition: all .2s ease-in; line-height:40px; text-decoration: none!important}

.menu-formazione-corsi a:hover { border: 0px;}

.filiale-luogo	{color:#e30412; font-size:1.563em; height:35px; margin-top:10px; margin-left:20px; border-bottom:1px solid #e30412; }

div.filiale-luogo-gravellona	{color:#e30412; font-size:1.563em; height:35px; margin-top:10px; margin-left:20px; border-bottom:1px solid #e30412; width:240px;}

div.filiale-indirizzo	{color:#e30412; font-size:1.000em; height:35px; margin-top:10px; margin-left:20px;  font-family:'gesta';}

div.filiale-mail {width:32px; height:22px; float:right;  margin-right:20px;}
/*richiesta informazioni input*/
.input {
    border:1px solid #e30412; 
    color:#323232; 
    font-family: 'gesta-bold'; 
    font-size:20px; 
    height:50px; 
    line-height:50px; 
    margin-top:25px;
    padding-left: 30px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color:#323232; 

}
::-moz-placeholder { /* Firefox 19+ */
   color:#323232 !important;
    opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
   color:#323232; 

}
:-moz-placeholder { /* Firefox 18- */
   color:#323232; 

}
.input-lungo {width:680px; padding-right: 20px;}
.input-corto {width:320px; float: left; margin-right: 40px;}
.accetto{
    height:18px; 
    width:18px; 
    border:1px solid #ccc; 
    float:left; 
    margin-right:10px !important; 
    margin-top:5px;
}
 .menu-servizi {
            margin-bottom: 30px;
        }
        #content-page{
            font-family: 'gesta';
            font-size: 16px;
 }
.certificazione-footer{
   top: -81px;
    position: absolute;
}
.titoli-certificazione {
    font-size: 26px;
    font-family: 'oswaldbook';
    color: #fff;
    margin: 0 auto;
    padding: 0px;
    text-align: left;
    margin-top: 30px;
}
.linea-gialla-certificazione {
    text-align: left;
    margin: 0 auto;
    padding: 0px;
    margin-bottom:15px;
    line-height: 10px;
}
.foto-certificazione-dx{
    margin-left: 90px;
}
.icone-social{ margin-top: 25px; border-bottom: 1px solid #E30412; padding-bottom: 15px}
.icone-social a{ margin-right:0px;}
.icone-social img{ margin-left: 25px;  opacity:1;}
.icone-social img:hover{  opacity:0.7;}
.spessore-giallo{
    clear: both;
    height: 5px;
    background-color: #f2ff29;
}

.piu{font-size: 18px}
.piu-contatti{ 
}
.contatti-principale{
    width:100%;
    overflow: auto;
    font-size: 22px;
    padding: 10px 0px;
    background-color:#fff;
    color:#E30412; 
    border:1px solid #E30412;
    cursor: pointer;
}

.contatti-principale p{
   font-family: 'gesta';
   font-size: 14px;
    color: #000;
}
.contatti-principale ul{
    float: right;
}
.contatti-principale ul li{
    display: inline-block;
    margin-left: 15px;
}
.sede-pincipale-titolo{
    border-bottom: 1px solid #e30412;
}
.contatti-principale p{
    margin-top: 15px;
}
.contatti-principale a{
    color: #fff;
}
.contatti-box-3{
    width: 32.5%;
    float: left;
    margin-right:  1.251%;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 15px;
}
.contatti-box-4{
    float: right;
    margin-right: 0;
    width: 32.5%;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 15px;
}

/***gestione mappa**/ 
.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}   

@media screen and (max-width: 1024px) {
.facebook-like-box {display:none;} .footer-sx {display:none;}
}
    
@media screen and (max-width: 980px) {
        .iframe-container > *{
            padding: 0px 30px;
    } 
    }
/***gestione mappa**/ 

#map{
    width: 100% !important
}
      #container-map{width: 100%; height:500px;top:100px; left:0;position: relative;	}
      		#top-sfu{width:100%; background: url(img/top-sfu.png) repeat-x; height:10px;position: absolute;z-index:20;top:0;}
      		#bottom-sfu{width:100%; background: url(img/bottom-sfu.png) repeat-x; height:10px;position: absolute;z-index:20;bottom:0;}
      		#logo{width:200px;height:200px; background: url(img/logo.png);position: absolute; left:100px; bottom: 150px;z-index: 30;}

      .popup a{color:#fe4a5d;text-decoration: none;}	
      .popup h2{margin:0;padding:0;}
      .popup #berlin{width:220px;height:40px; background: url(img/berlin.png);text-indent: -9999px}
      
      #map-canvas{width: 100%; height:100%; position:relative;z-index:10;}

/**gestione select**/
select {
  font-size: 16px;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* background: url(http://www.stackoverflow.com/favicon.ico) 96% / 15% no-repeat #eee;*/
  background-color: #fff;
  border-radius: 0px; 
  -moz-border-radius: 0px; /* firefox */
  -webkit-border-radius: 0px; /* safari, chrome */

}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/* CAUTION: IE hackery ahead */


select::-ms-expand { 
    display: none; /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    .select select {
        background:none\9;
        padding: 5px\9;
    }
}
.altezza-home{
    padding-top: 20px;
}
a.van-service-link{
    position: absolute;
    display: block;
    border: 1px solid #fff;
    width: 130px;
    line-height: 40px;
    text-align: center;
    bottom: 10px;
    left: 45px;
    font-family: 'oswaldbook';
    font-size: 18px;
    color: #fff;
}
.contatti-principale-hover{
    background-color:#E30412;
    color:#fff; 
    border:1px solid #fff;
}
.sede-pincipale-titolo-hover{
    border-bottom: 1px solid #fff;
}
a.mail-contatti{color:#fff!important}
.pagina-foramzione{
    padding-bottom: 50px !important;
}
.formazione-titolo-2{
    color: #e30412;
    font-size: 24px;
    font-family: 'gesta';
    line-height: 24px;
}
.formazione-titolo-3{
    color: #e30412;
    font-size: 24px !Important;
    font-family: 'gesta';
    line-height: 24px;
    text-transform:none !important;
}
p{margin-bottom: 17px}
.scarica-formazione{
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    margin-top: 30px;
}
.formazione-download{
    margin-bottom: 25px; 
    margin-top: 0px;
}
.formazione-linea{
    height: 1px;
    background-color: #000;
    margin-top:2px;
    margin-bottom: 17px;
}
.content-servizi-titolo-formazione{
    color: #e30412;
    font-size: 56px; font-family: 'oswaldbook';
    line-height: 50px;
    padding-top: 12px;
    padding-bottom: 8px;  
}
.ul-formazione li{
    background-image: url(../img/flaq-formazione.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 30px;
    padding-bottom: 20px;
    font-style: italic;
}
.ul-formazione li:last-child{

    padding-bottom: 14px;

}
a.scarica-catalogo-corsi{
    display: block;
    line-height: 40px;
    border: 1px solid #E30412;
    width: 468px;
    line-height: 70px;
    padding-left: 20px;
    color: #E30412;
    font-family: 'oswaldbook';
    font-size: 26px;
    margin-top: 6px;
}
a.scarica-catalogo-corsi img{
    margin-bottom: 20px;
    margin-left: 15px;
}
.footer-social{
    text-align: right;
    padding-bottom: 20px;
}
.organismo-box{
    overflow: hidden;
    margin-bottom: 25px;
}
.organismo{
    width: 550px;
    height: 54px;
    float: left;
    border-right: 1px solid #000;
    font-family: 'gesta-bold';
}
.organismo-logo{
    width: 179px;
    float: left;
    margin-left: 20px;
}
.organismo-logo img{
    margin: 0px;
    padding: 0px;
}
.base-accordo {
   margin-bottom: 16px; 
}
.base-accordo ul{
   margin-left: 17px; 
}
.base-accordo span{
      font-family: 'gesta-bold';
      font-size: 20px !important;
}
.scarica-wrap{
    overflow: hidden
}
.scarica-wrap>div{
    border: 1px solid #E30412;
    width:43%;
    float: left;
    padding: 15px;
    position: relative;
}
.scarica-wrap-sx{
    margin-right: 30px; 
}
.scarica-wrap-dx{
}
.decreto{
    display: block;
    font-family: 'Oswald-DemiBold';
    font-size:24px;
    color: #e30412;
}
.decreto-mese{
    display: block;
    font-family: 'Oswald-DemiBold';
    font-size:20px;
}
.decreto-img{
    position: absolute;
    width: 39px;
    height:36px;
    right: 15px;
    top: 13px;
}
.durata-ore{
    font-size: 20px;
    font-family: 'gesta-bold';
    padding-left: 45px;
    background-image: url(../img/orologio.png);
    background-repeat: no-repeat;
    position: left center;
    height: 38px;
    color: #e30412;
    padding-top: 4px;
    margin-bottom: 20px;
}
.argomenti{
    margin-top:15px; 
    margin-bottom:5px;
    font-family: 'gesta-bold';
    font-size: 18px !important;  
}
.calendario-corsi li{
    width: 360px;
    height: 200px;
    border: 1px solid #e30412;
    float: left;
    margin-right: 30px;
    padding: 10px 18px 0px 18px;
    margin-bottom: 45px;
    position: relative;
}
.calendario-corsi li:nth-child(3n){
    margin-right: 0px;
}
.calendario-corsi li h5{
    color: #e30412;
    font-size: 26px;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    font-family: 'gesta'; 
}
.corsi-data-1{
    display: block;
    font-family: 'gesta-bold';
    font-size: 22px;
    padding-left: 40px;
    background-image: url(../img/icona-calendario.png);
    background-repeat: no-repeat;
}
.corsi-data-2{
    display: block;
    font-family: 'gesta';
    font-size: 17px;
    padding-left: 40px;
    background-image: url(../img/icona-puntatore.png);
    background-repeat: no-repeat;
    line-height: 31px;
}
a.corsi-iscritti{
    width:311px;
    height:46px;
    background-image: url(../img/pulsante-iscritti.png);
    background-repeat: no-repeat;
    color: #fff;
    position: absolute;
    bottom: -20px;
    left: 24px;
    text-align: center;
    display: block;
    line-height: 46px;
    font-size: 24px;
    font-family: 'oswaldbook';
    text-decoration: none;
}
a.corsi-iscritti:hover{
    color: #f2ff29;
}
.formazione-titolo-4{
    color: #000;
    font-size: 20px !Important;
    font-family: 'gesta';
    line-height: 24px;
    text-transform:none !important;
    cursor: pointer;
}
.formazione-titolo-4:hover{
    color: #e30412;
}
.formazione-titolo-4-active{
    color: #e30412;
}
.ul-trattino li {
    position: relative;
}
.ul-trattino span {
    position: absolute;
}
.ul-trattino div {
    padding-left: 10px;
}
.ul-numerico li {
    position: relative;
}
.ul-numerico span {
    position: absolute;
}
.ul-numerico div {
    padding-left: 40px;
}
.li10 {
    padding-left: 40px !important;
}
.icona-facebook{
    background-image: url(../img/trasparente-img.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 23px;
    width: 11px;
}
.icona-facebook:hover{
    background-position: 0px -24px;
    opacity:1 !important;
}
.icona-istagram{
    background-image: url(../img/trasparente-img.png);
    background-repeat: no-repeat;
    background-position: -14px 0px;
    height: 23px;
    width: 23px;
    margin-left: 12px;
}
.icona-istagram:hover{
    background-position: -14px -24px;
    opacity:1 !important;
}
.icona-youtube{
    background-image: url(../img/trasparente-img.png);
    background-repeat: no-repeat;
    background-position: -38px 0px;
    height: 23px;
    width: 33px;
    margin-left:11px;
    margin-right:30px
}
.icona-youtube:hover{
    background-position: -38px -24px;
    opacity:1 !important;
}
.icona-bustina{
    background-image: url(../img/trasparente-img.png);
    background-repeat: no-repeat;
    background-position: -74px -2px;
    height: 18px;
    width: 27px;
    margin-left:40px;
    margin-right:42px;
}
.icona-bustina:hover{
    background-position: -74px -27px;
    opacity:1 !important;
}
#banner-dettagli{
    position: relative;
}
.back{
    position: absolute;
    width: 126px;
    height: 41px;
    background-image: url(../img/trasparente-img.png);
    background-repeat: no-repeat;
    background-position: 0px -48px;
}
.back:hover{
    background-image: url(../img/trasparente-img.png);
    background-repeat: no-repeat;
    background-position: 0px -90px;  
}
.pulsante-prev{
    position: absolute;
    width: 81px;
    height: 67px;
    background-image: url(../img/trasparente-img.png);
    background-repeat: no-repeat;
    background-position: -128px 0px;
    top: 40%;
    left: 20px;
    display: none;
}
.pulsante-prev:hover{
    background-image: url(../img/trasparente-img.png);
    background-repeat: no-repeat;
    background-position: -128px -68px;  
}
.pulsante-next{
    position: absolute;
    width: 81px;
    height: 67px;
    background-image: url(../img/trasparente-img.png);
    background-repeat: no-repeat;
    background-position: -210px 0px;
    top: 40%;
    right: 20px;
    display: none;
}
.pulsante-next:hover{
    background-image: url(../img/trasparente-img.png);
    background-repeat: no-repeat;
    background-position: -210px -68px;  
}
.area-titolo{
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 15px;
}
.area-titolo-dx{
    float: left;
    width: 23%;
    line-height: 50px;
    font-family: 'Oswald-DemiBold';
    font-size: 26px;
    color: #000;
    position: relative
}
.area-titolo-dx span{
    position: absolute;
    width: 50px;
    height: 5px;
    width: 48px;
    background-color:#e30412;
    bottom: 0px;
    left: 0px;
}
a.area-titolo-sx{
    float: left;
    font-family: 'gesta-bold';
    font-size: 20px;
    color: #fff;
    background-color: #e30412;
    width: 77%;
    line-height: 50px;
    padding-left: 35px;
    background-image: url(../img/download-bianca.png);
    background-position: center right;
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
   
}
a.area-titolo-sx:hover{
    background-image: url(../img/download-bianca-hover.png);
}

.thumbnail-dettagli img{
    width: 100%;
}

.thumbnail-dettagli ul li{
    float: left;
    width: 23.5%;
    height: 170px;
    margin-right: 2%;
    position: relative;
    margin-bottom: 20px;
}
.thumbnail-dettagli ul li:nth-child(4){
   margin-right: 0;
}
.thumbnail-dettagli ul li:last-child{
   margin-right: 0;
}
.rettangolo{
    position: absolute;
    top: 0px;
    bottom: 4px;
    left: 0px;
    right: 0px;
    width: 100%;
    border: 6px solid  #E20411;
    display: none;
}
.rettangolo-2{
    position: absolute;
    top: 0px;
    bottom: 4px;
    left: 0px;
    right: 0px;
    width: 100%;
    border: 6px solid  #E20411;
    display: none;
}
.thumbnail-dettagli ul li img{
     cursor: pointer;
}
.dettaglio-big{display: none;}
.storia-numeri{overflow: hidden;}
.storia-numeri img{float:right; margin-right: 135px; display: block; margin-bottom: 70px; margin-top:50px; };
.elenco-date{overflow: hidden}
.wrap-date{
    background-image: url(../img/storia-sfondo.png);
    background-position: 473px 180px;
    background-repeat: no-repeat;
    float: right;
}
.wrap-date-interni{position: relative; overflow: hidden; margin-bottom: 75px;}
.date-interni-sx{ float:left; width: 436px; text-align: right;margin-right: 40px;}
.date-interni-sx img{}
.date-interni-dx img{}
.date-interni-dx{ float:right; width: 560px;margin-left: 40px; text-align: left;margin-top: 120px;}
.storia-pallino{position: absolute; display: block; left: 458px; top:148px}
.case-history-text{margin-top: 10px;font-family: 'gesta'; font-size: 16px;}
.case-history-text h5{margin-top: 10px;font-family: 'Oswald-DemiBold';font-size: 20px;}

.case-history-text h1{margin-top: 10px;font-family: 'Oswald-DemiBold';font-size: 20px;}

.case-history ul {
    float: left;
    width: 33.333%;
    height: 480px;
    margin-right: 2%;
    position: relative;
}
.bordo-3-{
    position: absolute;
    height: 6px;
    background-color: #E20411;
    bottom:0px;
    width: 100%;
    z-index:999;
}
.rettangolo-3{
    position: absolute;
    top: 0px;
    bottom: 4px;
    left: 0px;
    right: 0px;
    width: 100%;
    border: 6px solid  #E20411;
    display: none;
    border-bottom: 0px;
}

.home-titolo-foto{
    font-family: 'gesta'; font-weight:300; font-style:italic; padding-top:20px; font-size:30px; color:#fff; text-align:center; position:absolute; bottom:50px; line-height:50px;
}
.titolo-home {
    font-family: 'GestaMediumItalic';  
    padding-top:20px;  
    color:#fff; 
    text-align:center; 
    position:absolute; 
    bottom:50px; 
    line-height:50px; 
    font-size:50px; width:100%
}
.box-informativa-top{float: right;}
.piu-contatti{font-size:30px}
.spessore-history{margin-top: 30px;}
.menu-mini-autogru-1{
    margin-right:0px; 
    width:32.5%; 
    float:left; 
    margin-right:1.3%
}
.menu-mini-autogru-2{
    margin-right:0px; 
    width:32.5%; 
    float:left
}
.menu-mini-autogru-3{
    margin-right:0px;
    width:32.5%; 
    float:right
}
.servizi-mini-autogru-1{
    margin-right:0px; 
    width:32.5%; 
    float:left; 
    margin-right:1.3%
}
.servizi-mini-autogru-2{
    margin-right:0px; 
    width:32.5%; 
    float:left;
}
.servizi-mini-autogru-3{
    margin-right:0px;
    width:32.5%; 
    float:right
}
.pagina-dettagli-footer{
    margin-top: 80px;
}
.info-autogru{
    display: none;
}
.privacy-info{
      display: none;
}
.info-trasporti{
      display: none;
}
.descrizione-info{
    width: 680px !important;
}

.info-piattaforme{
      display: none;
}
.content-box{
    position: absolute;
    bottom: 130px;
    left: 50px;
    width: 100%;
}
.content-box-relative{
    position: relative;
    bottom:0px;
     width: 95%;

}
.titoli-aree-pagine {
    font-size: 34px;
    font-family: 'oswaldbook';
    color: #242021;
    margin: 0 auto;
    padding: 0px;
    text-align: left;
    margin-top: 30px;
    color: #fff;
    font-size: 56px;
    font-family: 'Oswald-DemiBold';
    margin-bottom: 4px;
    visibility: visible; 
    animation-delay: 0.2s; animation-name: bounceInLeft;
}
.didascalia-linea-news{
    position: absolute;
    bottom: -20px;
    left: 3px;
}
.ul-trasporti li{
    float: right;
    width: 49.50%
}
.ul-trasporti li:nth-child(2n+1) {
    float: left; 
}
.ul-trasporti li img{
    width: 100%
}
.servizi-trasporto-menu-1{
    margin-right:0px; width:49.35%; float:left; margin-right:1.3%
}
.servizi-trasporto-menu-2{
    margin-right:0px; width:49.35%; float:right
}
.box-sollevatori-menu-1{
    margin-right:0px; 
    width:24%; 
    float:left; 
    margin-right:1.3%
}
.box-sollevatori-menu-2{
    margin-right:0px; 
    width:24%; 
    float:left;
    margin-right:1.3%
}
.box-sollevatori-menu-3{
    margin-right:0px;
    width:24%; 
    float:left; 
    margin-right:1.3%
}
.box-sollevatori-menu-4{
    margin-right:0px;
    width:24%; 
    float:right
}
.elimina-freccia a{background-image: none !important}
a.elimina-freccia-link{background-image: none !important; }
.titolo-colore a{color: #E30412 !important;}
.ul-noleggio{margin-left: 0px !important}
.ul-noleggio li{
    background-image: url(../img/punto.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-left: 9px;
}
.ul-noleggio-interno li{
    background-image: url(../img/linea.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-left: 9px;
}
.noleggio-img{margin-top: 3px !important;}
.h3-sostienici{font-size:24px; font-family: 'Oswald-DemiBold'; margin-top: 35px; margin-bottom: 0px}
.descrizione-home{
    font-family: 'gesta'; 
    padding-top:60px; 
    font-size:18px;
	text-align: justify; }
.storia-scritte li{
        font-family: "anivers-sc",sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        border-left-color: #fff;
        line-height: 30px;
        margin-bottom: 7px;
        text-transform: uppercase;
    
    }
.storia-scritte li span{margin-bottom: 7px;}
.storia-scritte li span{background-color:#fff; padding-right:10px; padding-left: 3px;}
.new-date-interni-sx{ float:left; width: 436px; text-align: right;margin-right: 40px;}
.new-date-interni-sx img{margin-bottom: 7px;}
.new-date-interni-dx img{margin-bottom: 7px;}
.new-date-interni-dx{ float:left; width: 560px;margin-left: 40px; text-align: left;margin-top: 120px;}
.scritte-sx span{padding-right:3px !important;; padding-left: 7px !important;}
.altezza-1972{margin-top:138px}
.altezza-1987{margin-top:142px}
.altezza-2009{margin-top:142px}
.carica-altro-padding{padding-left:110px !important;}
.box-formazione-testo{
    position: absolute;
    bottom: 25px;
    width:100%;  
    margin:0px; 
    padding:0px;
    height: 45px;
}
 .cc_container .cc_btn, .cc_container .cc_btn:link {color: #F9EB43 !important;
     background-color: #E30412 !important;}
.cc_container .cc_btn, .cc_container .cc_btn:hover {
     background-color: #fff !important;color: #000 !important;}
.elenco-mobile{display: none}
 .didascalia-mobile{display: none}
a.logo-intermedia{display: block; text-align: center; margin-top: 5px; margin-bottom: 5px}
.van-service-mobile{display: none}
.numero-mobile{display:none}
.spessore-dettaglio{margin-top: 65px;}
.sezione-noleggi-mobile{display: none}
   .sezione-noleggi-desktop{display: block;}

.solo-prentivi{bottom: 30px;}