@charset "utf-8";
@import url("font/Raleway/local.css");

/* -------------------------------------------------------------------------------

    0.  Reset & Clearfix
    1.  General
    2.  Menu
    3.  Pages and Subpages
    4.  Separators
    5.  Home Page
    6.  About Us
    7.  Our Services
    8.  Portfolio
    9.  Portfolio Images Hover Effects
    10. Portfolio Project page
    11. Portfolio Testimonials
    12. News
        13. News Images Hover Effects
        14. News Post Page
        15. Twitter,
    16. Contact
        17. Footer
    18. Media Queries
        
*/


/* ------------------------------------------------------------------------------- */
/*  0. Reset & Clearfix
/* ------------------------------------------------------------------------------- */

*{
    box-sizing: border-box;
}

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,dl,dd,dt,ul,li,label,article,details,footer,header,menu,nav,input,textarea,select{
    background:transparent;
    border:0;
    outline:0;
    padding:0;
    margin:0;
    font-family: 'Raleway', sans-serif;
}


.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

li {
    list-style:none;
}



/* ------------------------------------------------------------------------------- */
/*  1. General
/* ------------------------------------------------------------------------------- */	





html,body{
    font-size:14px;
    width:100%;
    height:100%;
    color:#656565;
}


body {overflow-x:hidden;}

.container {
    width:980px;
    margin:0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
    z-index:10;
    position:relative;
}


#settori img{
    width: 100%;
}
.white {
    color:#FFF;
}

.color {
    color: #111;
}

.black {
    color:#262932;
}

.altezza{
    height: 290px;
}
.mb {
    margin-bottom:15px;
}

.mt {
    margin-top:15px;
}

.center {
    text-align:center;
    /*margin-top:70px;		*/
}

.big-paragraph {
    font-size:15px;
    line-height:24px;
}

.left {
    float:left;
}

#logout{
    text-align:right;

}

h1 { 
    font-size: 32px; 
    font-weight:600; 
    line-height:55px;
}

h2 {
    font-size: 28px;
    font-weight:600; 
    line-height:36px;
    margin: 10px 0px;
}

h3 { font-size: 18px; font-weight:600; line-height:30px; }
h4 { font-size: 16px; font-weight:600; line-height:24px;  }
h5 { font-size: 14px; font-weight:600; line-height:18px;  }

p { line-height:19px; margin-bottom:10px;}

a, li {
    color: #555555;
    text-decoration: none;
    -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}


#index h1{
    font-weight: 600;
    font-size:38px;
}
#index p{
    font-weight: 600;
}

img, div, input, textarea {
    -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}

.one_all {
    width: 98%;
}

.one_half {
    width: 49%;
}

.one_half_full {
    width: 50%;
}

.one_third {
    width: 30.5%;
}

.one_fourth {
    width: 22%;
}

.one_fifth {
    width: 16.8%;
}

.one_sixth {
    width: 13.33%;
}

.two_fifth {
    width: 37.6%;
}

.two_fourth {
    width: 48%;
}	

.two_third {
    width: 65.33%;
}



.three_fifth {
    width: 58.4%;
}

.three_fourth {
    width: 74%;
}

.four_fifth {
    width: 79.2%;
}

.five_sixth {
    width: 82.67%;
}
.full_sixth {
    width: 98%;
}

.one_half, .full_sixth, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    float: left;
    margin-bottom: 10px;
    margin-right: 2%;
    position: relative;
}

#contact h3 {
    font-size:25px;
}

#logo img{
    height:50px;
}

.crop {
    width: 440px;
    height: 247px;
    overflow: hidden;
}

.crop img {
    width: 440px;
    height: auto;
    margin: 0px;
}


.image-cropper {
    width: 200px;
    height: 200px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.titazmappa{
    font-weight:600;
    margin-bottom:10px;
    padding:0px;
    font-size:18px;
}

.separatori h3{
    font-size:22px;
    color:#FFF;
}
.separatori p{
    font-size: 18px;
    color:#FFF;
}

.apriazmappa{
    color:#088BDB;	
}

.results{
    margin:10px 0px;
    border-bottom:3px dotted #dedede;
    padding:10px 0px;
}

#risultaticerca{
    margin:20px 0px;	
}

.indirazmappa{
    margin-bottom:4px;
    padding:0px;
}

.titolofaq{
    font-weight:600;
}

#azienda img{
    width:450px;
    height:auto;
}


.titolonews{
    font-weight:600;
    margin-top:5px;

}

.glowing-border {
    border: 2px solid #dadada;
    /*border-radius: 7px;*/
}

.glowing-border:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

#formdatifatt .one_half, #formdatisped .one_half{
    margin-bottom: 0px;
}

.last {
    margin-right:0px!important;
}




label{
    display:block;
    padding:5px 0px;
}

input{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dbdbdb;
    color: #444;
    padding:10px;
    border-radius:0px;
    width:100%;
    font-size:14px;
}

input:focus, textarea:focus{
    color:#808080;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
}

input[type="checkbox"], input[type="radio"]{
    width: 30px;
}

input[type="sumbit"]{
    width: 100px !important;
}

select{
    background: none repeat scroll 0 0 #dedede;
    border: 1px solid #7A7A78;
    color: #444;
    padding:10px;
    height:50px;
    min-width:100px;
    border-radius:5px;
}


textarea {
    width:100%;
    padding:10px;
    background:#fff;
    height:133px;
    resize:none;
    color:#808080;
    font-size:14px;
    border: 1px solid #dbdbdb;
}


.btn_small {
    margin-top:10px;
    font-size:14px;
    color:#004082;
}

.btn_small:hover {

}

.pagina img {
    max-width: 1000px;
}

/******************
CARRELLO
//////////////////////*/


#sceglilingua{
    position: absolute;
    bottom:100px;
    right:20px;
    z-index: 9999999999;
    color:#fff;
}

#sceglilingua a{
    color:#fff;
}
.prod_taglia{
    margin:20px 0px;

}
.prod_prezzo{
    position:absolute;
    margin-top:210px;
    margin-left:700px;
    padding:20px 0;
    font-size:20px;
    display: none;
}

.prod_nome{
    color:#AA2E30;	
    padding:20px 0;
}

.prod_carrello{
    position:absolute;
    margin-top:60px;
    margin-left:700px;
}

.prod_img img{
    max-width:600px;
}

#offertepresenti{
    border:4px dotted #dedede;
    padding:10px;
    margin-bottom:20px

}

#offerta_titolo{
    text-align:center;
    font-weight:800;
}

.inevidenza{
    padding:5px;
    font-weight:bold;
    margin:10px 0;
    background:#dedede;
}

.prod_descr{
    color:#444;
    font-weight:normal;
    margin-top:20px;
    line-height:20px;
}

.prod_offerta{
    color: #FFFFFF;
    margin-left: 0;
    margin-top: 20px;
    position: absolute;
}

/*FINE CARRELLO*/

.btn_small2 {
    color: #fff;
    padding:10px 20px;
    background:#ABD1AC;
    text-align:center;
    display:inline-block;
    margin-top:20px;
    border-radius:8px;
    text-transform:capitalize;
}

.btn_small2:hover {

    opacity:1;
}

.daticliente{
    background:#ABD1AC; 
    padding:10px;

    width:300px;
    margin:0 auto;
    border-radius:8px;	
    margin-bottom:20px;
}


#share{
    text-align:right;

}

.btn_invia{
    background-color: #767675;
    color:#fff;
    -webkit-appearance: none;
}
.elevel{
   font-size:12px;
}

#footer p{
    font-size:14px;
    line-height: 19px;
}

.btn_ricalcola{
    background-color: #DEDEDE;
    color: #333333;
    font-size: 12px;
    padding: 5px;
    border:1px solid #333;
    width:70px;
    border-radius:8px;	
    -webkit-appearance: none;
}

.carrqnt{
    width:50px; border:1px solid #dedede;padding: 5px;
}

.btn_procedi{
    background-color:#ABD1AC;
    color:#FFF;
    padding:10px 20px;
    border-radius:8px;	
    -webkit-appearance: none;
}


.btn_reg {
    /* background-color: #B3F86D;*/
    background-color: #ABD1AC;
    /* margin: 10px; */
    padding: 10px 20px;
    text-align: center;
    float: left;
    /* width: 160px; */
    color: #444;
    /* font-weight: bold; */
    border-radius: 5px;
}


#formcerca input[type="text"]{
    float:left;
    width:80%;	
    margin-right:1%;
    font-size:14px;
    height:45px;
}

#formcerca input[type="submit"]{
    width:19%;
    background-color:#D8EAD9;
    color:#444;
    height:45px;
    font-size:14px;
}
.titolosezric{
    font-weight:600;
}

#oraintv {
    position: absolute;
    margin-left: 193px;
    background-color: #acd0ad;
    color: #fff;
    padding: 5px 10px;
    margin-top: 164px;
    width: 100px;
    text-align: center;
}


#newstutte .abstract_prog{
    height:60px;
    font-size:12px;
    line-height: 18px;
    margin-bottom: 10px;
}

#newstutte .news_titolo {
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0px;
    text-align: center;
    height: 30px;
}

.abstract_prog{
    height:140px;
    font-size:12px;
    line-height: 18px;
    margin-bottom: 10px;
}
.box_shadow{
    -moz-box-shadow: 0 0 15px 4px #dedede;
    -webkit-box-shadow:0 0 15px 4px #dedede;
    box-shadow: 0 0 15px 4px #dedede;
}

#elencoofficine{
    padding-top:50px;

}
#elencoofficine li{
    display:inline-block;
    background:#A5A5A5;
    color:#fff;
    padding:10px;
}

.storebox{
    min-height:260px;
}
#store .nomeprod{
    font-size:20px;
    font-weight:600;
    height:30px;
}
#store .descrbreveprod{
    font-size:12px;
}

#store .btn_small {
    color: #acd0ad;
    padding: 0px;
    display: inline-block;
    margin-top: 0px;
    font-size: 16px;
}

#store .boxdescr{
    float: left;
    width: 100%;
    background-color: #fff;
}

#store img{
    border:1px solid #dedede;	
    width:100%;
}

#store i{
    padding: 10px 20px;
    background:#bfbfbf;	
    color:#fff;
}

.boxcart{
    position:absolute;
    margin-left:227px;
    display: none;
}
.boxprezzo{
    position: absolute;
    margin-left: 92px;
    margin-top: -20px;
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    width: 200px;
    display: none;
}

.elenco_orizz_rubriche {
    position: absolute;
    margin-left: 424px;
    margin-top: -35px;
    text-align: right;
    width: 540px;
}
.elenco_orizz_rubriche li{
    display:inline;
    margin:0px 10px;	
}

#bikeroutecat{
    margin-top:20px;
}
/* ------------------------------------------------------------------------------- */
/*  2. Menu
/* ------------------------------------------------------------------------------- */

#partner img{
    max-width:300px;


}
#navigation {
    background:#FFF;
    position: absolute;  
    width: 100%;
    height: 80px;
    z-index: 1000;		
    bottom:0px;
    border-bottom: 1px solid #cecece;
}

#navigation2 {
    background: #FFF !important;
    position: absolute;  
    width: 100%;
    height: 80px;
    z-index: 1000;		
    top	: 0px;
    border-bottom: 1px solid #cecece;
}

#logo {
    float: left;
    margin-left: 50px;
    margin-top: 7px;
    padding: 0;
}

#logo img{
    height:65px;
    width:auto;
}

.dot {
    font-size:45px;
}

#navigation ul, #navigation2 ul {
    padding-top:30px;
    float:right;		
}

#navigation ul li, #navigation2 ul li {
    display: inline;
    margin-right:50px;

}

#navigation a, #navigation a:active, #navigation a:visited, #navigation2 a, #navigation2 a:active, #navigation2 a:visited  {
    color: #7f7f7f;
    padding-top: 24px;
    font-weight: 400;
    text-transform: uppercase;
}

#navigation ul li:hover a, #navigation ul li.current a,#navigation2 ul li:hover a, #navigation2 ul li.current a  {
    color: #e40713;
    border-top: 6px solid #e40713;
}


#formmappa{
    margin-bottom: 20px;
}

#formmappa input[type=text]{
    background-color: #e9e9e9;
    color: #656565;
    border: 0px;
    border-radius: 0px;
    float: left;
    width: 540px;
    margin-right: 10px;

}

#formmappa input[type=submit]{
    background-color:#e9e9e9;
    color:#656565;
    border:0px;
    border-radius:0px;
    width:80px;
}




/* ------------------------------------------------------------------------------- */
/*  3. Pages and Subpages
/* ------------------------------------------------------------------------------- */


#index{
    background:#000;
    height: 100%;
    margin-bottom: -100px;
    position: relative;
}

#elencoprodotti, #dettaglipacchetti {

    margin-top: -80px;
    position: relative;
}

.ourteam {
    background:#ebebeb;
}

.newsletter {
    background:#ef4a4a;
}

.projects-filters {
    background:#262932;
}

#news, #offerte {
    background:#fefefe;
}

.twitter {
    background:#ef4a4a;
}

.contact-header {
    background:#fff;
}

.contact-form {
    background:#ECECEC;
}

.footer {
    background: #02adee;
    color: #fff;
}

.footerblock1{
    width:70%;
    float:left;

}
.footerblock2{
    width:30%;
    float:left;
    text-align:right;
}

.footercol{
    float:left;
    width:33%;	
}
.footer li, .footer a{
    color:#fff;
    font-weight:normal;
}








/* ------------------------------------------------------------------------------- */
/*  4. Separators
/* ------------------------------------------------------------------------------- */

.sepbg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;

}


#separator1, #separator2, #separator3, #separator4, #separator5, #separator6, #separator7, #separator8, #separator9 {
    width: 100%;
    min-height: 400px;
    overflow: hidden;
    position: relative;
}

.pattern {
    background: url('../images/pattern.png');
    background-repeat:repeat;
    position:absolute;
    width:100%;
    height:100%;
    opacity:0.7;
    z-index:0;
}

.client {
    float:left;
    margin:10px;
    width:140px;
    cursor:pointer;
    margin-top:65px;
    transition: all 0.3s ease 0s;
}

.client:hover {
    float:left;
    margin:10px;
    width:140px;
    cursor:pointer;
    margin-top:60px;
}





.addthis_sharing_toolbox {
    margin-left:800px;	
}




/* ------------------------------------------------------------------------------- */
/*  5. Home Page
/* ------------------------------------------------------------------------------- */


div.mc-image {
    -webkit-transition: opacity 1s ease-in-out; 
    -moz-transition: opacity 1s ease-in-out; 
    -o-transition: opacity 1s ease-in-out; 
    transition: opacity 1s ease-in-out;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center center;
    background-repeat:no-repeat;
    height:100%;
    overflow:hidden;
    width:100%;
}


#cycle-loader {
    height:32px;
    left:50%;
    margin:-108px 0 0 -8px;
    position:absolute;
    top:50%;
    width:32px;
    z-index:999;
}

#maximage {
    display:none;
    position:absolute!important;
    background:#000;						
}

#arrow_left, #arrow_right {
    bottom:180px;
    height:67px;
    position:absolute;
    right:50px;
    width:36px;
    z-index:1000;
}

#arrow_left {
    right:100px;
}

#arrow_left:hover, #arrow_right:hover {
    bottom:181px;
}

#arrow_left:active, #arrow_right:active {
    bottom:181px;
}

.in-slide-content {
    bottom:180px;
    left:50px;
    margin-right:10%;
    z-index:20;
    position:absolute;
    width:60%;
    text-align:left;
}

.in-slide-content h1{ 		
    z-index:20;
    color:#fff;
    border-bottom:#fff solid 0px;
    padding-bottom:3px;
    font-size:36px;
    line-height:30px;
    text-shadow: 2px 2px #333;

}

.in-slide-content p{ 		
    z-index:20;
    color:#fff;		
    font-size:25px;
    padding-top:20px;
    float:left;
    font-weight:bold;
    text-shadow: 2px 2px #333;
}



#mostranews img{
    max-width:900px;
    height:auto;
}



#partner ul li{
    display:inline;
    margin-right:10px;
}

.prodnelcarrello {
    background: none repeat scroll 0 0 #ec4616;
    border-radius: 57px;
    font-size: 12px;
    height: 20px;
    padding: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    margin-top: -19px;
    color: #fff;
    margin-left: -9px;
}

/* ------------------------------------------------------------------------------- */
/*  6. About Us
/* ------------------------------------------------------------------------------- */


.meter { 
    height: 30px;
    position: relative;
    margin: 0 0 35px 0;
    background:#ebebeb;
    width:100%
}

.meter > div {
    display: block;
    height: 100%;
    background-color:#ef4a4a;
}

.meter p {
    position:absolute;
    margin-top:5px;
    margin-left:10px;
}	

.team {
    width:225px;
    height:280px;
    background-color:#fff;
    float:left;
    margin-right:20px;
    overflow:hidden;
}

.team img.user{
    position:absolute;
}

.team-overlay {
    width:185px;
    height:240px;
    background-color:#fff;
    padding:20px;
    position:relative;
    margin-top:200px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.team:hover > .team-overlay{
    margin-top:0px;		
}

.team-overlay h5 {
    margin-bottom:2px;
}

p.team-function {
    color:#A1A1A1;
    margin-bottom:20px;
}

p.team-description {
    color:#555555;
    line-height:18px;
    margin-bottom:45px;
}

.team-social {
    width:27px;
    height:27px;
    background-color:#262932;
    margin-right:10px;
    float:left;
    border-radius:3px;
    bottom:20px;
}

.team-social:hover {
    background-color:#ef4a4a;
}

.team-social img{
    padding:3px;
}



.elencoprog {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.elencoprog img {
    display: block;
    width: 100%;
    height: auto;
}

.elencovideo {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.elencovideo img {
    display: block;
    width: 100%;
    height: auto;
}






/* ------------------------------------------------------------------------------- */
/*  7. Our Services
/* ------------------------------------------------------------------------------- */


.heading-and-icon {
    width:100%;
    margin-bottom:10px;
    height:60px;
}

.heading-and-icon img{
    float:left;
    margin-right:15px; 
}

.heading-and-icon h3 {
    padding-top:15px;
}

h3.newsletter { 
    float:left;
    margin-right:20px;
    margin-top:5px;
}

input.newsletter-email, input.newsletter-name {
    width:258px;
    padding:12px;
    float:left;
    background:#fff;
    color:#C4C4C4;
    font-size:18px;
    margin-right:20px;
    margin-top:0;		
}

button.newsletter-sent {
    color: #7F7F7F;
    padding: 0px 25px 0px 25px;
    background:#262932;
    height:46px;
    font-size:18px;
    text-align:center;
    display:inline-block;
    line-height:46px;
    border:0;
    cursor:pointer;
    transition: all 0.3s ease 0s;
}

button.newsletter-sent:hover {
    background:#262932;
    color:#fff;
}











/* ------------------------------------------------------------------------------- */
/*  8. Portfolio
/* ------------------------------------------------------------------------------- */


.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    z-index: 1;
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height;
    -moz-transition-property: height;
    transition-property: height;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    transition-property:         transform, opacity;
}

.isotope-item  img {
    width:100%;
}



.portfolio {
    width: 100.3%;
}

#portfolio h3{
    font-size:13px
}

nav.primary ul {
    float:right;
    margin-top:10px;
}

nav.primary ul li  {
    display:inline;

}

nav.primary ul li a {
    height:40px;
    width:auto;
    display:block;
    color:#7f7f7f;
    float:left;
    background:#363942;
    padding-left:20px;
    padding-right:20px;
    line-height:40px;
    margin-left:10px;
}

nav.primary ul li a:hover {
    color:#363942;
    background:#fff;
}

nav.primary ul li a:active, nav.primary ul li a.selected {
    background:#ef4a4a;
    color:#fff;
}	











/* ------------------------------------------------------------------------------- */
/*  9. Portfolio Images Hover Effects
/* ------------------------------------------------------------------------------- */


.portfolio li { 
    float: left; 
    width:16.6%;
    margin:0px!important;
    padding:0px!important; 
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    overflow:hidden;

}

.portfolio .cat1 {
    background:#ededed;
    border:1px solid #dedede;	
    margin:5px!important;
    padding:10px!important; 
}

.portfolio .cat2 {
    background:#ef4a4a;
    border:1px solid #dedede;	
    margin:5px!important;
    color:#fff;
    padding:10px!important; 

}

.portfolio .cat3 {
    background:#C9C0C0;
    border:1px solid #dedede;	
    margin:5px!important;
    padding:10px!important; 

}


.portfolio a { 
    display:block;
    text-decoration: none; 
}

.portfolio img { 
    width: 100%; 
    height: auto; 
    display: block; 
}

.view .mask {
    opacity: 0;
}	

.view:hover .mask {
    opacity:1;
}

.view {	   
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: left;	    
    border:1px solid #dedede;
}

.view .mask {
    width: 100%;
    height:100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background:#ef4a4a;
}


.mask h5 {
    text-align:center;
    color:#FFF;
    top:50%;
    width:100%;
    margin-top:-20px;
    position:absolute;
    line-height:24px;
}

.mask p {
    text-align:center;
    color:#FFF;
    opacity:0.5;
    top:50%;
    width:100%;
    margin-top:8px;
    position:absolute;
    line-height:12px;
}



.km_anno{
    font-weight:600;
    font-size:18px;
    text-align:center;
    margin:5px 0px;

}

.km_titolo{
    font-weight:600;
    font-size:12px;
    text-align:center;
    margin:5px 0px;
    padding:10px;

}
.km_tempo{
    text-align:center;
    margin:5px 0px;

}
.km_posiz{
    text-align:center;
    margin:5px 0px;

}
.km_data{
    text-align:center;
    margin:5px 0px;
}







/* ------------------------------------------------------------------------------- */
/*  10. Portfolio Project page
/* ------------------------------------------------------------------------------- */	


.project_page {
    background-color:#fff;
    width:960px;
}


.project_content {
    padding:40px;
    padding-bottom:20px;
    width:auto;
}

.categories li {
    background: url("../images/list-ico.png") no-repeat scroll 0 14px transparent;
    border-top: 1px solid #F2F2F2;
    display: block;
    padding: 10px 0 10px 13px;
}
.categories li:last-child {
    border-bottom: 1px solid #F2F2F2;
}
.categories li a {
    color: #ababab;
}
.categories li a:hover {
    color: #000;
}




.inside {
    padding-top: 30px !important;
}






/* ------------------------------------------------------------------------------- */
/*  11. Portfolio Testimonials
/* ------------------------------------------------------------------------------- */		


.carousel_testimonials {
    width: 100%;
    height:auto;				
}

.carousel_testimonials ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.carousel_testimonials li {
    width: 920px;
    height: auto;
    padding: 20px;				
    display: block;
    float: left;
}

.carousel_testimonials li h5 {
    color:#000;
    opacity:0.3;
}

.t-prev {
    float: left;
    background: url("../images/left.png") no-repeat;
    width:14px;
    height:21px;
    margin-left:20px;
    opacity:0.3;			
}

.t-prev:hover {
    opacity:1;
}

.t-next {
    float: left;
    background: url("../images/right.png") no-repeat;
    width:14px;
    height:21px;
    margin-left:10px;
    opacity:0.3;			
}

.t-next:hover {
    opacity:1;
}











/* ------------------------------------------------------------------------------- */
/*  12. News
/* ------------------------------------------------------------------------------- */


.container-news {
    width:100%;
    padding-top: 100px;
    padding-bottom: 40px;
}

.container-news h1 {
    text-align:left;
    margin-bottom:0px;
    /*	margin-left:50px;*/
    font-size:32px;
}	

.list_carousel {
    width: 100%;
    height:auto;		
}

.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;

}

.list_carousel li {
    background-color: #fff;
    width: 440px;
    height: auto;
    padding: 0;
    margin: 20px;
    display: block;
    float: left;
    border:0px solid #dedede;
}

.list_carousel li h5 {
    color:#000;
    margin-bottom:3px;
}

p.news-date {
    font-style:italic;
    margin-bottom:11px;
    color:#a1a1a1;
}

.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}

#news-navigation, #offerte-navigation  {
    width:160px;
    height:70px;
    padding-top:10px;
    margin:0 auto;
}


.prev {
    float: left;
    background: url("../images/left.png") no-repeat scroll 26px 24px #bfbfbf;
    width: 70px;
    height: 70px;
    padding: 20px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

#news-navigation a{
    color:#fff !important;
}
.prev:hover {
    background: url("../images/left_hover.png") no-repeat scroll 26px 24px #ef4a4a;
}

.next {
    float:left;		
    margin-left:20px;
    background: url("../images/right.png") no-repeat scroll 28px 24px #bfbfbf;
    width:70px;
    height:70px;
    padding:20px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius:50px;		
}

.next:hover {
    background: url("../images/right_hover.png") no-repeat scroll 28px 24px #ef4a4a;
}



.boxrubrica{

    height:360px;
}







/* ------------------------------------------------------------------------------- */
/*  13. News Images Hover Effects
/* ------------------------------------------------------------------------------- */


.news img {	   
    display: block;
    width: 100%;
    height:auto;	   
}

.news .mask {
    opacity: 0;
}	

.news:hover .mask {
    opacity:1;
}	

.news {
    width:100%;	   
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: left;	    
}

.news .mask {
    width: 100%;
    height:100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

.news a.icon {	
    height:70px;
    width:70px;
    padding:20px;
    left:50%;
    margin-left:0px;
    top:50%;
    margin-top:0px;		
    position:absolute;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius:50px;
}

.news  a.icon.zoom {
    background:url(../images/plus.png) 25px 25px no-repeat #FFF ;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.news a.icon.zoom:hover {
    background:url(../images/plus.png) 35px 35x no-repeat #FFF;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);		
}

.news-intro {
    border: 0px solid #dedede;
    float: left;
    padding: 10px;
    height: 200px;
    width: 440px;
    text-align: justify;
}

.news_titolo{
    font-size:18px;
    font-weight:600;
    margin:10px 0px;
    text-align:center;
}

.news_titoletto{
    font-size:12px;
    font-weight:700;

}

.news_abstract{
    font-size:12px;
    min-height:110px;
}

.news_abstract_home{
    font-size:12px;
}

.scheda_abstract{
    font-size:14px;


}

.news_dettaglio {
    padding: 0px;
    display:block;
    margin-top:15px;
}

.news_dettaglio:hover{
    color:#f00;

}

#latestvideo{
    float:left;
    margin-right:20px;
}

#latestvideo img{
    width:640px;
    height:360px;
}

#latestvideocat{
}



#bannervideo {
    /* float: left; */
    position: absolute;
    margin-top: 0px;
    margin-left: 662px;
}
#latest3video{
    margin-top:10px;	
}
#latest3video li{
    display:inline-block;
    margin-right:12px;

}

#latest3video img{
    width:309px;
    height:174px;
}


.titolovideo{
    font-size:15px;
    font-weight:bold;
    margin:5px 0px 10px 0px;
}

.titolocatvideo{
    font-size:17px;
    font-weight:bold;
    margin:5px 0px 10px 0px;

}

.testovideo{
    text-align:justify;
    height: 90px;
}

.playerxl {
    position: absolute;
    margin-left: 296px;
    margin-top: 150px;
    color: rgba(255, 255, 255, 0.75);
}
.playersmall{
    position:absolute; 
    margin-left:140px; 
    margin-top:67px; 
    color: rgba(255, 255, 255, 0.75);  
}

.playersmall2 {
    position: absolute;
    margin-left: 96px;
    margin-top: 44px;
    color: rgba(255, 255, 255, 0.75);
}

#videocat img{
    width:225px;
    height:130px;
}

/* ------------------------------------------------------------------------------- */
/*  14. News Post page
/* ------------------------------------------------------------------------------- */		

#mappabikefriendly{
    width:630px;
    float:left; 
    margin-right:10px;

}

.news_page {
    background-color:#fff;
    width:800px;
}

.news_content{
    padding:40px;
    width:auto;
}

.news-details {
    width:100%;
    height:auto;
    margin-bottom:20px;
}

p.post-admin {
    background: url("../images/post-admin.png") no-repeat scroll left center transparent;
    font-size: 12px;
    margin-bottom: 15px;
    color:#A1A1A1;
    padding-left:25px;
    float:left;
}

p.post-calendar {
    background: url("../images/post-calendar.png") no-repeat scroll left center transparent;
    font-size: 12px;
    margin-bottom: 15px;
    color:#A1A1A1;
    margin-left: 25px;
    padding-left:25px;
    float:left
}

p.post-tagss {
    background: url("../images/post-tag.png") no-repeat scroll left center transparent;
    font-size: 12px;
    margin-bottom: 15px;
    color:#A1A1A1;
    margin-left: 25px;
    padding-left:25px;
    float:left;
}

p.post-commentss {
    background: url("../images/post-comment.png") no-repeat scroll left center transparent;
    font-size: 12px;
    margin-bottom: 15px;
    color:#A1A1A1;
    margin-left: 25px;
    padding-left:25px;
    float:left;
}

.news_comments {
    padding:40px;
    background-color:#ECECEC;
    border-top: #dddddd solid 1px;
}

.user_comment {
    background: url("../images/user.png") no-repeat;
    padding-left:60px;
    margin-top:40px;
}

.user_comment_reply {
    background: url("../images/user.png") no-repeat scroll 0 0 transparent;
    margin-top: 40px;
    padding-left: 60px;
}

.comment-date {
    font-style:italic;
    margin-bottom:10px;
    color:#a1a1a1;
}

.comment-text {
    color:#555555;
}

a.reply {
    float:right;
    font-weight:bold;
    margin-top:10px;		
}

a.reply:hover {
    text-decoration:underline;		
}











/* ------------------------------------------------------------------------------- */
/*  15. Twitter
/* ------------------------------------------------------------------------------- */	


.twitter h2 {
    color:#fff;
    font-weight:bold;
    text-align:center;
    line-height:45px;
    margin-bottom:20px;
}

.twitter p {
    text-align:center;
    font-weight:bold;
    opacity:0.6;
}

.twitter-image {
    width:60px;
    margin:0 auto;
    margin-bottom:30px;
}










/* ------------------------------------------------------------------------------- */
/*  16. Contact
/* ------------------------------------------------------------------------------- */	


#map_canvas {
    width:100%;
    height:500px;
}




input.send_message {
    width:120px;
    background:#ef4a4a;
    float:left;
    color:#FFF;
    cursor:pointer;
    margin:0;
    font-size:12px;
    font-weight:normal;
}

input.send_message:hover {
    background:#262932;
}

.error_message {
    background-color: #FFE9E9;
    border-color: #FBC4C4;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    color: #DE5959;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    padding: 15px 40px 15px 18px;
    position: relative;
    float:none;
    width:auto;
}

fieldset {
    position:relative;
    float:left;
    padding:0;
    border:0 none;
    width:100%;		
}

fieldset h1{
    font-size:24px;
    color:#000
}











/* ------------------------------------------------------------------------------- */
/*  17. Footer
/* ------------------------------------------------------------------------------- */	


.footer-social {
    width:50px;
    height:50px;
    background-color:#363942;
    margin-right:30px;
    float:left;
    border-radius:50px;
    bottom:20px;
}

.footer-social:hover {
    background-color:#ef4a4a;
}

.footer-social img {
    padding:10px;
    opacity:1;
}


.footer ul.contactus {
    border-bottom: 1px solid #363942;
    display: block;
    letter-spacing: -1px;
    margin-bottom: 35px;
    overflow: hidden;
    padding-bottom: 34px;
}

.footer ul.contactus li i{
    color:#EF4A4A;	
    padding-left: 50px;
    position:relative;
    padding-right:30px;

}

.footer ul.contactus li {
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 32px;
    font-weight: 700;
    line-height: 35px;
    margin-right: 50px;
}

.footer ul.contactus li span.mail:after {
    background: url("../images/mail.png") no-repeat transparent;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 36px;
}

.footer ul.contactus li span.mail {
    padding-left: 50px;
    position: relative;
}

.footer ul.contactus li span.phone:after {
    background: url("../images/phone.png") no-repeat transparent;
    content: "";
    height: 27px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 10px;
}

.footer ul.contactus li span.phone {
    color: #FFFFFF;
    padding-left: 21px;
    position: relative;
}

.copyright {
    margin-top:35px;
    padding-top:35px;
    width:100%;
    border-top: 1px solid #363942;
    float:left;
}

.copyright p{
    color:#fff;
    opacity:0.3;
}



/* MIEI*/
.messaggio{
    color:#ABABAB;
}



.bikeroutecateg {
    position: absolute;
    color: #fff;
    padding: 5px 15px;
    margin-top: 146px;
    margin-left: 133px;
    width: 173px;
    text-align: center;
}

#bikeroutecat img{
    width:306px;
    height:172px;
}

.contatti_link {
    text-align: center;
    color: #FFF;
}
.contatti_link a {
    color: #FFF;
}
.form_newsletter input {
    border-radius: 2px;
}
.form_newsletter a {
    color: #333 !important;
    font-weight: bold;
}


.news-title{
}

.news-abstract{
}

.news-link{
}



#people img {
    width: 200px;
    margin: 20px;
}

.clip-circle {
    clip-path: circle(60px at center);
    -webkit-clip-path: circle(60px at center);
}
.clip-ellipse {
    clip-path: ellipse(60px 40px at center);
}
.clip-polygon {
    clip-path: polygon(5% 5%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
}

.homepage--settori {
    background-repeat: no-repeat;
    background-size: cover;
    height: 225px;
    background-position: center;
}
.homepage--settori-wrap h3 {
    font-size: 17px;
    margin-top: 10px;
}
.immagineservizi {
    background-repeat: no-repeat;
    background-size: cover;
    height: 225px;
    background-position: center;
}

.titoloserv {
    margin-top: 10px;
    margin-bottom: 15px;
}

.immagineservizi {
    background-size: cover;
    height: 200px;
    width: 100%;
    margin-bottom: 10px;
    background-position: center;
}

.titoloserv {
    text-transform: uppercase;
    font-size: 16px;
    margin: 10px 0px;
}
.servi_dett {
    height: 267px;
    border-top: 3px solid #b92123;
    padding: 25px 15px;
    border-radius: 2px;
    text-align: center;
    margin-bottom: 16px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
}
.servi_dett h3 {
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0px;
    font-size: 15px;
    text-align: center;
}
.servi_dett .icona {
    font-size: 45px;
    text-align: center;
    color: #b92123;
}