@charset "utf-8";
/* -------------------------------------------------------------------------------

    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;
       font-family: 'Open Sans', sans-serif;
}

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-weight: 300;
}
b {
    font-weight: bold;
}
a {
    font-weight: 400;
}

.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: 15px;
    width:100%;
    height:100%;
    color:#656565;
}


body {overflow-x:hidden;}

.container {
    max-width: 1270px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
    z-index: 10;
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
}
.containercal {
    width: 1280px;
}
.container.inside {
    padding-top: 50px;
}
.white {
    color:#FFF;
}

.color {
    color: #1d65aa;
}

.colorgray{
    color:#525252;
}

.black {
    color:#262932;
}

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

.mt {
    margin-top: 30px;
}

.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;
    text-align: center;
}

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: 22px;
    margin: 10px 0px;
    text-align: justify;
}

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:42px;
}
#index p{
    font-weight: 300;
}

#index #contenitore_frame iframe {
    background-color: #FFF;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    padding: 10px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 30px;
    height: 270px;
    z-index: 99999;
    width: 250px;
}
.petroliogre {
    background-color: #FFF;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    padding: 16px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 320px;
    height: 262px;
    z-index: 99999;
    width: 250px;
}
#azienda img {
    width: 100%;
    height: auto;
}
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: 100%;
}

.one_half {
    width: 50%;
}


.one_half_full {
    width: 50%;
}

.one_third {
    width: 33.3%;
}

.one_fourth {
    width: 25%;
}

.one_fifth {
    width: 19.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;
    padding-right: 2%;
    position: relative;
}

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

#logo img {
    height: 65px;
    width: auto;
    margin-top: 3px;
}

.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;
}



.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 {
    padding-right: 0px!important;
}




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

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

input:not([type="submit"]) {
    border: 1px solid #9E9E9E;
}
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 #7A7A78;
}


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

.btn_small:hover {

}

.pagina img{
    max-width: 1000px;
}
.pagina ul {
    margin-left: 18px;
}
.pagina ul li {
    list-style: disc;
    line-height: 20px;
}
/******************
CARRELLO
//////////////////////*/


#sceglilingua{
position: absolute;
    bottom: 100px;
    right: 35px;
    z-index: 999998;
    padding: 10px;
}
#sceglilingua p {
    margin: 15px;
}
#sceglilingua a{
    color:#fff;
    font-weight: bold;
    padding: 10px;
}
.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: 0px;
    line-height:20px;
}
.altrefoto_mob .bx-wrapper {
    border: 0px;
}

.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: #656565;
    color:#fff;
    -webkit-appearance: none;
}

.btn_prog {
    background-color: #0594db;
    color: #fff;
    -webkit-appearance: none;
    padding: 15px 25px;
    border: 0px;
    border-radius: 2px;
    cursor: pointer;
}

.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: 130px;
    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;
}

.btn-small {
    background: #004ea4 none repeat scroll 0 0;
    color: #fff !important;
    font-size: 16px;
    line-height: 35px;
    padding: 1px 10px;
    text-align: center;
    margin-top: 20px;
    padding: 5px 10px;
    border-radius: 4px;
    border: 0px;
    cursor: pointer;
}
.bottonenews--tutte {
    background: #616161 none repeat scroll 0 0;
    color: #fff !important;
    font-size: 16px;
    padding: 1px 10px;
    text-align: center;
    margin-top: 20px;
    padding: 8px 15px;
    border-radius: 5px;
    border: 0px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}
.bottonenews--tutte:hover {
    background: #164477 none repeat scroll 0 0;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}
.bottonede {
    background: #616161 none repeat scroll 0 0;
    color: #fff !important;
    font-size: 16px;
    padding: 1px 10px;
    text-align: center;
    margin-top: 20px;
    padding: 8px 15px;
    border-radius: 5px;
    border: 0px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}
.content_cor {
    margin-bottom: 30px;
}
.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: 9999999;		
    bottom:0px;
    border-bottom: 1px solid #dddddd;
}

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

.lightboxOverlay,.lightbox {
    z-index: 9999999 !important; 
}

#logo {
    float: left;
    margin-left: 50px;
    margin-top: 4px;
    padding: 0;
}
.mapimage {
    height: 60px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
}

.dot {
    font-size:45px;
}

#navigation ul, #navigation2 ul {
    padding-top: 29px;
    float: right;	
    display: block;
}


#navigation ul li, #navigation2 ul li {
    display: inline-block;
    margin-right: 55px;
}

#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: #1d65aa;
    border-top: 6px solid #1d65aa;
    font-weight: 600;
}



#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: #616161;
    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, #separator10, #separator11 {
    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: 10px;
    float:left;
    font-weight:bold;
    text-shadow: 2px 2px #333;
}



#mostranews img{
    max-width: 500px;
    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;
}
.partnerlogo {
    background-size: contain;
    height: 130px;
    background-repeat: no-repeat;
    background-position: center;
}
.partnerdescr {
    margin-top: 10px;
    text-align: center;
    height: 70px;
    font-size: 14px;
    line-height: 19px;
}
.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;
}
.titoloric {
    margin-bottom: 20px;
}
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;
}

.navig_ann {
    padding: 10px;
}
.navigann_arrow {
    width: 80%;
    float: right;
}
.navigann_icon {
    width: 20%;
    float: left;
}
.navigann_icon1 {
    width: 40px;
    text-align: center;
}
.navigann_frec1 {
    width: 40px;
    float: right;
    text-align: center;
}
.navigann_frec1m {
    width: 80px;
    float: right;
    text-align: center;
}
.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: 17px;
    margin-top: 10px;
}

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;
}











/* ------------------------------------------------------------------------------- */
/*  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:100px;
}

.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 #004ea9;
}

.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 #004ea9;
}



.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;
    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;
    font-weight: bold;
}
.news_dettaglio:hover{
    color: #164477;
}

#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;
}

.immagineservizi {
    background-size: contain;
    height: 280px;
    width: 100%;
    margin-bottom: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.imgserv1 {
    background-size: cover;
    height: 280px;
    width: 100%;
    margin-bottom: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #DDD;
    border-radius: 4px;
}

.servlc .imgserv1 {
    border: 1px solid #DDD;
}

/* ------------------------------------------------------------------------------- */
/*  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 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,  .form_newsletter textarea {
    border-radius: 4px;
}
.form_newsletter a {
    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%);
}


.widget-title{
    margin-top:10px;
}


.allerg{
    font-size: 11px;
}

#menu-buttone-mobile {
    float: right;
    top: 25px;
    display: none;
    position: absolute;
    right: 20px;
}

#mostraprogetti img{
    height: 150px;
}

.modulo-obj {
    height: 80px;
    padding: 15px;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 5px;
}
.modulo-obj .modulo-icon {
    float: left;
    width: 7%;
    text-align: left;
}
.modulo-obj .modulo-icon i {
    font-size: 42px;
    line-height: 48px;
    color: #bfbfbf;
}
.modulo-obj .modulo-title {
    float: left;
    width: 73%;
}
.modulo-obj .modulo-title .modulo-obj-titolo {
    margin: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #0063AA;
    line-height: 50px;
}
.modulo-obj .modulo-costo {
    float: left;
    width: 20%;
    font-size: 19px;
    line-height: 26px;
    text-align: right;
    font-weight: bold;
    color: #77c4d8;
    line-height: 50px;
}
.modulo-obj .modulo-costo i {
    color: #77c4d8;
    /* color: #FF9800; */
}
.homepage-settori {
    height: 270px;
    background-size: cover;
    background-position: center; 
    border: 0px;
    transition: all 0.3s ease-in-out;
}
.homepage-settori .sottoti {
    display: none;
    line-height: 20px;
    font-size: 15px;
    margin-top: 20px;
}
.homepage-settori .titoloset {
    transition: all 0.3s ease-in-out;
    font-weight: bold;
    text-align: left;
    position: absolute;
    bottom: 0px;
    padding: 15px;
    background-color: rgba(229, 169, 54, 0.93);
    width: 100%;
    font-size: 19px;
    color: white;
    transition: all 0.3s ease-in-out;
    margin: 0px;
    cursor: pointer;
}
.homepage-settori .titoloset2 {
    transition: all 0.3s ease-in-out;
    font-weight: bold;
    text-align: left;
    position: absolute;
    bottom: 0px;
    padding: 15px;
    background-color: rgba(76, 76, 76, 0.90);
    width: 100%;
    font-size: 19px;
    color: white;
    transition: all 0.3s ease-in-out;
    margin: 0px;
    cursor: pointer;
}
.homepage-settori:hover  .titoloset2 {
    background-color: rgba(255, 152, 0, 1);
}
.homepage-settori:hover .titoloset {
    height: 200px;
}
.homepage-settori:hover .sottoti {
    display: block;
}
.homepage-progetti {
    height: 300px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
}
.homepage-news {
    height: 300px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
}
.servizi-foto {
    height: 180px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
}
.prod-altrefoto {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 210px;
    border-radius: 0px;
}

.tabellamembri .nome__membro {
    font-style: italic;
}
.tabellamembri .nome__link {
    font-weight: bold;
    margin: 10px 0px;
}
.tabellamembri .nome__ruolo {
    border-bottom: 0px solid #DDD;
    margin-bottom: 5px;
    padding-bottom: 10px;
    height: 60px;
}
.tabellamembri p {
    margin: 0;
}
.colonna1_progr {
    float: left;
    width: 265px;
}
.divbordato {
    padding: 30px;
    height: 270px;
    border: 1px solid #DDD;
    border-radius: 20px;
} 
.perchititolo {
    font-size: 19px;
    margin: 15px 0px;
    text-align: center !important;
    border-bottom: 2px solid;
    padding-bottom: 10px;
}
.formsec {
    width: 64%;
}

.titolocat {
    margin: 0px;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 24px;
}
.homepage-progetti .titolo-gatt {
    position: absolute;
    bottom: 30px;
    padding: 10px;
    width: 100%;
    text-shadow: 1px 0px 7px rgb(70, 70, 70);
    color: #fff;
}
.homepage-progetti .titolo-gatt h3 {
    font-size: 33px;
}
.imgcentro {
    background-position: center;
    background-size: cover;
    height: 280px; 
    border-radius: 0px;
}

.image--round {
    width: 140px;
    background-size: cover;
    border-radius: 50% 50% 50% 50%;
    margin: 0 auto;
    display: block;
    background-position: center;
    height: 140px;
}
.image--round:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.fc-toolbar {
    display: none;
}
.fc-day-header {
    padding: 30px;
}
.weekdays {
    margin: 0;
    background-color: #03A9F4;
    display: flex;
    display: none;
}
.weekdays li {
    flex: 1;
    color: #FFF;
    text-align: center;
    padding: 10px 0px;
    cursor: pointer;

}
.weekdays li.current {
    background-color: #004ea4;
}
.weekdays li:first-of-type {
    border-left: 0px;
}
.calendario {
    margin-top: 10px;
}

.footer-social {
    width:50px;
    height:50px;
    background-color:#363942;
    margin-right:30px;
    float: right;
    border-radius:50px;
    top: 10px;
}
.fc-event {
    cursor: pointer;
    text-align: center;
    padding-top: 3px;
    border: 0px !important;
    border-radius: 1px !important;
    color: #000 !important;
    border-bottom: 1px solid #000 !important;
}
.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {

    font-weight: bold;
    text-transform: uppercase;
}
.fc-today {
    background-color:inherit !important;
}
.verde-rosa {
    background: linear-gradient(to bottom left, #afd55e 50%, #e50683 50%);
}
.verde-blu {
    background: linear-gradient(to bottom left, #afd55e 50%, #68cdeb 50%);
}
.blu-rosa {
    background: linear-gradient(to bottom left, #ed038a 50%, #68cdeb 50%);
}
.color_legenda {
    padding: 10px;
    text-align: center;
    color: #000;
    font-weight: bold;
    width: 33.33%;
    float: left;
}
.image-sala {
    height: 200px;

}
.nomesala {
    width: 100px;
    height: 100px;
    background-color: rgba(255, 140, 0, 0.82);
    border-radius: 50%;
    border-top-right-radius: 0px;
    float: right;
    margin-top: 50px;
    margin-right: 50px;
    text-align: center;
    color: #FFF;
    font-size: 33px;
    line-height: 35px;
    font-weight: bold;
    vertical-align: middle;
    padding-top: 19px;
}

.corso-singolo {
    float: left;
    text-align: center;
    height: 300px;
    margin-bottom: 13px;
    display: block;
    text-transform: uppercase;
    width: 100%;
}
.corso-singolo h3 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #004fa0;
    background: #dedede;
}

.corso-singolo .dettagli {
    text-align: center;
    font-size:14px;
    font-weight: 300;
}

.corso-singolo img {
    text-align: center;
    width: 100%;

}


.corsi_isotope {
    display: flex;
}
.corsi_isotope li {
    flex: 1;
    list-style: none;
    float: left;
    text-align: center;
    margin-right: 10px;
    color: #FFF;
    font-weight: bold;
    border-radius: 0px;
}
.corsi_isotope li a {
    color: #FFF;
    padding: 10px;
    display: block;
    background-color: #004ea4;
}
.corsi_isotope a.current {
    background-color: #03A9F4;
}
.convenz-ele {
    height: 100px;
    background-size: contain;
    background-position: center;
    margin-bottom: 10px;
    background-repeat: no-repeat;
}
.fc-time-grid .fc-slats td {
    height: 2em !important;
}
.box-sceltacasa {
}
.box-sceltacins {
    padding: 20px;
    background-color: #FFFFFF;
    border: 1px solid #DDD;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    display: block;
    width: 100%;
    border-radius: 4px;
}
.box-sceltacins input:not([type="submit"]) {
    background: none repeat scroll 0 0 #fff;
    color: #444;
    padding: 10px;
    border-radius: 0px;
    width: 100%;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
}
.box-sceltacins button {
    color: #444;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    border: 1px solid #e6e6e6;
    width: 110px;
    background-color: #88c100;
    color: #FFF;
    border-radius: 5px;
    margin-top: 20px;
    cursor: pointer;
    border: 0px;
}

.box-sceltacasa button:hover {
    background-color: #70b80d;
}
.titolobox {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    border: 0px;
    padding: 0px;
}
.titolobox h2 {
    margin-bottom: 0px;
}
.box-sceltacins select {
    background: none repeat scroll 0 0 #fff;
    color: #444;
    padding: 10px;
    border-radius: 0px;
    width: 100%;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
}
.casa-obj {
    background-color: #f8f8f8;
    margin-bottom: 20px;
}
.casa-obj .img-casa {
    float: left;
    width: 300px;
    overflow: hidden;
}
.casa-obj .descr-casa {
    padding: 20px;
    overflow: hidden;
}

.list-item-casa {
    float: left;
    height: 30px;
    line-height: 15px;
    margin: 0px;
}

.list-item-casa p {
    display: block;
    margin: 0px;
    margin-right: 15px;
    height: 40px;
    line-height: 40px;
}
.list-item-casa p img {
    width: 45px;
    text-align: center;
    display: block;
    margin: 0px auto;
}

.casa-prezzo {
    font-size: 20px !important;
    font-weight: 400;
    line-height: 30px;
}
.casa-obj .descr_prod {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
    height: 75px;
}


.image_casa {
    height: 230px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.tabelladet {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.titolosez {
    font-weight: bold;
    border-bottom: 1px solid #DDD;
    margin-bottom: 20px;
    padding-bottom: 5px;
    color: #444;
}

.titolosez2 {
    font-weight: bold;
    margin-top: 0px;
    color: #444;
    margin-bottom: 40px;
    font-size: 24px;
}

.ric-info input {
    width: 100%;
    padding: 10px;
    border: 1px solid #DDD;
    border-radius: 2px;
}
.ric-info textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #DDD;
    border-radius: 2px;
}
.ric-info label {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 3px;
}
.ric-box {
    padding: 30px;
    background-color: #f2f2f2;
    border-radius: 5px;
}

.ric-info input[type="submit"] {
    margin-top: 20px;
    width: 230px;
    padding: 10px;
    border: 1px solid #DDD;
    border-radius: 2px;
    background-color: #333;
    color: #FFF;
    border: 0px;
    -webkit-appearance: none;
    cursor: pointer;
}
.nomeapp {
    font-size: 11px;
    width: 180px;
    font-weight: bold;
    margin: 0px;
    line-height: 13px;
}
.prezzoapp {
    font-size: 11px;
    width: 180px;
    font-weight: bold;
    margin: 5px 0px;
    line-height: 13px;
}
.descapp {
    font-size: 11px;
    width: 180px;
    padding-top: 0px;
    line-height: 13px;
    margin: 0px;
}
.marker {
    background-image: url(https://i.imgur.com/MK4NUzI.png);
    background-size: contain;
    width: 30px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
}
.mapboxgl-popup-content {
    box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.1) !important;
}
.icona_serv {
    float: left;
    padding-right: 20px;
    font-size: 45px;
    color: #e80000;
    width: 80px;
}
.descr-casa {
    height: 230px;
}
.descr-casa h3 {
    height: 45px;
    line-height: 21px;
}

.bx-wrapper {
    margin: 0 auto;
}

.modulorichiesta {
    font-weight: bold;
    margin-top: 0px;
    color: #444;
    margin-bottom: 30px;
    font-size: 24px;
}
.titolodett {
    padding: 10px 0px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 5px;
    color: #444;
}

.voci_annr {
    display: none;
    float: right;
}

.casa-obj .bx-wrapper {
    border: 0px;
    margin-bottom: 0px;
}
.countimg_casa1 {
    bottom: 5px;
    right: 15px;
    position: absolute;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 2px 10px;
    border-radius: 15px;
    font-size: 14px;
}
.nome_annti {
    width: 80%;
    float: left;
}

.nome_annti h1 {
    line-height: 60px;
    font-size: 25px;
}

.frec_arr_annti {
    padding: 10px;
    float: right;
    border-radius: 25px;
    margin-top: 10px;
    margin-left: 10px;
    width: 40px;
    font-size: 25px;
}

.frec_arr_anntidim {
    padding: 10px;
    float: right;
    border-radius: 25px;
    margin-top: 10px;
    margin-left: 10px;
    width: 100px;
    font-size: 25px;
    text-align: center;
}
.comu_zonann {
    margin-bottom: 5px;
    font-size: 18px;
    height: 20px;
}

.para-cerca {
    height: 40px;
}
.para-filtro {
    float: right;
}

.para-filtro select {
    background-color: #FFF;
    border: 0px;
    padding: 0px;
}

.box_serv {
    border-bottom: 1px solid #DDD;
    padding-bottom: 10px;
}

.seguicibox {
    padding: 6px 20px;
    color: #FFF;
    border-radius: 4px;
    display: table;
    width: 290px;
    cursor: pointer;
}
.seguicibox span {
    color: #FFF;
    display: inline-block;
}
.seguicibox i {
    font-size: 22px;
    color: #FFF;
    vertical-align: middle;
}

.seguicifb {
    background-color: #31599c;
}

.seguiciwa{
    background-color: #25D366;
}