@charset "utf-8";
@import "fonts/Raleway/local.css";
@import "fonts/FrederickaTheGreat/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;
     font-weight: 300;
}
b {
     font-weight: bold;
}

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

li {
     list-style:none;
     word-wrap: break-word;
}



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



.class1{
    background-color: #dedede;
    text-transform: uppercase;
    padding: 5px;
}
.class2{
    text-transform: uppercase;
     padding: 5px;
}
html,body{
     font-size:14px;
     width:100%;
     height:100%;
     color:#656565;
}


body {overflow-x:hidden;}

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

.white {
     color:#FFF;
}

.color {
     color: #025f9c;
}

.black {
     color:#262932;
}

.altezza{
     height: 290px;
}
.mb {
     margin-bottom: 25px;
}
.mb2 {
     margin-bottom: 10px;
}
.mt {
     margin-top:15px;
}
.mb0 {
     margin-bottom: 0px;
}

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

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

.left {
     float:left;
}

#logout{
     text-align:right;

}

.titolopag {
     text-align: center;
     font-size: 30px;
     margin-bottom: 20px;
}
h1 { 
     font-size: 32px;
     font-weight: 600;
     line-height: 55px;
     margin-bottom: 10px;
}

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

h3 { font-size: 23px; 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-bottom:10px;}

h1, h2, h3 {
     font-family: 'Fredericka the Great', cursive;
}

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

#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: 98%;
}

.one_half {
     width: 48%;
}

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

.row {
     overflow: hidden;
}
.row > .colonnadivido__20 {
     width: 20%;
     float: left;
}
.row > .colonnadivido__80 {
     width: 80%;
     float: left;
}

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

#logo img{
     height: 195px;
}

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


.immagineservizi {
     background-size: contain;
     height: 280px;
     width: 100%;
     margin-bottom: 10px;
     background-position: center;
     background-repeat: no-repeat;
}
.immagineservizi_img {
     height: 280px;
     margin-bottom: 10px;
     width: 100%;
     object-fit: contain;
}
label{
     display:block;
     padding:5px 0px;
}

input, select {
     background: none repeat scroll 0 0 #fff;
     color: #444;
     padding: 10px;
     width: 100%;
     font-size: 14px;
     height: 38px;
     border-radius: 0px;
}
input:not([type="checkbox"]), select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}

input:not([type="submit"]), select {
     border: 1px solid #9E9E9E;
}

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: 25px;
     height: 15px;
     vertical-align: middle;
}

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


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


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

.btn_small:hover {

}

.pagina img{
     max-width: 100%;
}

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


#sceglilingua {
     position: relative;
     right: 0px;
     z-index: 9999999999;
     color: #fff;

     /* float: right; */
     opacity: 1;
     right: 5px;
}

#sceglilingua a{
     color:#fff;
     margin-left: 5px;
}
#sceglilingua img {
     width: 22px !important;
}
.indexpage #sceglilingua {
     top: -89px;
     right: 35px;
     float: right;
}

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

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


.btn_invia{
     background-color: #eb5d16;
     color:#fff;
     -webkit-appearance: none;
     border: 0px !important;
     text-transform: uppercase;
     display: block;
     width: 210px;
     max-width: 100%;
     margin: 0px auto;
}
.btn_invia_login {
     background-color: #eb5d16;
     color: #fff;
     -webkit-appearance: none;
     border-radius: 0px;
     border: 0px;
     margin: 0 auto;
     width: 200px !important;
     display: block;
     cursor: pointer;
     padding: 10px;
     text-align: center;
}

.btn_ricalcola {
     background: #F5F5F5;
     border: 1px solid #E0E0E0;
     box-shadow: 0 1px 0 0 #ddd;
     border-radius: 4px;
     color: #111;
     padding: 3px 7px;
     cursor: pointer;
}

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

.btn_procedi {
     background-color: #eb5d16;
     color: #FFF;
     padding: 10px 20px;
     border-radius: 0px;
     -webkit-appearance: none;
     cursor: pointer;
     border: 0px;
     text-transform: uppercase;
}

.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: 440px;
     margin-bottom: 50px;
}
.storebox-cat .btn_prod_acquista {
     background-color: #0252a2;
     padding: 5px 11px;
     font-size: 15px;
     width: 130px;
     text-align: center;
     margin: 0px auto;
     font-size: 18px;
     text-transform: lowercase;
}
.storebox-cat .btn_prod_acquista:hover {
     background-color: #757575;
}
.boxcart{
     position:absolute;
     margin-left:227px;
     display: none;
}
.btn_prod_acquista span {
     font-weight: bold;
     font-size: 12px;
}
.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-color: rgba(16, 16, 16, 0.59);
     position: absolute;  
     width: 100%;
     height: 80px;
     z-index: 1000;		
     bottom:0px;
     padding-left: 50px;
     border-bottom: 1px solid #DDD;
}

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

#logo {
     float: left;
     margin-left: 40px;
     margin-top: 0px;
     padding: 0;
}
#navigation #logo {
     float: left;
     margin-top: 0px;
     margin-left: 0px;
     padding: 0;
     position: fixed;
     top: 0px;
}

.dot {
     font-size:45px;
}

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

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

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

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



#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: #191919;
     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: 600px;
     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%;
}

#profilocliente .row {
     margin-bottom: 10px;
}


#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: 130px;
     height:67px;
     position:absolute;
     right:50px;
     width:36px;
     z-index:1000;
}

#arrow_left {
     right:100px;
}

#arrow_left:hover, #arrow_right:hover {
}

#arrow_left:active, #arrow_right:active {
}

.in-slide-content {
     bottom: 130px;
     left: 50px;
     margin-right: 10%;
     z-index: 20;
     position: absolute;
     width: 60%;
     padding: 10px;
     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 #045e9b;
     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;
}

.prezzotab-cart {
     text-align: right;
}

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




.taglie_tab td {
     padding-top: 5px;
}

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


.titolo_sezprod {
     margin-bottom: 10px;
     font-size: 16px;
}


.img_headerimg {
     margin-top: 80px;
     height: 300px;
}

.img_headerimg img {
     height: 100%;
     object-fit: cover;
}


/* ------------------------------------------------------------------------------- */
/*  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 #025f9c;
}

.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 #025f9c;
}



.boxrubrica{

     height:360px;
}


.boxshop_spec .prezzobreveprod {
     float: left;
}

.boxshop_spec .btn_prod_acquista {
     float: right;
}




/* ------------------------------------------------------------------------------- */
/*  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: 1px 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;
     text-align: center;
     font-size: 30px;
     line-height: 50px;
     cursor: pointer;
}

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

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


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

.footer ul.contactus li i {
     color: #FFF;
     padding-left: 0px;
     position: relative;
     padding-right: 10px;
}

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

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



/* 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: 28px;
     display: none;
     position: absolute;
     right: 20px;
}
.indexpage #menu-buttone-mobile i {
     color: #ffffff !important;
}
#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: 300px;
     background-size: cover;
     background-position: center; 
     margin-bottom: 10px;
}
.homepage-progetti {
     height: 300px;
     background-size: cover;
     background-position: center; 
     margin-bottom: 10px;
}
.homepage--settori {
     background-repeat: no-repeat;
     background-size: cover;
     height: 225px;
     background-position: center;
}
.homepage--settori-wrap h3 {
     font-size: 18px;
     text-align: center;
     margin: 10px 0px;
}

.annunci_elenco li {
     margin: 20px 0px;
     min-height: 150px;
}

.annuncio_foto {
     float:left;
     margin-right:20px;
}
.annuncio_testo {
     margin-right: 10px;
}
.pagination {
     display: inline-block;
}

.pagination a {
     color: black;
     float: left;
     padding: 8px 16px;
     text-decoration: none;
}

.pagination a.active {
     background-color: #025f9c !important;
     color: white !important;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.btn-small {
     color: #fff;
     padding: 0px 15px 0px 15px;
     background: #ef4a4a;
     height: 35px;
     text-align: center;
     display: inline-block;
     line-height: 35px;
     margin-top: 0px;
}

.btn-small {
     background-color: #00489c !important;
}

.bottonenews--tutte {
     margin: 0 auto;
     display: block;
     width: 160px;
     margin-top: 25px;
     /* font-family: 'Fredericka the Great', cursive; */
     font-size: 18px;
     background: none;
     color: #FFF !important;
     border-radius: 7px;
}
.image--round {
     width: 200px;
     background-size: cover;
     border-radius:50% 50% 50% 50%;
     margin: 0 auto;
     display: block;
     background-position: center;
}
.image--round:after {
     content: "";
     display: block;
     padding-bottom: 100%;
}

hr {
     border: 1px solid #DDD;
     margin: 30px 0px;
}
.footer-home {
     margin-top: 100px;
     padding: 25px;
     background-color: #333;
}
.footer-home .scegli_privacy {
     color: #FFF;
     margin: 0px;
}
.footer-home .scegli_privacy a {
     color: #FFF;
}

/* Store */
.store--image-coved {
     margin-bottom: 10px;
     height: 360px;
     width: 100%;
     background-position: top;
     background-size: contain;
     background-repeat: no-repeat;
     border: 0px;
     background-position: center;
     background-color: #f7f7f7;
}

.nomeprod {
     font-size: 16px;
     font-weight: 600;
     margin: 10px 0px;
     height: 25px;
     text-align: center;
}

.prod_taglia{
     margin:20px 0px;

}
.prod_prezzo{
     position:absolute;
     margin-top:210px;
     margin-left:700px;
     padding:20px 0;
     font-size:20px;
}
.prezzobreveprod {
     font-size: 19px;
     margin-top: 7px;
     padding-right: 20px;
}
.boxprod_con {
     width: auto;
}
.btn_prod_acquista {
     float: none;
     padding: 10px 12px;
     background-color: #0252a2;
     color: #fff;
     font-size: 11px;
     border: 0px;
}

.carrello {
     width: 100%;

}
.carrello th:first-of-type {
     text-align: left;
}
.carrello th {
     height: 35px;
     text-align: right;
}
.carrello--item {
     margin-bottom: 10px;
}

.carrello--image {
     width: 150px;
     float: left;
     height: 150px;
     object-fit: contain;
     object-position: center;
     border: 0px;
     cursor: pointer;
}
.carrello--contenuto {
     float: left;
     padding-left: 20px;
     width: auto;
}
.carrello-cont-nome {
     font-weight: 800;
     margin: 0px;
     margin-bottom: 5px;
}
.qnt-switch {
     display: inline-block;
     margin-left: 10px;
     position: absolute;
     margin-top: -10px;
}
.carrello-switch-qntdett {
     height: 40px;
     padding-top: 14px;
}
.carrello-switch-qnt {
     display: inline-block;
     height: 30px;
     width: 30px;
     text-align: center;
     border: 1px solid #9E9E9E;
     vertical-align: middle;
     font-size: 21px;
     position: absolute;
     left: 0px;
     cursor: pointer;
}
.carrello-switch-qnt:hover {
     border: 1px solid #000;
}
.carrello-tot-mobile {
     display: none;
}
.carrello-input-qnt {
     width: 40px;
     height: 30px;
     display: inline-block;
     text-align: center;
     -moz-appearance: textfield !important;
     position: absolute;
     left: 35px;
     padding: 0px;
}
.carrello-input-qnt:focus {
     border: 1px solid #000 !important;
}
.carrello-input-qnt::-webkit-outer-spin-button,
.carrello-input-qnt::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
}

.carrello-cont-dett .fa {
}
.carrello-cont-dett {
     font-size: 14px;
     margin: 0px;
     margin-bottom: 5px;
}
.carrello-select {
     padding: 5px 10px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border: 1px solid #d8d8d8;
     background-color: #f8f8f8;
     border-radius: 4px;
     width: 30px;
     min-width: 30px;
     height: 30px;
}
.carrello-field {
     padding: 10px;
     background-color: #f8f8f8;
     border-bottom: 1px solid #DDD;
     margin-bottom: 5px;
     margin-top: 5px;
}
.euroval {
     float: right;
}

.prod_codice {
     margin: 15px 0px;
     font-size: 14px;
     font-style: italic;
     color: #afafaf;
}
.prod_taglia{
     margin:20px 0px;

}
#foto_lista_nav .slick-current {
     border: 1px solid black;
}
#foto_lista_nav .slick-slide {
     margin: 5px 0px;
}

#foto_lista_nav .slick-list {
     margin: -5px 0px;
}


.mostraprod_tagliabox .mostraprod_sizes {
     margin-top: 33px;
     text-align: center;
}

.mostraprod_sizes_item {
     min-width: 40px;
     font-size: 17px;
     display: inline-block;
     text-align: center;
     height: auto;
     border: 1px solid #000;
     padding: 7px;
     border-radius: 0px;
     cursor: pointer;
}
.mostraprod_color {
     width: 50px;
     height: 50px;
     min-width: inherit;
     padding: 2px;
}
.mostraprod_color img {
     width: 100%;
     height: 100%;
     object-fit: contain;
}
.mostraprod_tabactive {
     font-weight: bold;
     color: #000;
     box-shadow: inset 0 0 0 0.6px black;
}
.tag-prodotto-view span {
     padding: 5px;
     background-color: #0252a2;
     color: #FFF;
     border: 0px;
     border-radius: 4px;
     font-size: 9px;
}
.tag-prodotto-view .fa {
     color: #DDD;
     font-size: 18px;
     vertical-align: middle;
     margin-right: 5px;
}
#acquista_senzareg {
     text-align: center;
}

a.bottone-fb {
     background-color: #1877f2;
     width: 100%;
     border: 0px;
     padding: 10px;
     cursor: pointer;
     font-size: 15px;
     border-radius: 2px;
     color: #FFF;
     width: 100%;
     display: block;
     text-align: center;
     border: 0px solid;
     font-weight: 500;
     font-size: 15px;
     border-radius: 7px;
}


.box-presentazione-profilo {
     min-height: 140px;
     margin-top: 17px;
     background-color: #f1f1f1;
     border-radius: 3px;
}
.box-presentazione-profilo p.titolo-box {
     text-align: left;
     padding: 20px 20px;
     font-size: 25px;
     padding-bottom: 5px;
}
.box-presentazione-profilo p.subtitolo-box {
     text-align: left;
     padding: 0px 20px;
     font-size: 16px;
}
.box-presentazione-profilo button {
     margin-top: 25px;
     border: 0px;
     border-radius: 0px;
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
}
.box-presentazione-profilo .nessun-indirizzo {
     text-align: center;
     font-size: 50px;
     color: #a2a2a2;
     padding-top: 30px;
}
.box-presentazione-profilo .nessun-indirizzo span {
     font-size: 16px;
     display: inherit;
     padding-top: 5px;
}
span.indirizzo-primario {
     background-color: #333;
     color: #FFF;
     padding: 5px 10px;
     border-radius: 3px;
     display: inline-block;
     margin-bottom: 15px;
}
.bottone-full-profile {
     background-color: #333;
     color: #FFF;
     border-radius: 3px;
     font-size: 17px;
     margin: 15px 0px;
     padding: 10px;
     display: block;
     width: 100%;
     text-align: left;
     border: 0px;
}
.mioprofilo-form .mioprofilo-dati-input .icona {
     font-size: 40px;
     color: #DDD;
     padding-top: 10px;
     text-align: left;
}
.mioprofilo-form .mioprofilo-dati-input .colonnadivido__20 {
     width: 75px !important;
}
.step-pagamento {
     padding-top: 15px;
     text-align: center;
     padding-bottom: 60px;
}


.step-pagamento {
     padding-top: 15px;
     text-align: center;
     padding-bottom: 60px;
}
.step-pagamento ul {
     margin: 0px;
     padding: 0px;
} 
.step-pagamento li {
     width: 2em;
     height: 2em;
     text-align: center;
     line-height: 2em;
     border-radius: 1em;
     background: #333;
     margin: 0 70px;
     display: inline-block;
     color: white;
     position: relative;
     padding-left: 0px;
     list-style: none;
}

.step-pagamento li::before {
     content: "";
     position: absolute;
     top: 0.9em;
     left: -170px;
     width: 170px;
     height: 0.2em;
     background: #333;
     z-index: -1;
}
.step-pagamento li:first-child::before {
     display: none;
}
.step-pagamento li span {
     position: absolute;
     color: #333;
     top: 25px;
     font-size: 10px;
     left: -85px;
     text-transform: uppercase;
     width: 200px;
}
.step-pagamento .active {
     background: #004290;
}
.step-pagamento .active span {
     font-weight: bold;
     color: #004290;
}
.step-pagamento .active ~ li {
     background: #DDD;
}

.step-pagamento .active ~ li::before {
     background: #DDD;
}

#dati-clienti .titolo-step {
     margin-top: 25px;
     font-size: 18px;
     font-weight: bold;
     cursor: pointer;
}
#dati-clienti .contenuto-step {
     margin: 10px 0px;
}
#dati-clienti select {
     width: 100%;   
}

.avviso-rosso {
     background-color: #F44336;
     color: #FFF;
     padding: 15px;
     margin: 15px 0px;
     text-transform: uppercase;
}
#coupon {
     padding: 15px 0px;
     display: block;
     height: 115px;
     max-width: 480px;
}
#coupon p#messaggio-coupon {
     font-size: 12px;
     padding: 5px 0px;
     display: none;
     text-transform: uppercase;
}
#coupon input {
     padding: 10px;
     border: 1px solid #DDD;
}
#coupon input[type="text"] {
     width: 79%;
     float: left;
     background-color: #FFF;
}

#coupon input[type="submit"] {
     width: 20%;
     float: right;
     background-color: #191919;
     color: #FFF;
     border: 1px solid #191919;
     text-transform: uppercase;
     cursor: pointer;
     -webkit-appearance: none;
     -moz-appearance:    none;
     appearance:         none;
}

.selectize-input {
     border: 1px solid #9E9E9E !important;
     box-shadow: none !important;
     border-radius: 0px !important;
}

.selectize-input input {
     height: auto !important;
}

.selectize-dropdown {
     z-index: 10000 !important;
}

.listadati p {
     margin: 0px;
}
.listadati .headline {
     font-weight: 600;
     margin-bottom: 1px;
}
.listadati {
     margin-bottom: 5px;
}
.listadati:not(.not50) {
     width: 50%;
     float: left;
}

.selectize-input {
     white-space: nowrap;
}

.prezzo-labelf {
     font-size: 16px;
     margin: 20px 0px
}

.offerta_box {
     margin-bottom: 30px;
}
.offerta_box .offerta_boxcont {
     font-size: 20px;
     color: #FFF;
     width: 100%;
     padding: 35px 20px;
     border-radius: 0.25em;
     display: block;
     vertical-align: middle;
     letter-spacing: 0px;
}

.offerta_box .offerta_boxcont.offerta_prod {
     background: linear-gradient(70deg, rgba(3, 72, 156, 0.79) 50%, rgba(0, 0, 0, 0) 50%), url(../archivio/separatori/6/6-2019_12_09_16_38.jpg);
     background-size: cover;
     background-position: 0px 20%;
}

.schedaprod h1 {
     font-size: 26px;
     line-height: initial;
}

.schedaprod_list {
     width: 100px;
     float: left;
     cursor: pointer
}

.slick-slide img {

}
#foto_lista_div {
     float: right;
     margin-left: 120px;
     max-width: 440px;
     position: absolute;
}
#foto_lista_div img {
     max-width: 100% !important;
}
.registrabusiness_link {
     width: 100% !important;
     display: block;
     font-size: 17px;
     margin-top: 20px;
     line-height: 25px;
     border-top: 1px solid #DDD;
     padding-top: 10px;
}
a.registrabusiness_link b {
     font-weight: 600;
}

#formlogin .one_half {
     margin-bottom: 10px;
}
.grecaptcha-badge {
     display: none !important;
}
.link_modifica_cookie {
     border-bottom: 1px solid;
}