@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_10 	{ width:10%; }

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

/* ======================================= */
/* 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:calc(12px + 0.4vw); line-height: 1.2em; color:#333333; font-family: 'Poppins', Arial, sans-serif; font-weight:300; text-rendering: optimizeLegibility; -webkit-font-smoothing:antialiased !important; text-shadow:1px 1px 1px rgba(0,0,0,0.05);  }
html	{ overflow-y:scroll; }
body 	{ overflow:hidden; }

.clearfix:before, .clearfix:after, .grid_100:before, .grid_100: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; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }

h1 	{ font-size: 2.5em; text-transform: uppercase;  } 
h2 	{ font-size: 1.5em;  } 
h3 	{ font-size: 1.3em;  color:#848a8d; }  
h4 	{ font-size: 1em;  }
h5 	{ font-size: 1.2em;  color:#848a8d; }
h6 	{ font-size: 1em; color:#e71788; margin:20px 0px 0px;  }

h1 strong, h2 strong { font-weight:700; }
h1 span, h2 strong, h2 span { float:left; }


p 	{ margin:10px 0px 0px; }
a 	{ text-decoration:none; }
img { width:100%; border:none; float:left; }

.div_center { width: 1440px; margin: 50px calc((100vw - 1440px) / 2); float: left; position: relative; }
.div_img 	{ height:400px; overflow: hidden; }

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

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

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

/* ======================================= */
/* 4 - BTN ------------------------------- */
/* ======================================= */
.btn_gen 		{ padding:10px 20px; display:inline-block; color:#fff; background:#333; transition:all .25s ease-in-out;  }
.btn_gen span	{ margin:0px 10px; }
.btn_gen:hover 	{ color:#fff; background:#e71788;  }

.btn_top { position:fixed; text-align:center; color:#fff; font-size:30px; bottom:20px; right:20px; width:40px; height:40px; line-height:40px; z-index:10;  border-radius:3px; transition: all .25s ease-in-out; }
.btn_down { position:fixed; text-align:center; color:#fff; font-size:70px; bottom:20px; left:50%; margin-left:-35px; width:40px; height:40px; line-height:40px; z-index:10; border-radius:3px; transition: all .25s ease-in-out; }

.btn_top span, .btn_down span { display: none; }

.box_payoff { 
	position: absolute; width: 50%; top: 40vmin; left: 100px;
	-webkit-text-shadow: 0px 1px 3px rgba(0,0,0,.3);
	-moz-text-shadow: 0px 1px 3px rgba(0,0,0,.3);
	text-shadow: 0px 1px 3px rgba(0,0,0,.3);	 
}
.box_payoff a 	{ color:#fff; }


.box_payoff h2 		{ font-size:5rem; line-height:1.2em; font-weight:700; text-transform:uppercase;  }
.box_payoff h2 span { font-weight:300; }
.box_payoff h3 		{ font-size:2rem; line-height:1.2em; clear: both; }


.bx-wrapper .bx-controls-direction a { width: 80px; height: 80px; line-height: 80px; margin-top: -50px; }

.bx-wrapper .bx-prev:after, .bx-wrapper .bx-next:after {
  width: 80px; height: 80px; line-height: 80px; background: none; font-size: 80px; float: left;
  font-family: 'FontAwesome'; color: #fff; text-indent: 0px;
}

.bx-wrapper .bx-prev:after { content: "\f104";  }
.bx-wrapper .bx-next:after { content: "\f105"; }

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
/* ======================================= */


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

/* Top Menu */
header { width:100%; position: fixed; top: 0px; left: 0px; background:#fff; height:70px; border-bottom:1px solid #e9eff2; -webkit-transform: translate3d(0,0,0); z-index: 100;  }
	.sticky 	{ position:fixed; top:0px; left:0px; z-index:100; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;  }
header h1 	{ width:200px; margin:10px; float:left; transition:all .25s ease-in-out; } 	header h1 span { display:none; } 

/* Main Menu */
nav 	{ float:right; position:relative; text-transform:uppercase; font-size:18px;  }
nav ul 	{ float:left; padding: 18px 0px 0px; }
nav li 	{ float:left; padding: 0px 10px; } 
nav li:last-child 		{ display: none; } 
nav li:last-child a 	{ width:25px; height:25px; line-height:25px; margin:0px; padding:0px; border-radius:50%; display:block; overflow:hidden; } 
nav li:last-child span 	{ display:none; }
nav li span, nav li b 	{ float:left; line-height:35px; transition:all .25s ease-in-out; }
nav img			{ float:none; }
nav a 			{ color:#333333; float:left; transition:all .25s ease-in-out; }
nav a:hover 	{ border-bottom:3px solid #e71788; }
nav b 			{ font-weight:700; }

nav a.active { color:#e71788; }

.sb-toggle-right 		{ display:none; color:#e71788; float:right; font-size:30px; line-height:30px; padding:18px; cursor:pointer; }
.sb-toggle-right span 	{ display:none; }


/* ======================================= */
/* 7 - FOOTER ---------------------------- */
/* ======================================= */
footer 			{ background:#333; color:#848a8d; padding:30px; float:left; width:100%; float: left; position: relative; }	
footer > .grid_50 { padding:10px 40px; } 
footer > .grid_50 > .grid_50 { padding:0px; }
footer h2  		{ padding:0px 20px; } 	
footer h2 img 	{ width:inherit; } 		
footer h2 span  { display:none; }
footer h3 		{ text-transform:uppercase; clear: both; }	
footer a 		{ color:#848a8d;  transition:all .25s ease-in-out;  }	 	
footer a:hover	{ color:#e71788; }	
footer p 		{ margin:10px 0px 40px; }

/* ======================================= */
/* 5 - FORM ------------------------------ */
/* ======================================= */
form span, form span.grid_100 	{ width:100%; padding:10px; float:left; position:relative; }
form img 	{ width:auto;  margin:0px 20px; }
fieldset, input, textarea, button { background:none; border:none; }
input, textarea { 
	width:100%; background:#292929; color:#848a8d; font-size:18px; border:1px solid #292929;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}
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; height:50px; background:#848a8d; text-transform:uppercase; }
button span  { float:none; }
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:#e71788; 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:#e71788; 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:#e71788; }

input:focus, textarea:focus {
	outline:none; border:1px solid #e71788;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(231,23,136,.5);
	-moz-box-shadow: 0px 1px 10px 0px rgba(231,23,136,.5);
	box-shadow: 0px 1px 10px 0px rgba(231,23,136,.5);
}


/* ======================================= */
/* 7 - SECTION --------------------------- */
/* ======================================= */
section { width:100%; float:left; position:relative; padding: 20px; margin-top: 70px; } 

#sec_slide { padding: 0px; margin: 0px; }


#sec_about li { position: relative; padding: 0px 0px 0px 30px; margin:5px 0px;  }
#sec_about li:before { content:"\f105"; color: #e71788; display:block; position:absolute; left:10px; top:50%; margin-top:-10px; font-family: 'FontAwesome'; }


/* PORTFOLIO ------------------------- */
.parallax-window 	    { min-height: calc(100vh / 4); background: transparent; text-transform: uppercase; }


#sec_portfolio article 				{ float:left; position:relative; padding-bottom:90px; margin:20px 0px 0px; overflow:hidden; transition:all .25s ease-in-out; }
#sec_portfolio article ul			{ width:100%; padding:5px 15px 0px; position:absolute; bottom:20px; left:0px; font-size:14px;  } 	
#sec_portfolio article li			{ float:left; position:relative; width:50%; padding:0px 5px; line-height:20px; text-align:center; } 	
#sec_portfolio article li + li 		{ float:right; }
#sec_portfolio article .btn_gen		{ display:block; padding:10px; } 	
#sec_portfolio .box_customer  		{ width:100%; padding:20px; position:absolute; height:200px; bottom:-110px; background:#fff; z-index:1; }
#sec_portfolio .box_customer_more 	{ 
	width:100px; height:50px; line-height:70px; position:absolute; top:-40px; left:50%; 
	margin-left:-50px; color:#e71788; font-size:50px; text-align:center; background:#fff;
		     border-radius: 100px 100px 0 0;
		-moz-border-radius: 100px 100px 0 0;
	 -webkit-border-radius: 100px 100px 0 0;
}	

.portfolioControls 				{ width:100%; font-size:calc(10px + 0.4vw);  text-align:center; text-transform:uppercase; }
.portfolioControls h4			{ font-size:20px; margin:10px 0px; }
.portfolioControls li 			{ color:#fff; display:inline-block; background:#848a8d; padding:10px 15px; cursor:pointer;  transition:all .25s ease-in-out; }
.portfolioControls li:hover		{ color:#e71788; background:#333;  }
.portfolioControls li.active 	{ background:#e71788; }
.portfolioControls li.active:hover 	{ color:#fff; }

#portfolioGrid 			{ width: 100%; margin-top:20px; float:left; position:relative; /* text-align: justify; for GAP */  }
#portfolioGrid:after 	{ content: ''; display: inline-block; width: 100%; }
#portfolioGrid .mix 	{ display: none; opacity: 0; }
#portfolioGrid .mix img { width:100%; border:none; }
#portfolioGrid article 	{ margin:0px; }
#portfolioGrid article p { line-height:20px; font-size:16px; }

.box_customer h3 		{ color: #e71788; }
.box_customer h4 		{  }




/* CUSTOMER  ------------------------- */
.customer_header .box_payoff { position:absolute; bottom:30px; left:30px; top: auto; color:#fff; width: 100%; }
.customer_header h1 { font-size:3em; line-height:1.2em; font-weight:700;  }
.customer_header h2 { font-size:1.5rem; line-height:1.2em; color:#fff; text-transform: none;  }

.customer_body 	{ padding:20px 0px; }
.customer_body *[class*="grid_"], .customer_footer *[class*="grid_"]  { padding:30px; }
.customer_body h3 { color:#e71788; text-transform:uppercase; }
.customer_body dl { margin:20px 0px; }
.customer_body dt { color:#e71788; margin:20px 0px 0px; font-size:18px; }
.customer_body dd { margin:5px 0px 0px; }
.customer_body li { background:#f4f8fa; line-height:20px; padding:5px 25px; position:relative; margin:5px 0px; }
.customer_body li:before { content:"\f105"; display:block; position:absolute; left:10px; top:50%; margin-top:-10px; font-family: 'FontAwesome'; }

.customer_footer 	{ padding:20px 30px; }
.customer_footer h4 { color:#e71788; text-transform:uppercase; }

.Collage 	{ padding:10px; margin:10px 0px 0px; } /* Set the spacing between images */
.Collage .Image_Wrapper { opacity:0; position:relative; text-align:center; }
.Collage .Image_Wrapper img { 
	/* Add style to the images like border, shadows, etc.. */
	opacity:1; border-radius:0px; vertical-align:middle;
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;

} 
.Collage .Image_Wrapper:hover img {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);	
	-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}


#sec_about h4 {  font-size: 24px; color: #e71788; margin:30px 0px 10px;  }
#sec_about ul a { color: #333; transition: all .25s ease-in-out; }
#sec_about ul a:hover { color: #e71788; }
/* ======================================= */
/* 7 - RESPONSIVE ------------------------ */
/* ======================================= */

	
@media all and (max-width:1499px) {
	.div_center { width: 100%; padding: 50px; margin: 0px; }

	#sec_portfolio article li { width:100%; }
	#sec_portfolio article li + li { margin-top:5px; } 

	#portfolioGrid .grid_25 { width: 33.33%; }


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

	h3 { font-size: 1.3rem; }
	h4 { font-size: 1.1rem; }
}


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

	.customer_header hgroup { bottom: 20px; left: 20px; }
	.customer_header hgroup h2 { font-size: 40px; line-height: 50px; }
	.customer_footer { padding: 20px; }
	#portfolioGrid div.grid_25 { width:33.33%; }

	footer h2 { padding: 0px 5px; }
	footer p { margin:0px 0px 20px; }
	footer > .grid_50 { padding: 20px; }
	footer > .grid_50 > .grid_50 { width: 100%; }

	form span.grid_50, form span.grid_70, form span.grid_30 { width: 100%; }
	button.btn_gen { float: none; margin: 0px auto; display: block; }
}


@media all and (max-width:899px) {
	
	header nav ul 		{ display:none; }
	
	.sb-toggle-right 	{ display:block; }
	.sb-slidebar  		{ background:#333; }	
	.sb-slidebar nav li	{ width:100%; margin:0px; position:relative; }	
	.sb-slidebar nav li:not(:last-child) a			{ color:#ffffff; padding:20px 20px 20px 40px; float:left; width:100%; border:none; }	
	.sb-slidebar nav li:not(:last-child) a:hover	{ color:#e71788; padding:20px 20px 20px 50px; }	
	.sb-slidebar nav li:not(:last-child):before		{ content:"\f105"; display:block; position:absolute; color:#fff; left:20px; top:50%; margin-top:-10px; font-family: 'FontAwesome';  }	
	.sb-slidebar nav li:last-child	{ padding:20px; }	
	.sb-slidebar nav li span, nav li b 	{ line-height:inherit;  }	
}

@media all and (max-width:799px) {
	h2 { font-size:24px;  }
	h3 { font-size:20px; line-height:20px; }
	h4 { font-size:22px; line-height:24px; }
	h5 { font-size:20px; line-height:22px; }

	#sec_slide { margin-top: 70px; }
	#sec_slide + section { margin-top: 0px; }

	#portfolioGrid div.grid_25 { width: 50%; }

	.customer_body { padding: 0px; }
	.customer_body *[class*="grid_"], .customer_footer *[class*="grid_"] { padding:20px; }
	.customer_footer.grid_50 { width: 100%; }

	label[for="captcha_EmailForm"] { width: 100%; margin:0px 0px 10px; }

	#sec_portfolio .box_customer_more {
	    width: 60px;
	    height: 30px;
	    line-height: 50px;
	    position: absolute;
	    top: -28px;
	    left: 50%;
	    margin-left: -30px;
	    font-size: 30px;
	}

	.customer_body *[class*="grid_"], .customer_footer *[class*="grid_"], #portfolioGrid div.grid_25, footer > .grid_50 > .grid_50, form span.grid_70, form span.grid_30 { width: 100%; }

}

@media all and (max-width:699px) {
	body, input, textarea, select, button, footer p { font-size:14px;  }

	h2 { font-size:24px;  }
	h3 { font-size:20px; line-height:20px; }
	h4 { font-size:20px; line-height:24px; }
	h5 { font-size:16px; line-height:22px; }

	.sb-slidebar h2 { font-size:20px;}	
	.sb-slidebar h3 { font-size:16px; line-height:18px; margin:10px 0px 5px; }
	.sb-slidebar ul > li a { font-size:14px; }
	.sb-slidebar i { margin-right:5px; }

	.div_img { height: 200px; }


	.customer_header hgroup 	{ bottom: 10px; left: 10px; }
	.customer_header hgroup h2 	{ font-size: 30px; line-height:30px; }
	.customer_header hgroup h3 	{ font-size: 20px; line-height: 24px; }

	#sec_portfolio .grid_33, #portfolioGrid div.grid_25 { width: 100%; padding: 20px 0px 0px; }
	.portfolioControls { font-size: 12px; }
	.portfolioControls h4 { font-size: 18px; line-height: 20px; }	
	

	footer 		{ padding: 20px 0px; }
	footer h2 	{ padding: 0px; }
	footer > .grid_50  { width:100%;  padding: 10px 20px; }
	footer > .grid_50 > .grid_50 { width:50%; }
	footer > .grid_50 + .grid_50 { margin:20px 0px 0px; }

	form span.grid_70 { width: 70%; }
	form span.grid_30 { width: 30%; }
	label[for="captcha_EmailForm"] { width: 100px; }


}

@media all and (max-width:599px) {
	p { line-height: 20px; }

	.box_payoff { width: 80%; left: 40px; top: auto; bottom: 40px; }
	.box_payoff h2 {  font-size: 2rem;  line-height: 1.2em; }
	.box_payoff h3 { font-size: 1rem; line-height: 1em;  }

	.bx-wrapper .bx-controls-direction a { margin-top: -10px; }
    .bx-wrapper .bx-controls-direction a, .bx-wrapper .bx-prev:after, .bx-wrapper .bx-next:after { width: 30px; height: 30px; line-height: 30px; font-size: 30px; }

	.customer_header h1 { font-size:2em; }
	.customer_header h2 { font-size:1em; }


	.box_customer h4 { font-size: 18px; }
	.box_customer h5 { font-size: 14px; }

	.Collage { padding: 1px; }
}
@media all and (max-width:499px) {
	h3 { font-size:16px; line-height:16px; }

	label[for="captcha_EmailForm"] { width: 100%; }

}

@media all and (max-width:399px) {
	.btn_gen { padding: 10px; font-size: 12px; }

}