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

/* ================================= 
MITdesign by MITdesign 
info@mitdesign.it
 ================================= */
 
/* ================================= 
	Content Menu  
	--------------------------------
	 1 - Grid System
	 2 - CSS Reset
	 3 - Generic Layout, fix, extras
	 4 - Background, colors, buttons
 ================================= */

/* ======================================= */
/* 1 -  GRID SYSTEM  --------------------- */
/* ======================================= */
*[class*="grid_"] { float:left; position:relative; padding:10px; } 
.grid_100 	{ width:100%; padding:0px; }
.grid_80 	{ width:80%; }
.grid_75 	{ width:75%; }
.grid_70 	{ width:70%; }
.grid_60 	{ width:60%; }
.grid_50 	{ width:50%; }
.grid_45 	{ width:45%; }
.grid_40 	{ width:40%; }
.grid_33 	{ width:33.33%; }
.grid_30 	{ width:30%; }
.grid_25 	{ width:25%; }
.grid_20 	{ width:20%; }
.grid_16 	{ width:16.66%; }
.grid_10 	{ width:10%; }

.grid_nopadding { padding:0px !important; }
.grid_padding { padding:10px; }
/* ======================== */

/* ======================================= */
/* 2 -  CSS RESET  ----------------------- */
/* ======================================= */
/*
	http://meyerweb.com/eric/tools/css/reset/ 
   	v2.0 | 20110126
   	License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
	margin: 0; padding: 0; border:0; font-size: 100%; font: inherit; font-weight:normal; vertical-align: baseline; list-style:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body 	{ line-height: 1; }
table 	{ border-collapse: collapse; border-spacing: 0; }
/* ======================================= */

/* ======================================= */
/* 3 -  GENERIC LAYOUT - FIX - EXTRAS  --- */
/* ======================================= */
body, input, textarea, select, button { font-size:20px; color:#3d3d3d; font-family: 'Poppins', Arial, sans-serif; font-weight:300; background: #fff; text-rendering: optimizeLegibility; -webkit-font-smoothing:antialiased !important;   }
html	{ overflow-y:scroll; }
body 	{ overflow:hidden; }

.clearfix:before, .clearfix:after, .grid_100:before, .grid_100:after, article:before, article:after,
header:before, header:after, footer:before, footer:after, section:before, section:after 
{ content: " "; clear: both; display: block; visibility: hidden; line-height: 0; height: 0; }

* {
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;
}

::-moz-selection 	{ color:#fff; background:#848a8d; }
::selection 		{ color:#fff; background:#848a8d; }

h2, h3, h4, h5, h6 { font-weight: 700;  }

h1  { font-size: 30px; line-height: 30px; } 
h2  { font-size: 26px; line-height: 30px; } 
h3 	{ font-size: 24px; line-height: 26px; }  
h4  { font-size: 22px; line-height: 30px; }
h5  { font-size: 20px; line-height: 22px; }
h6 	{ font-size: 20px; line-height: 24px; }

p 			{ margin:0px 0px 20px; line-height:24px;  }
a 			{ color: #85000f; text-decoration:none; transition:all .25s ease-in-out; font-weight: inherit; }
a:hover 	{ color: #e2001a; }
img 		{ width:100%; border:none; float:left; outline: none; }
b, strong 	{ font-weight: 600; }
em 			{ font-style: italic; }

.div_center { width: 1440px; display: block; margin: 0px auto; position: relative; }

.bg_white { background: #fff; }

.shadow {
	-webkit-box-shadow: 0px 1px 3px 0px rgba(190,190,190,1);
	-moz-box-shadow: 0px 1px 3px 0px rgba(190,190,190,1);
	box-shadow: 0px 1px 3px 0px rgba(190,190,190,1);	
}
/* ======================================= */

/* ======================================= */
/* 4 - BTN ------------------------------- */
/* ======================================= */
.btn_gen    { 
    text-transform: uppercase; font-size: 18px; color:#fff; height: 50px; line-height: 50px; display: block; margin: 10px auto; position: relative; 
    text-align: center; padding: 0px 20px; transition: all .25s ease-in-out; background: #2e2e2e; width: fit-content;
}
.btn_gen i 		{ text-align: center; font-size: 20px; margin: 0px 0px 0px 10px; line-height: 28px; }
.btn_gen span	{ margin: 0px 10px; }

.btn_top 		{ width:40px; height: 40px; text-align: center; position:fixed; bottom: 20px; right: 20px; z-index:100; display: none; border:3px solid #e2001a; }
.btn_top i 		{ text-align: center; color: #e2001a; font-size: 20px; margin: 0px; line-height:32px; }

.box_payoff 	{ position: absolute; bottom: 0px; left: 0px; z-index: 10; color: #fff; width: 30%; padding: 30px; text-align: left; }
.box_payoff p 	{ 
	float: left; text-transform: uppercase; font-size: 60px; font-weight: 700; line-height: 50px; margin: 0px; color: #fff;
	text-shadow: 1px 1px 3px #2e2e2e;
}
.box_payoff b 	{ color: #e2001a; font-weight: 700; }

#sec_slide .box_acquista_full { position: absolute; right: 20px; bottom: 0px; z-index: 10;  }
#sec_slide .box_acquista_full .hidden 	{ display: none; }
#sec_slide .box_acquista { position: absolute; bottom: 0px; left: 0px; height: 180px;  width: calc(100% - 20px); }

.box_acquista_full { font-size: 18px; text-transform: uppercase; }
.box_acquista_full b { font-weight: 700; font-size: 30px; clear: both; display: block; margin-bottom: 20px; }
.box_acquista_full a 		{ width: 100%; position: absolute; left: 0px; bottom: 0px; color: #fff; padding: 10px 20px; font-size: 24px; }
.box_acquista_full a span 	{ font-weight: 700; }
.box_acquista_full i 		{ float: right; }
.box_acquista_full .hidden b { font-size: 24px; }

.box_acquista 			{ padding: 20px 20px 50px; position: relative; margin: 0px 0px 30px; }
.box_acquista.bg_gray a { background: #1b1b1b; }
.box_acquista.bg_red a 	{ background: #85000f; }

.bx-controls { position: absolute; right: 40px; top: 50%; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; width: 15px; height: 15px; border-radius: 50%; margin: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus { 
    background: none; border:1px solid #fff; 
}

.box_right 	{ float: right; }

.bg_red 	{ color: #fff; background: #e2001a; }
.bg_gray 	{ color: #fff; background: #2e2e2e; }
.bg_gray h2 { color: #fff; }

/* ======================================= */

/* ======================================= */
/* 6 - HEADER & MENU --------------------- */
/* ======================================= */

/* Top Menu */
header { width: 100%; float: left; position: fixed; top: 0px; left: 0px; z-index: 100; font-size: 18px; text-transform: uppercase; }
header .logo_menu   { width: 350px; margin: 20px 0px 0px;  float: left; transition:all .25s ease-in-out; }    
header span         { display:none; } 
header ul           { float: right;  }
header li           { float: left;  }
header .fa          { line-height: 45px;  }
header nav       	{ width: 100%; float: left; background: #fff; padding: 0px 0px 0px 20px; border-bottom: 1px solid #d5d5d5;  }
header nav li       { line-height: 80px;  }
header nav li a     { color: #2e2e2e; padding: 10px 30px; float: left; border-left: 1px solid #d5d5d5; position: relative; }

	.menu_attivo, header nav li a:hover { background: #e2001a; color: #fff; }
	.menu_attivo:after, header nav li a:hover:after { content: ""; width: calc(100% - 40px); height: 1px; background: #fff; position: absolute; bottom: 20px; left: 20px; }

.menu_top { background: #2e2e2e; line-height: 50px; }
.menu_top a { color: #fff; }
.menu_top_service { float: left; }
.menu_top_service a { float: left; padding: 0px 20px; }
.menu_top_service a:hover { background: #e2001a;  }

.menu_top_login { float: right; }
.menu_top_login li { margin: 0px 0px 0px 1px;  }
.menu_top_login a { background: #1b1b1b; float: left; padding: 0px 20px; }
.menu_top_login a:hover { background: #fff; color: #1b1b1b; }
.menu_top_login i { margin: 0px 0px 0px 10px; }

footer 			{ width: 100%; float: left; background: #2e2e2e; color: #fff; font-size: 18px; padding: 40px 0px 0px; font-weight: 300; }
footer h2 img 	{ width: auto; float: none; }
footer h2 span 	{ display: none; }
footer h3  		{ color: #fff; font-size: 16px; line-height: 18px; font-weight: 500; margin: 10px 0px 30px; }
footer h4 		{ text-transform: uppercase; font-weight: 18px; margin: 20px 0px 5px; }
footer p { font-weight: 300; }

footer dl 	{ width: 100%; float: left; margin: 0px 0px 20px; }
footer dt 	{ width: 250px; float: left; margin-top: 5px; }
footer dd	{ float: left; margin-top: 5px; }
footer a 	{ color: #fff; }

.ul_social { margin-bottom: 20px; display: block; }
.ul_social li { line-height: 30px; display: inline-block; }
.ul_social i { line-height: 30px;  font-size: 30px; float: left; margin-right: 20px; }

.sticky 	{ }
.sticky a 	{ }

.footer_service 	{ background: #fff; padding: 0px 0px 30px; line-height: 40px; }
.footer_service a 	{ color: #828282; }

.btn_mit img    { width: auto; display: block; margin: 30px auto 0px; text-align: center; float: none; }
.btn_mit span   { display: none; }

.sb-toggle-right { 
	display: none; width: 50px; height: 50px; line-height: 50px; margin: 10px 10px 0px; 
	float: right; color: #fff; text-align: center; background: #e2001a; 
}

.sb-toggle-right i		{ color:#fff; font-size:14px; }
.sb-toggle-right span 	{ display:none; }

.cc-cookies  		{ width: 100%; float: left; font-size:14px; line-height:40px; text-align:center; color:#333; z-index: 100; background: #fff; }
.cc-cookies b 		{ color:#666; }
.cc-cookies a 		{ padding:0px 10px; margin-left:10px; border-radius: 50px; color:#333; background:#e8e8e8; position:relative; text-transform:uppercase; transition:all .25s ease-in-out;  }
.cc-cookies a:hover { color:#fff; background:#333;  }

.ul_elenco      { margin: 0px 0px 30px; }
.ul_elenco li   { line-height: 24px; margin: 2px 0px; padding: 0px 0px 0px 20px; position: relative; }
.ul_elenco li:before { content: "\f138"; font-family: "FontAwesome"; font-size: 12px; position: absolute; left: 0px; margin: 2px 10px 0px 0px; color: #e2001a; }
/* Main Menu */


/* ======================================= */
/* 5 - FORM ------------------------------ */
/* ======================================= */
form { margin: 0px 0px 40px; float: left; }
form span	{ width:100%; padding:10px !important; float:left; position:relative; }
form img 	{ width:auto;  margin:0px; }
fieldset, input, textarea, select, button { border:none; float: left; width: 100%;  }

input, textarea, select { width:100%; color:#fff; font-size:16px; border-bottom:1px solid #e2001a;  background: #282828; }
input, select 		{ line-height:50px; height:50px; padding:0px 20px; }
textarea 	{ line-height:20px; height:150px; padding:20px; }

input[type="checkbox"], input[type="radio"] { width:auto; height:auto; display: inline-block; margin: 0px 10px 10px 0px; }
input[type="checkbox"] { margin: 5px 10px 10px 0px; }
label[for="privacy_EmailForm"] { line-height:20px; font-size:13px; margin: 10px 0px; }

label[for="captcha_EmailForm"] { width:100px; float:left; font-size:13px; line-height: 16px; }
input[name="__captcha_EmailForm"] { width:100px; margin: 0px 10px; }

button.btn_gen 	{ cursor:pointer; float:right; margin: 0px; background: #fff; color: #e2001a; }
button span     { padding: 0px; float: none; margin: 0px 10px; }
button:focus 	{ outline:none; }

.error_box 			{ width:20px; height:20px; position:absolute; top:25px; right:25px; font-size:11px; line-height:20px; text-align: center; color: #fff; background:#85000f; cursor:pointer; border-radius:5px;   }
.error_box span 	{ text-indent:-9999px; display:none; }
.error_box:before 	{ content:"!"; display:block;  }
.error_box:hover:after 	{ content:"Campo Obbligatorio"; padding:10px; white-space:nowrap; position:absolute; top:-50%; right:150%; background:#85000f; display:inline-block; text-indent:0px; border-radius:5px;  }

.error_highlight 	{ outline: none; box-shadow: inset 0px 0px 5px #77808a; }
.form_result 		{ font-size:21px; color:#eb5a48; }

.emailform_messaggio 	{ line-height:20px; padding:20px; margin-top:20px; color:#005894; text-align: center; }
.emailform_successo 	{ background:#fff; }

input:focus, textarea:focus {
	outline:none; border:1px solid #0097d8; 
	-webkit-box-shadow: 0px 1px 10px 0px rgba(102,185,211,.5);
	-moz-box-shadow: 0px 1px 10px 0px rgba(102,185,211,.5);
	box-shadow: 0px 1px 10px 0px rgba(102,185,211,.5);
}



/* ======================================= */
/* 7 - SECTION --------------------------- */
/* ======================================= */

section 	{ width: 100%; float: left; position: relative; padding: 40px 0px; }
section h1 	{ color: #2e2e2e; text-transform: uppercase; font-size: 30px; margin: 20px 0px 30px; }
section .grid_30 h2 { text-align: right; }

.parallax-window 	    { min-height: 500px; background: transparent; text-transform: uppercase; }

body.header_int .parallax-window, .sec_noimg { margin: 120px 0px 0px; }


#sec_slide { border-bottom: 5px solid #e2001a; padding: 0px; }
	.bx-wrapper { border-bottom: 1px solid #fff; }


#sec_home .btn_gen { float: left; }

.box_vantaggi {  text-align: center; cursor: pointer; margin: 50px 0px; }
.box_vantaggi i { font-size: 40px; border: 1px solid #fff; padding: 20px; width: 100px; height: 100px; float: none; margin: 0px auto 50px; line-height: 60px; }
.box_vantaggi h3 { font-size: 30px; text-transform: uppercase; }
	.box_vantaggi_text { 
		background: #2e2e2e; border: 2px solid #e2001a; padding: 20px; max-width: 100%; color:#2e2e2e; opacity: 0;
		position: absolute; bottom: 50px;  font-size: 16px; line-height: 18px; z-index: 300; text-align: left;
	 }
	 .box_vantaggi_text p { margin: 0px; color: #fff; }


#sec_perche, #sec_text 	{ counter-reset: numeri; }
#sec_perche .grid_20, #sec_text .grid_33 	{ margin-top: 40px; }


.box_count 		{ counter-increment: numeri; cursor: pointer; border:1px solid #c2c2c2; padding: 40px 20px 20px; min-height: 320px; transition: all .25s ease-in-out; }

.box_count h2 	{ font-weight: 700; margin: 0px 0px 10px; font-size: 24px;  transition: all .25s ease-in-out;  }
.box_count p 	{ font-size: 16px; line-height: 18px; margin: 10px 0px 0px;  }
.box_count:before { 
	content: counter(numeri); position: absolute; top: -30px; left: 50%; margin-left: -30px; width: 60px; height: 60px; line-height: 62px; 
	text-align: center; border:1px solid #c2c2c2; background: #fff; font-size: 24px;  transition: all .25s ease-in-out; 
}

.box_count:hover { box-shadow: inset 0px 0px 0px 5px #e2001a; border:1px solid #e2001a; }
.box_count:hover:before { box-shadow: inset 0px 0px 0px 5px #e2001a;  border:1px solid #e2001a;  }
.box_count:hover h3 { font-size: 24px; }

#sec_text .box_count {  min-height: 200px; }
#sec_text .box_count h3 { font-weight: 700;  }

.sec_pay { }

.box_pay 	{ padding: 30px; text-align: left; font-size: 16px; min-height: 640px; }
.box_pay i 	{ font-size: 40px; margin: 0px 0px 20px; }
.box_pay h3 { font-weight: 500; margin: 0px 0px 20px; text-transform: uppercase; }
.box_pay b 	{ font-weight: 700; display: block; }
.box_pay img { width: 50%; }

.box_pay li { margin: 10px 0px; }
.box_pay li:before { color: #fff; display: inline-block; }

#sec_video { border-top: 5px solid #e2001a; }
#sec_video, #sec_video h3, .sec_video h3 { margin-bottom: 10px; }

.dl_faq { counter-reset: numeri; }
.dl_faq dd { display: none; }
.dl_faq dt { counter-increment: numeri; border:1px solid #c2c2c2; padding: 20px 40px; margin: 20px 0px 0px; position: relative; cursor: pointer; transition: all .25s ease-in-out; }
.dl_faq dt:hover { background: #f2f3f5; }
.dl_faq dt:before { 
	content: counter(numeri); border:1px solid #c2c2c2; background: #fff; font-size: 24px; text-align: center; line-height: 42px; 
	width: 40px; height: 40px; left: -20px; top: 50%; margin-top: -20px; position: absolute; display: block; color: #e2001a;
} 
.dl_faq dt:after { content: "\f13a"; font-family: 'FontAwesome';  position: absolute; right: 20px; top: 50%; margin-top: -10px; }

.dl_faq dd { padding: 40px; border:1px solid #c2c2c2; margin-top: 10px; background: #f2f3f5; }

.ul_privacy { float: left; position: relative; width: 100%; margin: 0px 0px 40px; }
.ul_privacy li { float: left; position: relative; margin: 10px 20px 0px 0px; }
.ul_privacy li .menu_attivo { float: left; position: relative; }
.ul_privacy li .menu_attivo:hover { color: #333; }
.ul_privacy li .menu_attivo:after { display: none; }

.sec_privacy { border-top: 2px solid #c2c2c2; padding: 50px 0px;  }
.sec_privacy .btn_gen { margin-top: 50px; }
.sec_privacy h2 { color: #e2001a; margin: 0px 0px 20px; }

.sec_register { border-top: 2px solid #c2c2c2; padding: 50px 0px 20px; margin-top: 50px;  }
.sec_register h2 { text-transform: uppercase; margin-bottom: 20px;  }

/* ======================================= */
/* 7 - RESPONSIVE ------------------------ */
/* ======================================= */

@media all and (max-width:1499px) {
	.div_center { width: 100%; padding: 0px 20px;  }
	.box_count { min-height: 380px; }
}


@media all and (max-width:1299px) {

	.parallax-window { min-height: 350px; }

	#sec_slide .box_acquista_full { width: 60%; }
	.box_payoff p { font-size: 40px; line-height: 40px; }


}

@media all and (max-width:1099px) {
    body, input, textarea, select, button { font-size: 16px; }
    p       { line-height: 20px; }

    header .logo_menu, footer h2 { width: 300px; }
    footer h2 img { width: 100%;  }
    header nav li a { padding: 0px 20px; }

    .menu_top { font-size: 14px; }

    #sec_slide { margin-top: 100px; }

    #sec_perche .grid_20 { width: 25%; }

    #sec_text .box_count { min-height: 220px; }

    .box_pay { min-height: 680px; }
    .box_pay h3 { font-size: 20px; line-height: 22px; }
}
@media all and (max-width:999px) {
	.sec_pay .grid_33 { width: 100%; }
	.box_pay { min-height: auto; }
	.box_pay img { width: 30%; float: none; }
}

@media all and (max-width:799px) {
	header nav { padding: 10px; }
	header nav ul, .menu_top_service { display: none; }

	.menu_top_login { width: 100%; }
	.menu_top_login li { width: calc( 50% - 1px); }
	.menu_top_login a { display: block; float: none; }

	footer .grid_40, footer .grid_60, #sec_text .grid_70, #sec_text .grid_30 { width: 100%; }
	footer dd { width: 50%; }

	#sec_text .grid_30 h2 { text-align: left; }

	.bx-controls { bottom: 50px; }


    .sb-toggle-right        { display: block; }
    #sb-site, .sb-site-container { background: #fff; }
    .sb-slidebar                { background:#fff; font-size: 18px; margin-top:140px; }
    .sb-slidebar nav ul li      { width:100%; float: left; position:relative; text-transform: uppercase;  }
    .sb-slidebar nav ul li a    { line-height: 50px; color: #52555e; font-size: 16px; padding: 0px 20px; display: block; border-bottom:1px solid #f1f3f4;  }
    .sb-slidebar .ul_social li { width: 25%;  }

    #sec_slide .box_acquista_full { display: none; }

    #sec_perche .grid_20, #sec_text .grid_33 { width: 100%; margin-top: 0px; }
    .box_count, #sec_text .box_count { min-height: inherit; padding: 20px 20px 20px 50px; text-align: left; }
    .box_count:before {  top: 50%; left: 15px; margin-top: -25px; width: 50px; height: 50px; line-height: 52px; }

    #sec_vantaggi h3 { font-size: 24px; }

}
@media all and (max-width:699px) {
	#sec_video .grid_50, .sec_video .grid_50 { width: 100%; }

}
@media all and (max-width:599px) {
	header .logo_menu, footer h2 { width: 200px; }
	header .logo_menu { margin-top: 10px; }

	footer { font-size: 14px; }
	footer .grid_40, footer .grid_60 { padding: 0px; }

	.parallax-window { min-height: 300px; }

	.menu_top_login { font-size: 12px; }
	.menu_top_login a { line-height: 20px; position: relative; padding: 5px 10px; }
	.menu_top_login .fa { line-height: 20px; position: absolute; top: 5px; right: 10px; }

	.sb-slidebar { margin-top:90px; }
	.sb-toggle-right { width: 30px; height: 30px; line-height: 30px; margin: 5px 5px 0px 0px; } 
	.sb-toggle-right i { line-height: 30px; }

	.btn_gen { font-size: 14px; }

	.box_payoff { padding: 10px; }
	.box_payoff p { font-size: 22px; line-height: 22px; }



	section { padding: 20px 0px; }
	section h2 { margin: 10px 0px 20px; font-size: 24px; }

	#sec_slide, body.header_int .parallax-window, .sec_noimg { margin-top: 90px; }



	#sec_vantaggi .grid_25 { width: 50%; margin: 10px 0px; }
	#sec_vantaggi h3 { font-size: 18px; }
	#sec_vantaggi i { font-size: 30px;  padding: 0px;  width: 60px;  height: 60px;  margin: 0px auto 20px;  line-height: 60px; }

	.sec_pay .grid_50 { width: 100%; padding: 0px 0px 10px; }
	.box_pay { padding: 15px; line-height: inherit; min-height: auto; float: left; }

	.box_count:before { margin-top: -20px; width: 40px;  height: 40px;  line-height: 42px; }
	.box_count, #sec_text .box_count { padding: 20px 20px 20px 40px; }

	.box_acquista_full .grid_50 { width: 100%; }

	#sec_text .grid_70, #sec_text .grid_30 { padding: 0px }

	.dl_faq dd { padding: 20px; }

	iframe { height: 300px; }


	.ul_elenco li { line-height: 20px; }

	form span.grid_50, form span.grid_70, form span.grid_30 { width: 100%; }
	label[for="captcha_EmailForm"] { width: 100%; }
	button.btn_gen { float: none; display: block; margin: 0px auto; }

	.sec_privacy { padding: 20px 0px; }
	.sec_privacy h2 { font-size: 20px; line-height: 22px; }
	.sec_privacy h3 { font-size: 18px; line-height: 24px; }
	.sec_privacy h4 { font-size: 16px; line-height: 20px; }


}

@media all and (max-width:499px) {


}

@media all and (max-width:399px) {

}