@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300);

body{ font-family:'Open Sans'; }
body.navbar-fixed{ padding-top:59px; }

.no-padding{ padding:0 !important; }
.no-margin{ margin:0 !important; }

.space-20{ height:20px; clear:both; }
.space-10{ height:10px; clear:both; }

.color-white, a.color-white:hover, a.color-white:focus{ color:#fff; }
.color-blue, a.color-blue:hover, a.color-blue:focus{ color:#278bcc !important; }
a{ color:#278bcc; }
hr{ border-bottom:1px solid #278bcc; }

.text-center .img-responsive{ margin-left:auto; margin-right:auto; }

.btn{ border-radius:3px; padding:10px 35px; font-weight:700; font-size:12px; line-height:20px; border:2px solid transparent; transition:all ease 0.5s; min-width:100px; }

.btn-primary{ background:#278bcc; color:#fff; border:2px solid #278bcc; }
.btn-primary:hover,.btn-primary:focus{ color:#278bcc; background:#fff;  border:2px solid #278bcc;}

.btn-default{ border:2px solid #278bcc; color:#278bcc; background:#fff; }
.btn-default:hover,.btn-default:focus{ border:2px solid #278bcc; background:#278bcc; color:#fff; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-weight:700;}
h4{ margin-top:0; }

#top-bar{ background:#eee; color:#666; }
#top-bar a{ color:#666; }
#top-bar .row > .top-bar-column{ padding-top:4px; padding-bottom:4px; border-left:1px solid rgba(0,0,0,0.15); color:#666; font-size:11px; font-weight:600; text-transform:uppercase;  }
#top-bar .top-bar-column .fa{ font-size:30px; color: #278bcc; }

#header .navbar{ background:#fff; border:0; margin:0; box-shadow:0 3px 10px rgba(0,0,0,0.2); }
body.navbar-fixed #header .navbar{ position:fixed; top:0; left:0; right:0; border-bottom:1px solid #ddd;  z-index:1000; }
#header .navbar .navbar-brand{ height:auto; padding:10px 15px; }

#header{ }
#header .navbar-toggle{ border-radius:0; border:0; margin-top:10px; } 

#header #header-social-menu{ margin-top:10px; padding-left:15px; }
#header #header-social-menu .header-social-icon{ padding:10px 5px; font-size:16px; }
#header #header-social-menu .header-social-icon:hover,#header .header-social-icon:focus{ background:none; }

#header #main-menu{ margin-top:10px; border-right:1px solid rgba(0,0,0,0.3); }
#header #main-menu a{ padding:10px 11px; font-size:14px; font-weight:600; }
#header #main-menu a:hover,#header #main-menu a:focus{ background:none; }

@media(max-width:991px){
    
    #header #main-menu{ border:0; margin-top:20px; }
    #header #header-social-menu{ padding:0; margin:0 !important; }
}

/* step generali */
.step{ margin:20px 0 40px; }
.step-title{ background:#278bcc; padding:10px 20px; color:#fff; margin-bottom:20px;  }
.step-content{ min-height:250px; }
.step h2{ font-size:20px; }
.step-riepilogo{ border:1px solid #ccc; border-radius:3px;  }
.step-riepilogo-title{ background:#e0f0d9; color:#679371; text-align:center; margin:0; padding:10px 0; }
.step-riepilogo-content{ padding:10px 15px;}
.step-riepilogo-content ul{ padding-left:20px; list-style-type:square; }
.step-riepilogo-content ul li.no-bullet{ list-style:none; }

.step-buttons{ border-top:1px solid #eee; margin-top:20px; padding:20px 0; }

/* percorso */
#percorso{ text-align:center; font-size:13px; overflow:hidden; }
#percorso ul{ list-style:none; height:30px; margin:0 auto 55px; padding:0; border-bottom:2px solid #eee; max-width:400px; display:flex; justify-content:space-between; }
#percorso ul li{ display:inline-block; margin:0 10px; color:#999; }
#percorso ul li:first-child{ margin-left:0; }
#percorso ul li:last-child{ margin-right:0; }
#percorso ul li .fa{ background:#fff; font-size:30px; border-radius:50%; border:2px solid #999; line-height:58px; width:60px; height:60px; display:block; margin:0 auto 5px; }

#percorso ul li.active{ color:#278bcc; }
#percorso ul li.active .fa{ border-color:#278bcc; }

/* legenda */
#legenda{ text-align:center; font-size:13px; overflow:hidden; }
#legenda ul li{ display:inline-block; margin:0 10px; color:#999; }
#legenda ul li:first-child{ margin-left:0; }
#legenda ul li:last-child{ margin-right:0; }
#legenda ul li .fa{ background:#fff; font-size:30px; border-radius:50%; border:2px solid #999; line-height:58px; width:60px; height:60px; display:block; margin:0 auto 5px; }

#legenda ul li.active{ color:#278bcc; }
#legenda ul li.active .fa{ border-color:#278bcc; }

/* step 1 */
#Fase_1 .form-horizontal .form-group{ margin:0; }
#Fase_1 .form-horizontal .form-group .col-sm-6{ padding:0; }
#Fase_1 .form-horizontal .control-label{ text-align:left; }
#Fase_1 .form-horizontal .form-group{ border-bottom:1px solid #278bcc; padding:5px 0; margin-bottom:0; }
#Fase_1 .form-horizontal .form-group .form-control{ height:28px; box-shadow:none; }
@media(min-width:991px){
    #Fase_1 .step1-col-details-image{ width:19.5%; }
    #Fase_1 .step1-col-details{ width:47%; }
}
@media(min-width:767px){
    #Fase_1 .step1-col-details{ padding:0;  }
}

.row-quantity{ border-top: 1px solid rgba(81,104,168,0.3); padding:2px 0; background:#fff; transition:all ease 0.5s; }
.row-quantity:hover,.row-quantity:focus{ /*background:rgba(81,104,168,0.3);*/ background:#278bcc; color:#fff; }
.row-quantity:hover a,.row-quantity:focus a{ color:#fff; }
.row-quantity a:hover, .row-quantity a:focus{ text-decoration:none; color:#fff; }
.row-quantity .price{ font-weight:700; }


/* step 7 - distrubuzione */
.distribuzione-row{ display:flex; flex-wrap:wrap; }
.distribuzione-row .distribuzione-column{ float:none; margin-bottom:30px; }
.distribuzione-row .distribuzione-column .distribuzione-box{ height:100%; color:#278bcc; font-weight:700; background:#fff; display:block; overflow:hidden;  box-shadow:0 0 10px rgba(0,0,0,0.2); }
.distribuzione-row .distribuzione-column .distribuzione-box:hover,.distribuzione-row .distribuzione-column .distribuzione-box:focus{ text-decoration:none; }
.distribuzione-row .distribuzione-column .distribuzione-box .distribuzione-title{ padding:10px; }

/* step 8 - distribuzione in */
.distribuzione-in-image{ margin:15px 15px 10px; }


/* step 13 - reportistica */
.reportistica-row{ display:flex; flex-wrap:wrap; }
.reportistica-row .reportistica-column{ float:none; margin-bottom:30px; }
.reportistica-row .reportistica-column .reportistica-box{ background:#fff; display:block; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.2); min-height:308px; }
.reportistica-row .reportistica-column .reportistica-box:hover,.reportistica-row .reportistica-column .reportistica-box:focus{ text-decoration:none; }
.reportistica-row .reportistica-column .reportistica-box .reportistica-title{ padding:10px; color:#278bcc; font-weight:700; }
.reportistica-row .reportistica-column .reportistica-desc{ text-align:left; font-size:12px; padding:0 10px 15px; }

.reportistica-info-box{ background:#eee; padding:10px 15px; font-size:12px; }


/* pagamento */
#Fasep_2{ font-size:15px; font-weight:700; }

/* footer */
#footer{ background-color:#383838; padding:40px 0; color:#fff; border-top:5px solid #278bcc; }
#footer-light { background-color:#374057; padding:40px 0; color:#fff; }

#footer .footer-title, #footer-light .footer-title{ font-weight:700; }
#footer .footer-payment-logo{ height:16px; width:auto; margin:5px 5px; display:inline-block; }
#footer .footer-shipping-logo{ height:16px; width:auto; margin:5px 5px; display:inline-block; }
#footer .footer-social-icon{ font-size:20px; display:inline-block; margin:5px 5px; }

#footer .row > div[class^="col-"]{ border-right:1px solid rgba(255,255,255,0.3); }
#footer .row > div[class^="col-"]:last-child{ border:0; }

#footer-light .row > div[class^="col-"]{ border-right:1px solid rgba(255,255,255,0.3); }
#footer-light .row > div[class^="col-"]:last-child{ border:0; }

#credits{ background-color:#383838; padding:10px 0; color:#fff; font-size:12px; }

@media(max-width:767px){
    #footer, #footer-light{ padding:15px 0; }
    #footer .row > div[class^="col-"], #footer-light .row > div[class^="col-"]{ border:0; border-bottom:1px solid rgba(255,255,255,0.3); padding-top:10px; padding-bottom:10px; margin-bottom:15px; }
}