@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:20px; } 
.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:18px; letter-spacing: 0.05em; color:#4f6e8d; font-family: 'Dosis', Arial, sans-serif; font-weight:300; background: #f7f7f7; 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: 300;  }

h2 	{ font-size: 24px; line-height: 30px; } 
h3 	{ font-size: 24px; line-height: 26px; color: #306dab;  }  
h4  { color: #306dab; font-size: 24px; line-height: 26px; }
h5  { color: #66b9d3; font-size: 20px; line-height: 22px; }
h6 	{ font-size: 20px; line-height: 24px; color:#e71788; }

p 			{ margin:0px 0px 20px; line-height:24px;  }
a 			{ text-decoration:none; transition:all .25s ease-in-out; font-weight: inherit; }
a:hover 	{  }
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; }

.shadow, figure, .sec_certificazioni article {
	-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: inline-block; position: relative;
    text-align: center; transition: all .25s ease-in-out; z-index: 100; 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#668fb7+0,306dab+100 */
    background: #668fb7; /* Old browsers */
    background: -moz-linear-gradient(left, #668fb7 0%, #306dab 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #668fb7 0%,#306dab 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #668fb7 0%,#306dab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668fb7', endColorstr='#306dab',GradientType=0 ); /* IE6-9 */
}
.btn_gen i 		{ text-align: center; color: #fff; font-size: 20px; margin: 0px 0px 0px 10px; line-height: 28px; }
.btn_gen span	{ margin: 0px 10px; }
.btn_gen:before 	{ 
    content: ""; display: block; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0; width: 100%; z-index: -100; transition: opacity 0.25s ease-in-out;
    background: #668fb7; /* Old browsers */
    background: -moz-linear-gradient(right, #306dab 0%, #214a74 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(right, #306dab 0%,#214a74 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #306dab 0%,#214a74 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306dab', endColorstr='#214a74',GradientType=0 ); /* IE6-9 */
}
.btn_gen:hover:before { opacity: 1; }

.btn_mini { font-size: 14px; line-height: 20px; letter-spacing: 0.1em;  }
.btn_mini i      { font-size: 14px; line-height: 20px; }
.btn_mini span   { padding: 5px 10px;  }

.btn_top 		{ width:40px; height: 40px; line-height: 38px; text-align: center; position:fixed; bottom: 20px; right: 20px; z-index:100; display: none; background:#4f6e8d; }
.btn_top span	{ display: block;  }
.btn_top i 		{ text-align: center; color: #fff; font-size: 20px; margin: 0px; line-height:38px; }

.box_payoff         { width: 100%; position: absolute; top: 40%; z-index: 10; color: #fff; text-transform: uppercase; text-align: center; text-shadow: 1px 1px 3px #20263c;  }
.box_payoff h2      { font-size: 60px; line-height:64px; }
.box_payoff h2 b    { font-size: 77px; display: block;  }
.box_payoff h3      { font-size: 23px; color: #fff; margin-top:20px;  }

.bx-controls { position: absolute; right: 30px; top: 35%; }
.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; 
}
/* ======================================= */

/* ======================================= */
/* 6 - HEADER & MENU --------------------- */
/* ======================================= */
.ul_social      { width: 100%; border-bottom: 1px solid #f1f3f4; float: left;   }
.ul_social li   { float: left; width: 50%; text-align: center; border-left: 1px solid #f1f3f4; clear: none;   }
.ul_social li:first-child { display: none; }
.ul_social a    { padding: 10px; display: block; }
.ul_social span { display: none;  }

/* Top Menu */
header { width:300px; position: fixed; top: 0px; left: 0px; font-size: 15px; z-index: 100; color: #4f6e8d; border-right: 1px solid #f1f3f4;  }
header .nav { position: absolute; background: #fff; height: 100%; width: 100%;  z-index: 100; }
header h1       { width: 100%; padding: 10px; float: left; transition:all .25s ease-in-out; }    
header span     { display:none; } 
header a        { color: #4f6e8d; }

header nav 		{ width: 100%; border-bottom: 1px solid #f1f3f4; float: left; position: relative;  text-transform: uppercase;  z-index: 100; }
header nav li   { border-top: 1px solid #f1f3f4; float: left; width: 100%; z-index: 10; }
header nav a    { padding: 20px; display: block; transition: all .25s ease-in-out; position: relative; }
header nav a:before    { 
    content: ""; display: block; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0; width: 100%; z-index: -100; transition: opacity 0.25s ease-in-out;
    background: #668fb7; /* Old browsers */
    background: -moz-linear-gradient(left, #668fb7 0%, #306dab 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #668fb7 0%,#306dab 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #668fb7 0%,#306dab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668fb7', endColorstr='#306dab',GradientType=0 ); /* IE6-9 */
}
header nav a:hover { color: #fff; }
header nav a:hover:before  {  opacity: 1; }

header nav i    { margin-right: 20px; }
header nav i + i    { float: right; margin: 0px; }

header .footer  { position: absolute; bottom: 0px; text-align: center; width: 100%; }
header .footer p, footer p { border-top: 1px solid #f1f3f4; padding: 20px; line-height: 18px; margin:0px; }
header .footer img, footer img { float: none; width: auto; }

footer, footer span { display: none; text-align: center; }


.submenu { width: 250px; position: fixed; top: 0px; left: 0px; background: #fff; text-align: center; opacity: 0; z-index: 10; text-transform: uppercase;  }
.submenu li   { border-bottom: 1px solid #f1f3f4; float: left; width: 100%; z-index: 10; }
.submenu li a    { padding: 20px; display: block; transition: all .25s ease-in-out; position: relative; }

.submenu_top { 
    color: #fff; padding: 50px 40px 20px; position: relative;
    background: #668fb7; /* Old browsers */
    background: -moz-linear-gradient(left, #668fb7 0%, #306dab 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #668fb7 0%,#306dab 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #668fb7 0%,#306dab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668fb7', endColorstr='#306dab',GradientType=0 ); /* IE6-9 */
}
.submenu_top i { margin: 0px 0px 7px; font-size: 30px; }
.submenu_top h3 { color: #fff; font-size: 16px; line-height: 16px; }

.submenu_close { background: rgba(225,225,225,.5); padding: 10px; color: #fff; position: absolute; top: 0px; left: 0px; width: 100%; }
.submenu_close i { margin: 0px; font-size: 14px; }

.sb-toggle-left 		{ display: none; line-height: 30px; padding: 10px; color: #fff; text-align: center; display: inline-block; }
.sb-toggle-left i		{ color:#fff; font-size:14px; }
.sb-toggle-left 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: #668fb7; }
/* Main Menu */

.box_search { position: relative; float: left; width: 100%;  }
.box_search input { background: #f7f7f7; color: #4f6e8d }
.box_search button { position: absolute; right: 0px; top: 0px; line-height: 50px; cursor: pointer;  }

.ul_search { padding: 15px; }
.ul_search li { width: calc(50% - 15px); position: relative; max-height: 120px; overflow: hidden; }
.ul_search li:nth-child(odd) { float: left; margin: 0px 15px 30px 0px;  }
.ul_search li:nth-child(even) { float: right; margin: 0px 0px 30px 15px;  }
.ul_search li img { float: left; width: 25%; }

.ul_search span { display: block; margin: 0px 0px 5px; }
.ul_search .search_title { font-size: 20px; line-height: 24px; color: #306dab; }
.ul_search .search_subtitle { font-size: 18px; line-height: 20px; color: #306dab;  }  
.ul_search .search_cat { font-size: 16px; line-height: 25px; color: #fff; background: #66b9d3; padding: 0px 5px; float: left; margin: 0px 10px 0px 0px;  }  
.ul_search .search_marchi { font-size: 16px; line-height: 25px; color: #fff; background: #66b9d3; padding: 0px 5px; float: left; margin: 0px 10px 0px 0px; }


h4  { color: #306dab; font-size: 24px; line-height: 26px; }
h5  { color: #66b9d3; font-size: 20px; line-height: 22px; }
h6  { font-size: 20px; line-height: 24px; color:#e71788; }


/* ======================================= */
/* 5 - FORM ------------------------------ */
/* ======================================= */
form span, form span.grid_100 	{ width:100%; padding:20px; float:left; position:relative; }
form img 	{ width:auto;  margin:0px 20px;  }
fieldset, input, textarea, button { background:none; border:none; transition: all .25s ease-in-out; }
input, textarea { width:100%; background:#f4f3f0; color:#848a8d; font-size:18px; }
input 		{ line-height:50px; height:50px; padding:0px 20px; }
textarea 	{ line-height:20px; height:150px; padding:20px; }

input[type="checkbox"] { width:auto; height:auto; }

label[for="privacy_EmailForm"] { line-height:20px; font-size:13px; }

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

button.btn_gen 			{ cursor:pointer; float:right; text-transform:uppercase; padding: 0px 10px; }
button span { padding: 0px; float: none; margin: 0px 10px; }
button:focus 			{ outline:none; }

.error_box 			{ width:20px; height:20px; position:absolute; top:35px; right:35px; font-size:11px; line-height:20px; text-align: center; color: #fff; background:#d3669c; 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:#d3669c; 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:50px; padding:0px 20px; margin-top:20px; text-transform:uppercase; color:#fff;  }
.emailform_successo 	{ background:#b0809d; }

input:focus, textarea:focus {
	outline:none; border:1px solid #66b9d3; 
	-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);
}

#map { float: left; position: relative; }

#paging { padding: 15px; float: left; width: 100%; position: relative; z-index: 0; }
#paging .btn_gen        { position: absolute; top: 15px; z-index: 10; padding: 0px 10px; }
#paging .btn_gen i      { margin: 0px; }
#paging .pag_back, #paging .pag_back_off { left:15px; }
#paging .pag_next, #paging .pag_next_off { right:15px; }
#paging .pag_back_off, #paging .pag_next_off { opacity: .2; }

#paging #pag_center         { width:100%; float: left; position: relative; text-align: center; line-height: 50px; padding: 0px 20px; font-size: 14px; }
#paging #pag_center li      { display: inline-block; margin: 0px 5px;  }
#paging #pag_center a       { display: block; color:#fff; background: #66b9d3; width: 50px; height: 50px; line-height: 50px;  transition: all .25s ease-in-out; }
#paging #pag_center a:hover { background: #306dab; }
#paging #pag_center a.page_current          { background:#306dab;  }
#paging #pag_center a.page_current:hover    { background:#66b9d3; }


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

.parallax-window 	    { min-height: 150px; background: transparent; text-transform: uppercase; }
.parallax-window hgroup { padding: 50px; }
.parallax-window i      { color: #fff; font-size: 50px; line-height: 90px; float: left; margin-right: 30px; }
.parallax-window h2     { color: #fff; font-size: 40px !important; line-height: 50px; font-weight: 600; background: none !important; }
.parallax-window h3     { color: #fff; font-size: 20px; line-height: 30px; }

section { width: calc(100% - 300px); float: right; position: relative; }

.sec_content    { background: #fff; float: left; position: relative; padding: 30px; width: 100%;  }
.sec_content h3 { margin: 10px 0px 20px; clear: both; }

#sec_home .box_focus { position: absolute; bottom: 0px; left: 0px; background: #fff; }
#sec_home .box_focus .grid_50, #sec_home .box_focus .grid_40 { padding: 0px; }
#sec_home .box_focus .btn_gen { width: 50px; position: absolute; bottom: 0px; right: 0px; }
#sec_home .box_focus .grid_50 { border:1px solid #fff; }
#sec_home .box_focus h4 { font-size: 24px; }
#sec_home .box_focus h5 { font-size: 20px; }

#sec_content h2, #sec_list h2 { 
    color: #fff; text-transform: uppercase; padding: 0px 0px 0px 20px; line-height: 60px;
    background: #668fb7; /* Old browsers */
    background: -moz-linear-gradient(left, #668fb7 0%, #306dab 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #668fb7 0%,#306dab 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #668fb7 0%,#306dab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668fb7', endColorstr='#306dab',GradientType=0 ); /* IE6-9 */
}

#sec_content h2 .title_resp, #sec_list h2 .title_resp { display: none; }
#sec_content h2 i, #sec_list h2 i     { margin: 0px 10px; }
#sec_content h2 a, #sec_list h2 a     { color: #fff; }
#sec_content h2 a:last-child,
#sec_list h2 a:last-child    { float: right; border-left: 1px solid #fff; font-size: 16px; padding: 0px 20px;  }
#sec_content h2 a:last-child:hover, #sec_list h2 a:last-child:hover { background: #668fb7  }
#sec_content h2 a i, #sec_list h2 a i     { margin:0px 10px 0px 0px; }


#sec_list .div_center   { padding: 15px; width: 100%; float: left;  }
#sec_list .grid_33      { padding: 15px; }
#sec_list .grid_33 figure a        { float: left; position: relative; width: 100%; }


figure .btn_gen { position: absolute; bottom: 0px; right: 0px; width: 50px; height: 50px; }
figcaption      { background: #fff; padding: 30px; clear: both; min-height: 200px; }
figcaption h4 a { color: #306dab; font-size: 22px;  }
figcaption h5   { margin: 10px 0px 0px; }
figcaption p    { margin: 20px 0px 0px; }


article { display: block; clear: both; }
article *[class*="grid_"] { padding: 10px; }
article hgroup      { margin: 0px 0px 10px; }
article hgroup h5   { margin: 10px 0px 0px; }
article ul 			{ padding:5px 0px 20px;  }
article li          { margin: 5px 0px; position: relative; ; padding: 0px 0px 0px 20px;  }
article li:before   { content: "\f138"; font-family: "FontAwesome"; font-size: 12px; position: absolute; left: 0px; margin: 2px 10px 0px 0px; color: #668fb7; }

article dl { line-height: 20px; }
article dt { float: left; min-width: 150px; text-transform: uppercase;  }

article .box_detail { 
	background: #fff; margin-bottom: 40px; 
	-webkit-box-shadow: 0px 0px 0px 3px rgba(249,248,245,1);
	-moz-box-shadow: 0px 0px 0px 3px rgba(249,248,245,1);
	box-shadow: 0px 0px 0px 3px rgba(249,248,245,1);	
 }


.article_date           { color: #4f6e8d; font-size: 16px;  }
.article_video          { width: 100%; float: left; margin: 25px 0px; }
.article_images         { width: 100%; margin: 20px 0px;  float: left; }
.article_images a       { float: left; width: 25%;  }
.article_images img     { border:1px solid #fff; }
.article_doc .btn_gen   { margin: 5px; float: left; }
.article_text img       { width: auto; }
.article_text table td  { line-height: 30px; padding: 0px 10px; }

#sec_list .div_center   { padding: 15px; width: 100%; float: left;  }

.sec_certificazioni .grid_100    { padding: 15px; }
.sec_certificazioni article      { background: #fff; padding: 10px; overflow: auto; }

.sec_video .article_video { padding: 0px 200px; }


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

@media all and (max-width:1499px) {
    h4 { font-size: 20px; line-height: 22px; }
    h5 { font-size: 18px; line-height: 20px; }

	header { width: 250px; }
    section {  width: calc(100% - 250px); }
    figcaption { padding: 15px; }

    .box_focus .grid_60 { padding: 20px 50px 20px 20px; }
    .article_date { margin: 0px 0px 5px; }

    iframe { height: 250px; }
    .sec_video iframe { height: 400px;  }



}


@media all and (max-width:1299px) {
    .btn_gen { font-size: 14px; }

    .box_payoff { top: 25%; }
    #sec_home .box_focus .grid_50 { width: 100%; }
    #sec_home .box_focus .grid_40 { width: 20%; }
    #sec_home .box_focus .grid_60 { width: 80%; }
    
    #sec_list h2, #sec_content h2 { font-size: 18px; }
    #sec_list .grid_33 { width: 50%; }
    figcaption p { margin: 10px 0px 0px; }
    
    .sec_video .article_video { padding: 0px 150px; }
}

@media all and (max-width:1099px) {
    body, input, textarea, select, button { font-size: 16px; }
    p { line-height: 20px; }
    iframe { height: 150px; }
    form .grid_30, form .grid_70 { width: 100%; }

    .box_payoff { top: 15%; }
    .box_payoff h2 { font-size: 30px; line-height: 34px; }
    .box_payoff h2 b { font-size: 39px; }

    #sec_home .box_focus .grid_50 { width: 50%; }
    #sec_home .box_focus .grid_40, #sec_home .box_focus .grid_60 { width: 100%; }

    .sec_content { padding: 20px; }
    .sec_video .article_video { padding: 0px 50px; }
}



@media all and (max-width:799px) {
	
    header { position: relative; width: 100%; }
    header nav > ul, header .footer { display: none; }
    header h1       { width: 300px; float: none; display: block; margin: 0px auto; }
    header h1 img   { margin: 15px 0px; }
    header .nav {position: relative;height: auto; }
        .ul_social li { width: 33%; line-height: 30px; }
        .ul_social li:first-child {
            display: block;
            background: #668fb7; /* Old browsers */
            background: -moz-linear-gradient(left, #668fb7 0%, #306dab 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #668fb7 0%,#306dab 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #668fb7 0%,#306dab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668fb7', endColorstr='#306dab',GradientType=0 ); /* IE6-9 */
        }
        .submenu    { display: none; }
        .box_payoff { top: 40%; }

    section { width: 100%; }
    footer { display: block; }

    .sb-toggle-left        { display:block; }
    #sb-site, .sb-site-container { background: #fff; }
    .sb-slidebar            { background:#fff; font-size: 18px;  }
    .sb-slidebar nav li     { width:100%; float: left; position:relative;  }
    .sb-slidebar nav a      { line-height: 60px; color: #668fb7; padding: 0px 0px 0px 80px; font-size: 20px; display: block; border-bottom:1px solid #f1f3f4;  }
    .sb-slidebar nav i      { 
        width: 60px; height: 60px; line-height: 60px; text-align: center; color:#fff; position: absolute; top: 0px; left: 0px; 
        background: #668fb7; /* Old browsers */
        background: -moz-linear-gradient(left, #668fb7 0%, #306dab 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #668fb7 0%,#306dab 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #668fb7 0%,#306dab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668fb7', endColorstr='#306dab',GradientType=0 ); /* IE6-9 */
    }
    .sb-slidebar nav i + i  { right: 0px; left: auto; color: #4f6e8d; background: none; }  
    .sb-slidebar ul ul { display: none; }
    .sb-slidebar ul ul > li > a { background: #f1f3f4; border:none; padding: 0px 20px; border-bottom:1px solid #fff;  }

    #sec_home .box_focus { position: relative; }
    #sec_home .box_focus .btn_gen { position: relative; width: 100%; }
    #sec_home .box_focus .grid_60 { padding: 15px; min-height: 150px; }


    #paging #pag_center { line-height: 40px; }
    #paging .btn_gen, #paging #pag_center a  { width: 40px; height: 40px; line-height: 40px; }
    #paging .btn_gen span { display: none; }

    #paging .pag_back, #paging .pag_back_off { left: 5px; }
    #paging .pag_next, #paging .pag_next_off { right: 5px; }

}

@media all and (max-width:599px) {
    .sec_certificazioni .grid_30, .sec_certificazioni .grid_70 { width: 100%; }

}

@media all and (max-width:499px) {
    header h1   { width: 200px;  }
    figcaption  { min-height: auto; }
    iframe { height: 250px; }
    .sb-toggle-left, .ul_social li { line-height: 20px; }
    .sb-slidebar nav span, .sb-slidebar nav a { font-size: 16px; }

    .box_payoff { top: 30%; }
    .box_payoff h3 { font-size: 16px; }

    #sec_home .box_focus h4 { font-size: 18px; }
    #sec_home .box_focus h5 { display: none; }


    .parallax-window hgroup { padding:40px 20px; }
    .parallax-window i      { font-size: 30px; line-height: 80px; margin-right: 20px; }
    .parallax-window h2     { font-size: 30px !important; line-height: 40px !important; }
    .parallax-window h3     { font-size: 18px; line-height: 24px; }

    #sec_list .grid_33 { width: 100%; padding: 5px 5px 15px; }

    #sec_list h2, #sec_content h2 { line-height: 40px; padding: 0px 10px; font-size: 14px; }
    #sec_content h2 a span { display: none; }
    #sec_content h2 .title_resp     { display: inline-block; }
    #sec_content h2 .title_noresp   { display: none; }

    #sec_content .grid_30, #sec_content .grid_70, article .grid_40, article .grid_60 { width: 100%; padding: 0px; }
    #sec_content article .grid_30 { padding: 0px 0px 20px; }

    .sec_certificazioni .grid_100 { padding: 5px; }
    .sec_certificazioni article { padding: 15px; margin: 0px 0px 20px; }
    .sec_certificazioni article .grid_40 { padding: 0px 0px 20px; }


    .sec_video .article_video { padding: 0px; }
    .sec_video iframe { height: 300px; }
    .article_video { margin: 20px 0px; }
    .article_images a { width: 50%; }
    article dt, article dd { margin: 0px 0px 5px; }
    article dt {  min-width: 120px; font-size: 14px; }

    form span, form span.grid_100, form span.grid_50 { padding: 10px; }
    form .btn_gen { margin: 20px auto 0px; display: block; float: none; }

}



@media all and (max-width:399px) {
    .box_payoff { top: 30%; }
    .box_payoff h2 { font-size: 24px; }
    .box_payoff h2 b { font-size: 31px; }
    .box_payoff h3 { margin: 10px 0px 0px; }

    .sb-slidebar nav i { width: 40px; height: 40px; line-height: 40px; }
    .sb-slidebar nav a { line-height: 40px; padding: 0px 0px 0px 60px; }
    
    .parallax-window { min-height: 100px; }
    .parallax-window hgroup { padding: 20px; }

}